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

up

Browse Source
This commit is contained in:
Tieptk
2025-02-13 15:45:32 +07:00
parent 1315df5ebb
commit e60866c99f
30 changed files with 816 additions and 948 deletions
Download Patch File Download Diff File Expand all files Collapse all files

220
template/deal/deal_add.html
View File

@@ -1,6 +1,6 @@
{% if global.url contains '?id=' %}
{% include 'deal/deal_detail' %}
{% include 'deal/deal_detail' %}
{% else %}
<div class="global-breadcrumb-container">
@@ -9,41 +9,49 @@
</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]">
<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 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]">
<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]">
<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)]">
<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)]">
<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">
<div class="table">
<table>
<thead>
<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>
@@ -72,7 +80,8 @@
</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]">
<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>
@@ -82,7 +91,7 @@
</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>
@@ -98,12 +107,13 @@
<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>
<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>
@@ -147,13 +157,86 @@
</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>
<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>
<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>
@@ -166,20 +249,38 @@
<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>
<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>
<p class="mb-[6px] font-bold text-[20px] leading-[26px]"> Chọn thương hiệu để xem </p>
<div class="h-[400px] overflow-auto">
<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 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>
<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">
@@ -192,20 +293,83 @@
<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>
<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>
<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>