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

update

Browse Source
This commit is contained in:
Tieptk
2025-12-04 13:47:17 +07:00
parent e6c4947c75
commit d0ee976b0c
12 changed files with 442 additions and 538 deletions
Download Patch File Download Diff File Expand all files Collapse all files

194
template/product/form_components/accessory.html
View File

@@ -1,126 +1,122 @@
<!-- phu kien -->
<div class="w-[100%]" role="tabpanel">
<div
class="bg-white p-[15px] rounded-[10px_10px_0_0] shadow-[0_-1px_1px_0px_#0000001A] border-b-[6px] border-[#FAFAFB]">
<div class="w-full" role="tabpanel">
<div class="bg-white p-3 rounded shadow">
<div class="flex items-center justify-between">
<b class="text-[20px]">Các loại phụ kiện của sản phẩm</b>
<a href="" class="flex items-center border-[1px] border-[#0041E8] p-[8px] rounded-[4px] bg-[#F5F7FF]">
<span class="text-[#0041E8] font-[500]">Chọn Sản phẩm phụ kiện</span>
<b class="text-xm">Các loại phụ kiện của sản phẩm</b>
<a href="" class="btn btn-outline btn-view">
Chọn Sản phẩm phụ kiện
</a>
</div>
<div class="list-item-cate flex items-center flex-wrap mt-[20px]">
<a href=""
class="border-[1px] border-dashed border-[#9E9E9E] px-[10px] py-[5px] rounded-[4px] mr-[10px] font-[14px] text-[#9E9E9E] mb-[10px]">
<div class="list-item-cate flex items-center flex-wrap mt-5 gap-3">
<a href="" class="btn btn-outline btn-dash btn-gray">
PC, Workstation
</a>
<a href=""
class="border-[1px] border-dashed border-[#9E9E9E] px-[10px] py-[5px] rounded-[4px] mr-[10px] font-[14px] text-[#9E9E9E] mb-[10px]">
<a href="" class="btn btn-outline btn-dash btn-gray">
CPU - Bộ Vi Xử Lý
</a>
<a href=""
class="border-[1px] border-dashed border-[#9E9E9E] px-[10px] py-[5px] rounded-[4px] mr-[10px] font-[14px] text-[#9E9E9E] mb-[10px]">
<a href="" class="btn btn-outline btn-dash btn-gray">
Mainboard - Bo Mạch Chủ
</a>
<a href=""
class="border-[1px] border-dashed border-[#9E9E9E] px-[10px] py-[5px] rounded-[4px] mr-[10px] font-[14px] text-[#9E9E9E] mb-[10px]">
<a href="" class="btn btn-outline btn-dash btn-gray">
VGA - Card Màn Hình
</a>
<a href=""
class="border-[1px] border-dashed border-[#9E9E9E] px-[10px] py-[5px] rounded-[4px] mr-[10px] font-[14px] text-[#9E9E9E] mb-[10px]">
<a href="" class="btn btn-outline btn-dash btn-gray">
PC, Workstation
</a>
<a href=""
class="border-[1px] border-dashed border-[#9E9E9E] px-[10px] py-[5px] rounded-[4px] mr-[10px] font-[14px] text-[#9E9E9E] mb-[10px]">
<a href="" class="btn btn-outline btn-dash btn-gray">
PC, Workstation
</a>
<a href=""
class="border-[1px] border-dashed border-[#9E9E9E] px-[10px] py-[5px] rounded-[4px] mr-[10px] font-[14px] text-[#9E9E9E] mb-[10px]">
<a href="" class="btn btn-outline btn-dash btn-gray">
PC, Workstation
</a>
</div>
</div>
<div class="bg-white p-[15px] rounded-[0_0_10px_10px] shadow-[0_1px_1px_0px_#0000001A]">
<b class="block text-[20px] mb-[15px]">Các danh mục</b>
<div class="bg-white p-3 rounded shadow">
<b class="block text-xl">Các danh mục</b>
<div class="item-accessory mb-[20px]">
<p class="mb-[10px]">PC, Workstation</p>
<table class="table">
<thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-[700]">
<tr>
<th>STT</th>
<th>Ảnh</th>
<th>Sản phẩm</th>
<th>Giá hiện tại</th>
<th>Quản lý</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>
<img src="https://via.placeholder.com/50" alt="">
</td>
<td>
<a href="" class="name">CPU Intel Xeon E5-2665 2.40 GHz / 20MB / 8 Cores 16 Threads /
Socket 2011</a>
<div class="flex items-center">
<span>SKU: HN123567</span>
<span class="mx-[5px]">/</span>
<span>Số lượng: 1</span>
</div>
</td>
<td>
24.900.000 VND
</td>
<td>
<div class="flex items-center justify-center w-[32px] h-[32px] leading-[32px] rounded-[4px]">
<i class="icons icon-delete"></i>
</div>
</td>
</tr>
</tbody>
</table>
<div class="item-accessory mt-5">
<b class="">PC, Workstation</b>
<div class="border border-base-200 rounded-sm mt-3">
<table class="table">
<thead>
<tr class="bg-base-200 font-bold text-black">
<th>STT</th>
<th>Ảnh</th>
<th>Sản phẩm</th>
<th>Giá hiện tại</th>
<th>Quản lý</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>
<img src="https://via.placeholder.com/50" alt="">
</td>
<td>
<a href="" class="name link-primary">CPU Intel Xeon E5-2665 2.40 GHz / 20MB / 8 Cores 16 Threads /
Socket 2011</a>
<div class="flex items-center gap-2">
<span>SKU: HN123567</span>
<span class="mx-[5px]">/</span>
<span>Số lượng: 1</span>
</div>
</td>
<td>
24.900.000 VND
</td>
<td>
<a href="" class="btn btn-xs btn-outline btn-error">
<i class="iconify lucide--trash-2"></i>
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="item-accessory mb-[20px]">
<p class="mb-[10px]">PC, Workstation</p>
<table class="table">
<thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-[700]">
<tr>
<th>STT</th>
<th>Ảnh</th>
<th>Sản phẩm</th>
<th>Giá hiện tại</th>
<th>Quản lý</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>
<img src="https://via.placeholder.com/50" alt="">
</td>
<td>
<a href="" class="name">CPU Intel Xeon E5-2665 2.40 GHz / 20MB / 8 Cores 16 Threads /
Socket 2011</a>
<div class="flex items-center">
<span>SKU: HN123567</span>
<span class="mx-[5px]">/</span>
<span>Số lượng: 1</span>
</div>
</td>
<td>
24.900.000 VND
</td>
<td>
<div class="flex items-center justify-center w-[32px] h-[32px] leading-[32px] rounded-[4px]">
<i class="icons icon-delete"></i>
</div>
</td>
</tr>
</tbody>
</table>
<div class="item-accessory mt-5">
<b class="">PC, Workstation</b>
<div class="border border-base-200 rounded-sm mt-3">
<table class="table">
<thead>
<tr class="bg-base-200 font-bold text-black">
<th>STT</th>
<th>Ảnh</th>
<th>Sản phẩm</th>
<th>Giá hiện tại</th>
<th>Quản lý</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>
<img src="https://via.placeholder.com/50" alt="">
</td>
<td>
<a href="" class="name link-primary">CPU Intel Xeon E5-2665 2.40 GHz / 20MB / 8 Cores 16 Threads /
Socket 2011</a>
<div class="flex items-center gap-2">
<span>SKU: HN123567</span>
<span class="mx-[5px]">/</span>
<span>Số lượng: 1</span>
</div>
</td>
<td>
24.900.000 VND
</td>
<td>
<a href="" class="btn btn-xs btn-outline btn-error">
<i class="iconify lucide--trash-2"></i>
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>

