tieptk/admin_hura_8
2
1
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity

up

Browse Source
This commit is contained in:
Tieptk
2025-02-18 16:30:26 +07:00
parent 66344ad5c6
commit dbeda7da6d
20 changed files with 655 additions and 599 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
assets/script/pc_style.css
View File

@@ -355,7 +355,7 @@ a {
font-weight: 600; font-weight: 600;
} }
.admin-content-container .content-holder { .admin-content-container .content-holder {
padding: 16px 0 16px 16px; padding: 16px;
} }
.admin-home-tab { .admin-home-tab {
@@ -761,6 +761,9 @@ a {
.table .icon-view { .table .icon-view {
background-position: -180px -82px; background-position: -180px -82px;
} }
.table .icon-feature {
background-position: -255px -82px;
}
.home-report-holder { .home-report-holder {
display: none; display: none;
@@ -792,4 +795,24 @@ a {
.text-custom-28 { .text-custom-28 {
font-size: 28px !important; font-size: 28px !important;
} }
}
@media (max-width: 675px) {
.admin-menu-container {
display: none;
}
.admin-content-container {
width: 100%;
}
.admin-content-container .content-holder {
padding: 10px;
}
.admin-content-container .item-stat {
grid-column: span 2/span 2;
}
.admin-content-container .item-chart {
grid-column: span 4/span 4;
}
.admin-header-right {
margin-top: 10px;
}
}/*# sourceMappingURL=pc_style.css.map */ }/*# sourceMappingURL=pc_style.css.map */

2
assets/script/pc_style.css.map
View File

File diff suppressed because one or more lines are too long

26
assets/script/pc_style.scss
View File

@@ -346,7 +346,7 @@ a {
} }
} }
.content-holder { .content-holder {
padding: 16px 0 16px 16px; padding: 16px;
} }
} }
@@ -766,6 +766,9 @@ a {
.icon-view { .icon-view {
background-position: -180px -82px; background-position: -180px -82px;
} }
.icon-feature {
background-position: -255px -82px;
}
} }
.home-report-holder { .home-report-holder {
display: none; display: none;
@@ -799,3 +802,24 @@ a {
font-size: 28px !important; font-size: 28px !important;
} }
} }
@media (max-width: 675px) {
.admin-menu-container {
display: none;
}
.admin-content-container {
width: 100%;
.content-holder {
padding: 10px;
}
.item-stat {
grid-column: span 2 / span 2;
}
.item-chart {
grid-column: span 4 / span 4;
}
}
.admin-header-right {
margin-top: 10px;
}
}

10
data/product/category.php
View File

@@ -59,13 +59,13 @@ function get_category_list($parentId=0, $currentCat="",$level=1, $prefix="", $ca
</td> </td>
<td>".$cat_id."</td> <td>".$cat_id."</td>
<td>413787</td> <td class='whitespace-nowrap'>413787</td>
<td><a href='/admin/product?category=".$cat_id."'>1292</a></td> <td><a href='/admin/product?category=".$cat_id."'>1292</a></td>
<td> <td>
<input type=text id=order_".$cat_id." value='".$cat_info["ordering"]."' size=2 onchange=\"update_order(".$cat_id.",this.value)\" /> <input type=text id=order_".$cat_id." value='".$cat_info["ordering"]."' size=2 onchange=\"update_order(".$cat_id.",this.value)\" />
<span class='status-ordering-".$cat_id."'></span> <span class='status-ordering-".$cat_id."'></span>
</td> </td>
<td> <td class='whitespace-nowrap'>
SP + Danh mục con SP + Danh mục con
</td> </td>
@@ -78,10 +78,10 @@ function get_category_list($parentId=0, $currentCat="",$level=1, $prefix="", $ca
</td> </td>
<td> <td>
<div class='list-btn flex items-center'> <div class='list-btn flex items-center'>
<a href=\"".$edit_link."\" class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i class='icons icon-edit'></i></a> <a href=\"".$edit_link."\" class='w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i class='icons icon-edit'></i></a>
<a class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]' href='javascript:set_category_feature(.$cat_id.,'off')'><i class='icons icon-feature'></i></a> <a class='w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]' href='javascript:set_category_feature(.$cat_id.,'off')'><i class='icons icon-feature'></i></a>
<span id=status-".$cat_id.">".$status."</span> <span id=status-".$cat_id.">".$status."</span>
<span class='status-delete-".$cat_id."'><a href=\"javascript:deleteThis(".$cat_id.")\" class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i class='icons icon-remove'></i></a></span> <span class='status-delete-".$cat_id."'><a href=\"javascript:deleteThis(".$cat_id.")\" class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i class='icons icon-delete'></i></a></span>
</div> </div>
</td> </td>
"; ";

135
template/customer/comment.html
View File

@@ -1,6 +1,5 @@
<div class="w-[100%]"> <div class="w-[100%]">
<div <div class="m-[15px] px-[15px] py-[20px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)]">
class="m-[15px] px-[15px] py-[20px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto">
<h1 class="text-[24px] font-[700] mb-3">Tổng hợp trao đổi</h1> <h1 class="text-[24px] font-[700] mb-3">Tổng hợp trao đổi</h1>
<div class="list-filter-account flex items-center"> <div class="list-filter-account flex items-center">
@@ -35,71 +34,73 @@
</select> </select>
</div> </div>
<div class="overflow-x-auto sm:whitespace-nowrap">
<table class="table"> <table class="table">
<thead class="bg-[#F6F6F6] text-[#000] text-[14px]"> <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
<tr> <tr>
<th>STT</th> <th>STT</th>
<th>Phản hồi</th> <th>Phản hồi</th>
<th>Thời gian</th> <th>Thời gian</th>
<th>Tác giả</th> <th>Tác giả</th>
<th>Sản phẩm</th> <th>Sản phẩm</th>
<th>Nội dung</th> <th>Nội dung</th>
<th>Lựa chọn</th> <th>Lựa chọn</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<td>1</td> <td>1</td>
<td>1</td> <td>1</td>
<td>09-08-2023, 11:24 am</td> <td>09-08-2023, 11:24 am</td>
<td> <td class="whitespace-nowrap">
<div class="flex items-center"> <div class="flex items-center">
<b>Nguyễn An</b> <b>Nguyễn An</b>
<p class="p-[3px_4px] rounded-[2px] bg-[#FFCECE] ml-[5px] font-[500] text-[10px]">Quản trị <p class="p-[3px_4px] rounded-[2px] bg-[#FFCECE] ml-[5px] font-[500] text-[10px]">Quản
viên</p> trị
</div> viên</p>
<p>annv@hurasoft.com</p> </div>
</td> <p>annv@hurasoft.com</p>
<td> </td>
<a href="" class="text-[#0041E8]">Màn Hình AOC 24B1XHS 23.8 inch Full HD</a> <td>
</td> <a href="" class="text-[#0041E8]">Màn Hình AOC 24B1XHS 23.8 inch Full HD</a>
<td> </td>
test reply <td>
</td> test reply
<td> </td>
<div class="flex items-center"> <td>
<a href="javascript:void(0)" onclick="js_list_reply_comment.showModal()" <div class="flex items-center">
class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]"> <a href="javascript:void(0)" onclick="js_list_reply_comment.showModal()"
<i class="fa-regular fa-hand-pointer text-[#0041E8]"></i> class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
</a> <i class="fa-regular fa-hand-pointer text-[#0041E8]"></i>
<a href="" </a>
class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]"> <a href=""
<i class="icons icon-edit"></i> class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
</a> <i class="icons icon-edit"></i>
<a href="" </a>
class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]"> <a href=""
<i class="fa-solid fa-crown text-[#0041E8]"></i> class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
</a> <i class="fa-solid fa-crown text-[#0041E8]"></i>
</div> </a>
<div class="flex items-center"> </div>
<a href="" <div class="flex items-center">
class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]"> <a href=""
<i class="fa fa-plus text-[#0041E8]"></i> class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
</a> <i class="fa fa-plus text-[#0041E8]"></i>
<a href="" </a>
class="w-[32px] h-[32px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]"> <a href=""
<i class="fa-solid fa-ban text-[#9E9E9E]"></i> class="w-[32px] h-[32px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
</a> <i class="fa-solid fa-ban text-[#9E9E9E]"></i>
<a href="" </a>
class="w-[32px] h-[32px] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]"> <a href=""
<i class="icons icon-delete"></i> class="w-[32px] h-[32px] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
</a> <i class="icons icon-delete"></i>
</div> </a>
</td> </div>
</tr> </td>
</tbody> </tr>
</table> </tbody>
</table>
</div>
<dialog id="js_list_reply_comment" class="modal"> <dialog id="js_list_reply_comment" class="modal">

