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-17 16:51:08 +07:00
parent ae9d94330f
commit 66344ad5c6
12 changed files with 354 additions and 369 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
assets/script/pc_style.css
View File

@@ -139,6 +139,10 @@ a {
overflow-y: auto; overflow-y: auto;
overflow-x: hidden; overflow-x: hidden;
} }
.admin-menu-container.show {
display: block;
z-index: 999;
}
.admin-menu-container a { .admin-menu-container a {
color: #fff; color: #fff;
} }
@@ -446,10 +450,6 @@ a {
background-position: -330px -88px; background-position: -330px -88px;
} }
.admin-header-container .menu-hide {
margin-left: 30px;
}
/* Bán hàng */ /* Bán hàng */
.page-input { .page-input {
width: 100%; width: 100%;
@@ -666,7 +666,7 @@ a {
height: 100%; height: 100%;
top: 0; top: 0;
left: 0; left: 0;
background: rgba(0, 0, 0, 0.6); background: rgba(0, 0, 0, 0.2);
z-index: 9; z-index: 9;
display: none; display: none;
} }
@@ -778,21 +778,6 @@ a {
body { body {
font-size: 18px; font-size: 18px;
} }
.admin-menu-container {
width: 300px;
}
.admin-content-container {
margin-left: 300px !important;
}
.menu-list .item {
line-height: 50px !important;
}
.admin-menu-container .sub-menu a {
font-size: 16px;
}
.admin-menu-container .hover-menu a {
line-height: 30px;
}
} }
@media (min-width: 1920px) { @media (min-width: 1920px) {
.text-custom-14 { .text-custom-14 {

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

File diff suppressed because one or more lines are too long

30
assets/script/pc_style.scss
View File

@@ -121,6 +121,10 @@ a {
overflow-y: auto; overflow-y: auto;
overflow-x: hidden; overflow-x: hidden;
} }
&.show {
display: block;
z-index: 999;
}
a { a {
color: #fff; color: #fff;
} }
@@ -439,12 +443,6 @@ a {
} }
} }
.admin-header-container {
.menu-hide {
margin-left: 30px;
}
}
/* Bán hàng */ /* Bán hàng */
.page-input { .page-input {
width: 100%; width: 100%;
@@ -672,7 +670,7 @@ a {
height: 100%; height: 100%;
top: 0; top: 0;
left: 0; left: 0;
background: rgba(0, 0, 0, 0.6); background: rgba(0, 0, 0, 0.2);
z-index: 9; z-index: 9;
display: none; display: none;
&.active { &.active {
@@ -785,24 +783,6 @@ a {
body { body {
font-size: 18px; font-size: 18px;
} }
.admin-menu-container {
width: 300px;
}
.admin-content-container {
margin-left: 300px !important;
}
.menu-list {
.item {
line-height: 50px !important;
}
}
.admin-menu-container .sub-menu a {
font-size: 16px;
}
.admin-menu-container .hover-menu a {
line-height: 30px;
}
} }
@media (min-width: 1920px) { @media (min-width: 1920px) {

51
template/customer/customer_contact.html
View File

@@ -1,27 +1,25 @@
<div class="w-[100%]"> <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)]">
<div <h1 class="text-[24px] font-[700]">Khách hàng liên hệ</h1>
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]">Khách hàng liên hệ</h1>
<form action="" <form action=""
class="flex items-center p-[15px] rounded-[10px] shadow-[0_1px_1px_0_rgba(0,0,0,0.10)] mt-[15px] border-[1px] border-[#F6F6F6]"> class="flex items-center p-[15px] rounded-[10px] shadow-[0_1px_1px_0_rgba(0,0,0,0.10)] mt-[15px] border-[1px] border-[#F6F6F6]">
<input type="text" name="" <input type="text" name=""
class="w-[375px] h-[35px] px-[10px] rounded-[4px] border-[#D8D8D8] border-[1px] mr-[10px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]" class="w-[375px] h-[35px] px-[10px] rounded-[4px] border-[#D8D8D8] border-[1px] mr-[10px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"
placeholder="Tìm kiếm"> placeholder="Tìm kiếm">
<button type="submit" class="px-[8px] py-[6px] rounded-[4px] text-white bg-[#0041E8]">Tìm kiếm</button> <button type="submit" class="px-[8px] py-[6px] rounded-[4px] text-white bg-[#0041E8]">Tìm kiếm</button>
</form> </form>
<div class="list-filter flex items-center justify-between mt-[15px] mb-[20px]"> <div class="list-filter flex items-center justify-between mt-[15px] mb-[20px]">
<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="" class="text-[#0041E8]">liên <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="" class="text-[#0041E8]">liên
hệ</a> của website</p> hệ</a> của website</p>
<select name="" id="" <select name="" id=""
class="w-[180px] h-[35px] p-[5px] border-[1px] border-[#D8D8D8] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"> class="w-[180px] h-[35px] p-[5px] border-[1px] border-[#D8D8D8] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
<option value="">Chọn bộ lọc</option> <option value="">Chọn bộ lọc</option>
</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">
<table class="table"> <table class="table">
<thead class="bg-[#F6F6F6] text-[#000] text-[14px]"> <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
<tr> <tr>
@@ -29,7 +27,7 @@
<th>Thời gian</th> <th>Thời gian</th>
<th>Khách hàng</th> <th>Khách hàng</th>
<th>Thông tin</th> <th>Thông tin</th>
<th class="w-[340px]">Nội dung liên hệ</th> <th class="w-[340px] whitespace-nowrap">Nội dung liên hệ</th>
<th class="w-[200px]">Ghi chú</th> <th class="w-[200px]">Ghi chú</th>
<th class="w-[120px]">Trạng thái</th> <th class="w-[120px]">Trạng thái</th>
</tr> </tr>
@@ -37,18 +35,18 @@
<tbody> <tbody>
<tr> <tr>
<td>1</td> <td>1</td>
<td>09-08-2023, 11:24 am</td> <td class="whitespace-nowrap">09-08-2023, 11:24 am</td>
<td>Đức Anh</td> <td>Đức Anh</td>
<td> <td class="whitespace-nowrap xl:w-[340px] md:w-[340px] sm:w-[340px] 2xl:w-auto">
<p>- Email: ducanhnguyen199x@gmail.com</p> <p>- Email: ducanhnguyen199x@gmail.com</p>
<p>- Tel: 0976642092</p> <p>- Tel: 0976642092</p>
<p>- Mobile: 0976642092</p> <p>- Mobile: 0976642092</p>
</td> </td>
<td> <td class="xl:w-[340px] md:w-[340px] sm:w-[340px] 2xl:w-auto table-cell">
Trả góp sản phẩm: HHWS AMD RYZEN 9 3900XT | 16G | NVIDIA RTX 2060 6G - Tên: no name - SĐT: Trả góp sản phẩm: HHWS AMD RYZEN 9 3900XT | 16G | NVIDIA RTX 2060 6G - Tên: no name - SĐT:
0147258369 - Nội dung: fsfdf 0147258369 - Nội dung: fsfdf
</td> </td>
<td> <td class="xl:w-[200px] md:w-[200px] sm:w-[200px] 2xl:w-auto">
<textarea name="" id="" <textarea name="" id=""
class="w-[100%] h-[40px] rounded-[4px] p-[5px] border-[1px] border-[#D8D8D8] mb-[5px]"></textarea> class="w-[100%] h-[40px] rounded-[4px] p-[5px] border-[1px] border-[#D8D8D8] mb-[5px]"></textarea>
<a href="" class="btn w-[100px] h-[35px] min-h-[35px] rounded-[4px] bg-[#0041E8] text-white">Cập <a href="" class="btn w-[100px] h-[35px] min-h-[35px] rounded-[4px] bg-[#0041E8] text-white">Cập
@@ -56,7 +54,7 @@
</td> </td>
<td> <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-[100%] 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>
@@ -75,6 +73,5 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div> </div>
</div> </div>

144
template/customer/home.html
View File

@@ -50,77 +50,79 @@
</a> </a>
</div> </div>
</div> </div>
<div
<table class="w-[100%] mt-[15px] table"> 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">
<thead class="bg-[#F6F6F6] text-[#000] text-[14px]"> <table class="w-[100%] mt-[15px] table">
<tr> <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
<th>STT</th> <tr>
<th>ID</th> <th>STT</th>
<th>Khách hàng</th> <th>ID</th>
<th>Thông tin</th> <th>Khách hàng</th>
<th>Tỉnh/TP</th> <th>Thông tin</th>
<th>Trạng thái</th> <th>Tỉnh/TP</th>
<th>Số đơn hàng</th> <th>Trạng thái</th>
<th>Tổng giá trị</th> <th>Số đơn hàng</th>
<th>Thời gian</th> <th>Tổng giá trị</th>
<th>Chỉnh sửa</th> <th>Thời gian</th>
</tr> <th>Chỉnh sửa</th>
</thead> </tr>
<tbody> </thead>
<tr> <tbody>
<td>1</td> <tr>
<td>1767</td> <td>1</td>
<td>Đức Anh</td> <td>1767</td>
<td> <td>Đức Anh</td>
<p>- Email: ducanhnguyen199x@gmail.com</p> <td>
<p>- Tel: 0976642092</p> <p>- Email: ducanhnguyen199x@gmail.com</p>
<p>- Mobile: 0976642092</p> <p>- Tel: 0976642092</p>
</td> <p>- Mobile: 0976642092</p>
<td> </td>
Hà Nội <td>
</td> Hà Nội
<td> </td>
<span class="w-[14px] h-[14px] bg-[#FFC700] block mx-auto my-0 rounded-[50%]"></span> <td>
</td> <span class="w-[14px] h-[14px] bg-[#FFC700] block mx-auto my-0 rounded-[50%]"></span>
<td> </td>
<span class="text-[#0041E8]">0</span><span class="ml-[5px]">Thành công</span> <td>
</td> <span class="text-[#0041E8]">0</span><span class="ml-[5px]">Thành công</span>
<td> </td>
<span class="text-[#0041E8]">0</span><span class="ml-[5px]">Thu</span> <td>
</td> <span class="text-[#0041E8]">0</span><span class="ml-[5px]">Thu</span>
<td> </td>
<p> <td>
- Tham gia: 06-10-2023, 10:46 am <p>
</p> - Tham gia: 06-10-2023, 10:46 am
<p> </p>
- Đăng nhập cuối: Chưa bao giờ <p>
</p> - Đăng nhập cuối: Chưa bao giờ
</td> </p>
<td> </td>
<div class="flex items-center"> <td>
<a href="/admin/product/form?id={{item.id}}" title="Form sản phẩm" <div class="flex items-center">
class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]"> <a href="/admin/product/form?id={{item.id}}" title="Form sản phẩm"
<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="{{item.request_path}}" title="Xem tại web" target="_blank" </a>
class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]"> <a href="{{item.request_path}}" title="Xem tại web" target="_blank"
<i class="fa-solid fa-lock 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-lock text-[#0041E8]"></i>
</div> </a>
<div class="flex items-center"> </div>
<a href="" <div class="flex items-center">
class="w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]"> <a href=""
<i class="fa-solid fa-globe text-[#9E9E9E]"></i> class="w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
</a> <i class="fa-solid fa-globe text-[#9E9E9E]"></i>
<a href="" </a>
class="w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]"> <a href=""
<i class="icons icon-remove"></i> class="w-[32px] h-[32px] border-[1px] border-[#9E9E9E] 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>
<div class="paging"> <div class="paging">
<a href=""> <a href="">

2
template/home/home.html
View File

@@ -1,4 +1,4 @@
<div class="content-holder gap-[16px] max-[1620px]:gap-[10px] grid 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">

10
template/javascript/global.html
View File

@@ -3,7 +3,8 @@
// Sự kiện click để hiển thị menu // Sự kiện click để hiển thị menu
$('#js-show-menu').click(function () { $('#js-show-menu').click(function () {
AdminFunctions.toggleMenuVisibility(false); $('#js-menu-big').toggleClass('show');
$('#overlay').addClass('active');
}); });
// Sự kiện click để ẩn menu // Sự kiện click để ẩn menu
@@ -19,6 +20,13 @@
}) })
function clickBackground() {
$('#js-menu-big').removeClass('show');
$('#overlay').removeClass('active');
}
function formatCurrency(a) { function formatCurrency(a) {
var b = parseFloat(a).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, "$1.").toString(); var b = parseFloat(a).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, "$1.").toString();
var len = b.length; var len = b.length;

