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

Compare commits

base: tieptk:a289d69a6b5206cef37e2f2b44a0da5902bd2f55
Branches Tags
tieptk:master
...
compare: tieptk:2ad52e7ce8bf9af616377b21d07d32920133a6de
Branches Tags
tieptk:master

2 Commits
a289d69a6b ... 2ad52e7ce8

Author SHA1 Message Date
Tieptk
2ad52e7ce8 Merge branch 'master' of https://repo.hurasoft.com/tieptk/admin_hura_8 2025-11-30 19:57:43 +07:00
Tieptk
587cdd5420 up 2025-11-30 19:57:12 +07:00
5 changed files with 237 additions and 258 deletions
Expand all files Collapse all files

3
assets/script/style_hura.css
View File

@@ -47,6 +47,9 @@
.lucide--crown { .lucide--crown {
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-crown-icon lucide-crown'%3E%3Cpath d='M11.562 3.266a.5.5 0 0 1 .876 0L15.39 8.87a1 1 0 0 0 1.516.294L21.183 5.5a.5.5 0 0 1 .798.519l-2.834 10.246a1 1 0 0 1-.956.734H5.81a1 1 0 0 1-.957-.734L2.02 6.02a.5.5 0 0 1 .798-.519l4.276 3.664a1 1 0 0 0 1.516-.294z'/%3E%3Cpath d='M5 21h14'/%3E%3C/svg%3E"); --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-crown-icon lucide-crown'%3E%3Cpath d='M11.562 3.266a.5.5 0 0 1 .876 0L15.39 8.87a1 1 0 0 0 1.516.294L21.183 5.5a.5.5 0 0 1 .798.519l-2.834 10.246a1 1 0 0 1-.956.734H5.81a1 1 0 0 1-.957-.734L2.02 6.02a.5.5 0 0 1 .798-.519l4.276 3.664a1 1 0 0 0 1.516-.294z'/%3E%3Cpath d='M5 21h14'/%3E%3C/svg%3E");
} }
.lucide--circle-plus {
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M8 12h8'/%3E%3Cpath d='M12 8v8'/%3E%3C/svg%3E");
}
.text-orange { .text-orange {
color: #ffc700; color: #ffc700;

124
template/product/addon.html
View File

@@ -1,67 +1,65 @@
<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)] overflow-x-auto"> <h1 class="text-[24px] font-[700] mb-3">Danh sách sản phẩm/dịch vụ bán kèm sản phẩm</h1>
<h1 class="text-[24px] font-[700] mb-3">Danh sách sản phẩm/dịch vụ bán kèm sản phẩm</h1>
<div class="flex items-center justify-end"> <div class="flex items-center justify-end">
<a href="/admin/product/addon_add" <a href="/admin/product/addon_add"
class="block border-[1px] border-[#0041E8] rounded-[4px] p-[5px_10px_5px_10px]"> class="block border-[1px] border-[#0041E8] rounded-[4px] p-[5px_10px_5px_10px]">
<span <span
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 danh sách mới</span> <span class="text-[#0041E8] font-[500]">Thêm danh sách mới</span>
</a> </a>
<a href="/admin/product/attribute_update" <a href="/admin/product/attribute_update"
class="block border-[1px] border-[#0041E8] rounded-[4px] p-[5px_10px_5px_10px] ml-[10px]"> class="block border-[1px] border-[#0041E8] rounded-[4px] p-[5px_10px_5px_10px] ml-[10px]">
<i class="fa-regular fa-file-excel text-[#0041E8]"></i> <i class="fa-regular fa-file-excel text-[#0041E8]"></i>
<span class="text-[#0041E8] font-[500]">Cập nhật Excel</span> <span class="text-[#0041E8] font-[500]">Cập nhật Excel</span>
</a> </a>
</div> </div>
<div class="overflow-x-auto sm:whitespace-nowrap"> <div class="overflow-x-auto sm: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>
<th>STT</th> <th>STT</th>
<th>Thông tin</th> <th>Thông tin</th>
<th>Giá</th> <th>Giá</th>
<th>Sản phẩm</th> <th>Sản phẩm</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> <td>
<div class="flex items-center"> <div class="flex items-center">
<span>[8]</span> <span>[8]</span>
<a href="" class="name ml-[5px]">Bộ phím chuột không dây Kenoo KM600 trị giá 249.000 VND <a href="" class="name ml-[5px]">Bộ phím chuột không dây Kenoo KM600 trị giá 249.000 VND
(KBKN002)</a> (KBKN002)</a>
</div> </div>
<p>Ghi chú: KM màn hình 27 1</p> <p>Ghi chú: KM màn hình 27 1</p>
<p>Tạo lúc: 04-06-2022, 8:28 am, cập nhật: 04-06-2022, 8:28 am</p> <p>Tạo lúc: 04-06-2022, 8:28 am, cập nhật: 04-06-2022, 8:28 am</p>
</td> </td>
<td>3.849.000 vnd</td> <td>3.849.000 vnd</td>
<td class="w-[90px]"><a href="" <td class="w-[90px]"><a href=""
class="block btn w-[86px] h-[30px] min-h-[30px] leading-[28px] text-center text-white bg-[#0041E8] rounded-[4px]">Xem class="block btn w-[86px] h-[30px] min-h-[30px] leading-[28px] text-center text-white bg-[#0041E8] rounded-[4px]">Xem
SP</a></td> SP</a></td>
<td class="w-[150px]"> <td class="w-[150px]">
<div class='list-btn flex items-center'> <div class='list-btn flex items-center'>
<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='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='fa fa-plus text-[#0041E8]'></i></a> class='fa fa-plus text-[#0041E8]'></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 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-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
class='icons icon-delete'></i></a> class='icons icon-delete'></i></a>
</div> </div>
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div>
</div> </div>
</div> </div>

188
template/product/attribute.html
View File

@@ -1,101 +1,95 @@
<div class="w-[100%]"> <div class="bg-white shadow p-3 rounded-sm">
<div class="m-[15px] p-[15px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto"> <h1 class="text-2xl font-bold mb-3">Danh sách thuộc tính</h1>
<h1 class="text-[24px] font-[700] mb-3">Danh sách thuộc tính</h1>
<a href="/admin/product/attribute_add" class=" <div class="flex items-end justify-end">
block m-[auto_0_auto_auto] w-[185px] border-[1px] border-[#0041E8] rounded-[4px] p-[5px_10px_5px_10px]"> <a href="/admin/product/attribute_add" class="btn btn-outline btn-view">
<span <i class="iconify lucide--circle-plus"></i>
class="inline-block w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#0041E8] text-center leading-[11px] text-[#0041E8] mb-[2px]">+</span> <span class="">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]">
<thead class="bg-[#f6f6f6] text-[#000] text-[14px]">
<tr>
<th>STT</th>
<th>Mã</th>
<th>Tên hiển thị</th>
<th>Giá trị</th>
<th>Danh mục đang có</th>
<th>Thứ tự</th>
<th>Trạng thái</th>
<th>Cập nhật</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td class="whitespace-nowrap">phong-cach</td>
<td>Phong cách</td>
<td>5</td>
<td class="w-[390px]">
<a href="">Máy Tính Xách Tay,</a>
<a href="">Macbook,</a>
<a href="">Surface,</a>
<a href="">Laptop Acer,</a>
<a href="">Laptop Acer Aspire,</a>
<a href="">Laptop Acer TravelMate,</a>
<a href="">Test,</a>
</td>
<td class="w-[145px]">
<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]">
</td>
<td>
<a href="" class="status on">Đang hoạt động</a>
</td>
<td>
<div class='list-btn flex items-center'>
<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='icons icon-edit'></i></a>
<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>
<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>
<tr>
<td>1</td>
<td class="whitespace-nowrap">phong-cach</td>
<td>Phong cách</td>
<td>5</td>
<td class="w-[390px]">
<a href="">Máy Tính Xách Tay,</a>
<a href="">Macbook,</a>
<a href="">Surface,</a>
<a href="">Laptop Acer,</a>
<a href="">Laptop Acer Aspire,</a>
<a href="">Laptop Acer TravelMate,</a>
<a href="">Test,</a>
</td>
<td class="w-[145px]">
<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]">
</td>
<td>
<a href="" class="status off">Ẩn hiển thị</a>
</td>
<td>
<div class='list-btn flex items-center'>
<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='icons icon-edit'></i></a>
<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>
<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>
</tbody>
</table>
</div>
</div> </div>
<div class="overflow-x-auto mt-5 border border-base-200 rounded-sm">
<table class="table">
<thead>
<tr class="bg-base-200 font-bold text-black">
<th>STT</th>
<th>Mã</th>
<th>Tên hiển thị</th>
<th>Giá trị</th>
<th class="w-[30%]">Danh mục đang có</th>
<th>Thứ tự</th>
<th>Trạng thái</th>
<th>Cập nhật</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td class="whitespace-nowrap">phong-cach</td>
<td>Phong cách</td>
<td>5</td>
<td>
<div class="flex flex-wrap items-center gap-3">
<a href="" class="text-primary">Máy Tính Xách Tay,</a>
<a href="" class="text-primary">Macbook,</a>
<a href="" class="text-primary">Surface,</a>
<a href="" class="text-primary">Laptop Acer,</a>
<a href="" class="text-primary">Laptop Acer Aspire,</a>
<a href="" class="text-primary">Laptop Acer TravelMate,</a>
<a href="" class="text-primary">Test,</a>
</div>
</td>
<td>
<input type="text" value="0" class="input w-24" />
</td>
<td>
<a href="" class="badge badge-success badge-sm badge-soft">Đang hoạt động</a>
</td>
<td>
<div class='list-btn flex items-center gap-3'>
<a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-view'><i
class='iconify lucide--pencil'></i></a>
<a href="" class='btn btn-soft btn-xs btn-square '><i class="iconify lucide--eye"></i></a>
<a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-error'><i
class='iconify lucide--trash'></i></a>
</div>
</td>
</tr>
<tr>
<td>1</td>
<td class="whitespace-nowrap">phong-cach</td>
<td>Phong cách</td>
<td>5</td>
<td>
<div class="flex flex-wrap items-center gap-3">
<a href="" class="text-primary">Máy Tính Xách Tay,</a>
<a href="" class="text-primary">Macbook,</a>
<a href="" class="text-primary">Surface,</a>
<a href="" class="text-primary">Laptop Acer,</a>
<a href="" class="text-primary">Laptop Acer Aspire,</a>
<a href="" class="text-primary">Laptop Acer TravelMate,</a>
<a href="" class="text-primary">Test,</a>
</div>
</td>
<td>
<input type="text" value="0" class="input w-24" />
</td>
<td>
<a href="" class="badge badge-success badge-sm badge-soft">Đang hoạt động</a>
</td>
<td>
<div class='list-btn flex items-center gap-3'>
<a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-view'><i
class='iconify lucide--pencil'></i></a>
<a href="" class='btn btn-soft btn-xs btn-square '><i class="iconify lucide--eye"></i></a>
<a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-error'><i
class='iconify lucide--trash'></i></a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div> </div>