58
template/product/form_components/image.html
View File

@@ -4,11 +4,11 @@
<b class="block text-[20px] font-[700] mb-[10px]">Cập nhật ảnh sản phẩm</b>
<div class="overflow-y-scroll max-h-[500px]">
<div class="item grid grid-cols-5 rounded-md shadow p-3 mt-3 gap-3">
<div class="item grid grid-cols-6 rounded-md shadow p-3 mt-3 gap-3">
<div class="image">
<img src="{{ 'image-big.png' | asset_url }}" alt="">
</div>
<div class="right-image col-span-4">
<div class="right-image col-span-5">
<div class="flex justify-between gap-3">
<div class="flex items-center gap-3">
<b class="text-center block">Hình sản phẩm</b>
@@ -33,14 +33,15 @@
</div>
</div>
</div>
<div class="item grid grid-cols-5 rounded-md shadow p-3 mt-3 gap-3">
<div class="item grid grid-cols-6 rounded-md shadow p-3 mt-3 gap-3">
<div class="image">
<img src="{{ 'image-big.png' | asset_url }}" alt="">
</div>
<div class="right-image col-span-4">
<div class="right-image col-span-5">
<div class="flex justify-between gap-3">
<div class="flex items-center gap-3">
<b class="text-center block">Hình sản phẩm</b>
<p class="text-center block text-gray">(Ảnh chính)</p>
</div>
<div class="grid grid-cols-2 gap-3">
<div class="item flex items-center gap-2">
@@ -58,20 +59,18 @@
<i class="iconify lucide--trash-2"></i>
<p class="">Xoá</p>
</a>
<a href="" class="btn btn-sm btn-view btn-outline">
<p class="">Chọn ảnh chính</p>
</a>
</div>
</div>
</div>
<div class="item grid grid-cols-5 rounded-md shadow p-3 mt-3 gap-3">
<div class="item grid grid-cols-6 rounded-md shadow p-3 mt-3 gap-3">
<div class="image">
<img src="{{ 'image-big.png' | asset_url }}" alt="">
</div>
<div class="right-image col-span-4">
<div class="right-image col-span-5">
<div class="flex justify-between gap-3">
<div class="flex items-center gap-3">
<b class="text-center block">Hình sản phẩm</b>
<p class="text-center block text-gray">(Ảnh chính)</p>
</div>
<div class="grid grid-cols-2 gap-3">
<div class="item flex items-center gap-2">
@@ -89,20 +88,18 @@
<i class="iconify lucide--trash-2"></i>
<p class="">Xoá</p>
</a>
<a href="" class="btn btn-sm btn-view btn-outline">
<p class="">Chọn ảnh chính</p>
</a>
</div>
</div>
</div>
<div class="item grid grid-cols-5 rounded-md shadow p-3 mt-3 gap-3">
<div class="item grid grid-cols-6 rounded-md shadow p-3 mt-3 gap-3">
<div class="image">
<img src="{{ 'image-big.png' | asset_url }}" alt="">
</div>
<div class="right-image col-span-4">
<div class="right-image col-span-5">
<div class="flex justify-between gap-3">
<div class="flex items-center gap-3">
<b class="text-center block">Hình sản phẩm</b>
<p class="text-center block text-gray">(Ảnh chính)</p>
</div>
<div class="grid grid-cols-2 gap-3">
<div class="item flex items-center gap-2">
@@ -120,20 +117,18 @@
<i class="iconify lucide--trash-2"></i>
<p class="">Xoá</p>
</a>
<a href="" class="btn btn-sm btn-view btn-outline">
<p class="">Chọn ảnh chính</p>
</a>
</div>
</div>
</div>
<div class="item grid grid-cols-5 rounded-md shadow p-3 mt-3 gap-3">
<div class="item grid grid-cols-6 rounded-md shadow p-3 mt-3 gap-3">
<div class="image">
<img src="{{ 'image-big.png' | asset_url }}" alt="">
</div>
<div class="right-image col-span-4">
<div class="right-image col-span-5">
<div class="flex justify-between gap-3">
<div class="flex items-center gap-3">
<b class="text-center block">Hình sản phẩm</b>
<p class="text-center block text-gray">(Ảnh chính)</p>
</div>
<div class="grid grid-cols-2 gap-3">
<div class="item flex items-center gap-2">
@@ -151,9 +146,6 @@
<i class="iconify lucide--trash-2"></i>
<p class="">Xoá</p>
</a>
<a href="" class="btn btn-sm btn-view btn-outline">
<p class="">Chọn ảnh chính</p>
</a>
</div>
</div>
</div>
@@ -164,32 +156,22 @@
<b class="text-xl block">Thêm ảnh cho sản phẩm</b>
<p class="text-gray">Bạn có thể: Chọn ảnh có sẵn trong kho ảnh, hoặc upload ảnh từ máy tính:</p>
<div class="flex items-center mt-2">
<button id="btnUploadImg" class="btn btn-outline btn-view" type="button">
<i class="iconify lucide--upload"></i>
<span>Upload ảnh</span>
</button>
</div>
<input type="file" id="hidden-filepond-input" multiple style="display:none;" />
<div id="image-preview-filepond"></div>
<div id="image-preview-filepond" class="mt-5"></div>
<p class="text-gray italic mt-3"><b>Chú ý:</b> Bạn có thể chọn nhiều ảnh cùng 1
lúc:
Chấp nhận các file ảnh: jpg,gif</p>
<input class="btn btn-active" name="commit" type="submit" value="Cập nhật">
<input class="btn btn-active mt-3" name="commit" type="submit" value="Cập nhật">
</div>
<div class="bg-white p-[15px] border-[#FAFAFB] rounded-[0_0_10px_10px] shadow-[0_1px_1px_0px_#0000001A]">
<b class="mb-[5px] block">Chú ý:</b>
<ul>
<div class="bg-white p-3 rounded-sm shadow mt-5">
<b class="block">Chú ý:</b>
<ul class="text-sm">
<li>- Ảnh Sản phẩm kích thước lớn sẽ được tự động co lại thành các ảnh
nhỏ hơn cho những vị trí liên quan. Tùy giao
diện website của bạn mà kích thước ảnh Sản phẩm khác nhau. <a href="/admin/system/setup"
class="text-[#0041E8] underline">Click
class="text-primary underline">Click
vào đây</a> để
quy định kích thước ảnh Sản phẩm.</li>
<li>