4
template/customer/customer_contact.html
View File

@@ -19,7 +19,7 @@
</select> </select>
</div> </div>
<div class="lg:max-w-[1600px] xl:max-w-[1600px] md:max-w-[1600px] sm:max-w-[1600px] 2xl:max-w-full overflow-x-auto"> <div class="overflow-x-auto">
<table class="table"> <table class="table">
<thead class="bg-[#F6F6F6] text-[#000] text-[14px]"> <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
<tr> <tr>
@@ -56,7 +56,7 @@
<td class="xl:w-[120px] 2xl:w-auto"> <td class="xl:w-[120px] 2xl:w-auto">
<select name="" id="" <select name="" id=""
class="w-[100%] h-[30px] mb-[10px] border-[1px] border-[#F6F6F6] rounded-[4px] shadow-[0px_2px_4px_0px_#0000001F]"> class="w-[130px_!important] h-[30px] mb-[10px] border-[1px] border-[#F6F6F6] rounded-[4px] shadow-[0px_2px_4px_0px_#0000001F]">
<option value="">Trạng thái</option> <option value="">Trạng thái</option>
</select> </select>
<div class="flex items-center"> <div class="flex items-center">

64
template/customer/customer_newsletter.html
View File

@@ -25,36 +25,38 @@
</a> </a>
</div> </div>
<table class="mt-[15px] table"> <div class="overflow-x-auto sm:whitespace-nowrap">
<thead class="bg-[#F6F6F6] text-[#000] text-[14px]"> <table class="mt-[15px] table">
<tr> <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
<th class="w-[50px]">STT</th> <tr>
<th>Họ tên</th> <th class="w-[50px]">STT</th>
<th>Email</th> <th>Họ tên</th>
<th>Ngày đăng ký</th> <th>Email</th>
<th>Thông tin khác</th> <th>Ngày đăng ký</th>
<th class="w-[90px]">Lựa chọn</th> <th>Thông tin khác</th>
</tr> <th class="w-[90px]">Lựa chọn</th>
</thead> </tr>
<tbody> </thead>
<tr> <tbody>
<td>1</td> <tr>
<td>Trung Hiếu</td> <td>1</td>
<td>trunghieu27072009@gmail.com</td> <td>Trung Hiếu</td>
<td>19-07-2023, 4:45 pm</td> <td>trunghieu27072009@gmail.com</td>
<td>test reply</td> <td>19-07-2023, 4:45 pm</td>
<td> <td>test reply</td>
<div class='list-btn flex items-center'> <td>
<a href="" <div class='list-btn flex items-center'>
class='w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i <a href=""
class='icons icon-edit'></i></a> class='w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
<a href="" class='icons icon-edit'></i></a>
class='w-[32px] h-[32px] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i <a href=""
class='icons icon-delete'></i></a> class='w-[32px] h-[32px] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
</div> class='icons icon-delete'></i></a>
</td> </div>
</tr> </td>
</tbody> </tr>
</table> </tbody>
</table>
</div>
</div> </div>
</div> </div>

142
template/customer/customer_review.html
View File

