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-11-30 19:57:12 +07:00
parent 91941d7c14
commit 587cdd5420
5 changed files with 237 additions and 258 deletions
Download Patch File Download Diff File Expand all files Collapse all files

188
template/product/attribute.html
View File

@@ -1,101 +1,95 @@
<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">
<h1 class="text-[24px] font-[700] mb-3">Danh sách thuộc tính</h1>
<div class="bg-white shadow p-3 rounded-sm">
<h1 class="text-2xl font-bold mb-3">Danh sách thuộc tính</h1>
<a href="/admin/product/attribute_add" class="
block m-[auto_0_auto_auto] w-[185px] border-[1px] border-[#0041E8] rounded-[4px] p-[5px_10px_5px_10px]">
<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>
<div class="flex items-end justify-end">
<a href="/admin/product/attribute_add" class="btn btn-outline btn-view">
<i class="iconify lucide--circle-plus"></i>
<span class="">Thêm thuộc tính mới</span>
</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 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>