93
template/product/addon.html
View File

@@ -16,50 +16,53 @@
</a> </a>
</div> </div>
<table class="mt-[15px] table"> <div
<thead class="bg-[#f6f6f6] text-[#000] text-[14px]"> 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">
<tr> <table class="mt-[15px] table">
<th>STT</th> <thead class="bg-[#f6f6f6] text-[#000] text-[14px]">
<th>Thông tin</th> <tr>
<th>Giá</th> <th>STT</th>
<th>Sản phẩm</th> <th>Thông tin</th>
<th>Cập nhật</th> <th>Giá</th>
</tr> <th>Sản phẩm</th>
</thead> <th>Cập nhật</th>
<tbody> </tr>
<tr> </thead>
<td>1</td> <tbody>
<td> <tr>
<div class="flex items-center"> <td>1</td>
<span>[8]</span> <td>
<a href="" class="name ml-[5px]">Bộ phím chuột không dây Kenoo KM600 trị giá 249.000 VND <div class="flex items-center">
(KBKN002)</a> <span>[8]</span>
</div> <a href="" class="name ml-[5px]">Bộ phím chuột không dây Kenoo KM600 trị giá 249.000 VND
<p>Ghi chú: KM màn hình 27 1</p> (KBKN002)</a>
<p>Tạo lúc: 04-06-2022, 8:28 am, cập nhật: 04-06-2022, 8:28 am</p> </div>
</td> <p>Ghi chú: KM màn hình 27 1</p>
<td>3.849.000 vnd</td> <p>Tạo lúc: 04-06-2022, 8:28 am, cập nhật: 04-06-2022, 8:28 am</p>
<td class="w-[90px]"><a href="" </td>
class="block btn w-[86px] h-[30px] min-h-[30px] leading-[28px] text-center text-white bg-[#0041E8] rounded-[4px]">Xem <td>3.849.000 vnd</td>
SP</a></td> <td class="w-[90px]"><a href=""
<td class="w-[150px]"> class="block btn w-[86px] h-[30px] min-h-[30px] leading-[28px] text-center text-white bg-[#0041E8] rounded-[4px]">Xem
<div class='list-btn flex items-center'> SP</a></td>
<a href="" <td class="w-[150px]">
class='w-[32px] h-[32px] 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 href="" class='w-[32px] h-[32px] 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='fa fa-plus text-[#0041E8]'></i></a> <a href=""
<a href="" class='w-[32px] h-[32px] 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-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i class='fa fa-plus text-[#0041E8]'></i></a>
class="fa-regular fa-eye-slash text-[#9E9E9E]"></i></a> <a href=""
<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='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i class="fa-regular fa-eye-slash text-[#9E9E9E]"></i></a>
class='icons icon-delete'></i></a> <a href=""
</div> class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
</td> class='icons icon-delete'></i></a>
</tr> </div>
</tbody> </td>
</table> </tr>
</tbody>
</table>
</div>
</div> </div>
</div> </div>

66
template/product/config_group.html
View File

@@ -18,37 +18,39 @@
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 nhóm cấu hình</span> <span class="text-[#0041E8] font-[500]">Thêm nhóm cấu hình</span>
</a> </a>
<div
<table class="table mt-[15px]"> 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">
<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>Thông tin</th> <th>STT</th>
<th>Cập nhật</th> <th>Thông tin</th>
</tr> <th>Cập nhật</th>
</thead> </tr>
<tbody> </thead>
<tr> <tbody>
<td class="w-[40px]">1</td> <tr>
<td> <td class="w-[40px]">1</td>
<a href="">Máy In Canon Pixma IX6870-In Phun Mầu</a> <td>
<p> <a href="">Máy In Canon Pixma IX6870-In Phun Mầu</a>
<span>Tạo lúc: 28-12-2023, 11:34 am,</span> <p>
<span>cập nhật: 28-12-2023, 11:34 am</span> <span>Tạo lúc: 28-12-2023, 11:34 am,</span>
</p> <span>cập nhật: 28-12-2023, 11:34 am</span>
</td> </p>
<td class="w-[90px]"> </td>
<div class='list-btn flex items-center justify-center'> <td class="w-[90px]">
<a href="" <div class='list-btn flex items-center justify-center'>
class='w-[30px] h-[30px] 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-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i <a href=""
class='icons icon-remove'></i></a> class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
</div> class='icons icon-delete'></i></a>
</td> </div>
</tr> </td>
</tbody> </tr>
</table> </tbody>
</table>
</div>
</div> </div>
</div> </div>

111
template/product/list_competitor.html
View File

@@ -24,61 +24,62 @@
<option value="">Bộ lọc</option> <option value="">Bộ lọc</option>
</select> </select>
</div> </div>
<div
<table class="table"> 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">
<thead class="bg-[#f6f6f6] text-[#000] text-[14px]"> <table class="table">
<tr> <thead class="bg-[#f6f6f6] text-[#000] text-[14px]">
<th>STT</th> <tr>
<th>Sản phẩm (Tổng số: 53)</th> <th>STT</th>
<th>Cập nhật</th> <th>Sản phẩm (Tổng số: 53)</th>
</tr> <th>Cập nhật</th>
</thead> </tr>
<tbody> </thead>
<tr> <tbody>
<td class="w-[40px]">1</td> <tr>
<td> <td class="w-[40px]">1</td>
<a href="" class="name">Ổ Cứng SSD KINGMAX 120GB SMV32</a> <td>
<p>- Giá: <b>499.000</b></p> <a href="" class="name">Ổ Cứng SSD KINGMAX 120GB SMV32</a>
<p>-Mã kho: OCKM0008</p> <p>- Giá: <b>499.000</b></p>
<p>- Cập nhật: 25-01-2024, 9:46 am (29 ngày)</p> <p>-Mã kho: OCKM0008</p>
</td> <p>- Cập nhật: 25-01-2024, 9:46 am (29 ngày)</p>
<td class="w-[130px]"> </td>
<a href="" <td class="w-[130px]">
class="block btn w-[100px] bg-[#0041E8] h-[35px] leading-[35px] min-h-[35px] text-center text-white rounded-[4px]">Cập <a href=""
nhật</a> class="block btn w-[100px] bg-[#0041E8] h-[35px] leading-[35px] min-h-[35px] text-center text-white rounded-[4px]">Cập
</td> nhật</a>
</tr> </td>
<tr> </tr>
<td class="w-[40px]">1</td> <tr>
<td> <td class="w-[40px]">1</td>
<a href="" class="name">Ổ Cứng SSD KINGMAX 120GB SMV32</a> <td>
<p>- Giá: <b>499.000</b></p> <a href="" class="name">Ổ Cứng SSD KINGMAX 120GB SMV32</a>
<p>-Mã kho: OCKM0008</p> <p>- Giá: <b>499.000</b></p>
<p>- Cập nhật: 25-01-2024, 9:46 am (29 ngày)</p> <p>-Mã kho: OCKM0008</p>
</td> <p>- Cập nhật: 25-01-2024, 9:46 am (29 ngày)</p>
<td class="w-[130px]"> </td>
<a href="" <td class="w-[130px]">
class="block btn w-[100px] bg-[#0041E8] h-[35px] leading-[35px] min-h-[35px] text-center text-white rounded-[4px]">Cập <a href=""
nhật</a> class="block btn w-[100px] bg-[#0041E8] h-[35px] leading-[35px] min-h-[35px] text-center text-white rounded-[4px]">Cập
</td> nhật</a>
</tr> </td>
<tr> </tr>
<td class="w-[40px]">1</td> <tr>
<td> <td class="w-[40px]">1</td>
<a href="" class="name">Ổ Cứng SSD KINGMAX 120GB SMV32</a> <td>
<p>- Giá: <b>499.000</b></p> <a href="" class="name">Ổ Cứng SSD KINGMAX 120GB SMV32</a>
<p>-Mã kho: OCKM0008</p> <p>- Giá: <b>499.000</b></p>
<p>- Cập nhật: 25-01-2024, 9:46 am (29 ngày)</p> <p>-Mã kho: OCKM0008</p>
</td> <p>- Cập nhật: 25-01-2024, 9:46 am (29 ngày)</p>
<td class="w-[130px]"> </td>
<a href="" <td class="w-[130px]">
class="block btn w-[100px] bg-[#0041E8] h-[35px] leading-[35px] min-h-[35px] text-center text-white rounded-[4px]">Cập <a href=""
nhật</a> class="block btn w-[100px] bg-[#0041E8] h-[35px] leading-[35px] min-h-[35px] text-center text-white rounded-[4px]">Cập
</td> nhật</a>
</tr> </td>
</tbody> </tr>
</table> </tbody>
</table>
</div>
</div> </div>

123
template/product/spec_group.html
View File

@@ -25,66 +25,67 @@
<span class="text-[#0041E8]">Thêm nhóm mới</span> <span class="text-[#0041E8]">Thêm nhóm mới</span>
</a> </a>
</div> </div>
<div
<table class="table mt-[15px]"> 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">
<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>Tên gọi/miêu tả</th> <th>STT</th>
<th>Cập nhật</th> <th>Tên gọi/miêu tả</th>
</tr> <th>Cập nhật</th>
</thead> </tr>
<tbody> </thead>
<tr> <tbody>
<td class="w-[38px]">1</td> <tr>
<td> <td class="w-[38px]">1</td>
<a href="" class="name">Camera</a> <td>
</td> <a href="" class="name">Camera</a>
<td class="w-[100px]"> </td>
<div class='list-btn flex items-center justify-center'> <td class="w-[100px]">
<a href="" <div class='list-btn flex items-center justify-center'>
class='w-[30px] h-[30px] 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-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i <a href=""
class='icons icon-remove'></i></a> class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
</div> class='icons icon-delete'></i></a>
</td> </div>
</tr> </td>
<tr> </tr>
<td class="w-[38px]">1</td> <tr>
<td> <td class="w-[38px]">1</td>
<a href="" class="name">Camera</a> <td>
</td> <a href="" class="name">Camera</a>
<td class="w-[100px]"> </td>
<div class='list-btn flex items-center justify-center'> <td class="w-[100px]">
<a href="" <div class='list-btn flex items-center justify-center'>
class='w-[30px] h-[30px] 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-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i <a href=""
class='icons icon-remove'></i></a> class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
</div> class='icons icon-delete'></i></a>
</td> </div>
</tr> </td>
<tr> </tr>
<td class="w-[38px]">1</td> <tr>
<td> <td class="w-[38px]">1</td>
<a href="" class="name">Camera</a> <td>
</td> <a href="" class="name">Camera</a>
<td class="w-[100px]"> </td>
<div class='list-btn flex items-center justify-center'> <td class="w-[100px]">
<a href="" <div class='list-btn flex items-center justify-center'>
class='w-[30px] h-[30px] 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-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i <a href=""
class='icons icon-remove'></i></a> class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
</div> class='icons icon-delete'></i></a>
</td> </div>
</tr> </td>
</tbody> </tr>
</table> </tbody>
</table>
</div>
</div> </div>
</div> </div>

66
template/theme.html
View File

@@ -21,12 +21,13 @@
<body> <body>
<div id="overlay"></div> <div id="overlay" onclick="clickBackground()"></div>
<div class="admin-global-container"> <div class="admin-global-container">
<!-- Menu full --> <!-- Menu full -->
<div class="admin-menu-container box-menu fixed top-0 left-0 h-[100vh] z-[999]" id="js-menu-big"> <div class="admin-menu-container box-menu fixed top-0 left-0 h-[100vh] z-[999] 2xl:block lg:block md:hidden sm:hidden"
id="js-menu-big">
<a href="" class="menu-logo"> <a href="" class="menu-logo">
<img src="{{ 'logo.png' | asset_url }}" /> <img src="{{ 'logo.png' | asset_url }}" />
</a> </a>
@@ -67,13 +68,13 @@
{% elsif _type == 'system' %}<i class="icons w-[20px] h-[20px] mr-[13px] icon-system"></i> {% elsif _type == 'system' %}<i class="icons w-[20px] h-[20px] mr-[13px] icon-system"></i>
{% endif %} {% endif %}
<span class="title"> {{ _category[1].name }} </span> <span class="title text-[14px]"> {{ _category[1].name }} </span>
</div> </div>
<i class="fa-solid fa-chevron-right"></i> <i class="fa-solid fa-chevron-right"></i>
</div> </div>
<div class="sub-menu" id="{{ _type }}"> <div class="sub-menu text-[14px]" id="{{ _type }}">
{% for _item in _menuArray %} {% for _item in _menuArray %}
<a href="{{ _item.url }}" <a href="{{ _item.url }}"
class="p-[8px_16px] flex items-center {% if _item.view == global.view and _item.module == global.module %}current {% endif %}"> class="p-[8px_16px] flex items-center {% if _item.view == global.view and _item.module == global.module %}current {% endif %}">
@@ -104,35 +105,40 @@
</div> </div>
</div> </div>
<div class="admin-content-container ml-[245px]" id="js-admin-content-container"> <div class="admin-content-container 2xl:ml-[245px] 2xl:w-[calc(100%_-50px)] lg:ml-[245px] lg:w-[calc(100%_-50px)] md:ml-0 sm:ml-0 md:w-full sm:w-full"
id="js-admin-content-container">
<!-- Header --> <!-- Header -->
<div class="admin-header-container flex items-center flex-wrap justify-between bg-white px-4 py-3"> <div class="admin-header-container flex items-center flex-wrap justify-between bg-white px-4 py-3">
<form class="max-w-[420px] relative w-[100%] menu-hide" id="js-form-search"> <div class="flex items-center">
<div <a href="javascript:void(0)" title="Mở menu"
class="content w-[100%] flex items-center border-[#ECECEC] border-[1px] rounded-[5px] focus-within:border-[#0041E8]"> class="icon-close lg:hidden md:block mr-[10px] 2xl:hidden sm:hidden" id="js-show-menu">
<div class="inset-y-0 start-0 flex items-center ps-3 pointer-events-none"> <i class="fa fa-bars text-[25px]"></i>
<i class="icons icon-search"></i> </a>
<form class="w-[420px] relative w-[100%] menu-hide" id="js-form-search">
<div
class="content w-[100%] flex items-center border-[#ECECEC] border-[1px] rounded-[5px] focus-within:border-[#0041E8]">
<div class="inset-y-0 start-0 flex items-center ps-3 pointer-events-none">
<i class="icons icon-search"></i>
</div>
<input type="search" class="block h-[36px] rounded w-full" id="js-input-search"
placeholder="Tìm kiếm">
</div> </div>
<div class="autocomplete-suggestions absolute bg-white w-[100%] shadow-[0_2px_7px_0_rgb(177_177_177)] hidden rounded-[4px]"
<input type="search" class="block h-[36px] rounded w-full" id="js-input-search" id="js-show-search">
placeholder="Tìm kiếm"> <a href="" class="item line-clamp-1">Máy in mã vạch MH241</a>
</div> <a href="" class="item line-clamp-1">Chăn hè đũi xơ đậu nành mã 32 Gấu xanh</a>
<a href="" class="item line-clamp-1">Máy đo độ bóng Horiba IG-320 (gloss meter)</a>
<div class="autocomplete-suggestions absolute bg-white w-[100%] shadow-[0_2px_7px_0_rgb(177_177_177)] hidden rounded-[4px]" <a href="" class="item line-clamp-1">iPhone 11 Chính Hãng</a>
id="js-show-search"> <a href="" class="item line-clamp-1">cpu core i3 1</a>
<a href="" class="item line-clamp-1">Máy in mã vạch MH241</a> <a href="" class="item line-clamp-1">Máy in mã vạch MH241</a>
<a href="" class="item line-clamp-1">Chăn hè đũi xơ đậu nành mã 32 Gấu xanh</a> <a href="" class="item line-clamp-1">Chăn hè đũi xơ đậu nành mã 32 Gấu xanh</a>
<a href="" class="item line-clamp-1">Máy đo độ bóng Horiba IG-320 (gloss meter)</a> <a href="" class="item line-clamp-1">Máy đo độ bóng Horiba IG-320 (gloss meter)</a>
<a href="" class="item line-clamp-1">iPhone 11 Chính Hãng</a> <a href="" class="item line-clamp-1">iPhone 11 Chính Hãng</a>
<a href="" class="item line-clamp-1">cpu core i3 1</a> <a href="" class="item line-clamp-1">cpu core i3 1</a>
<a href="" class="item line-clamp-1">Máy in mã vạch MH241</a> </div>
<a href="" class="item line-clamp-1">Chăn hè đũi xơ đậu nành mã 32 Gấu xanh</a> </form>
<a href="" class="item line-clamp-1">Máy đo độ bóng Horiba IG-320 (gloss meter)</a> </div>
<a href="" class="item line-clamp-1">iPhone 11 Chính Hãng</a>
<a href="" class="item line-clamp-1">cpu core i3 1</a>
</div>
</form>
<div class="admin-header-right flex items-center justify-end sm:mt-[10px]"> <div class="admin-header-right flex items-center justify-end sm:mt-[10px]">
<a href="" title="Truy cập trung tâm hỗ trợ của Hurasoft"> <a href="" title="Truy cập trung tâm hỗ trợ của Hurasoft">