9
template/product/form_components/relation.html
View File

@@ -1,9 +1,8 @@
<div class="w-[100%]" role="tabpanel">
<div
class="bg-white p-[15px] rounded-[10px_10px_0_0] shadow-[0_-1px_1px_0px_#0000001A] border-b-[6px] border-[#FAFAFB]">
<b class="block text-[20px]">Danh sách liên quan</b>
<div class="w-full" role="tabpanel">
<div class="bg-white p-3 rounded-sm shadow">
<b class="block text-xl">Danh sách liên quan</b>
<div class="list-tab flex items-center">
<div class="list-tab flex items-center mt-3 gap-3">
<a href="javascript:void(0)">Sản phẩm (3)</a>
<a href="javascript:void(0)">Bài viết (1)</a>
</div>

58
template/product/form_components/tag.html
View File

@@ -1,41 +1,39 @@
<div class="w-[100%]" role="tabpanel">
<div
class="bg-white p-[15px] rounded-[10px_10px_0_0] shadow-[0_-1px_1px_0px_#0000001A] border-b-[6px] border-[#FAFAFB]">
<div class="w-full" role="tabpanel">
<div class="bg-white p-3 rounded-sm shadow">
<div class="flex items-center justify-between">
<b class="text-[20px]">Danh sách tag</b>
<a href="/admin/product" class="flex items-center p-[8px] border-[1px] border-[#0041E8] rounded-[4px]">
<span class="text-[#0041E8]">
<b class="text-xl">Danh sách tag</b>
<a href="/admin/product" class="btn btn-view btn-outline">
<span class="">
Chọn tag cho sản phẩm
</span>
</a>
</div>
<table class="table mt-[15px]">
<tr class="bg-[#f6f6f6] text-[14px] text-[#000] font-700">
<th class="w-[50px]">STT</th>
<th class="text-center">Tag</th>
<th class="w-[50px]"></th>
</tr>
<tr>
<td>1</td>
<td>ATO Test</td>
<td>
<a href=""
class="w-[32px] h-[32px] leading-[32px] text-center flex items-center justify-center rounded-[4px]">
<i class="icons icon-delete"></i>
</a>
</td>
</tr>
</table>
<div class="border-base-200 border rounded mt-5">
<table class="table">
<tr class="bg-base-200 font-bold text-black">
<th>STT</th>
<th class="text-center">Tag</th>
<th></th>
</tr>
<tr>
<td>1</td>
<td>ATO Test</td>
<td>
<a href="" class="btn btn-xs btn-outline btn-error">
<i class="iconify lucide--trash-2"></i>
</a>
</td>
</tr>
</table>
</div>
</div>
<div class="bg-white p-[15px] border-[#FAFAFB] rounded-[0_0_10px_10px] shadow-[0_1px_1px_0px_#0000001A]">
<b class="block text-[20px] font-[700]">Thêm tag nhanh cho sản phẩm</b>
<p class="mb-[10px] text-[#6B7280]">Nhập Tag cho sản phẩm vào ô dưới đây và nhấn cập nhật. Mỗi Tag 1 dòng:</p>
<textarea name="" id=""
class="w-[100%] textarea textarea-bordered rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"></textarea>
<div class="bg-white p-3 rounded shadow mt-3">
<b class="block text-xl font-bold">Thêm tag nhanh cho sản phẩm</b>
<p class="">Nhập Tag cho sản phẩm vào ô dưới đây và nhấn cập nhật. Mỗi Tag 1 dòng:</p>
<textarea name="" id="" class="w-full mt-3 textarea textarea-bordered rounded shadow"></textarea>
<input class=" w-[82px] h-[32px] bg-[#0041E8] rounded-[4px] text-white cursor-pointer pt-[0] mt-[10px]"
name="commit" type="submit" value="Cập nhật">
<input class="btn btn-active mt-5" name=" commit" type="submit" value="Cập nhật">
</div>
</div>