@@ -1,5 +1,5 @@
<div class="w-[100%]"> <div class="w-[100%]">
<div class="m-[15px] p-[15px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto"> <div class="m-[15px] p-[15px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)]">
<h1 class="text-[24px] font-[700] mb-3">Khách hàng góp ý</h1> <h1 class="text-[24px] font-[700] mb-3">Khách hàng góp ý</h1>
<div class="flex items-center justify-between"> <div class="flex items-center justify-between">
<p>Tổng hợp các liên hệ của khách hàng từ form liên hệ trên trang <a href="/lien-he" <p>Tổng hợp các liên hệ của khách hàng từ form liên hệ trên trang <a href="/lien-he"
@@ -9,74 +9,76 @@
<option value="">Lọc xem ý kiến</option> <option value="">Lọc xem ý kiến</option>
</select> </select>
</div> </div>
<table class="table mt-[15px]"> <div class="overflow-x-auto sm:whitespace-nowrap">
<thead class="bg-[#F6F6F6] text-[#000] text-[14px]"> <table class="table mt-[15px]">
<tr> <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
<th class="w-[50px]">STT</th> <tr>
<th>Khách hàng</th> <th class="w-[50px]">STT</th>
<th>Nội dung</th> <th>Khách hàng</th>
<th class="w-[80px]">Lựa chọn</th> <th>Nội dung</th>
</tr> <th class="w-[80px]">Lựa chọn</th>
</thead> </tr>
<tbody> </thead>
<tr> <tbody>
<td>1</td> <tr>
<td> <td>1</td>
<p>huyth.c2hoangdieu.haugiang@gmail.com</p> <td>
<p>Trịnh Hoàng Huy</p> <p>huyth.c2hoangdieu.haugiang@gmail.com</p>
<p>29-01-2018, 1:34 am</p> <p>Trịnh Hoàng Huy</p>
</td> <p>29-01-2018, 1:34 am</p>
<td> </td>
<b>Góp ý (rate:0)</b> <td>
<p>cửa hàng nên có thêm các dòng SSD Samsung 960 PRO và Samsung 960 EVO để có thêm nhiều lựa <b>Góp ý (rate:0)</b>
chọn</p> <p>cửa hàng nên có thêm các dòng SSD Samsung 960 PRO và Samsung 960 EVO để có thêm nhiều lựa
</td> chọn</p>
<td> </td>
<a href="" <td>
class="w-[32px] m-[auto] h-[32px] rounded-[4px] text-center leading-[30px] flex items-center justify-center"> <a href=""
<i class="icons icon-delete"></i> class="w-[32px] m-[auto] h-[32px] rounded-[4px] text-center leading-[30px] flex items-center justify-center">
</a> <i class="icons icon-delete"></i>
</td> </a>
</tr> </td>
<tr> </tr>
<td>1</td> <tr>
<td> <td>1</td>
<p>huyth.c2hoangdieu.haugiang@gmail.com</p> <td>
<p>Trịnh Hoàng Huy</p> <p>huyth.c2hoangdieu.haugiang@gmail.com</p>
<p>29-01-2018, 1:34 am</p> <p>Trịnh Hoàng Huy</p>
</td> <p>29-01-2018, 1:34 am</p>
<td> </td>
<b>Góp ý (rate:0)</b> <td>
<p>cửa hàng nên có thêm các dòng SSD Samsung 960 PRO và Samsung 960 EVO để có thêm nhiều lựa <b>Góp ý (rate:0)</b>
chọn</p> <p>cửa hàng nên có thêm các dòng SSD Samsung 960 PRO và Samsung 960 EVO để có thêm nhiều lựa
</td> chọn</p>
<td> </td>
<a href="" <td>
class="w-[32px] m-[auto] h-[32px] rounded-[4px] text-center leading-[30px] flex items-center justify-center"> <a href=""
<i class="icons icon-delete"></i> class="w-[32px] m-[auto] h-[32px] rounded-[4px] text-center leading-[30px] flex items-center justify-center">
</a> <i class="icons icon-delete"></i>
</td> </a>
</tr> </td>
<tr> </tr>
<td>1</td> <tr>
<td> <td>1</td>
<p>huyth.c2hoangdieu.haugiang@gmail.com</p> <td>
<p>Trịnh Hoàng Huy</p> <p>huyth.c2hoangdieu.haugiang@gmail.com</p>
<p>29-01-2018, 1:34 am</p> <p>Trịnh Hoàng Huy</p>
</td> <p>29-01-2018, 1:34 am</p>
<td> </td>
<b>Góp ý (rate:0)</b> <td>
<p>cửa hàng nên có thêm các dòng SSD Samsung 960 PRO và Samsung 960 EVO để có thêm nhiều lựa <b>Góp ý (rate:0)</b>
chọn</p> <p>cửa hàng nên có thêm các dòng SSD Samsung 960 PRO và Samsung 960 EVO để có thêm nhiều lựa
</td> chọn</p>
<td> </td>
<a href="" <td>
class="w-[32px] m-[auto] h-[32px] rounded-[4px] text-center leading-[30px] flex items-center justify-center"> <a href=""
<i class="icons icon-delete"></i> class="w-[32px] m-[auto] h-[32px] rounded-[4px] text-center leading-[30px] flex items-center justify-center">
</a> <i class="icons icon-delete"></i>
</td> </a>
</tr> </td>
</tbody> </tr>
</table> </tbody>
</table>
</div>
</div> </div>
</div> </div>

3
template/customer/home.html
View File

@@ -50,8 +50,7 @@
</a> </a>
</div> </div>
</div> </div>
<div <div class="overflow-x-auto sm:whitespace-nowrap">
class="lg:max-w-[1600px] xl:max-w-[1600px] md:max-w-[1600px] sm:max-w-[1600px] 2xl:max-w-full overflow-x-auto whitespace-nowrap">
<table class="w-[100%] mt-[15px] table"> <table class="w-[100%] mt-[15px] table">
<thead class="bg-[#F6F6F6] text-[#000] text-[14px]"> <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
<tr> <tr>

132
template/customer/review.html
View File

@@ -35,71 +35,73 @@
</select> </select>
</div> </div>
<div class="overflow-x-auto sm:whitespace-nowrap">
<table class="table"> <table class="table">
<thead class="bg-[#F6F6F6] text-[#000] text-[14px]"> <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
<tr> <tr>
<th>STT</th> <th>STT</th>
<th>Phản hồi</th> <th>Phản hồi</th>
<th>Thời gian</th> <th>Thời gian</th>
<th>Tác giả</th> <th>Tác giả</th>
<th>Sản phẩm</th> <th>Sản phẩm</th>
<th>Nội dung</th> <th>Nội dung</th>
<th>Lựa chọn</th> <th>Lựa chọn</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<td>1</td> <td>1</td>
<td>1</td> <td>1</td>
<td>09-08-2023, 11:24 am</td> <td>09-08-2023, 11:24 am</td>
<td> <td>
<div class="flex items-center"> <div class="flex items-center">
<b>Nguyễn An</b> <b>Nguyễn An</b>
<p class="p-[3px_4px] rounded-[2px] bg-[#FFCECE] ml-[5px] font-[500] text-[10px]">Quản trị <p class="p-[3px_4px] rounded-[2px] bg-[#FFCECE] ml-[5px] font-[500] text-[10px]">Quản
viên</p> trị
</div> viên</p>
<p>annv@hurasoft.com</p> </div>
</td> <p>annv@hurasoft.com</p>
<td> </td>
<a href="" class="text-[#0041E8]">Màn Hình AOC 24B1XHS 23.8 inch Full HD</a> <td>
</td> <a href="" class="text-[#0041E8]">Màn Hình AOC 24B1XHS 23.8 inch Full HD</a>
<td> </td>
test reply <td>
</td> test reply
<td> </td>
<div class="flex items-center"> <td>
<a href="javascript:void(0)" onclick="js_list_reply_comment.showModal()" <div class="flex items-center">
class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]"> <a href="javascript:void(0)" onclick="js_list_reply_comment.showModal()"
<i class="fa-regular fa-hand-pointer text-[#0041E8]"></i> class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
</a> <i class="fa-regular fa-hand-pointer text-[#0041E8]"></i>
<a href="" </a>
class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]"> <a href=""
<i class="icons icon-edit"></i> class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
</a> <i class="icons icon-edit"></i>
<a href="" </a>
class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]"> <a href=""
<i class="fa-solid fa-crown text-[#0041E8]"></i> class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
</a> <i class="fa-solid fa-crown text-[#0041E8]"></i>
</div> </a>
<div class="flex items-center"> </div>
<a href="" <div class="flex items-center">
class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]"> <a href=""
<i class="fa fa-plus text-[#0041E8]"></i> class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
</a> <i class="fa fa-plus text-[#0041E8]"></i>
<a href="" </a>
class="w-[32px] h-[32px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]"> <a href=""
<i class="fa-solid fa-ban text-[#9E9E9E]"></i> class="w-[32px] h-[32px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
</a> <i class="fa-solid fa-ban text-[#9E9E9E]"></i>
<a href="" </a>
class="w-[32px] h-[32px] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]"> <a href=""
<i class="icons icon-delete"></i> class="w-[32px] h-[32px] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
</a> <i class="icons icon-delete"></i>
</div> </a>
</td> </div>
</tr> </td>
</tbody> </tr>
</table> </tbody>
</table>
</div>
<dialog id="js_list_reply_comment" class="modal"> <dialog id="js_list_reply_comment" class="modal">

12
template/home/components/main_stat.html
View File