90
template/product/brand.html
View File

@@ -4,42 +4,40 @@
<div class="flex items-center justify-between"> <div class="flex items-center justify-between">
<div> <div>
<b>Tìm theo chữ cái</b>: <b>Tìm theo chữ cái</b>:
<a href="?opt=brand&amp;letter=A">A</a> (13) | <a href="?opt=brand&amp;letter=A" class="link-primary">A</a> (13) |
<a href="?opt=brand&amp;letter=B">B</a> (2) | <a href="?opt=brand&amp;letter=B" class="link-primary">B</a> (2) |
<a href="?opt=brand&amp;letter=C">C</a> (5) | <a href="?opt=brand&amp;letter=C" class="link-primary">C</a> (5) |
<a href="?opt=brand&amp;letter=D">D</a> (3) | <a href="?opt=brand&amp;letter=D" class="link-primary">D</a> (3) |
<a href="?opt=brand&amp;letter=E">E</a> (3) | <a href="?opt=brand&amp;letter=E" class="link-primary">E</a> (3) |
<a href="?opt=brand&amp;letter=F">F</a> (1) | <a href="?opt=brand&amp;letter=F" class="link-primary">F</a> (1) |
<a href="?opt=brand&amp;letter=G">G</a> (4) | <a href="?opt=brand&amp;letter=G" class="link-primary">G</a> (4) |
<a href="?opt=brand&amp;letter=H">H</a> (4) | <a href="?opt=brand&amp;letter=H" class="link-primary">H</a> (4) |
<a href="?opt=brand&amp;letter=I">I</a> (5) | <a href="?opt=brand&amp;letter=I" class="link-primary">I</a> (5) |
<a href="?opt=brand&amp;letter=J">J</a> (2) | <a href="?opt=brand&amp;letter=J" class="link-primary">J</a> (2) |
<a href="?opt=brand&amp;letter=K">K</a> (2) | <a href="?opt=brand&amp;letter=K" class="link-primary">K</a> (2) |
<a href="?opt=brand&amp;letter=L">L</a> (4) | <a href="?opt=brand&amp;letter=L" class="link-primary">L</a> (4) |
<a href="?opt=brand&amp;letter=M">M</a> (3) | <a href="?opt=brand&amp;letter=M" class="link-primary">M</a> (3) |
<a href="?opt=brand&amp;letter=N">N</a> (4) | <a href="?opt=brand&amp;letter=N" class="link-primary">N</a> (4) |
<a href="?opt=brand&amp;letter=O">O</a> (1) | <a href="?opt=brand&amp;letter=O" class="link-primary">O</a> (1) |
<a href="?opt=brand&amp;letter=P">P</a> (5) | <a href="?opt=brand&amp;letter=P" class="link-primary">P</a> (5) |
<a href="?opt=brand&amp;letter=Q">Q</a> (1) | <a href="?opt=brand&amp;letter=Q" class="link-primary">Q</a> (1) |
<a href="?opt=brand&amp;letter=S">S</a> (8) | <a href="?opt=brand&amp;letter=S" class="link-primary">S</a> (8) |
<a href="?opt=brand&amp;letter=T">T</a> (5) | <a href="?opt=brand&amp;letter=T" class="link-primary">T</a> (5) |
<a href="?opt=brand&amp;letter=V">V</a> (2) | <a href="?opt=brand&amp;letter=V" class="link-primary">V</a> (2) |
<a href="?opt=brand&amp;letter=W">W</a> (2) | <a href="?opt=brand&amp;letter=W" class="link-primary">W</a> (2) |
<a href="?opt=brand&amp;letter=X">X</a> (1) | <a href="?opt=brand&amp;letter=X" class="link-primary">X</a> (1) |
<a href="?opt=brand&amp;letter=Z">Z</a> (2) | <a href="?opt=brand&amp;letter=Z" class="link-primary">Z</a> (2) |
</div> </div>
<a href="/admin/product/brand_add" <a href="/admin/product/brand_add" class="btn">
class="flex items-center px-[10px] py-[8px] border-[#0041E8] border-[1px] rounded-[4px] text-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[25px] font-[500]"> <i class="iconify lucide--plus"></i>
<span
class="border-[1px] border-[#0041E8] h-[14px] w-[14px] leading-[12px] text-center rounded-[50%] mr-1">+</span>
<span class="whitespace-nowrap ">Thêm thương hiệu mới</span> <span class="whitespace-nowrap ">Thêm thương hiệu mới</span>
</a> </a>
</div> </div>
<div class="overflow-x-auto"> <div class="overflow-x-auto mt-5 border border-base-200 rounded-sm">
<table class="table mt-[15px]"> <table class="table mt-[15px]">
<thead class="bg-[#f6f6f6] text-[#000] text-[14px]"> <thead>
<tr> <tr class="bg-base-200 font-bold text-black">
<th>STT</th> <th>STT</th>
<th>ID</th> <th>ID</th>
<th>Thương hiệu</th> <th>Thương hiệu</th>
@@ -56,7 +54,7 @@
<td>750</td> <td>750</td>
<td> <td>
<b>10MOONS</b> <b>10MOONS</b>
<p class="flex items-center text-[#0041E8]"> <p class="flex items-center link-primary gap-3">
<span>Link:</span> <span>Link:</span>
<a href="">/brand/10moons</a> <a href="">/brand/10moons</a>
</p> </p>
@@ -71,33 +69,27 @@
</a> </a>
</td> </td>
<td> <td>
<div class="flex items-center"> <div class="flex items-center gap-3">
<p>1</p> <p>1</p>
<a href="" <a href="" class="btn btn-sm btn-active">Xem
class="btn h-[30px] w-[100px] min-h-[30px] px-[7px] py-[4px] bg-[#0041E8] text-white ml-[10px] rounded-[4px]">Xem
SP</a> SP</a>
</div> </div>
</td> </td>
<td> <td>
<div class="flex items-center"> <div class="flex items-center gap-3">
<span class="whitespace-nowrap">STT</span> <span class="whitespace-nowrap">STT</span>
<input type="text" value="0" <input type="text" value="0" class="input input-sm w-12" />
class="w-[80px] h-[30px] p-[10px] border-[1px] border-[#D8D8D8] ml-[7px] rounded-[4px] shadow-[0_2px_4px_0_#0000001F]">
</div> </div>
</td> </td>
<td> <td>
<div class='list-btn flex items-center'> <div class='list-btn flex items-center gap-3'>
<a href="" <a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-view'><i
class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i class='iconify lucide--pencil'></i></a>
class='icons icon-edit'></i></a> <a class='btn btn-soft btn-xs btn-square btn-outline btn-view' href=''><i
<a class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]' class='iconify lucide--crown'></i></a>
href=''><i class='icons icon-feature'></i></a> <a href="" class='btn btn-soft btn-xs btn-square '><i class="iconify lucide--eye"></i></a>
<a href="" <a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-error'><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='iconify lucide--trash'></i></a>
class="fa-regular fa-eye-slash text-[#9E9E9E]"></i></a>
<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='icons icon-remove'></i></a>
</div> </div>
</td> </td>
</tr> </tr>