227
template/product/form_components/variant.html
View File

@@ -1,144 +1,139 @@
<!-- cau hinh -->
<div class="w-[100%]" role="tabpanel">
<div
class="bg-white p-[15px] rounded-[10px_10px_0_0] shadow-[0_-1px_1px_0px_#0000001A] border-b-[6px] border-[#FAFAFB]">
<div class="w-full" role="tabpanel">
<div class="bg-white rounded-md shadow p-3">
<div class="flex items-center justify-between">
<b class="text-[20px]">Chủng loại của sản phẩm</b>
<a href="" class="flex items-center p-[8px_10px] border-[1px] border-[#0041E8] rounded-[4px]">
<i class="fa-regular fa-pen-to-square text-[#0041E8]"></i>
<span class="text-[#0041E8] ml-[5px]">
<b class="text-xl">Chủng loại của sản phẩm</b>
<a href="" class="btn btn-outline btn-view">
<i class="iconify lucide--pencil"></i>
<span class="">
Sửa thuộc tính
</span>
</a>
</div>
<div class="text-[#6B7280] mt-[10px]">
<b class="mr-[5px]">Chú ý:</b>
<div class="text-gray mt-5 ">
<b class="">Chú ý:</b>
<span>Giá bán của sản phẩm sẽ là giá của chủng loại được chọn. Nếu giá chủng loại=0 thì sẽ mặc định dùng
giá sản phẩm.
Cài đặt giá chung cho sản phẩm ở Tab "Cơ bản"
</span>
</div>
<div class="border-[1px] border-[#F6F6F6] p-[10px] rounded-[10px] mt-[15px] shadow-[0_1px_1px_0_#0000001A]">
<b class="text-[20px] block mb-[15px]">Cài nhanh cho tất cả chủng loại</b>
<div class="p-3 rounded-sm mt-3 shadow">
<b class="text-xl block">Cài nhanh cho tất cả chủng loại</b>
<div class="flex items-center mr-[-15px] pb-[5px]">
<div class="w-[calc(50%_-_15px)] mr-[15px]">
<label for="" class="block mb-[5px] font-[700] text-[14px] text-[#383C44]">Giá bán</label>
<div class="grid grid-cols-2 gap-3 mt-3">
<div class="">
<label for="" class="block font-bold">Giá bán</label>
<input type="text" name="price" id="pro_name" value=""
class="w-[100%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
class="input input-md w-full mt-3 input-bordered rounded-sm shadow">
</div>
<div class="w-[calc(50%_-_15px)] mr-[15px]">
<label for="" class="block mb-[5px] font-[700] text-[14px] text-[#383C44]">Số lượng</label>
<div class="">
<label for="" class="block font-bold">Số lượng</label>
<input type="text" name="quantity" value=""
class="w-[100%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
class="input input-md w-full mt-3 input-bordered rounded-sm shadow">
</div>
</div>
</div>
<table class="w-[100%] table mt-[10px]">
<tbody class="bg-[#F6F6F6] text-[14px] font-700 text-[#000]">
<tr>
<th class="w-[50px]">Ảnh</th>
<th>Chủng loại</th>
<th></th>
</tr>
</tbody>
<tbody>
<tr>
<td class="align-text-top text-center">
<a href="" class="m-0-auto ">
<i class="icons icon-edit mx-auto"></i>
</a>
</td>
<td>
<div class="flex items-center mr-[-10px] mb-[10px]">
<div class="w-[calc(100%_/_3_-_10px)] mr-[10px]">
<label for="" class="block mb-[5px] font-[700] text-[14px] text-[#383C44]">Tên</label>
<input type="text" name="info[new-1][label]" value=""
class="w-[100%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
</div>
<div class="w-[calc(100%_/_3_-_10px)] mr-[10px]">
<label for="" class="block mb-[5px] font-[700] text-[14px] text-[#383C44]">Mã
kho</label>
<input type="text" name="info[new-1][sku]" value=""
class="w-[100%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
</div>
<div class="w-[calc(100%_/_3_-_10px)] mr-[10px]">
<label for="" class="block mb-[5px] font-[700] text-[14px] text-[#383C44]">Giá
bán</label>
<input type="text" name="info[new-1][sale_price]" value=""
class="w-[100%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
</div>
</div>
<div class="flex items-center">
<div class="w-[213px]">
<label for="" class="block mb-[5px] font-[700] text-[14px] text-[#383C44]">Link
ngoài</label>
<input type="text" name="info[new-1][url]" value=""
class="w-[100%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
</div>
<div class="flex items-center w-[calc(100%_-213px)]">
<div class="ml-[10px] w-[calc(100%_/4_-10px)]">
<label for="" class="block mb-[5px] font-[700] text-[14px] text-[#383C44]">Số
lượng</label>
<input type="text" name="info[new-1][stock_quantity]" value=""
class="w-[100%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
</div>
<div class="ml-[10px] w-[calc(100%_/4_-10px)]">
<label for=""
class="block mb-[5px] font-[700] text-[14px] text-[#383C44]">STT</label>
<input type="text" name="info[new-1][ordering]" value=""
class="w-[100%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
</div>
<div class="ml-[10px] w-[calc(100%_/4_-10px)]">
<label for=""
class="block mb-[5px] font-[700] text-[14px] text-[#383C44]">Màu</label>
<select name="info[new-1][color]" id=""
class="w-[100%] select select-bordered text-[13px] h-[35px] min-h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
<option value="">
Màu sắc</option>
</select>
</div>
<div class="ml-[15px] w-[calc(100%_/4_-10px)]">
<label for="" class="block mb-[5px] font-[700] text-[14px] text-[#383C44]">Kích
thước</label>
<select name="info[new-1][size]" id=""
class="w-[100%] select select-bordered h-[35px] min-h-[35px] rounded-[4px] text-[13px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
<option value="">
kích thước</option>
</select>
</div>
</div>
</div>
</td>
<td class="align-text-top">
<div class="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] bg-white">
<i class="fa-regular fa-eye text-[#0041E8]"></i>
<div class="border border-base-200 rounded-sm mt-5">
<table class="table">
<tbody>
<tr class="bg-base-200 font-bold text-black">
<th>Ảnh</th>
<th>Chủng loại</th>
<th></th>
</tr>
</tbody>
<tbody>
<tr>
<td class="align-text-top text-center">
<a href="" class="m-0-auto ">
<i class="iconify lucide--pencil"></i>
</a>
<a href=""
class="w-[32px] h-[32px] leading-[32px] text-center bg-[#ECECEC] flex items-center justify-center rounded-[4px]">
<i class="icons icon-delete"></i>
</a>
</div>
</td>
<td>
<div class="grid grid-cols-3 gap-3">
<div class="">
<label for="" class="block font-bold">Tên</label>
<input type="text" name="info[new-1][label]" value=""
class="w-[100%] input input-md input-bordered rounded shadow mt-2">
</div>
<div class="">
<label for="" class="block font-bold">Mã
kho</label>
<input type="text" name="info[new-1][sku]" value=""
class="w-[100%] input input-md input-bordered rounded shadow mt-2">
</div>
<div class="">
<label for="" class="block font-bold">Giá
bán</label>
<input type="text" name="info[new-1][sale_price]" value=""
class="w-[100%] input input-md input-bordered rounded shadow mt-2">
</div>
</div>
<div class="grid grid-cols-3 mt-3 gap-3">
<div class="">
<label for="" class="block font-bold">Link
ngoài</label>
<input type="text" name="info[new-1][url]" value=""
class="w-[100%] input input-md input-bordered rounded shadow mt-2">
</div>
<div class="col-span-2 grid grid-cols-4 gap-3">
<div>
<label for="" class="block font-bold">Số
lượng</label>
<input type="text" name="info[new-1][stock_quantity]" value=""
class="w-[100%] input input-md input-bordered rounded shadow mt-2">
</div>
<div>
<label for="" class="block font-bold">STT</label>
<input type="text" name="info[new-1][ordering]" value=""
class="w-[100%] input input-md input-bordered rounded shadow mt-2">
</div>
<div>
<label for="" class="block font-bold">Màu</label>
<select name="info[new-1][color]" id=""
class="w-full select select-bordered rounded shadow mt-2">
<option value="">
Màu sắc</option>
</select>
</div>
<div>
<label for="" class="block font-bold">Kích
thước</label>
<select name="info[new-1][size]" id=""
class="w-full select select-bordered rounded shadow mt-2">
<option value="">
kích thước</option>
</select>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</td>
<td class="align-text-top">
<div class="flex items-center gap-3">
<a href="" class="btn btn-xs btn-outline btn-view">
<i class="iconify lucide--eye"></i>
</a>
<a href="" class="btn btn-xs btn-outline btn-error">
<i class="iconify lucide--trash-2"></i>
</a>
</div>
<a href="" class="my-[10px] flex items-center justify-center">
<span
class="w-[15px] h-[15px] rounded-[50%] border-[1px] border-[#0041E8] block leading-[12px] text-center text-[#0041E8]">+</span>
<span class="ml-[5px] text-[#0041E8] font-[500]">Thêm chủng loại</span>
</td>
</tr>
</tbody>
</table>
</div>
<a href="" class="mt-5 flex items-center gap-1 justify-center">
<span class="iconify lucide--circle-plus link-primary"></span>
<span class="link-primary">Thêm chủng loại</span>
</a>
</div>
<div class="bg-white p-[15px] border-[#FAFAFB] rounded-[0_0_10px_10px] shadow-[0_1px_1px_0px_#0000001A]">
<input class=" w-[82px] h-[32px] bg-[#0041E8] rounded-[4px] text-white cursor-pointer py-[0]" name="commit"
type="submit" value="Cập nhật">
<div class="bg-white p-3 rounded shadow mt-5">
<input class="btn btn-active" name="commit" type="submit" value="Cập nhật">
</div>
</div>