@@ -1,5 +1,5 @@
<div <div
class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] transition duration-300 hover:shadow-[0px_1px_5px_0px_rgba(0,0,0,0.20)]"> class="sm:col-span-2 2xl:col-span-1 item-stat bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] transition duration-300 hover:shadow-[0px_1px_5px_0px_rgba(0,0,0,0.20)]">
<div class="border-b border-b-[#FAFAFB] p-[10px_10px_15px_13px]"> <div class="border-b border-b-[#FAFAFB] p-[10px_10px_15px_13px]">
<div class="flex justify-between leading-[16px] min-h-[32px]"> <div class="flex justify-between leading-[16px] min-h-[32px]">
<p class="mr-[10px] w-[calc(100%-36px)] text-[#B1B1B1] text-[12px] text-custom-16 uppercase"> <p class="mr-[10px] w-[calc(100%-36px)] text-[#B1B1B1] text-[12px] text-custom-16 uppercase">
@@ -28,7 +28,7 @@
</div> </div>
<div <div
class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] transition duration-300 hover:shadow-[0px_1px_5px_0px_rgba(0,0,0,0.20)]"> class="sm:col-span-2 2xl:col-span-1 item-stat bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] transition duration-300 hover:shadow-[0px_1px_5px_0px_rgba(0,0,0,0.20)]">
<div class="border-b border-b-[#FAFAFB] p-[10px_10px_15px_13px]"> <div class="border-b border-b-[#FAFAFB] p-[10px_10px_15px_13px]">
<div class="flex justify-between leading-[16px] min-h-[32px]"> <div class="flex justify-between leading-[16px] min-h-[32px]">
<p class="w-[calc(100%-36px)] mr-[10px] text-[#B1B1B1] text-[12px] text-custom-16 uppercase">Khách <p class="w-[calc(100%-36px)] mr-[10px] text-[#B1B1B1] text-[12px] text-custom-16 uppercase">Khách
@@ -56,7 +56,7 @@
</div> </div>
<div <div
class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] transition duration-300 hover:shadow-[0px_1px_5px_0px_rgba(0,0,0,0.20)]"> class="sm:col-span-2 2xl:col-span-1 item-stat bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] transition duration-300 hover:shadow-[0px_1px_5px_0px_rgba(0,0,0,0.20)]">
<div class="border-b border-b-[#FAFAFB] p-[10px_10px_15px_13px]"> <div class="border-b border-b-[#FAFAFB] p-[10px_10px_15px_13px]">
<div class="flex justify-between leading-[16px] min-h-[32px]"> <div class="flex justify-between leading-[16px] min-h-[32px]">
<p class="w-[calc(100%-36px)] mr-[10px] text-[#B1B1B1] text-custom-16 text-[12px] uppercase">Đơn <p class="w-[calc(100%-36px)] mr-[10px] text-[#B1B1B1] text-custom-16 text-[12px] uppercase">Đơn
@@ -84,7 +84,7 @@
</div> </div>
<div <div
class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] transition duration-300 hover:shadow-[0px_1px_5px_0px_rgba(0,0,0,0.20)]"> class="sm:col-span-2 2xl:col-span-1 item-stat bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] transition duration-300 hover:shadow-[0px_1px_5px_0px_rgba(0,0,0,0.20)]">
<div class="border-b border-b-[#FAFAFB] p-[10px_10px_15px_13px]"> <div class="border-b border-b-[#FAFAFB] p-[10px_10px_15px_13px]">
<div class="flex justify-between leading-[16px] min-h-[32px]"> <div class="flex justify-between leading-[16px] min-h-[32px]">
<p class="w-[calc(100%-36px)] mr-[10px] text-[#B1B1B1] text-custom-16 text-[12px] uppercase">Đơn <p class="w-[calc(100%-36px)] mr-[10px] text-[#B1B1B1] text-custom-16 text-[12px] uppercase">Đơn
@@ -112,7 +112,7 @@
</div> </div>
<div <div
class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] p-[16px] max-[1620px]:p-[10px] col-span-2"> class="sm:col-span-2 item-chart bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] p-[16px] max-[1620px]:p-[10px] col-span-2">
<div class="flex justify-between min-h-[100px]"> <div class="flex justify-between min-h-[100px]">
<div> <div>
<h5 class="leading-[30px] text-[24px] font-[600]">32.4k</h5> <h5 class="leading-[30px] text-[24px] font-[600]">32.4k</h5>
@@ -151,7 +151,7 @@
</div> </div>
<div <div
class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] p-[16px] max-[1620px]:p-[10px] col-span-2"> class="sm:col-span-2 item-chart bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] p-[16px] max-[1620px]:p-[10px] col-span-2">
<div class="pb-[14px] mb-[10px] border-b border-gray-200 dark:border-gray-700"> <div class="pb-[14px] mb-[10px] border-b border-gray-200 dark:border-gray-700">
<h5 class="leading-[30px] text-[24px] font-[600]">3.4k</h5> <h5 class="leading-[30px] text-[24px] font-[600]">3.4k</h5>

56
template/home/home.html
View File

@@ -1,7 +1,7 @@
<div class="content-holder xl:gap-[16px] 2xl:gap-[10px] grid 2xl:grid-cols-10"> <div class="content-holder xl:gap-[16px] 2xl:gap-[10px] grid 2xl:grid-cols-10">
<!-- col-left --> <!-- col-left -->
<div class="2xl:col-span-7 grid grid-cols-4 max-[1620px]:gap-[10px] gap-[16px] xl:col-span-10"> <div class="2xl:col-span-7 grid grid-cols-4 max-[1620px]:gap-[10px] gap-[16px] xl:col-span-10 diagram">
{% include 'home/components/main_stat' %} {% include 'home/components/main_stat' %}
@@ -28,34 +28,36 @@
</svg> </svg>
</a> </a>
<table class="table text-custom-16"> <div class="2xl:w-full lg:w-full md:w-full overflow-x-auto whitespace-nowrap">
<thead align="center" class="bg-[#F6F6F6] font-700 text-[14px] text-[#000]"> <table class="table text-custom-16">
<td width="50"> STT </td> <thead align="center" class="bg-[#F6F6F6] font-700 text-[14px] text-[#000]">
<td width="265"> Người dùng </td> <td width="50"> STT </td>
<td> Nội dung </td> <td width="265"> Người dùng </td>
<td width="150"> Thời gian </td> <td> Nội dung </td>
<td width="100"> Xem chi tiết </td> <td width="150"> Thời gian </td>
</thead> <td width="100"> Xem chi tiết </td>
</thead>
<tbody> <tbody>
{% for item in page.lich_su_chinh_sua %} {% for item in page.lich_su_chinh_sua %}
<tr> <tr>
<td class="text-center"> {{ item.id }} </td> <td class="text-center"> {{ item.id }} </td>
<td> {{ item.email }} </td> <td> {{ item.email }} </td>
<td> {{ item.content }} </td> <td> {{ item.content }} </td>
<td> {{ item.time }} </td> <td> {{ item.time }} </td>
<td> <td>
<a href="" <a href=""
class="block text-center rounded-[4px] border border-[#0041E8] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[36px] hover:bg-[#0041E8] hover:text-[#fff]"> class="block text-center rounded-[4px] border border-[#0041E8] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[36px] hover:bg-[#0041E8] hover:text-[#fff]">
Xem </a> Xem </a>
</td> </td>
</tr> </tr>
{% endfor %} {% endfor %}
</tbody> </tbody>
</table> </table>
</div>
</div> </div>
</div> </div>
@@ -250,13 +252,13 @@
mới</button> mới</button>
</form> </form>
<div class="home-todo-list"> <div class="home-todo-list overflow-x-auto 2xl:whitespace-normal sm:whitespace-nowrap">
<table class="table text-custom-16"> <table class="table text-custom-16">
<thead class="bg-[#F6F6F6] text-[14px] text-[#000] font-700"> <thead class="bg-[#F6F6F6] text-[14px] text-[#000] font-700">
<td class="text-center"> STT </td> <td class="text-center"> STT </td>
<td> Nội dung </td> <td> Nội dung </td>
<td> Hết hạn </td> <td> Hết hạn </td>
<td> Trạng thái </td> <td class="w-[100px]"> Trạng thái </td>
</thead> </thead>
<tbody> <tbody>

