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 {
--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 {
color: #ffc700;

2
template/product/addon.html
View File

@@ -1,4 +1,3 @@
<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 sản phẩm/dịch vụ bán kèm sản phẩm</h1>
@@ -64,4 +63,3 @@
</table>
</div>
</div>
</div>

114
template/product/attribute.html
View File

@@ -1,22 +1,23 @@
<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>
</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>Danh mục đang có</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>
@@ -28,33 +29,30 @@
<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>
<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>
<a href="" class="status on">Đang hoạt động</a>
<input type="text" value="0" class="input w-24" />
</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>
<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>
@@ -63,33 +61,30 @@
<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>
<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>
<a href="" class="status off">Ẩn hiển thị</a>
<input type="text" value="0" class="input w-24" />
</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>
<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>
@@ -98,4 +93,3 @@
</div>
</div>
</div>

90
template/product/brand.html
View File

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

66
template/product/collection.html
View File

@@ -1,20 +1,16 @@
<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">Bộ sưu tập</h1>
<div class="bg-white shadow p-3 rounded-sm">
<h1 class="text-2xl font-bold mb-3">Bộ sưu tập</h1>
<div class="p-[10px] rounded-[10px] shadow-[0_1px_1px_0_#0000001A] border border-[#f6f6f6]">
<form class="w-[100%]" id="">
<div class="content w-[400px] flex items-center ">
<input type="search"
class="block h-[36px] rounded w-full px-[10px] border-[#ECECEC] border-[1px] rounded-[5px] focus-within:border-[#0041E8]"
id="js-input-search" placeholder="Tìm kiếm">
<input name="search" type="submit" value="Tìm kiếm"
class="inline-block ml-[12px] cursor-pointer h-[36px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
<div class="p-3 border border-base-200 rounded-sm shadow flex items-center">
<form class="w-full" id="">
<div class="content flex items-center gap-3">
<input type="search" class="input shadow" id="js-input-search" placeholder="Tìm kiếm">
<input name="search" type="submit" value="Tìm kiếm" class="btn btn-active" />
</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
việc
quảng bá và
@@ -24,18 +20,18 @@
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)
</div>
<a href="javascript:void(0)" onclick="openProductListToSelect()"
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">
<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>
<div class="flex items-center justify-end mt-3">
<a href="javascript:void(0)" onclick="openProductListToSelect()" class="btn btn-outline btn-view ">
<i class="iconify lucide--circle-plus"></i>
<span class="">Thêm set mới</span>
</a>
</div>
<table class="mt-[20px]">
<thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-bold">
<tr>
<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">
<td>STT</td>
<td>ID</td>
<td>Tên gọi/miêu tả</td>
@@ -50,17 +46,15 @@
<td>26</td>
<td>
<b>Flash Sale | Giảm Giá Cực Sốc !</b>
<div class="flex items-center mt-[10px]">
<p class="mr-[10px] whitespace-nowrap">Link</p>
<input type="text" size="60" value="" placeholder="link"
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 class="flex items-center mt-2 gap-3">
<p class=" whitespace-nowrap">Link</p>
<input type="text" size="60" value="" placeholder="link" class="input shadow">
</div>
</td>
<td>
<div class="flex items-center">
<div class="flex items-center gap-3">
<p>7 sp</p>
<a href="/admin/product/collection_product"
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
<a href="/admin/product/collection_product" class="btn btn-outline btn-view">Xem
danh sách</a>
</div>
</td>
@@ -68,21 +62,19 @@
638
</td>
<td>
<div class="flex items-center">
<a href=""
class="mr-[5px] bg-blue-700 rounded-[4px] text-white p-[5px_7px] text-[13px]">Xem</a>
<div class="flex items-center gap-3">
<a href="" class="btn btn-active btn-sm">Xem</a>
<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]">
<i class="icons icon-edit"></i>
class="btn btn-soft btn-sm btn-square btn-outline btn-view">
<i class="iconify lucide--pencil"></i>
</a>
<a href=""
class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
class='icons icon-remove'></i></a>
<a href="" class='btn btn-soft btn-sm btn-square btn-outline btn-error'><i
class='iconify lucide--trash'></i></a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>