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-07 15:58:07 +07:00
parent 75a641ab40
commit 942aeafb60
2211 changed files with 178727 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files

384
old/template/deal/deal_add.html Normal file
View File

@@ -0,0 +1,384 @@
{% if global.url contains '?id=' %}
{% include 'deal/deal_detail' %}
{% else %}
<div class="global-breadcrumb-container">
<a href="/admin/deal"> Deal/giờ vàng </a>
<a href=""> Thêm sản phẩm deal </a>
</div>
<div
class="bg-white m-[0_0_16px_16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
<p class="leading-[30px] text-[24px] font-bold m-[0_0_12px]"> Chọn sản phẩm Deal </p>
<form method="get" enctype="multipart/form-data" action="/admin/"
class="border border-[#F6F6F6] m-[12px_0_20px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
<input type="text" name="q" id="keyword" value="" placeholder="Tìm sản phẩm"
class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
<input type="submit" value="Tìm kiếm"
class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
</form>
<div class="flex items-center justify-between m-[20px_0_16px]">
<div class="flex items-center">
<a href="javascript:void(0)" onclick="js_list_category.showModal()"
class="leading-[34px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] mr-[15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
Chọn danh mục để xem
</a>
<a href="javascript:void(0)" onclick="js_list_brand.showModal()"
class="leading-[34px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] mr-[15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
Chọn thương hiệu để xem
</a>
</div>
<div class="flex items-center">
<select
class="min-w-[160px] h-[36px] select select-bordered min-h-[36px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
<option value=""> Lọc sản phẩm </option>
<option value=""> option </option>
</select>
<select
class="min-w-[160px] h-[36px] select select-bordered min-h-[36px] ml-[10px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
<option value=""> Sắp xếp sản phẩm </option>
<option value=""> option </option>
</select>
</div>
</div>
<div class="table">
<table>
<thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-500">
<tr>
<td width="40"> STT </td>
<td> Sản phẩm (Tổng số: 1.742) </td>
<td> Thông tin khác </td>
<td width="160"> Lựa chọn </td>
</tr>
</thead>
<tbody>
<tr>
<td align="center"> 1 </td>
<td>
<a href="" target="_blank"> Màn hình Viewsonic VA3209U-4K (32 inch/UHD/IPS/60Hz/4ms) </a>
<p> Mã kho: <b> MOVI213 </b> </p>
<p> Danh mục: <b> Màn Hình Máy Tính, Màn Hình Theo Hãng, Màn Hình ViewSonic </b> </p>
<p> Bảo hành: 36 Tháng </p>
<p> Khuyến mại: + "ƯU ĐÃI Giảm ngay 10% vào thẻ nhớ khi khách hàng mua kèm Camera" </p>
</td>
<td>
<p> Giá: 10.599.000 </p>
<p> Kho hàng: 0 </p>
<p> Bảo hành: 36 Tháng </p>
</td>
<td align="center">
<a href="/admin/deal/deal-add?id=1"
class="block leading-[36px] bg-[#0041E8] text-[#fff_!important] font-[500] p-[0_14px] cursor-pointer rounded-[4px]">
Chọn sản phẩm
</a>
</td>
</tr>
</tbody>
</table>
</div>
<div class="paging">
<a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
<a href="" class="current">1</a>
<a href="">2</a>
<a href="">3</a>
<a href="">4</a>
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
</div>
</div>
<!-- Popup Danh mục + thương hiệu -->
<dialog id="js_list_category" class="modal">
<div class="modal-box max-w-xl p-[16px]">
<form method="dialog">
<button
class="absolute bg-[#ECECEC] font-bold leading-[30px] right-2 rounded-[50%] text-[#9E9E9E] top-2 w-[30px]">✕</button>
</form>
<p class="mb-[6px] font-bold text-[20px] leading-[26px]"> Chọn danh mục để xem </p>
<p class="m-[6px_0]"> Tổng số sản phẩm: 1.740 </p>
<ul class="h-[400px] overflow-auto leading-[24px]">
<li class="mb-[7px]">
<div>
+ (#1) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 1 </a>
</div>
<ul class="pl-[15px]">
<li class="mb-[2px]">
<div>
+ (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a>
</div>
<ul class="pl-[15px]">
<li class="mb-[2px]">
<div>
+ (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5)
</div>
<ul class="pl-[15px]">
<li>
<div>
+ (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5)
</div>
</li>
</ul>
</li>
<li class="mb-[2px]">
<div>
+ (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5)
</div>
</li>
<li class="mb-[2px]">
<div>
+ (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5)
</div>
</li>
</ul>
</li>
<!-- loop -->
<li class="mb-[2px]">
<div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div>
<ul class="pl-[15px]">
<li class="mb-[2px]">
<div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div>
<ul class="pl-[15px]">
<li>
<div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div>
</li>
</ul>
</li>
</ul>
</li>
<!-- // -->
</ul>
</li>
<!-- Clone -->
<li class="mb-[7px]">
<div> + (#1) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 1 </a> </div>
<ul class="pl-[15px]">
<li class="mb-[2px]">
<div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div>
<ul class="pl-[15px]">
<li class="mb-[2px]">
<div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div>
<ul class="pl-[15px]">
<li>
<div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div>
</li>
</ul>
</li>
</ul>
</li>
<li class="mb-[2px]">
<div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div>
<ul class="pl-[15px]">
<li class="mb-[2px]">
<div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div>
<ul class="pl-[15px]">
<li>
<div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li class="mb-[2px]">
<div> + (#1) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 1 </a> </div>
<ul class="pl-[15px]">
<li class="mb-[2px]">
<div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div>
<ul class="pl-[15px]">
<li class="mb-[2px]">
<div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div>
<ul class="pl-[15px]">
<li>
<div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div>
</li>
</ul>
</li>
</ul>
</li>
<li class="mb-[2px]">
<div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div>
<ul class="pl-[15px]">
<li class="mb-[2px]">
<div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div>
<ul class="pl-[15px]">
<li>
<div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<!-- // clone -->
</ul>
</div>
<form method="dialog" class="modal-backdrop">
<button>close</button>
</form>
</dialog>
<dialog id="js_list_brand" class="modal">
<div class="modal-box max-w-xl p-[16px]">
<form method="dialog">
<button
class="absolute bg-[#ECECEC] font-bold leading-[30px] right-2 rounded-[50%] text-[#9E9E9E] top-2 w-[30px]">✕</button>
</form>
<p class="mb-[6px] font-bold text-[20px] leading-[26px]"> Chọn thương hiệu để xem </p>
<div class="h-[400px] overflow-auto">
<p class="mb-[6px]"> Tìm theo chữ cái:  </p>
<div class="flex flex-wrap items-center brand-letters leading-[24px] mb-[20px]">
<a href="">
A <span class="text-[black]">(73)</span>
</a>
<a href=""> b <span class="text-[black]">(73)</span></a><a href=""> c <span
class="text-[black]">(73)</span></a><a href=""> d <span class="text-[black]">(73)</span></a><a
href=""> e <span class="text-[black]">(73)</span></a><a href=""> f <span
class="text-[black]">(73)</span></a><a href=""> g <span class="text-[black]">(73)</span></a><a
href=""> 123 <span class="text-[black]">(73)</span></a><a href=""> b <span
class="text-[black]">(73)</span></a><a href=""> c <span class="text-[black]">(73)</span></a><a
href=""> d <span class="text-[black]">(73)</span></a><a href=""> e <span
class="text-[black]">(73)</span></a><a href=""> f <span class="text-[black]">(73)</span></a><a
href=""> g <span class="text-[black]">(73)</span></a><a href=""> 123 <span
class="text-[black]">(73)</span></a><a href=""> b <span class="text-[black]">(73)</span></a><a
href=""> c <span class="text-[black]">(73)</span></a><a href=""> d <span
class="text-[black]">(73)</span></a><a href=""> e <span class="text-[black]">(73)</span></a><a
href=""> f <span class="text-[black]">(73)</span></a><a href=""> g <span
class="text-[black]">(73)</span></a><a href=""> 123 <span class="text-[black]">(73)</span></a><a
href=""> b <span class="text-[black]">(73)</span></a><a href=""> c <span
class="text-[black]">(73)</span></a><a href=""> d <span class="text-[black]">(73)</span></a><a
href=""> e <span class="text-[black]">(73)</span></a><a href=""> f <span
class="text-[black]">(73)</span></a>
</div>
<div class="order-page-table">
<table>
<thead>
<tr>
<td width="40">STT</td>
<td>Thương hiệu</td>
<td width="120">Số sản phẩm</td>
<td width="80"></td>
</tr>
</thead>
<tbody>
<tr align="center">
<td> 1 </td>
<td align="left"> ABS </td>
<td> 1 </td>
<td>
<a href="/admin/deal/deal-add?id=1"
class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a>
</td>
</tr>
<!-- loop -->
<tr align="center">
<td> 2 </td>
<td align="left"> A </td>
<td> 1 </td>
<td> <a href=""
class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a>
</td>
</tr>
<tr align="center">
<td> 3</td>
<td align="left"> B</td>
<td> 1 </td>
<td> <a href=""
class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a>
</td>
</tr>
<tr align="center">
<td> 4 </td>
<td align="left"> C</td>
<td> 1 </td>
<td> <a href=""
class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a>
</td>
</tr>
<tr align="center">
<td> 5 </td>
<td align="left"> ABS </td>
<td> 1 </td>
<td> <a href=""
class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a>
</td>
</tr>
<tr align="center">
<td> 2 </td>
<td align="left"> A </td>
<td> 1 </td>
<td> <a href=""
class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a>
</td>
</tr>
<tr align="center">
<td> 3</td>
<td align="left"> B</td>
<td> 1 </td>
<td> <a href=""
class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a>
</td>
</tr>
<tr align="center">
<td> 4 </td>
<td align="left"> C</td>
<td> 1 </td>
<td> <a href=""
class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a>
</td>
</tr>
<tr align="center">
<td> 5 </td>
<td align="left"> ABS </td>
<td> 1 </td>
<td> <a href=""
class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a>
</td>
</tr>
<!-- // -->
</tbody>
</table>
</div>
</div>
</div>
<form method="dialog" class="modal-backdrop">
<button>close</button>
</form>
</dialog>
{% endif %}

294
old/template/deal/deal_detail.html Normal file
View File

@@ -0,0 +1,294 @@
<div class="global-breadcrumb-container">
<a href="/admin/deal"> Deal/giờ vàng </a>
<a href="/admin/deal/deal-add"> Thêm sản phẩm deal </a>
<a href=""> Form thêm deal </a>
</div>
<div class="max-w-[1141px] m-[0_auto_20px] p-[0_16px]">
<div class="flex flex-wrap items-start justify-center">
<div
class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] flex flex-wrap items-center justify-between">
<p class="font-bold text-[20px]"> Cập nhật deal </p>
<div class="flex items-center">
<a href="/admin/deal/deal-add"
class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
<span
class="border-[1px] border-[#6B7280] h-[13px] w-[13px] leading-[10.3px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
<span>Thêm deal</span>
</a>
<a href="/admin/deal" title="Danh sách deal"
class="fas fa-ellipsis-h text-[18px] border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] text-center min-w-[36px] group hover:bg-[#0041E8] hover:text-[#fff]"></a>
</div>
<p class="w-[100%] text-[#6B7280]">
Màn hình máy tính HKC M20A6 20 Inch Full HD
</p>
</div>
<!-- col left -->
<div class="w-[25%] mr-[16px]">
<div
class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
<a href="javascript:void(0)"
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"
style="color: #Fff;background: #0041E8;"> Thông tin </a>
</div>
</div>
<!-- col right -->
<form method="post" enctype="multipart/form-data"
class="order-page-table w-[calc(100%_-25%_-16px)] bg-white p-[16pX_16px_20px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] block">
<p class="mb-[20px] font-bold text-[20px]"> Thông tin deal </p>
<div class="mb-[24px]">
<p class="mb-[7px]"> <b>Tiêu đề của Deal</b> </p>
<input type="text" value=""
class="w-[100%] h-[34px] input input-bordered input-md rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
</div>
<div class="mb-[24px]">
<p class="mb-[7px]"> <b>Sản phẩm liên quan</b> </p>
<p class="text-[#6B7280]">
Màn hình máy tính HKC M20A6 20 Inch Full HD
<a href="">Xem link</a>
</p>
</div>
<div class="mb-[24px]">
<p class="mb-[7px]"> <b>Mô tả tóm tắt về deal nếu có</b> </p>
<textarea
class="w-[100%] min-h-[122px] max-h-[170px] textarea textarea-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
</div>
<p class="bg-[#FAFAFB] h-[6px] m-[20px_-16px]"></p>
<p class="mb-[20px] font-bold text-[20px]"> Thông tin bán Sản phẩm </p>
<div class="mb-[24px] flex items-center">
<p class="w-[140px]"> <b>Giá sản phẩm</b> </p>
<p class="text-[#6B7280]"> 17.999.000 VNĐ </p>
</div>
<div class="mb-[24px] flex items-center">
<p class="w-[140px]"> <b> Giá deal </b> </p>
<input type="text" value=""
class="w-[50%] h-[34px] input input-bordered input-md rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
</div>
<div class="flex flex-wrap justify-between">
<div class="mb-[24px] w-[32%]">
<p class="mb-[6px]">
<b> Số lượng bán </b>
(Số đang có: 8)
</p>
<input type="text" value=""
class="w-[100%] h-[32px] input input-bordered input-md rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
</div>
<div class="mb-[24px] w-[32%]">
<div class="mb-[6px] relative">
<b> Số lượng tối thiểu phải mua </b>
<div class="inline-block relative group">
<i class="far fa-question-circle cursor-pointer ml-1 text-[#FFC700]"></i>
<p
class="hidden leading-[16px] text-[13px] absolute left-[-10px] bg-[rgba(0,0,0,0.60)] p-[6px_10px] rounded-[5px] text-white top-[100%] w-[280px] z-[1] group-hover:block">
Đây là số lượng mà người mua phải mua ở một lần đặt hàng nếu muốn đặt hàng deal này. Có
thể áp dụng trường hợp bạn đang có số lượng hàng tồn lớn và muốn bán nhanh
</p>
</div>
</div>
<input type="text" value=""
class="w-[100%] h-[32px] input input-bordered input-md rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
</div>
<div class="mb-[24px] w-[32%]">
<div class="mb-[6px]">
<b> Số lượng tối đa được mua </b>
<div class="inline-block relative group">
<i class="far fa-question-circle cursor-pointer ml-1 text-[#FFC700]"></i>
<p
class="hidden leading-[16px] text-[13px] absolute left-[-30px] bg-[rgba(0,0,0,0.60)] p-[6px_10px] rounded-[5px] text-white top-[100%] w-[250px] z-[1] group-hover:block">
Số lượng tối đa 1 khách hàng được phép đặt mua
</p>
</div>
</div>
<input type="text" value=""
class="w-[100%] h-[32px] input input-bordered input-md rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
</div>
</div>
<div class="mb-[24px]">
<p class="mb-[10px]"> <b>Thời gian hiệu lực *</b> </p>
<div class="flex items-center mb-[12px]">
<p style="width: 65px;"> Bắt đầu </p>
<div class="relative m-[0_35px_0_10px]">
<i class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
<input type="date" name="from_time_date" value="" placeholder="Từ ngày"
class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
</div>
<p class="mr-[10px]"> Giờ </p>
<select name='info[from_time_minute]' id='from_time_minute'
class="w-[100px] rounded-[4px] select select-bordered min-h-[35px] h-[35px]">
<option value="00:00">00:00</option>
<option value="00:30">00:30</option>
<option value="01:00">01:00</option>
<option value="01:30">01:30</option>
<option value="02:00">02:00</option>
<option value="02:30">02:30</option>
<option value="03:00">03:00</option>
<option value="03:30">03:30</option>
<option value="04:00">04:00</option>
<option value="04:30">04:30</option>
<option value="05:00">05:00</option>
<option value="05:30">05:30</option>
<option value="06:00">06:00</option>
<option value="06:30">06:30</option>
<option value="07:00">07:00</option>
<option value="07:30">07:30</option>
<option value="08:00">08:00</option>
<option value="08:30">08:30</option>
<option value="09:00">09:00</option>
<option value="09:30">09:30</option>
<option value="10:00">10:00</option>
<option value="10:30">10:30</option>
<option value="11:00">11:00</option>
<option value="11:30">11:30</option>
<option value="12:00">12:00</option>
<option value="12:30">12:30</option>
<option value="13:00">13:00</option>
<option value="13:30">13:30</option>
<option value="14:00">14:00</option>
<option value="14:30">14:30</option>
<option value="15:00">15:00</option>
<option value="15:30">15:30</option>
<option value="16:00">16:00</option>
<option value="16:30">16:30</option>
<option value="17:00">17:00</option>
<option value="17:30">17:30</option>
<option value="18:00">18:00</option>
<option value="18:30">18:30</option>
<option value="19:00">19:00</option>
<option value="19:30">19:30</option>
<option value="20:00">20:00</option>
<option value="20:30">20:30</option>
<option value="21:00">21:00</option>
<option value="21:30">21:30</option>
<option value="22:00">22:00</option>
<option value="22:30">22:30</option>
<option value="23:00">23:00</option>
<option value="23:30">23:30</option>
</select>
</div>
<div class="flex items-center">
<p style="width: 65px;"> Kết thúc </p>
<div class="relative m-[0_35px_0_10px]">
<i class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
<input type="date" name="to_time_date" value="" placeholder="Từ ngày"
class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
</div>
<p class="mr-[10px]"> Giờ </p>
<select name='info[to_time_minute]' id='from_time_minute'
class="w-[100px] rounded-[4px] select select-bordered min-h-[35px] h-[35px]">
<option value=" 00:00">00:00</option>
<option value="00:30">00:30</option>
<option value="01:00">01:00</option>
<option value="01:30">01:30</option>
<option value="02:00">02:00</option>
<option value="02:30">02:30</option>
<option value="03:00">03:00</option>
<option value="03:30">03:30</option>
<option value="04:00">04:00</option>
<option value="04:30">04:30</option>
<option value="05:00">05:00</option>
<option value="05:30">05:30</option>
<option value="06:00">06:00</option>
<option value="06:30">06:30</option>
<option value="07:00">07:00</option>
<option value="07:30">07:30</option>
<option value="08:00">08:00</option>
<option value="08:30">08:30</option>
<option value="09:00">09:00</option>
<option value="09:30">09:30</option>
<option value="10:00">10:00</option>
<option value="10:30">10:30</option>
<option value="11:00">11:00</option>
<option value="11:30">11:30</option>
<option value="12:00">12:00</option>
<option value="12:30">12:30</option>
<option value="13:00">13:00</option>
<option value="13:30">13:30</option>
<option value="14:00">14:00</option>
<option value="14:30">14:30</option>
<option value="15:00">15:00</option>
<option value="15:30">15:30</option>
<option value="16:00">16:00</option>
<option value="16:30">16:30</option>
<option value="17:00">17:00</option>
<option value="17:30">17:30</option>
<option value="18:00">18:00</option>
<option value="18:30">18:30</option>
<option value="19:00">19:00</option>
<option value="19:30">19:30</option>
<option value="20:00">20:00</option>
<option value="20:30">20:30</option>
<option value="21:00">21:00</option>
<option value="21:30">21:30</option>
<option value="22:00">22:00</option>
<option value="22:30">22:30</option>
<option value="23:00">23:00</option>
<option value="23:30">23:30</option>
</select>
</div>
</div>
<div class="mb-[24px]">
<p class="mb-[7px]"> <b>Thứ tự hiển thị</b> </p>
<input type="text" value="0"
class="w-[50%] h-[34px] input input-bordered input-md rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
</div>
<div class="flex items-center">
<p> <b>Hiển thị</b> </p>
<label class="flex items-center cursor-pointer relative pl-[30px] m-[0_76px]">
<input type="radio" name="info[status]" value="1" class="left-0 radio checked:bg-blue-500" checked>
<span class="label-text ml-[10px]">Cho hiển thị</span>
</label>
<label class="flex items-center cursor-pointer relative pl-[30px]">
<input type="radio" name="info[status]" value="0" class="left-0 radio checked:bg-blue-500">
<span class="label-text ml-[10px]">Ẩn hiển thị</span>
</label>
</div>
<p class="bg-[#FAFAFB] h-[6px] m-[20px_-16px]"></p>
<input name="commit" type="submit" value="Cập nhật"
class="inline-block cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
</form>
</div>
</div>

178
old/template/deal/home.html Normal file
View File

@@ -0,0 +1,178 @@
<div class="w-[100%]">
<div
class="bg-white m-[16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
<p class="leading-[30px] mb-[13px] font-bold text-[24px]"> Danh sách Deal </p>
<form method="get" enctype="multipart/form-data" action="/admin/"
class="border border-[#F6F6F6] m-[12px_0_16px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
<input type="hidden" name="opt" value="deal">
<input type="hidden" name="q" value="">
<input type="hidden" name="page" value="">
<input type="text" name="q" id="keyword" value="" placeholder="Tìm sản phẩm"
class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
<input type="submit" value="Tìm kiếm"
class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
</form>
<div class="flex items-center flex-wrap justify-between mb-[20px]">
<a href=""
class="leading-[35px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
Xóa danh sách được chọn
</a>
<div class="flex items-center font-[500] leading-[35px]">
<a href="/admin/deal/deal-add"
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_16px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
<span
class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
<span>Thêm deal mới</span>
</a>
<a href="/admin/deal/upload-deal-excel"
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_16px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
<span
class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
<span>Thêm deal excel</span>
</a>
<a href="javascript:void(0)"
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
<i class="fas fa-file-download m-[0_4px_0_0]"></i>
<span>Tải file excel</span>
</a>
</div>
</div>
<div class="overflow-x-auto">
<table class="table">
<thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-500">
<tr>
<td width="40">
<input type="checkbox" class="checkbox checkbox-success"
onclick="CheckList.setAllChecked.call(this)" />
</td>
<td width="40"> STT </td>
<td width="80"> Ảnh </td>
<td> Sản phẩm (Tổng số: 1.742) </td>
<td> Thông tin Deal </td>
<td> Thời gian Deal </td>
<td width="130">
<select class="select w-[120px_!important] h-[30px] min-h-[30px]">
<option value="">Tình trạng</option>
<option value="not-started"> Chưa bắt đầu </option>
<option value="started"> Đang bắt đầu </option>
<option value="ended"> Hết thời gian </option>
<option value="hidden"> Ẩn hiển thị </option>
<option value="featured"> Đang nổi bật </option>
</select>
</td>
<td class="text-center"> Công cụ </td>
</tr>
</thead>
<tbody>
<tr>
<td align="center">
<input type="checkbox" class="checkbox checkbox-success js-checkbox-id" />
</td>
<td align="center"> 1 </td>
<td>
<div class="w-[100px]">
<img src="https://via.placeholder.com/500x500" class="block" />
</div>
</td>
<td>
<a href=""> HH WORKSTATION CORE i9 10900K | 32GB | NVIDIA RTX 2060 6GB </a>
<p> [SKU: LTLE950] </p>
<p> Số lượng: <b>60</b> </p>
<p> Số tối thiểu cho 1 đơn hàng: <b>1</b> </p>
<p> Tạo lúc: 25-10-2022, 4:56 pm </p>
<p> Cập nhật: 17-01-2024, 9:36 am </p>
</td>
<td>
<p> Giá Deal:
<b class="text-[red] mr-1"> 35.000.000 vnđ </b>
(Giảm: <b class="text-[red]"> 4% </b>)
</p>
<p> Giá thị trường: <b class="text-[red]"> 36.000.000 vnd </b></p>
<p> Số đơn hàng : <b> 6 </b> </p>
<p> Số lượng đặt mua: <b> 10 </b> </p>
<p> Lượt xem: <b> 0 </b> </p>
</td>
<td class="whitespace-nowrap">
<b> 01-01-2024, 1:00 pm </b> đến
<b class="block"> 31-03-2024, 8:00 pm </b>
</td>
<td>
<i title="Chưa bắt đầu" style="background: #0041E8;"
class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i>
<i title="Đang bắt đầu" style="background: #299D00;"
class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i>
<i title="Hết thời gian" style="background: #E00000;"
class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i>
<i title="Ẩn hiển thị" style="background: #C8C8C8;"
class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i>
<i title="Đang nổi bật" style="background: #FFC700;"
class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i>
</td>
<td>
<div class="items-center flex">
<a href="/admin/deal/deal-add?id=1" title="Sửa lại" class="icons icon-edit"></a>
<a href="" title="Cho nổi bật"
class="fas fa-crown bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
<a href="" title="Hạ nổi bật"
class="fas fa-crown bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
<a href="" title="Hạ xuống"
class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
<a href="" title="Cho Hiển thị"
class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]">
</a>
<a href="" class="icons icon-delete" title="Xóa"></a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="paging">
<a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
<a href="" class="current">1</a>
<a href="">2</a>
<a href="">3</a>
<a href="">4</a>
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
</div>
</div>
</div>
<script src="{{ 'checkbox.js' | asset_url }}"></script>
<script>
const CheckList = Checkbox(delete_deal);
function delete_deal(id, must_confirm) {
if (must_confirm && !confirm("Bạn chắc chắn muốn xóa ?")) {
return;
}
$.post(ACTION_URL, { action: "delete-deal", id: id }, function (data) {
$("#row_" + id).fadeOut();
});
}
</script>

127
old/template/deal/upload_deal_excel.html Normal file
View File

@@ -0,0 +1,127 @@
<div class="global-breadcrumb-container">
<a href="/admin/deal"> Deal/giờ vàng </a>
<a href=""> Thêm deal qua Excel </a>
</div>
<div class="max-w-[1141px] m-[0_auto_20px]">
<div class="flex flex-wrap items-start justify-center">
<div class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] flex flex-wrap items-center justify-between">
<p class="font-bold text-[20px]"> Thêm deal qua excel </p>
<p class="text-[#6B7280] mt-[10px] order-[1] w-[100%]"> Hướng dẫn: File sẽ thêm Sản phẩm nếu chưa có, và cập nhật Sản phẩm nếu có rồi </p>
<a href="" class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] hover:bg-[#0041E8] hover:text-[#fff]">
<i class="far fa-file-excel mr-1"></i>
<span> Tải danh sách deal </span>
</a>
</div>
<!-- col left -->
<div class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
<a href="javascript:void(0)" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition" style="color: #Fff;background: #0041E8;"> Thông tin </a>
</div>
<!-- col right -->
<form method="post" enctype="multipart/form-data" class="order-page-table w-[852px] bg-white p-[16pX_16px_20px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
<div class="flex items-center mb-[20px]">
<b class="mr-[10px]"> Chú ý: Yêu cầu file excel theo đúng file mẫu. </b>
<a href="" class="flex items-center whitespace-nowrap border border-[#0041E8] font-[500] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[35px] p-[0_12px] hover:bg-[#0041E8] hover:text-[#fff]">
<i class="far fa-file-excel mr-1"></i>
<span> Tải file mẫu </span>
</a>
</div>
<table>
<tr>
<td width="215"> File cập nhật </td>
<td>
<input type="file">
</td>
</tr>
<tr>
<td> Cấu hình cột Excel </td>
<td>
<table>
<tr class="font-[600] bg-[#ECECEC_!important]">
<td>Cột Excel</td>
<td>Nội dung</td>
</tr>
<tr>
<td>A</td>
<td>Mã kho (SKU)</td>
</tr>
<tr>
<td>B</td>
<td>Tên của deal</td>
</tr>
<tr>
<td>C</td>
<td>Giá deal (dạng số)</td>
</tr>
<tr>
<td>D</td>
<td>Số lượng mua tối thiểu (dạng số - mặc định là 1)</td>
</tr>
<tr>
<td>E</td>
<td>Số lượng mua tối đa (dạng số - mặc định là 1)</td>
</tr>
<tr>
<td>F</td>
<td>Số lượng (dạng số)</td>
</tr>
<tr>
<td>G</td>
<td>Ngày bắt đầu (DD/MM/YYYY)</td>
</tr>
<tr>
<td>H</td>
<td>Giờ bắt đầu (hh:mm)</td>
</tr>
<tr>
<td>I</td>
<td>Ngày kết thúc (DD/MM/YYYY)</td>
</tr>
<tr>
<td>J</td>
<td>Giờ kết thúc (hh:mm)</td>
</tr>
<tr>
<td>K</td>
<td>Chọn hiển thị (yes|no)</td>
</tr>
<tr>
<td>L</td>
<td>Thứ tự hiển thị</td>
</tr>
</table>
</td>
</tr>
</table>
<hr class="border-[4px] border-[#FAFAFB] m-[16px_-16px]">
<input name="commit" type="submit" value="Cập nhật" class="inline-block cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]">
</form>
</div>
</div>