3
template/order/home.html
View File

@@ -82,8 +82,7 @@
</div> </div>
</div> </div>
<div <div class="w-full overflow-x-auto sm:whitespace-nowrap">
class="lg:max-w-[1600px] xl:max-w-[1600px] md:max-w-[1600px] sm:max-w-[1600px] 2xl:max-w-full overflow-x-auto whitespace-nowrap">
<table class="table table-pin-rows table-pin-cols"> <table class="table table-pin-rows table-pin-cols">
<thead class="bg-[#f6f6f6] text-[14px] font-500 text-[#000]"> <thead class="bg-[#f6f6f6] text-[14px] font-500 text-[#000]">
<tr> <tr>

4
template/order/paygate.html
View File

@@ -61,8 +61,8 @@
</a> </a>
</div> </div>
<div> <div class="w-full sm:whitespace-nowrap overflow-x-auto">
<table class="table lg:max-w-[1600px] xl:max-w-[1600px] md:max-w-[1600px] sm:max-w-[1600px] 2xl:max-w-full"> <table class="table ">
<thead class="bg-[#F6F6F6] text-[#000] text-[14px]"> <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
<tr class="font-[600]"> <tr class="font-[600]">
<td width="50"> STT </td> <td width="50"> STT </td>

2
template/order/wait_order.html
View File

@@ -38,7 +38,7 @@
</div> </div>
<div <div
class="lg:max-w-[1600px] xl:max-w-[1600px] md:max-w-[1600px] sm:max-w-[1600px] 2xl:max-w-full 2xl:overflow-hidden overflow-x-auto lg:whitespace-nowrap ms:whitespace-nowrap md:whitespace-nowrap 2xl:whitespace-normal"> class="w-full overflow-x-auto lg:whitespace-nowrap ms:whitespace-nowrap md:whitespace-nowrap 2xl:whitespace-normal">
<table class="table table-pin-rows table-pin-cols"> <table class="table table-pin-rows table-pin-cols">
<thead class="bg-[#F6F6F6] text-[#000] text-[14px]"> <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
<tr class="font-[600]"> <tr class="font-[600]">

3
template/product/addon.html
View File

@@ -16,8 +16,7 @@
</a> </a>
</div> </div>
<div <div class="overflow-x-auto sm:whitespace-nowrap">
class="lg:max-w-[1600px] xl:max-w-[1600px] md:max-w-[1600px] sm:max-w-[1600px] 2xl:max-w-full overflow-x-auto whitespace-nowrap">
<table class="mt-[15px] table"> <table class="mt-[15px] table">
<thead class="bg-[#f6f6f6] text-[#000] text-[14px]"> <thead class="bg-[#f6f6f6] text-[#000] text-[14px]">
<tr> <tr>

176
template/product/attribute.html
View File

@@ -8,94 +8,94 @@
class="inline-block w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#0041E8] text-center leading-[11px] text-[#0041E8] mb-[2px]">+</span> class="inline-block w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#0041E8] text-center leading-[11px] text-[#0041E8] mb-[2px]">+</span>
<span class="text-[#0041E8] font-[500]">Thêm thuộc tính mới</span> <span class="text-[#0041E8] font-[500]">Thêm thuộc tính mới</span>
</a> </a>
<div class="overflow-x-auto">
<table class="table mt-[20px]"> <table class="table mt-[20px]">
<thead class="bg-[#f6f6f6] text-[#000] text-[14px]"> <thead class="bg-[#f6f6f6] text-[#000] text-[14px]">
<tr> <tr>
<th>STT</th> <th>STT</th>
<th>Mã</th> <th>Mã</th>
<th>Tên hiển thị</th> <th>Tên hiển thị</th>
<th>Giá trị</th> <th>Giá trị</th>
<th>Danh mục đang có</th> <th>Danh mục đang có</th>
<th>Thứ tự</th> <th>Thứ tự</th>
<th>Trạng thái</th> <th>Trạng thái</th>
<th>Cập nhật</th> <th>Cập nhật</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<td>1</td> <td>1</td>
<td>phong-cach</td> <td class="whitespace-nowrap">phong-cach</td>
<td>Phong cách</td> <td>Phong cách</td>
<td>5</td> <td>5</td>
<td class="w-[390px]"> <td class="w-[390px]">
<a href="">Máy Tính Xách Tay,</a> <a href="">Máy Tính Xách Tay,</a>
<a href="">Macbook,</a> <a href="">Macbook,</a>
<a href="">Surface,</a> <a href="">Surface,</a>
<a href="">Laptop Acer,</a> <a href="">Laptop Acer,</a>
<a href="">Laptop Acer Aspire,</a> <a href="">Laptop Acer Aspire,</a>
<a href="">Laptop Acer TravelMate,</a> <a href="">Laptop Acer TravelMate,</a>
<a href="">Test,</a> <a href="">Test,</a>
</td> </td>
<td class="w-[145px]"> <td class="w-[145px]">
<input type="text" value="0" <input type="text" value="0"
class="w-[120px] h-[30px] p-[10px] border-[1px] border-[#D8D8D8] ml-[7px] rounded-[4px] shadow-[0_2px_4px_0_#0000001F]"> class="w-[120px] h-[30px] p-[10px] border-[1px] border-[#D8D8D8] ml-[7px] rounded-[4px] shadow-[0_2px_4px_0_#0000001F]">
</td> </td>
<td> <td>
<a href="" class="status on">Đang hoạt động</a> <a href="" class="status on">Đang hoạt động</a>
</td> </td>
<td> <td>
<div class='list-btn flex items-center'> <div class='list-btn flex items-center'>
<a href="" <a href=""
class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i class='w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
class='icons icon-edit'></i></a> class='icons icon-edit'></i></a>
<a href="" <a href=""
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
class="fa-regular fa-eye-slash text-[#9E9E9E]"></i></a> class="fa-regular fa-eye-slash text-[#9E9E9E]"></i></a>
<a href="" <a href=""
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
class='icons icon-remove'></i></a> class='icons icon-delete'></i></a>
</div> </div>
</td> </td>
</tr> </tr>
<tr> <tr>
<td>1</td> <td>1</td>
<td>phong-cach</td> <td class="whitespace-nowrap">phong-cach</td>
<td>Phong cách</td> <td>Phong cách</td>
<td>5</td> <td>5</td>
<td class="w-[390px]"> <td class="w-[390px]">
<a href="">Máy Tính Xách Tay,</a> <a href="">Máy Tính Xách Tay,</a>
<a href="">Macbook,</a> <a href="">Macbook,</a>
<a href="">Surface,</a> <a href="">Surface,</a>
<a href="">Laptop Acer,</a> <a href="">Laptop Acer,</a>
<a href="">Laptop Acer Aspire,</a> <a href="">Laptop Acer Aspire,</a>
<a href="">Laptop Acer TravelMate,</a> <a href="">Laptop Acer TravelMate,</a>
<a href="">Test,</a> <a href="">Test,</a>
</td> </td>
<td class="w-[145px]"> <td class="w-[145px]">
<input type="text" value="0" <input type="text" value="0"
class="w-[120px] h-[30px] p-[10px] border-[1px] border-[#D8D8D8] ml-[7px] rounded-[4px] shadow-[0_2px_4px_0_#0000001F]"> class="w-[120px] h-[30px] p-[10px] border-[1px] border-[#D8D8D8] ml-[7px] rounded-[4px] shadow-[0_2px_4px_0_#0000001F]">
</td> </td>
<td> <td>
<a href="" class="status off">Ẩn hiển thị</a> <a href="" class="status off">Ẩn hiển thị</a>
</td> </td>
<td> <td>
<div class='list-btn flex items-center'> <div class='list-btn flex items-center'>
<a href="" <a href=""
class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i class='w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
class='icons icon-edit'></i></a> class='icons icon-edit'></i></a>
<a href="" <a href=""
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
class="fa-regular fa-eye-slash text-[#9E9E9E]"></i></a> class="fa-regular fa-eye-slash text-[#9E9E9E]"></i></a>
<a href="" <a href=""
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
class='icons icon-remove'></i></a> class='icons icon-delete'></i></a>
</div> </div>
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div>
</div> </div>
</div> </div>