67
template/product/form_components/video.html
View File

@@ -1,43 +1,42 @@
<div class="w-[100%]" role="tabpanel">
<div
class="bg-white p-[15px] rounded-[10px_10px_0_0] shadow-[0_-1px_1px_0px_#0000001A] border-b-[6px] border-[#FAFAFB]">
<div class="w-full" role="tabpanel">
<div class="bg-white p-3 rounded shadow ">
<b class="text-[20px]">Youtobe Video</b>
<p class="text-[#6B7280]">Bạn cần gắn url của video được cung cấp bởi Youtube vào đây
<p class="text-gray">Bạn cần gắn url của video được cung cấp bởi Youtube vào đây
</p>
<i class="text-[#6B7280]">Ví dụ: https://www.youtube.com/watch?NR=1&v=QqzJhk1p4rU&feature=endscreen</i>
<table class="table mt-[15px]">
<tr class="bg-[#f6f6f6] font-700 text-[14px] text-[#000]">
<th>Link youtobe</th>
<th>Mô tả (nếu có)</th>
<th class="w-[50px]"></th>
</tr>
<tr>
<td>
<input type="text" name="url_index" value=""
class="w-[100%] text-[#0041E8] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
</td>
<td>
<input type="text" name="url_index" value=""
class="w-[100%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
</td>
<td>
<a href="" class="flex items-center justify-center w-[32px] h-[32px] leading-[32px] rounded-[4px]">
<i class="icons icon-delete"></i>
</a>
</td>
</tr>
</table>
<i class="link-primary">Ví dụ: https://www.youtube.com/watch?NR=1&v=QqzJhk1p4rU&feature=endscreen</i>
<div class="border-base-200 border rounded mt-5">
<table class="table">
<tr class="bg-base-200 font-bold text-black">
<th>Link youtobe</th>
<th>Mô tả (nếu có)</th>
<th></th>
</tr>
<tr>
<td>
<input type="text" name="url_index" value=""
class="w-full input input-md input-bordered rounded shadow">
</td>
<td>
<input type="text" name="url_index" value=""
class="w-full input input-md input-bordered rounded shadow">
</td>
<td>
<a href="" class="btn btn-xs btn-outline btn-error">
<i class="iconify lucide--trash-2"></i>
</a>
</td>
</tr>
</table>
</div>
<a href="" class="mt-[10px] flex items-center justify-center">
<span
class="w-[15px] h-[15px] rounded-[50%] border-[1px] border-[#0041E8] block leading-[12px] text-center text-[#0041E8]">+</span>
<span class="ml-[5px] text-[#0041E8] font-[500]">Thêm hàng</span>
<a href="" class="mt-5 flex items-center gap-1 justify-center">
<span class="iconify lucide--circle-plus link-primary"></span>
<span class="link-primary">Thêm chủng loại</span>
</a>
</div>
<div class="bg-white p-[15px] border-[#FAFAFB] rounded-[0_0_10px_10px] shadow-[0_1px_1px_0px_#0000001A]">
<input class=" w-[82px] h-[32px] bg-[#0041E8] rounded-[4px] text-white cursor-pointer py-[0]" name="commit"
type="submit" value="Cập nhật">
<div class="bg-white p-3 rounded shadow mt-3">
<input class="btn btn-active" name="commit" type="submit" value="Cập nhật">
</div>
</div>