90
template/product/collection.html
View File

@@ -1,41 +1,37 @@
<div class="w-[100%]"> <div class="bg-white shadow p-3 rounded-sm">
<div class="m-[15px] p-[15px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto"> <h1 class="text-2xl font-bold mb-3">Bộ sưu tập</h1>
<h1 class="text-[24px] font-[700] mb-3">Bộ sưu tập</h1>
<div class="p-[10px] rounded-[10px] shadow-[0_1px_1px_0_#0000001A] border border-[#f6f6f6]"> <div class="p-3 border border-base-200 rounded-sm shadow flex items-center">
<form class="w-[100%]" id=""> <form class="w-full" id="">
<div class="content w-[400px] flex items-center "> <div class="content flex items-center gap-3">
<input type="search" <input type="search" class="input shadow" id="js-input-search" placeholder="Tìm kiếm">
class="block h-[36px] rounded w-full px-[10px] border-[#ECECEC] border-[1px] rounded-[5px] focus-within:border-[#0041E8]" <input name="search" type="submit" value="Tìm kiếm" class="btn btn-active" />
id="js-input-search" placeholder="Tìm kiếm"> </div>
<input name="search" type="submit" value="Tìm kiếm" </form>
class="inline-block ml-[12px] cursor-pointer h-[36px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" /> </div>
</div>
</form>
</div>
<div class="my-[10px]"> <div class="mt-5">
<b>Hướng dẫn:</b> Bộ sưu tập Sản phẩm bao gồm các Sản phẩm cùng chia sẻ một số đặc điểm nhất định, giúp cho <b>Hướng dẫn:</b> Bộ sưu tập Sản phẩm bao gồm các Sản phẩm cùng chia sẻ một số đặc điểm nhất định, giúp cho
việc việc
quảng bá và quảng bá và
định hướng khách hàng hơn. Các bộ sưu tập thường được tạo là: Sản phẩm cho sinh nhật, Sản phẩm cho trẻ mới định hướng khách hàng hơn. Các bộ sưu tập thường được tạo là: Sản phẩm cho sinh nhật, Sản phẩm cho trẻ mới
sinh, Sản sinh, Sản
phẩm công công nghệ mới nhất, Đồ gia dụng nên mua, Khuyến mại giảm giá tháng 10, Chúng tôi đề xuất với bạn, phẩm công công nghệ mới nhất, Đồ gia dụng nên mua, Khuyến mại giảm giá tháng 10, Chúng tôi đề xuất với bạn,
Top 10 phụ Top 10 phụ
kiện nên có v..v. (mỗi bộ sưu tập sẽ bao gồm các Sản phẩm từ nhiều danh mục Sản phẩm khác nhau) kiện nên có v..v. (mỗi bộ sưu tập sẽ bao gồm các Sản phẩm từ nhiều danh mục Sản phẩm khác nhau)
</div> </div>
<div class="flex items-center justify-end mt-3">
<a href="javascript:void(0)" onclick="openProductListToSelect()" <a href="javascript:void(0)" onclick="openProductListToSelect()" class="btn btn-outline btn-view ">
class="group flex items-center w-[140px] justify-center m-[auto_0_auto_auto] border-[1px] border-blue-700 rounded-[4px] p-[5px_10px_5px_10px] hover:bg-blue-700 hover:text-white"> <i class="iconify lucide--circle-plus"></i>
<span <span class="">Thêm set mới</span>
class="w-[14.5px] h-[14px] border-[1px] rounded-[50%] border-blue-700 text-center leading-[11px] mr-[5px] text-blue-700 group-hover:text-white">+</span>
<span class="text-blue-700 group-hover:text-white">Thêm set mới</span>
</a> </a>
</div>
<table class="mt-[20px]"> <div class="overflow-x-auto mt-5 border border-base-200 rounded-sm">
<thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-bold"> <table class="table">
<tr> <thead>
<tr class="bg-base-200 font-bold text-black">
<td>STT</td> <td>STT</td>
<td>ID</td> <td>ID</td>
<td>Tên gọi/miêu tả</td> <td>Tên gọi/miêu tả</td>
@@ -50,17 +46,15 @@
<td>26</td> <td>26</td>
<td> <td>
<b>Flash Sale | Giảm Giá Cực Sốc !</b> <b>Flash Sale | Giảm Giá Cực Sốc !</b>
<div class="flex items-center mt-[10px]"> <div class="flex items-center mt-2 gap-3">
<p class="mr-[10px] whitespace-nowrap">Link</p> <p class=" whitespace-nowrap">Link</p>
<input type="text" size="60" value="" placeholder="link" <input type="text" size="60" value="" placeholder="link" class="input shadow">
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
</div> </div>
</td> </td>
<td> <td>
<div class="flex items-center"> <div class="flex items-center gap-3">
<p>7 sp</p> <p>7 sp</p>
<a href="/admin/product/collection_product" <a href="/admin/product/collection_product" class="btn btn-outline btn-view">Xem
class="ml-[10px] p-[5px_10px] border border-blue-700 rounded-[4px] bg-[#f5f7ff] text-blue-700 hover:bg-blue-700 hover:text-white">Xem
danh sách</a> danh sách</a>
</div> </div>
</td> </td>
@@ -68,21 +62,19 @@
638 638
</td> </td>
<td> <td>
<div class="flex items-center"> <div class="flex items-center gap-3">
<a href="" <a href="" class="btn btn-active btn-sm">Xem</a>
class="mr-[5px] bg-blue-700 rounded-[4px] text-white p-[5px_7px] text-[13px]">Xem</a>
<a href="/admin/product/collection_add" title="Form sản phẩm" <a href="/admin/product/collection_add" 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]"> class="btn btn-soft btn-sm btn-square btn-outline btn-view">
<i class="icons icon-edit"></i> <i class="iconify lucide--pencil"></i>
</a> </a>
<a href="" <a href="" class='btn btn-soft btn-sm btn-square btn-outline btn-error'><i
class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i class='iconify lucide--trash'></i></a>
class='icons icon-remove'></i></a>
</div> </div>
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div> </div>
</div> </div>