134
template/product/brand.html
View File

@@ -38,71 +38,73 @@
</a> </a>
</div> </div>
<table class="table mt-[15px]"> <div class="overflow-x-auto">
<thead class="bg-[#f6f6f6] text-[#000] text-[14px]"> <table class="table mt-[15px]">
<tr> <thead class="bg-[#f6f6f6] text-[#000] text-[14px]">
<th>STT</th> <tr>
<th>ID</th> <th>STT</th>
<th>Thương hiệu</th> <th>ID</th>
<th>Lượt xem</th> <th>Thương hiệu</th>
<th>Logo</th> <th>Lượt xem</th>
<th>Số Sản phẩm</th> <th>Logo</th>
<th>Cài đặt</th> <th>Số Sản phẩm</th>
<th>Cập nhật</th> <th>Cài đặt</th>
</tr> <th>Cập nhật</th>
</thead> </tr>
<tbody> </thead>
<tr> <tbody>
<td>1</td> <tr>
<td>750</td> <td>1</td>
<td> <td>750</td>
<b>10MOONS</b> <td>
<p class="flex items-center text-[#0041E8]"> <b>10MOONS</b>
<span>Link:</span> <p class="flex items-center text-[#0041E8]">
<a href="">/brand/10moons</a> <span>Link:</span>
</p> <a href="">/brand/10moons</a>
<p>Cập nhật cuối: 0000-00-00 00:00:00</p> </p>
</td> <p>Cập nhật cuối: 0000-00-00 00:00:00</p>
<td> </td>
0 <td>
</td> 0
<td> </td>
<a href=""> <td>
<img src="{{'brand-1.png'| asset_url }}" alt=""> <a href="">
</a> <img src="{{'brand-1.png'| asset_url }}" alt="">
</td> </a>
<td> </td>
<div class="flex items-center"> <td>
<p>1</p> <div class="flex items-center">
<a href="" class="px-[7px] py-[4px] bg-[#0041E8] text-white ml-[10px] rounded-[4px]">Xem <p>1</p>
SP</a> <a href=""
</div> class="btn h-[30px] w-[100px] min-h-[30px] px-[7px] py-[4px] bg-[#0041E8] text-white ml-[10px] rounded-[4px]">Xem
</td> SP</a>
<td> </div>
<div class="flex items-center"> </td>
<span>STT</span> <td>
<input type="text" value="0" <div class="flex items-center">
class="w-[80px] h-[30px] p-[10px] border-[1px] border-[#D8D8D8] ml-[7px] rounded-[4px] shadow-[0_2px_4px_0_#0000001F]"> <span class="whitespace-nowrap">STT</span>
</div> <input type="text" value="0"
</td> class="w-[80px] h-[30px] p-[10px] border-[1px] border-[#D8D8D8] ml-[7px] rounded-[4px] shadow-[0_2px_4px_0_#0000001F]">
<td> </div>
<div class='list-btn flex items-center'> </td>
<a href="" <td>
class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i <div class='list-btn flex items-center'>
class='icons icon-edit'></i></a> <a href=""
<a class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]' class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
href=''><i class='icons icon-feature'></i></a> class='icons icon-edit'></i></a>
<a href="" <a class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i href=''><i class='icons icon-feature'></i></a>
class="fa-regular fa-eye-slash text-[#9E9E9E]"></i></a> <a href=""
<a href="" class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i class="fa-regular fa-eye-slash text-[#9E9E9E]"></i></a>
class='icons icon-remove'></i></a> <a href=""
</div> class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
</td> class='icons icon-remove'></i></a>
</tr> </div>
</tbody> </td>
</table> </tr>
</tbody>
</table>
</div>
</div> </div>
</div> </div>

314
template/product/home.html
View File

