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

marketing

Browse Source
This commit is contained in:
Dao Duc
2024-02-21 09:54:46 +07:00
parent 200a04e66a
commit 546ac5d1e2
9 changed files with 828 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

220
template/deal/deal_add.html Normal file
View File

@@ -0,0 +1,220 @@
{% 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] p-[0_5px] border border-[#D8D8D8] rounded-[4px] mr-[15px] 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] p-[0_5px] border border-[#D8D8D8] 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="order-page-table">
<table>
<thead>
<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 %}

175
template/deal/deal_detail.html Normal file
View File

@@ -0,0 +1,175 @@
<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]">
<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-[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-[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] p-[0_10px] rounded-[4px] border border-[#D8D8D8] 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] p-[6px_10px] rounded-[4px] border border-[#D8D8D8] 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] p-[0_10px] rounded-[4px] border border-[#D8D8D8] 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] p-[0_10px] rounded-[4px] border border-[#D8D8D8] 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] p-[0_10px] rounded-[4px] border border-[#D8D8D8] 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] p-[0_10px] rounded-[4px] border border-[#D8D8D8] 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' style="width: 85px;">
<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' style="width: 85px;">
<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] p-[0_10px] rounded-[4px] border border-[#D8D8D8] 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" checked>
<span>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">
<span>Ẩ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>

135
template/deal/home.html Normal file
View File

@@ -0,0 +1,135 @@
<div class="bg-white m-[16px_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] 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="" 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="" 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="order-page-table">
<table>
<thead>
<tr>
<td width="40"> <input type="checkbox" class="scale-[1.5]"/> </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>
<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> Công cụ </td>
</tr>
</thead>
<tbody>
<tr>
<td align="center">
<input type="checkbox" class="scale-[1.5] js-checkbox-id"/>
</td>
<td align="center"> 1 </td>
<td>
<img src="https://via.placeholder.com/500x500" class="block"/>
</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>
<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>

18
template/system/form_store_design/background.html Normal file
View File

@@ -0,0 +1,18 @@
<form method="post" enctype="multipart/form-data" class="order-page-table w-[852px] bg-white p-[16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
<table>
<tr>
<td width="230"> Thay Ảnh nền </td>
<td>
<div>
<img src="https://via.placeholder.com/1920x900" class="block"/>
</div>
<input type="file" class="cursor-pointer m-[12px_0]" />
<i class="block text-[#E00000] font-[300]"> Bạn có thể thay nền website bằng hình ảnh. Với file ảnh, yêu cầu là .jpg, .gif, hoặc .png và dung lượng tối đa 300KB. </i>
</td>
</tr>
</table>
<input type="submit" value="Cập nhật" class="inline-block mt-[12px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]"/>
</form>

28
template/system/form_store_design/header.html Normal file
View File

@@ -0,0 +1,28 @@
<form method="post" enctype="multipart/form-data" class="order-page-table w-[852px] bg-white p-[16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
<table>
<tr>
<td width="215"> Thay Logo </td>
<td>
<div class="mb-[15px]">
<img src="https://via.placeholder.com/400x300" class="block max-h-[100px]"/>
</div>
<input type="file" class="cursor-pointer" />
</td>
</tr>
<tr>
<td> Thay Ảnh header </td>
<td>
<div class="mb-[15px]">
<img src="https://via.placeholder.com/400x300" class="block max-h-[100px]"/>
</div>
<input type="file" class="cursor-pointer" />
</td>
</tr>
</table>
<input type="submit" value="Cập nhật" class="inline-block mt-[12px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]"/>
</form>

86
template/system/form_store_design/other.html Normal file
View File

@@ -0,0 +1,86 @@
<form method="post" enctype="multipart/form-data" class="order-page-table w-[852px] bg-white p-[16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
<i class="block text-[#E00000] leading-[20px] mb-[20px]">
<b>Cảnh báo:</b> Vì các cài đặt sau sẽ được sử dụng ở biến global. Nên hệ thống sẽ cho phép tạo tối đa 20 giá trị và giới hạn số ký tự không quá 500 mỗi giá trị để đảm bảo website hoạt động tốt. Do vậy chỉ cài đặt các nội dung thật sự sẽ được hiển thị ở tất cả các nơi (v.d. Header/Footer).
</i>
<div class="order-page-table">
<table id="js-tb-settings">
<thead>
<tr>
<td width="50"> STT </td>
<td width="250"> Code giao diện </td>
<td width="200"> Chú thích (cho quản trị viên) </td>
<td> Giá trị </td>
<td width="110"> Hành động </td>
</tr>
</thead>
<tbody>
<tr>
<td align="center"> 1 </td>
<td> global.settings.builpc_category_special_offer </td>
<td> Danh sách khuyến mại theo từng danh mục trang Xây dựng cấu hình </td>
<td>
<textarea class="block border border-[#D8D8D8] w-[100%] p-[8px]">0000000000</textarea>
</td>
<td align="center">
<a href="" class="block border border-[#0041E8] text-[#0041E8] bg-[#F5F7FF] mb-[5px] rounded-[4px] leading-[32px] hover:bg-[#0041E8] hover:text-[#fff]">Cập nhật</a>
<a href="javascript:void(0)" class="icons icon-delete" title="Xóa"></a>
</td>
</tr>
</tbody>
</table>
<div class="text-center mt-[15px]">
<a href="javascript:add_form_setting()" class="inline-flex items-center">
<span class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10px] text-center rounded-[50%] mr-1">+</span>
<span> Thêm quản trị biến nội dung </span>
</a>
</div>
</div>
</form>
<script>
var $tb_setting = $('#js-tb-settings');
var current_index = $tb_setting.find("tr").length - 1;
var $row_tpl = `
<tr>
<td>{index}</td>
<td colspan="4" id="js-new-{index}">
<div class="mb-4">
<p class="mb-1">
KEY <i class="text-[#6B7280] font-[300]">(* yêu cầu: viết thường, không dấu và viết liền, chỉ gồm ký tự a->z 1->9 hoặc _ . Ví dụ: mau_sac_banner)</i>
</p>
<input type='text' name='setting_key' class="page-input">
</div>
<div class="mb-4">
<p class="mb-1">
Chú thích (cho quản trị viên) <i class="text-[#6B7280] font-[300]">(tối đa 50 từ)</i>
</p>
<input type='text' name='comment' class="page-input">
</div>
<div class="mb-[10px]">
<p class="mb-1"> Giá trị </p>
<textarea name='setting_value' class="page-input min-h-[76px] max-h-[120px]"></textarea>
</div>
<div id="js-create-status-{index}"></div>
<input type="button" value="Tạo mới" onclick="createNew('{index}')" class="inline-block cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]">
</td>
</tr>
`;
function add_form_setting() {
current_index += 1;
$tb_setting.append($row_tpl.replace(/{index}/g, current_index));
}
</script>

51
template/system/form_store_design/popup.html Normal file
View File

@@ -0,0 +1,51 @@
<form method="post" enctype="multipart/form-data" class="order-page-table w-[852px] bg-white p-[16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
<table>
<tr>
<td width="230"> Link nhảy đến </td>
<td>
<input type="text" value="" class="page-input"/>
</td>
</tr>
<tr>
<td> File ảnh </td>
<td>
<div class="mb-[15px]">
<img src="https://via.placeholder.com/900x900" class="block max-h-[300px]"/>
</div>
<input type="file" class="cursor-pointer" />
</td>
</tr>
<tr>
<td> Lựa chọn hiển thị người dùng </td>
<td style="padding: 14px">
<label class="items-center cursor-pointer relative pl-[30px] mr-[15px]" style="display: inline-flex;">
<input type="radio" name="popup_display" value="session" class="left-0">
<span>Theo session</span>
</label>
<label class="items-center cursor-pointer relative pl-[30px]" style="display: inline-flex;">
<input type="radio" name="popup_display" value="homepage" checked class="left-0">
<span>Trang chủ website</span>
</label>
</td>
</tr>
<tr>
<td> Khác </td>
<td>
<label class="items-center cursor-pointer" style="display: inline-flex;">
<input type="checkbox" name="popup_activate" value="1" class="scale-[1.5] mr-[12px]">
<span> Tích chọn để hiển thị hoặc dừng hiển thị </span>
</label>
</td>
</tr>
</table>
<input type="submit" value="Cập nhật" class="inline-block mt-[12px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]"/>
</form>

50
template/system/store_design.html Normal file
View File

@@ -0,0 +1,50 @@
<div class="global-breadcrumb-container">
<a href="/admin/marketing/conditional-promotion"> Banner popup </a>
<a href=""> Form sửa phần header </a>
</div>
<div class="max-w-[1141px] flex flex-wrap items-start m-[0_auto_16px_auto]">
<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]">
<p class="font-bold text-[20px] leading-[26px] mb-[10px]"> Tùy chỉnh thành phần giao diện </p>
<p class="w-[100%] text-[#6B7280]">
<b>Chú ý:</b> Chức năng này chỉ áp dụng với các giao diện đã được cài đặt cho phép thay đổi 1 số thành phần của giao diện. Biến template sử dụng $settings (global)
</p>
</div>
<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="/admin/system/store-design?section=header" {% if global.url contains 'section=header' %} style="color: #Fff;background: #0041E8;"{% endif %} class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
Phần header
</a>
<a href="/admin/system/store-design?section=popup" {% if global.url contains 'section=popup' %} style="color: #Fff;background: #0041E8;"{% endif %} class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
Banner Pop-Up
</a>
<a href="/admin/system/store-design?section=background" {% if global.url contains 'section=background' %} style="color: #Fff;background: #0041E8;"{% endif %} class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
Hình nền website
</a>
<a href="/admin/system/store-design?section=other" {% if global.url contains 'section=other' %} style="color: #Fff;background: #0041E8;"{% endif %} class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
Thông tin khác
</a>
</div>
{% if global.url contains 'section=header' %}
{% include 'system/form_store_design/header' %}
{% elsif global.url contains 'section=popup' %}
{% include 'system/form_store_design/popup' %}
{% elsif global.url contains 'section=background' %}
{% include 'system/form_store_design/background' %}
{% elsif global.url contains 'section=other' %}
{% include 'system/form_store_design/other' %}
{% endif %}
</div>

65
template/url/url_seo.html Normal file
View File

@@ -0,0 +1,65 @@
<div class="max-w-[1141px] m-[17px_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]">
<p class="font-bold text-[20px]"> Upload Excel SEO sản phẩm </p>
<p class="text-[#6B7280] mt-[10px]"> Yêu cầu file excel theo đúng Cấu hình cột Excel bên dưới </p>
</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">
<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> ID Sản phẩm Web </td>
</tr>
<tr>
<td> B </td>
<td> Mã kho (SKU) </td>
</tr>
<tr>
<td> C </td>
<td> Thẻ Meta Title </td>
</tr>
<tr>
<td> D </td>
<td> Thẻ Meta Keyword </td>
</tr>
<tr>
<td> E </td>
<td> Thẻ Meta Description </td>
</tr>
</table>
</td>
</tr>
</table>
<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] mt-[17px]"/>
</form>
</div>
</div>