@@ -1,6 +1,5 @@
<div class="w-[100%]"> <div class="w-[100%]">
<div <div class="m-[15px_0_15px_15px] px-[15px] py-[20px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)]">
class="m-[15px_0_15px_15px] px-[15px] py-[20px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto">
<h1 class="text-2xl font-[700] mb-3">Danh sách sản phẩm ({{ page.total | format_number }})</h1> <h1 class="text-2xl font-[700] mb-3">Danh sách sản phẩm ({{ page.total | format_number }})</h1>
<div class="flex flex-wrap justify-between items-center mt-[20px]"> <div class="flex flex-wrap justify-between items-center mt-[20px]">
<div class="btn-left flex items-center mb-[15px]"> <div class="btn-left flex items-center mb-[15px]">
@@ -32,165 +31,168 @@
</a> </a>
</div> </div>
</div> </div>
<table class="w-[100%] mt-[20px] table"> <div class="overflow-x-auto">
<thead class="bg-[#f6f6f6] text-[#000] text-[14px]"> <table class="w-[100%] mt-[20px] table">
<tr> <thead class="bg-[#f6f6f6] text-[#000] text-[14px]">
<th class="whitespace-nowrap">STT</th> <tr>
<th>Ảnh</th> <th class="whitespace-nowrap">STT</th>
<th class="text-left">Sản phẩm (Tổng số: {{page.total}})</th> <th>Ảnh</th>
<th class="whitespace-nowrap text-left w-[350px]">Thông tin bán hàng</th> <th class="text-left">Sản phẩm (Tổng số: {{page.total}})</th>
<th class="w-[200px]"> <th class="whitespace-nowrap text-left w-[350px]">Thông tin bán hàng</th>
<select id="" <th class="w-[200px]">
class="block w-[230px] h-[32px] px-[5px] bg-white border-[1px] border-[#D8D8D8] font-[400] h-[30px] mt-[5px] rounded-[4px] shadow-[0_2px_4px_0_#0000001F]" <select id=""
onchange="location.href=this.value"> class="block w-[230px] h-[32px] px-[5px] bg-white border-[1px] border-[#D8D8D8] font-[400] h-[30px] mt-[5px] rounded-[4px] shadow-[0_2px_4px_0_#0000001F]"
<option value="/admin/product?">Lọc sản phẩm</option> onchange="location.href=this.value">
<option value="/admin/product?hotType=new">Mới</option> <option value="/admin/product?">Lọc sản phẩm</option>
<option value="/admin/product?hotType=hot">HOT (hỏi nhiều)</option> <option value="/admin/product?hotType=new">Mới</option>
<option value="/admin/product?hotType=bestsale">Bán chạy</option> <option value="/admin/product?hotType=hot">HOT (hỏi nhiều)</option>
<option value="/admin/product?hotType=saleoff">Xả hàng (sale-off)</option> <option value="/admin/product?hotType=bestsale">Bán chạy</option>
<option value="/admin/product?hotType=online-only">Chỉ bán online</option> <option value="/admin/product?hotType=saleoff">Xả hàng (sale-off)</option>
</select> <option value="/admin/product?hotType=online-only">Chỉ bán online</option>
</th> </select>
<th class="text-left ">Công cụ</th> </th>
</tr> <th class="text-left ">Công cụ</th>
</thead> </tr>
<tbody> </thead>
{% assign counter = 0 %} <tbody>
{% for item in page.item_list %} {% assign counter = 0 %}
{% increment counter %} {% for item in page.item_list %}
<tr> {% increment counter %}
<td>{{ counter }}</td> <tr>
<td> <td>{{ counter }}</td>
<img class="block mx-auto my-0 w-[70px] h-[50px]" src="{{item.image.thumb}}" alt=""> <td>
<span class="text-center block">{{item.image_count}} ảnh</span> <img class="block mx-auto my-0 w-[70px] h-[50px]" src="{{item.image.thumb}}" alt="">
</td> <span class="text-center block">{{item.image_count}} ảnh</span>
<td> </td>
<a href="/admin/product/form?id={{item.id}}">[#{{item.id}}] <td>
<span class="text-[#0041E8]">- <a href="/admin/product/form?id={{item.id}}">[#{{item.id}}]
{{item.title}}</span> <span class="text-[#0041E8]">-
</a> {{item.title}}</span>
{% if item.config_count > 0 %}<p class="text-[#FFC700] text-[12px]">[Có cấu hình]</p>{% endif %} </a>
<div class="flex items-center my-[5px]"> {% if item.config_count > 0 %}<p class="text-[#FFC700] text-[12px]">[Có cấu hình]</p>{%
<span>Danh mục:</span> endif %}
<b class="mx-[10px]">Màn hình Máy tính</b> <div class="flex items-center my-[5px]">
</div> <span>Danh mục:</span>
<div class="flex items-center my-[5px]"> <b class="mx-[10px]">Màn hình Máy tính</b>
<span>Mã kho</span> </div>
<b class="px-[5px]">{{item.sku}}</b> <div class="flex items-center my-[5px]">
<span class="text-[#000] font-[500]">|</span> <span>Mã kho</span>
<span class="px-[5px]">Hãng</span> <b class="px-[5px]">{{item.sku}}</b>
<p class="text-[#0041E8]">{{item.model}}</p> <span class="text-[#000] font-[500]">|</span>
</div> <span class="px-[5px]">Hãng</span>
<p class="text-[#0041E8]">{{item.model}}</p>
</div>
{% assign date_now = "now" | date: format %} {% assign date_now = "now" | date: format %}
{% assign date_last = item.last_update %} {% assign date_last = item.last_update %}
{% assign time_conlai = date_now | minus: date_last %} {% assign time_conlai = date_now | minus: date_last %}
<p class="mb-[7px]">Cập nhật: {{item.last_update | date: "Y-m-d h:i" }} <span <p class="mb-[7px]">Cập nhật: {{item.last_update | date: "Y-m-d h:i" }} <span
class="text-[#E00000]">( class="text-[#E00000]">(
{{ time_conlai | divided_by: 86400 | round}} {{ time_conlai | divided_by: 86400 | round}}
ngày)</span></p> ngày)</span></p>
<p>Người cập nhật : {{item.last_update_by}}</p> <p>Người cập nhật : {{item.last_update_by}}</p>
</td> </td>
<td> <td>
<div class="flex flex-wrap items-center mb-[1px]"> <div class="flex flex-wrap items-center mb-[1px]">
<span class="">Giá bán:</span> <span class="">Giá bán:</span>
<b class="text-[#E00000] ml-[3px] whitespace-nowrap"> <b class="text-[#E00000] ml-[3px] whitespace-nowrap">
{% if item.price > 0 %} {% if item.price > 0 %}
{{item.price | format_price }} vnd {{item.price | format_price }} vnd
{% else %}
{{item.price }} vnd
{% endif %}
</b>
</div>
<div class="flex items-center mb-[1px]">
<span class="whitespace-nowrap">Giá thị trường:</span>
<b class="text-[#E00000] ml-[3px] whitespace-nowrap">
{% if item.market_price > 0 %} {{item.market_price | format_price }} vnd {% else %}
0 vnd {% endif %}
</b>
</div>
<p>Bảo hành: {{item.warranty}}</p>
<p>Khuyến mại: {{item.special_offer}}</p>
<div class="flex items-center">
<span>SL tổng:</span>
<b class="ml-[3px]">{{item.quantity}}</b>
</div>
</td>
<td class="align-text-top">
<label class="cursor-pointer flex items-center mb-[7px]"
onclick="AdminFunction.update_product_hot({{item.id}})">
<input type="checkbox" name="new" {% if item.hot_type=="new" %}checked="checked" {%
endif %} class="checkbox checkbox-success" />
<span class="label-text ml-[5px] whitespace-nowrap">Mới Hot (Hỏi nhiều)</span>
</label>
<label class="cursor-pointer flex items-center mb-[7px]"
onclick="AdminFunction.update_product_hot({{item.id}})">
<input type="checkbox" name="hot" {% if item.hot_type=="hot" %}checked="checked" {%
endif %} class="checkbox checkbox-success" />
<span class="label-text ml-[5px] whitespace-nowrap">Hot (Hỏi nhiều)</span>
</label>
<label class="cursor-pointer flex items-center mb-[7px]"
onclick="AdminFunction.update_product_hot({{item.id}})">
<input type="checkbox" name="bestsale" {% if item.hot_type=="bestsale"
%}checked="checked" {% endif %} class="checkbox checkbox-success" />
<span class="label-text ml-[5px] whitespace-nowrap">Bán
chạy</span>
</label>
<label class="cursor-pointer flex items-center mb-[7px]"
onclick="AdminFunction.update_product_hot({{item.id}})">
<input type="checkbox" name="saleoff" {% if item.hot_type=="saleoff" %}checked="checked"
{% endif %} class="checkbox checkbox-success" />
<span class="label-text ml-[5px] whitespace-nowrap">Xả
hàng (sale-off)</span>
</label>
<label class="cursor-pointer flex items-center mb-[7px]"
onclick="AdminFunction.update_product_hot({{item.id}})">
<input type="checkbox" name="online-only" {% if item.hot_type=="online-only"
%}checked="checked" {% endif %} class="checkbox checkbox-success" />
<span class="label-text ml-[5px] whitespace-nowrap">Chỉ bán online</span>
</label>
<div id="js-status-hottype-{{item.id}}" class="flex items-center mt-[5px]"></div>
</td>
<td class="align-text-top">
<div class="list-btn flex items-center w-[150px]">
<a href="/admin/product/form?id={{item.id}}" title="Form sản phẩm"
class="w-[32px] h-[32px] border-[1px] border-[#0041e8] rounded-[4px] text-center leading-[32px] flex items-center justify-center mr-[5px]">
<i class="icons icon-edit"></i>
</a>
<a href="{{item.request_path}}" title="Xem tại web" target="_blank"
class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
<i class="icons icon-view"></i>
</a>
{% if item.status == 0 %}
<a href=""
class="w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
<i class="fa-regular fa-eye-slash text-[#9E9E9E]"></i>
</a>
{% else %} {% else %}
{{item.price }} vnd <a href=""
class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] bg-white">
<i class="fa-regular fa-eye text-[#0041E8]"></i>
</a>
{% endif %} {% endif %}
</b> <a href=""
</div> class="w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
<div class="flex items-center mb-[1px]"> <i class="icons icon-delete"></i>
<span class="whitespace-nowrap">Giá thị trường:</span> </a>
<b class="text-[#E00000] ml-[3px] whitespace-nowrap"> </div>
{% if item.market_price > 0 %} {{item.market_price | format_price }} vnd {% else %} </td>
0 vnd {% endif %} </tr>
</b> {% endfor %}
</div>
<p>Bảo hành: {{item.warranty}}</p>
<p>Khuyến mại: {{item.special_offer}}</p>
<div class="flex items-center">
<span>SL tổng:</span>
<b class="ml-[3px]">{{item.quantity}}</b>
</div>
</td>
<td class="align-text-top">
<label class="cursor-pointer flex items-center mb-[7px]" </tbody>
onclick="AdminFunction.update_product_hot({{item.id}})"> </table>
<input type="checkbox" name="new" {% if item.hot_type=="new" %}checked="checked" {% endif %} </div>
class="checkbox checkbox-success" />
<span class="label-text ml-[5px]">Mới Hot (Hỏi nhiều)</span>
</label>
<label class="cursor-pointer flex items-center mb-[7px]"
onclick="AdminFunction.update_product_hot({{item.id}})">
<input type="checkbox" name="hot" {% if item.hot_type=="hot" %}checked="checked" {% endif %}
class="checkbox checkbox-success" />
<span class="label-text ml-[5px]">Hot (Hỏi nhiều)</span>
</label>
<label class="cursor-pointer flex items-center mb-[7px]"
onclick="AdminFunction.update_product_hot({{item.id}})">
<input type="checkbox" name="bestsale" {% if item.hot_type=="bestsale" %}checked="checked"
{% endif %} class="checkbox checkbox-success" />
<span class="label-text ml-[5px]">Bán
chạy</span>
</label>
<label class="cursor-pointer flex items-center mb-[7px]"
onclick="AdminFunction.update_product_hot({{item.id}})">
<input type="checkbox" name="saleoff" {% if item.hot_type=="saleoff" %}checked="checked" {%
endif %} class="checkbox checkbox-success" />
<span class="label-text ml-[5px]">Xả
hàng (sale-off)</span>
</label>
<label class="cursor-pointer flex items-center mb-[7px]"
onclick="AdminFunction.update_product_hot({{item.id}})">
<input type="checkbox" name="online-only" {% if item.hot_type=="online-only"
%}checked="checked" {% endif %} class="checkbox checkbox-success" />
<span class="label-text ml-[5px]">Chỉ bán online</span>
</label>
<div id="js-status-hottype-{{item.id}}" class="flex items-center mt-[5px]"></div>
</td>
<td class="align-text-top">
<div class="list-btn flex items-center w-[150px]">
<a href="/admin/product/form?id={{item.id}}" title="Form sản phẩm"
class="w-[32px] h-[32px] border-[1px] border-[#0041e8] rounded-[4px] text-center leading-[32px] flex items-center justify-center mr-[5px]">
<i class="icons icon-edit"></i>
</a>
<a href="{{item.request_path}}" title="Xem tại web" target="_blank"
class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
<i class="icons icon-view"></i>
</a>
{% if item.status == 0 %}
<a href=""
class="w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
<i class="fa-regular fa-eye-slash text-[#9E9E9E]"></i>
</a>
{% else %}
<a href=""
class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] bg-white">
<i class="fa-regular fa-eye text-[#0041E8]"></i>
</a>
{% endif %}
<a href=""
class="w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
<i class="icons icon-delete"></i>
</a>
</div>
</td>
</tr>
{% endfor %}
</tbody>
</table>
<div class="paging"> <div class="paging">
{% for paging in page.pagination.collection %} {% for paging in page.pagination.collection %}

7
template/product/spec_group.html
View File

@@ -19,14 +19,13 @@
<span class="ml-[5px]">Nhóm thông số kỹ thuật được ghép cho từng sản phẩm cụ thể</span> <span class="ml-[5px]">Nhóm thông số kỹ thuật được ghép cho từng sản phẩm cụ thể</span>
</p> </p>
<a href="/admin/product/spec-group" <a href="/admin/product/spec-group"
class="flex items-center border-[1px] border-[#0041E8] rounded-[4px] p-[5px_10px_5px_10px]"> class="flex items-center border-[1px] border-[#0041E8] rounded-[4px] p-[5px_10px_5px_10px] ml-[10px]">
<span <span
class="w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#0041E8] text-center leading-[11px] mr-[5px] text-[#0041E8]">+</span> class="w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#0041E8] text-center leading-[11px] mr-[5px] text-[#0041E8]">+</span>
<span class="text-[#0041E8]">Thêm nhóm mới</span> <span class="text-[#0041E8] whitespace-nowrap">Thêm nhóm mới</span>
</a> </a>
</div> </div>
<div <div class="overflow-x-auto sm:whitespace-nowrap">
class="lg:max-w-[1600px] xl:max-w-[1600px] md:max-w-[1600px] sm:max-w-[1600px] 2xl:max-w-full overflow-x-auto whitespace-nowrap">
<table class="table mt-[15px]"> <table class="table mt-[15px]">
<thead class="bg-[#f6f6f6] text-[#000] text-[14px]"> <thead class="bg-[#f6f6f6] text-[#000] text-[14px]">
<tr> <tr>