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-19 14:55:19 +07:00
parent 7857cc0422
commit 3a257c411e
25 changed files with 1208 additions and 1126 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
assets/script/pc_style.css
View File

@@ -796,6 +796,11 @@ a {
font-size: 28px !important; font-size: 28px !important;
} }
} }
@media (max-width: 800px) {
#js-form-search {
width: 300px;
}
}
@media (max-width: 675px) { @media (max-width: 675px) {
.admin-menu-container { .admin-menu-container {
display: none; display: none;
@@ -812,7 +817,12 @@ a {
.admin-content-container .item-chart { .admin-content-container .item-chart {
grid-column: span 4/span 4; grid-column: span 4/span 4;
} }
.admin-header-right { #js-form-search {
margin-top: 10px; width: 250px;
}
}
@media (max-width: 540px) {
#js-form-search {
display: none;
} }
}/*# sourceMappingURL=pc_style.css.map */ }/*# sourceMappingURL=pc_style.css.map */

2
assets/script/pc_style.css.map
View File

File diff suppressed because one or more lines are too long

16
assets/script/pc_style.scss
View File

@@ -803,6 +803,12 @@ a {
} }
} }
@media (max-width: 800px) {
#js-form-search {
width: 300px;
}
}
@media (max-width: 675px) { @media (max-width: 675px) {
.admin-menu-container { .admin-menu-container {
display: none; display: none;
@@ -819,7 +825,13 @@ a {
grid-column: span 4 / span 4; grid-column: span 4 / span 4;
} }
} }
.admin-header-right { #js-form-search {
margin-top: 10px; width: 250px;
}
}
@media (max-width: 540px) {
#js-form-search {
display: none;
} }
} }

375
template/banner/home.html
View File

@@ -1,197 +1,200 @@
<div <div class="w-[100%]">
class="m-[16px_0_16px_16px] p-[20px_16px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]"> <div
<p class="leading-[31px] font-bold text-[24px] mb-[12px]"> Danh sách banner </p> class="m-[16px] p-[20px_16px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
<p class="leading-[31px] font-bold text-[24px] mb-[12px]"> Danh sách banner </p>
<form method='get' enctype="multipart/form-data" action="/admin/" <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)]"> 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='banner' /> <input type='hidden' name='opt' value='banner' />
<input type='hidden' name='q' value='' /> <input type='hidden' name='q' value='' />
<input type='hidden' name='page' value='' /> <input type='hidden' name='page' value='' />
<input type=text name='q' id='keyword' value="" placeholder="Tìm banner(theo tên)" <input type=text name='q' id='keyword' value="" placeholder="Tìm banner(theo tên)"
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)] " /> 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' <input type=submit value='Tìm kiếm'
class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]"> class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
</form> </form>
<div class="flex items-center flex-wrap justify-between"> <div class="flex items-center flex-wrap justify-between">
<div class="flex items-center"> <div class="flex items-center">
<select <select
class="m-[0_16px_16px_0] h-[36px] p-[0_15px_0_5px] rounded-[4px] border border-[#d8d8d8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]"> class="m-[0_16px_16px_0] h-[36px] p-[0_15px_0_5px] rounded-[4px] border border-[#d8d8d8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
<option value="">Xem theo vị trí banner</option> <option value="">Xem theo vị trí banner</option>
<option value='43'> - Banner MB Webmau4</option> <option value='43'> - Banner MB Webmau4</option>
<option value='42'> - Brand Homepage</option> <option value='42'> - Brand Homepage</option>
</select> </select>
<select <select
class="m-[0_16px_16px_0] h-[36px] p-[0_15px_0_5px] rounded-[4px] border border-[#d8d8d8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]"> class="m-[0_16px_16px_0] h-[36px] p-[0_15px_0_5px] rounded-[4px] border border-[#d8d8d8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
<option value="">Lọc hiển thị</option> <option value="">Lọc hiển thị</option>
<option value="">Chưa hiển thị</option> <option value="">Chưa hiển thị</option>
<option value="">Đang hiển thị</option> <option value="">Đang hiển thị</option>
</select> </select>
<a href="" <a href=""
class="m-[0_16px_16px_0] leading-[36px] p-[0_10px] rounded-[4px] border border-[#0041E8] text-[#0041E8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] hover:bg-[#0041E8] hover:text-[#fff]">Chọn class="m-[0_16px_16px_0] leading-[36px] p-[0_10px] rounded-[4px] border border-[#0041E8] text-[#0041E8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] hover:bg-[#0041E8] hover:text-[#fff]">Chọn
danh mục sản phẩm để xem</a> danh mục sản phẩm để xem</a>
</div>
<div class="flex items-center font-[500] leading-[34.5px]">
<a href="/admin/banner/upload"
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_16px_16px_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 banner mới</span>
</a>
<a href="/admin/banner/location"
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_0_16px_0] group hover:bg-[#0041E8] hover:text-[#fff]">
<i class="far fa-image mr-[8px]"></i>
<span>Quản trị vị trí banner</span>
</a>
</div>
</div> </div>
<div class="flex items-center font-[500] leading-[34.5px]"> <div class="overflow-x-auto">
<a href="/admin/banner/upload" <table class="table td-top">
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_16px_16px_0] group hover:bg-[#0041E8] hover:text-[#fff]"> <thead class="bg-[#F6F6F6] text-[#000] text-[14px] font-500">
<span <td> STT </td>
class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span> <td width="280"> Ảnh </td>
<span>Thêm banner mới</span> <td> Thông tin </td>
</a> <td> Thứ tự </td>
<td> Click </td>
<td> Chỉnh sửa </td>
</thead>
<a href="/admin/banner/location" <tbody>
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_0_16px_0] group hover:bg-[#0041E8] hover:text-[#fff]"> <tr>
<i class="far fa-image mr-[8px]"></i> <td align="center"> 1 </td>
<span>Quản trị vị trí banner</span>
</a> <td>
<img src="https://demopc8.hurasoft.com/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg"
width="260" />
</td>
<td>
<table class="not-border not-padding">
<tr>
<td width="115">Tên gọi:</td>
<td> </td>
</tr>
<tr>
<td>Link tới:</td>
<td> </td>
</tr>
<tr>
<td>File:</td>
<td>/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg</td>
</tr>
<tr>
<td>Kích thước:</td>
<td>Rộng x Cao (Width x Height) = 3130px x 2075px</td>
</tr>
<tr>
<td>Link:</td>
<td>/ad.php?id=236</td>
</tr>
<tr>
<td>Thời gian hiển thị:</td>
<td>Luôn hiển thị, chỉ ẩn khi hạ bằng tay</td>
</tr>
<tr>
<td>Cập nhật:</td>
<td>21-06-2023, 11:08 am</td>
</tr>
</table>
</td>
<td align="center"> 0 </td>
<td align="center"> 0 </td>
<td>
<div class="items-center flex justify-center">
<a href="/admin/banner/upload?id=1" class="icons icon-edit" title="Sửa lại"></a>
<a href="javascript:void(0)" title="Hạ Hiển thị"
class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[8px]"></a>
<a href="javascript:void(0)" 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-[8px]">
</a>
<a href="javascript:void(0)" class="icons icon-delete" title="Xóa"></a>
</div>
</td>
</tr>
<tr>
<td align="center"> 2 </td>
<td>
<img src="https://demopc8.hurasoft.com/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg"
width="260" class="min-w-[200px]" />
</td>
<td>
<table class="not-border not-padding whitespace-nowrap">
<tr>
<td width="115">Tên gọi:</td>
<td> </td>
</tr>
<tr>
<td>Link tới:</td>
<td> </td>
</tr>
<tr>
<td>File:</td>
<td>/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg</td>
</tr>
<tr>
<td>Kích thước:</td>
<td>Rộng x Cao (Width x Height)=3130px x 2075px</td>
</tr>
<tr>
<td>Link:</td>
<td>/ad.php?id=236</td>
</tr>
<tr>
<td>Thời gian hiển thị:</td>
<td>Luôn hiển thị, chỉ ẩn khi hạ bằng tay</td>
</tr>
<tr>
<td>Cập nhật:</td>
<td>21-06-2023, 11:08 am</td>
</tr>
</table>
</td>
<td align="center"> 0 </td>
<td align="center"> 0 </td>
<td>
<div class="items-center flex justify-center"> <a href="/admin/banner/upload?id=1"
class="icons icon-edit" title="Sửa lại"></a> <a href="javascript:void(0)"
title="Hạ Hiển thị"
class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[8px]"></a>
<a href="javascript:void(0)" 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-[8px]">
</a> <a href="javascript:void(0)" class="icons icon-delete" title="Xóa"></a>
</div>
</td>
</tr>
</tbody>
</table>
</div> </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>
<div class="table td-top">
<table>
<thead class="bg-[#F6F6F6] text-[#000] text-[14px] font-500">
<td> STT </td>
<td width="280"> Ảnh </td>
<td> Thông tin </td>
<td> Thứ tự </td>
<td> Click </td>
<td> Chỉnh sửa </td>
</thead>
<tbody>
<tr>
<td align="center"> 1 </td>
<td>
<img src="https://demopc8.hurasoft.com/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg"
width="260" />
</td>
<td>
<table class="not-border not-padding">
<tr>
<td width="115">Tên gọi:</td>
<td> </td>
</tr>
<tr>
<td>Link tới:</td>
<td> </td>
</tr>
<tr>
<td>File:</td>
<td>/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg</td>
</tr>
<tr>
<td>Kích thước:</td>
<td>Rộng x Cao (Width x Height) = 3130px x 2075px</td>
</tr>
<tr>
<td>Link:</td>
<td>/ad.php?id=236</td>
</tr>
<tr>
<td>Thời gian hiển thị:</td>
<td>Luôn hiển thị, chỉ ẩn khi hạ bằng tay</td>
</tr>
<tr>
<td>Cập nhật:</td>
<td>21-06-2023, 11:08 am</td>
</tr>
</table>
</td>
<td align="center"> 0 </td>
<td align="center"> 0 </td>
<td>
<div class="items-center flex justify-center">
<a href="/admin/banner/upload?id=1" class="icons icon-edit" title="Sửa lại"></a>
<a href="javascript:void(0)" title="Hạ Hiển thị"
class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[8px]"></a>
<a href="javascript:void(0)" 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-[8px]">
</a>
<a href="javascript:void(0)" class="icons icon-delete" title="Xóa"></a>
</div>
</td>
</tr>
<tr>
<td align="center"> 2 </td>
<td> <img
src="https://demopc8.hurasoft.com/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg"
width="260" /> </td>
<td>
<table class="not-border not-padding">
<tr>
<td width="115">Tên gọi:</td>
<td> </td>
</tr>
<tr>
<td>Link tới:</td>
<td> </td>
</tr>
<tr>
<td>File:</td>
<td>/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg</td>
</tr>
<tr>
<td>Kích thước:</td>
<td>Rộng x Cao (Width x Height)=3130px x 2075px</td>
</tr>
<tr>
<td>Link:</td>
<td>/ad.php?id=236</td>
</tr>
<tr>
<td>Thời gian hiển thị:</td>
<td>Luôn hiển thị, chỉ ẩn khi hạ bằng tay</td>
</tr>
<tr>
<td>Cập nhật:</td>
<td>21-06-2023, 11:08 am</td>
</tr>
</table>
</td>
<td align="center"> 0 </td>
<td align="center"> 0 </td>
<td>
<div class="items-center flex justify-center"> <a href="/admin/banner/upload?id=1"
class="icons icon-edit" title="Sửa lại"></a> <a href="javascript:void(0)"
title="Hạ Hiển thị"
class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[8px]"></a>
<a href="javascript:void(0)" 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-[8px]">
</a> <a href="javascript:void(0)" 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>

725
template/banner/upload.html
View File

@@ -3,7 +3,7 @@
<a href=""> Form sửa banner </a> <a href=""> Form sửa banner </a>
</div> </div>
<div class="max-w-[1141px] m-auto"> <div class="max-w-[1141px] m-auto p-[0_15px]">
<div class="text-right m-[0_0_12px]"> <div class="text-right m-[0_0_12px]">
<a href="/admin/banner/upload" <a href="/admin/banner/upload"
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]"> class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
@@ -19,382 +19,387 @@
</a> </a>
</div> </div>
<div class="flex flex-wrap items-start m-[16px_0]"> <div class="m-[16px_0]">
{% if global.url contains 'id=' %} <!-- Form chỉnh sửa --> {% if global.url contains 'id=' %} <!-- Form chỉnh sửa -->
{% endif %} {% endif %}
<p <p
class="w-[100%] bg-white m-[0_0_16px] text-center rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[54px] text-[18px] font-bold"> class="w-[100%] bg-white m-[0_0_16px] text-center rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[54px] text-[18px] font-bold">
Cập nhật lại banner </p> Cập nhật lại banner </p>
<div class="flex flex-wrap">
<div class="2xl:w-[30%] sm:w-full mb-[16px] sm:mr-[0] 2xl:mr-[16px]">
<div
class="w-full 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;"> Chỉnh sửa </a>
</div>
</div>
<div <form method="post" enctype="multipart/form-data"
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"> class="2xl:w-[calc(100%_-30%_-16px)] sm:w-full bg-white p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
<a href="javascript:void(0)"
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"
style="color: #Fff;background: #0041E8;"> Chỉnh sửa </a>
</div>
<form method="post" enctype="multipart/form-data" <input type="hidden" name="info[id]" value="236">
class="w-[852px] bg-white p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block"> <input type='hidden' name='info[category_list]' id='selected_cat' value="9,148">
<input type="hidden" value="product_list" id="current_template_page">
<input type="hidden" name="action" value="send">
<input type="hidden" name="info[id]" value="236">
<input type='hidden' name='info[category_list]' id='selected_cat' value="9,148">
<input type="hidden" value="product_list" id="current_template_page">
<input type="hidden" name="action" value="send">
<table>
<tr>
<td width="220" style="vertical-align: top;">
<p class="leading-[32px]">File</p>
</td>
<td>
<p
class="leading-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg </p>
<img src="https://demopc8.hurasoft.com/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg"
class="block m-[15px_0_22px] max-h[390px]" />
</td>
</tr>
</table>
<div class="order-page-table">
<table> <table>
<tr> <tr>
<td width="220"> Link theo dõi</td> <td width="220" style="vertical-align: top;">
<td> /ad.php?id=236 </td> <p class="leading-[32px]">File</p>
</tr>
<tr id="banner_location">
<td>Vị trí quảng cáo</td>
<td>
<div class="flex items-center">
<select name="info[locationId]"
class="mr-[10px] select select-bordered h-[38px] min-h-[38px] rounded-[4px]">
<option>--Chọn vị trí--</option>
<option value='43,homepage'>Banner MB Webmau4</option>
</select>
<a href="/admin/banner/location" class="whitespace-nowrap text-[#0041E8]">Quản lý vị
trí</a>
</div>
<div id="location_detail_holder" class="mt-[10px] overflow-auto max-h-[350px]">
<p class="font-bold mb-[7px]">Chọn vị trí </p>
<div class="pl-[3px]">
<label for="cat_special_all" class="flex items-center cursor-pointer m-[0_0_7px_0]">
<input id="cat_special_all" value="-1"
onchange="select_cat('cat_special_all', -1)" type="checkbox"
class="checkbox checkbox-success mr-[10px]">
<span class="label-text">Tất cả danh mục</span>
</label>
</div>
<div class="pl-[3px]"> <!-- Cấp 1 -->
<label class="flex items-center cursor-pointer m-[0_0_7px_0]">
<input type="checkbox" id="cat_special_9" value="9"
onchange="select_cat('cat_special_9', 9)"
class="checkbox checkbox-success mr-[10px]">
<span class="label-text"> Danh mục cấp 1 </span>
</label>
<div class="pl-[30px]"> <!-- Cấp 2 -->
<label class="flex items-center cursor-pointer m-[0_0_7px_0]">
<input type="checkbox" id="cat_special_1" value="1"
onchange="select_cat('cat_special_1', 1)"
class="checkbox checkbox-success mr-[10px]">
<span class="label-text"> Danh mục cấp 2 </span>
</label>
<div class="pl-[30px]"><!-- Cấp 3 -->
<label class="table items-center cursor-pointer m-[0_0_7px_0]">
<input type="checkbox" id="cat_special_1" value="1"
onchange="select_cat('cat_special_1', 1)"
class="checkbox checkbox-success mr-[10px]">
<span class="label-text"> Danh mục cấp 3 </span>
</label>
</div>
</div>
</div>
<div class="pl-[3px]">
<label class="flex items-center cursor-pointer m-[0_0_7px_0]">
<input type="checkbox" id="cat_special_9" value="9"
onchange="select_cat('cat_special_9', 9)"
class="checkbox checkbox-success mr-[10px]">
<span class="label-text"> Danh mục cấp 1 </span>
</label>
<div class="pl-[30px]">
<label class="flex items-center cursor-pointer m-[0_0_7px_0]">
<input type="checkbox" id="cat_special_1" value="1"
onchange="select_cat('cat_special_1', 1)"
class="checkbox checkbox-success mr-[10px]">
<span class="label-text"> Danh mục cấp 2 </span>
</label>
<div class="pl-[30px]">
<label class="table items-center cursor-pointer m-[0_0_7px_0]">
<input type="checkbox" id="cat_special_1" value="1"
onchange="select_cat('cat_special_1', 1)"
class="checkbox checkbox-success mr-[10px]">
<span class="label-text"> Danh mục cấp 3 </span>
</label>
<label class="table items-center cursor-pointer m-[0_0_7px_0]">
<input type="checkbox" id="cat_special_1" value="1"
onchange="select_cat('cat_special_1', 1)"
class="checkbox checkbox-success mr-[10px]">
<span class="label-text"> Danh mục cấp 3 </span>
</label>
</div>
</div>
</div>
</div>
</td> </td>
</tr>
<tr>
<td>Đặt tên banner để theo dõi</td>
<td> <td>
<input type="text" name="info[name]" value="" <p
class="w-[100%] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" /> class="leading-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
</td> /media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg </p>
</tr>
<tr> <img src="https://demopc8.hurasoft.com/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg"
<td>Mô tả</td> class="block m-[15px_0_22px] max-h[390px]" />
<td>
<textarea name="info[summary]"
class="w-[100%] min-h-[76px] max-h-[150px] outline-[0px] p-[4px_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
</td>
</tr>
<tr>
<td>Kích thước file</td>
<td>
Chiều dài (width) : <input type="text" name="info[width]" value="3130"
class="w-[80px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
px -
Chiều cao (height) <input type="text" name="info[height]" value="2075"
class="w-[80px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
px
(<span style="color:#F00">* bắt buộc cho file flash</span>)
</td>
</tr>
<tr>
<td>File banner</td>
<td>
<div>
<span> Upload từ máy tính </span>
<input type="file" name="media_file_1">
</div>
<div>
<p class="m-[7px_0]">Hoặc điền địa chỉ đầy đủ trên mạng (v.d.
http://web-acb.com/anh.jpg):</p>
<input type="text" name="info[file_external_url]"
value="/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg"
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>
</td>
</tr>
<tr>
<td style="font-weight:bold;">Địa chỉ URL đích</td>
<td>
<input type="text" name="info[desUrl]" 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)]">
</td>
</tr>
<tr>
<td>Thứ tự hiển thị</td>
<td>
<input type="text" name="info[ordering]" value="0"
class="w-[80px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
<i>(nếu nhiều banner cùng 1 vị trí, số cao xếp trước)</i>
</td>
</tr>
<tr>
<td>Thời gian hiển thị</td>
<td>
<label class="flex items-center cursor-pointer relative pl-[30px] mb-[8px]">
<input type="radio" checked="checked" name="time_valid" value="1"
class="left-0 radio checked:bg-blue-500" />
<span class="label-text ml-[5px]">Luôn hiển thị, chỉ ẩn khi hạ bằng tay</span>
</label>
<label class="flex items-center cursor-pointer relative pl-[30px] mb-[8px]">
<input type="radio" name="time_valid" value="2"
class="left-0 radio checked:bg-blue-500" />
<span class="label-text ml-[5px]">Thời gian hiển thị:</span>
</label>
<div class="items-center mb-[7px]" style="display: flex;">
<p style="width: 65px;"> Bắt đầu </p>
<div class="relative m-[0_20px_0_10px]">
<i
class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
<input type="date" name="info[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="select select-bordered w-[100px] h-[40px] min-h-[40px]">
<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="items-center" style="display: flex;">
<p style="width: 65px;"> Kết thúc </p>
<div class="relative m-[0_20px_0_10px]">
<i
class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
<input type="date" name="info[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="select select-bordered w-[100px] h-[40px] min-h-[40px]">
<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>
</td>
</tr>
<tr>
<td>Hiển thị</td>
<td>
<label class="inline-flex items-center cursor-pointer relative pl-[30px] mr-[15px]">
<input type="radio" name="info[status]" value="1"
class="left-0 radio checked:bg-blue-500">
<span class="label-text ml-[5px]">Cho hiển thị</span>
</label>
<label class="inline-flex items-center cursor-pointer relative pl-[30px]">
<input type="radio" name="info[status]" value="0" checked
class="left-0 radio checked:bg-blue-500">
<span class="label-text ml-[5px]">Ẩn hiển thị</span>
</label>
</td>
</tr>
<tr>
<td>Khác</td>
<td>
<label class="inline-flex items-center cursor-pointer">
<input type="checkbox" name="info[show_in_mobile]" value="1"
class="checkbox checkbox-success mr-[10px]">
<span class="label-text ml-[5px]"> Hiển thị tại mobile </span>
</label>
</td> </td>
</tr> </tr>
</table> </table>
</div>
<input name="commit" type="submit" value="Cập nhật" <div class="order-page-table">
class="inline-block mt-[12px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" /> <table>
</form> <tr>
<td width="220"> Link theo dõi</td>
<td> /ad.php?id=236 </td>
</tr>
<tr id="banner_location">
<td>Vị trí quảng cáo</td>
<td>
<div class="flex items-center">
<select name="info[locationId]"
class="mr-[10px] select select-bordered h-[38px] min-h-[38px] rounded-[4px]">
<option>--Chọn vị trí--</option>
<option value='43,homepage'>Banner MB Webmau4</option>
</select>
<a href="/admin/banner/location" class="whitespace-nowrap text-[#0041E8]">Quản lý vị
trí</a>
</div>
<div id="location_detail_holder" class="mt-[10px] overflow-auto max-h-[350px]">
<p class="font-bold mb-[7px]">Chọn vị trí </p>
<div class="pl-[3px]">
<label for="cat_special_all"
class="flex items-center cursor-pointer m-[0_0_7px_0]">
<input id="cat_special_all" value="-1"
onchange="select_cat('cat_special_all', -1)" type="checkbox"
class="checkbox checkbox-success mr-[10px]">
<span class="label-text">Tất cả danh mục</span>
</label>
</div>
<div class="pl-[3px]"> <!-- Cấp 1 -->
<label class="flex items-center cursor-pointer m-[0_0_7px_0]">
<input type="checkbox" id="cat_special_9" value="9"
onchange="select_cat('cat_special_9', 9)"
class="checkbox checkbox-success mr-[10px]">
<span class="label-text"> Danh mục cấp 1 </span>
</label>
<div class="pl-[30px]"> <!-- Cấp 2 -->
<label class="flex items-center cursor-pointer m-[0_0_7px_0]">
<input type="checkbox" id="cat_special_1" value="1"
onchange="select_cat('cat_special_1', 1)"
class="checkbox checkbox-success mr-[10px]">
<span class="label-text"> Danh mục cấp 2 </span>
</label>
<div class="pl-[30px]"><!-- Cấp 3 -->
<label class="table items-center cursor-pointer m-[0_0_7px_0]">
<input type="checkbox" id="cat_special_1" value="1"
onchange="select_cat('cat_special_1', 1)"
class="checkbox checkbox-success mr-[10px]">
<span class="label-text"> Danh mục cấp 3 </span>
</label>
</div>
</div>
</div>
<div class="pl-[3px]">
<label class="flex items-center cursor-pointer m-[0_0_7px_0]">
<input type="checkbox" id="cat_special_9" value="9"
onchange="select_cat('cat_special_9', 9)"
class="checkbox checkbox-success mr-[10px]">
<span class="label-text"> Danh mục cấp 1 </span>
</label>
<div class="pl-[30px]">
<label class="flex items-center cursor-pointer m-[0_0_7px_0]">
<input type="checkbox" id="cat_special_1" value="1"
onchange="select_cat('cat_special_1', 1)"
class="checkbox checkbox-success mr-[10px]">
<span class="label-text"> Danh mục cấp 2 </span>
</label>
<div class="pl-[30px]">
<label class="table items-center cursor-pointer m-[0_0_7px_0]">
<input type="checkbox" id="cat_special_1" value="1"
onchange="select_cat('cat_special_1', 1)"
class="checkbox checkbox-success mr-[10px]">
<span class="label-text"> Danh mục cấp 3 </span>
</label>
<label class="table items-center cursor-pointer m-[0_0_7px_0]">
<input type="checkbox" id="cat_special_1" value="1"
onchange="select_cat('cat_special_1', 1)"
class="checkbox checkbox-success mr-[10px]">
<span class="label-text"> Danh mục cấp 3 </span>
</label>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td>Đặt tên banner để theo dõi</td>
<td>
<input type="text" name="info[name]" 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)]" />
</td>
</tr>
<tr>
<td>Mô tả</td>
<td>
<textarea name="info[summary]"
class="w-[100%] min-h-[76px] max-h-[150px] outline-[0px] p-[4px_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
</td>
</tr>
<tr>
<td>Kích thước file</td>
<td>
Chiều dài (width) : <input type="text" name="info[width]" value="3130"
class="w-[80px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
px -
Chiều cao (height) <input type="text" name="info[height]" value="2075"
class="w-[80px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
px
(<span style="color:#F00">* bắt buộc cho file flash</span>)
</td>
</tr>
<tr>
<td>File banner</td>
<td>
<div>
<span> Upload từ máy tính </span>
<input type="file" name="media_file_1">
</div>
<div>
<p class="m-[7px_0]">Hoặc điền địa chỉ đầy đủ trên mạng (v.d.
http://web-acb.com/anh.jpg):</p>
<input type="text" name="info[file_external_url]"
value="/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg"
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>
</td>
</tr>
<tr>
<td style="font-weight:bold;">Địa chỉ URL đích</td>
<td>
<input type="text" name="info[desUrl]" 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)]">
</td>
</tr>
<tr>
<td>Thứ tự hiển thị</td>
<td>
<input type="text" name="info[ordering]" value="0"
class="w-[80px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
<i>(nếu nhiều banner cùng 1 vị trí, số cao xếp trước)</i>
</td>
</tr>
<tr>
<td>Thời gian hiển thị</td>
<td>
<label class="flex items-center cursor-pointer relative pl-[30px] mb-[8px]">
<input type="radio" checked="checked" name="time_valid" value="1"
class="left-0 radio checked:bg-blue-500" />
<span class="label-text ml-[5px]">Luôn hiển thị, chỉ ẩn khi hạ bằng tay</span>
</label>
<label class="flex items-center cursor-pointer relative pl-[30px] mb-[8px]">
<input type="radio" name="time_valid" value="2"
class="left-0 radio checked:bg-blue-500" />
<span class="label-text ml-[5px]">Thời gian hiển thị:</span>
</label>
<div class="items-center mb-[7px]" style="display: flex;">
<p style="width: 65px;"> Bắt đầu </p>
<div class="relative m-[0_20px_0_10px]">
<i
class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
<input type="date" name="info[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="select select-bordered w-[100px] h-[40px] min-h-[40px]">
<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="items-center" style="display: flex;">
<p style="width: 65px;"> Kết thúc </p>
<div class="relative m-[0_20px_0_10px]">
<i
class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
<input type="date" name="info[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="select select-bordered w-[100px] h-[40px] min-h-[40px]">
<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>
</td>
</tr>
<tr>
<td>Hiển thị</td>
<td>
<label class="inline-flex items-center cursor-pointer relative pl-[30px] mr-[15px]">
<input type="radio" name="info[status]" value="1"
class="left-0 radio checked:bg-blue-500">
<span class="label-text ml-[5px]">Cho hiển thị</span>
</label>
<label class="inline-flex items-center cursor-pointer relative pl-[30px]">
<input type="radio" name="info[status]" value="0" checked
class="left-0 radio checked:bg-blue-500">
<span class="label-text ml-[5px]">Ẩn hiển thị</span>
</label>
</td>
</tr>
<tr>
<td>Khác</td>
<td>
<label class="inline-flex items-center cursor-pointer">
<input type="checkbox" name="info[show_in_mobile]" value="1"
class="checkbox checkbox-success mr-[10px]">
<span class="label-text ml-[5px]"> Hiển thị tại mobile </span>
</label>
</td>
</tr>
</table>
</div>
<input name="commit" 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>
</div>
</div> </div>
</div> </div>

2
template/customer/customer_add.html
View File

@@ -6,7 +6,7 @@
<li class="text-[#0041E8]">Form thêm khách hàng</li> <li class="text-[#0041E8]">Form thêm khách hàng</li>
</ul> </ul>
</div> </div>
<div class="w-[1140px] my-0 mx-auto"> <div class="w-[1140px] my-0 mx-auto p-[0_15px]">
<div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A] mb-[15px]"> <div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A] mb-[15px]">
<div class="flex items-center justify-between"> <div class="flex items-center justify-between">
<div> <div>

143
template/customer/customer_contact.html
View File

@@ -1,77 +1,80 @@
<div class="m-[15px_0_15px_15px] px-[15px] py-[20px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)]"> <div class="w-[100%]">
<h1 class="text-[24px] font-[700]">Khách hàng liên hệ</h1> <div class="m-[15px] px-[15px] py-[20px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)]">
<h1 class="text-[24px] font-[700]">Khách hàng liên hệ</h1>
<form action="" <form action=""
class="flex items-center p-[15px] rounded-[10px] shadow-[0_1px_1px_0_rgba(0,0,0,0.10)] mt-[15px] border-[1px] border-[#F6F6F6]"> class="flex items-center p-[15px] rounded-[10px] shadow-[0_1px_1px_0_rgba(0,0,0,0.10)] mt-[15px] border-[1px] border-[#F6F6F6]">
<input type="text" name="" <input type="text" name=""
class="w-[375px] h-[35px] px-[10px] rounded-[4px] border-[#D8D8D8] border-[1px] mr-[10px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]" class="w-[375px] h-[35px] px-[10px] rounded-[4px] border-[#D8D8D8] border-[1px] mr-[10px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"
placeholder="Tìm kiếm"> placeholder="Tìm kiếm">
<button type="submit" class="px-[8px] py-[6px] rounded-[4px] text-white bg-[#0041E8]">Tìm kiếm</button> <button type="submit" class="px-[8px] py-[6px] rounded-[4px] text-white bg-[#0041E8]">Tìm kiếm</button>
</form> </form>
<div class="list-filter flex items-center justify-between mt-[15px] mb-[20px]"> <div class="list-filter flex items-center justify-between mt-[15px] mb-[20px]">
<p>Tổng hợp các liên hệ của khách hàng từ form liên hệ trên trang <a href="" class="text-[#0041E8]">liên <p>Tổng hợp các liên hệ của khách hàng từ form liên hệ trên trang <a href="" class="text-[#0041E8]">liên
hệ</a> của website</p> hệ</a> của website</p>
<select name="" id="" <select name="" id=""
class="w-[180px] h-[35px] p-[5px] border-[1px] border-[#D8D8D8] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"> class="w-[180px] h-[35px] p-[5px] border-[1px] border-[#D8D8D8] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
<option value="">Chọn bộ lọc</option> <option value="">Chọn bộ lọc</option>
</select> </select>
</div> </div>
<div class="overflow-x-auto"> <div class="overflow-x-auto">
<table class="table"> <table class="table">
<thead class="bg-[#F6F6F6] text-[#000] text-[14px]"> <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
<tr> <tr>
<th class="w-[50px]">STT</th> <th class="w-[50px]">STT</th>
<th>Thời gian</th> <th>Thời gian</th>
<th>Khách hàng</th> <th>Khách hàng</th>
<th>Thông tin</th> <th>Thông tin</th>
<th class="w-[340px] whitespace-nowrap">Nội dung liên hệ</th> <th class="w-[340px] whitespace-nowrap">Nội dung liên hệ</th>
<th class="w-[200px]">Ghi chú</th> <th class="w-[200px]">Ghi chú</th>
<th class="w-[120px]">Trạng thái</th> <th class="w-[120px]">Trạng thái</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<td>1</td> <td>1</td>
<td class="whitespace-nowrap">09-08-2023, 11:24 am</td> <td class="whitespace-nowrap">09-08-2023, 11:24 am</td>
<td>Đức Anh</td> <td>Đức Anh</td>
<td class="whitespace-nowrap xl:w-[340px] md:w-[340px] sm:w-[340px] 2xl:w-auto"> <td class="whitespace-nowrap xl:w-[340px] md:w-[340px] sm:w-[340px] 2xl:w-auto">
<p>- Email: ducanhnguyen199x@gmail.com</p> <p>- Email: ducanhnguyen199x@gmail.com</p>
<p>- Tel: 0976642092</p> <p>- Tel: 0976642092</p>
<p>- Mobile: 0976642092</p> <p>- Mobile: 0976642092</p>
</td> </td>
<td class="xl:w-[340px] md:w-[340px] sm:w-[340px] 2xl:w-auto table-cell"> <td class="">
Trả góp sản phẩm: HHWS AMD RYZEN 9 3900XT | 16G | NVIDIA RTX 2060 6G - Tên: no name - SĐT: Trả góp sản phẩm: HHWS AMD RYZEN 9 3900XT | 16G | NVIDIA RTX 2060 6G - Tên: no name - SĐT:
0147258369 - Nội dung: fsfdf 0147258369 - Nội dung: fsfdf
</td> </td>
<td class="xl:w-[200px] md:w-[200px] sm:w-[200px] 2xl:w-auto"> <td class="">
<textarea name="" id="" <textarea name="" id=""
class="w-[100%] h-[40px] rounded-[4px] p-[5px] border-[1px] border-[#D8D8D8] mb-[5px]"></textarea> class="w-[150px] h-[40px] rounded-[4px] p-[5px] border-[1px] border-[#D8D8D8] mb-[5px]"></textarea>
<a href="" class="btn w-[100px] h-[35px] min-h-[35px] rounded-[4px] bg-[#0041E8] text-white">Cập
nhật</a>
</td>
<td class="xl:w-[120px] 2xl:w-auto">
<select name="" id=""
class="w-[130px_!important] h-[30px] mb-[10px] border-[1px] border-[#F6F6F6] rounded-[4px] shadow-[0px_2px_4px_0px_#0000001F]">
<option value="">Trạng thái</option>
</select>
<div class="flex items-center">
<a href="" <a href=""
class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]"> class="btn w-[100px] h-[35px] min-h-[35px] rounded-[4px] bg-[#0041E8] text-white">Cập
<i class="icons icon-edit"></i> nhật</a>
</a> </td>
<a href=""
class="w-[32px] h-[32px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
<i class="icons icon-delete"></i> <td class="xl:w-[120px] 2xl:w-auto">
</a> <select name="" id=""
</div> class="w-[130px_!important] h-[30px] mb-[10px] border-[1px] border-[#F6F6F6] rounded-[4px] shadow-[0px_2px_4px_0px_#0000001F]">
</td> <option value="">Trạng thái</option>
</tr> </select>
</tbody> <div class="flex items-center">
</table> <a href=""
class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
<i class="icons icon-edit"></i>
</a>
<a href=""
class="w-[32px] h-[32px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
<i class="icons icon-delete"></i>
</a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div> </div>
</div> </div>

2
template/customer/customer_group_add.html
View File

@@ -7,7 +7,7 @@
</ul> </ul>
</div> </div>
<div class="w-[1140px] my-0 mx-auto"> <div class="w-[1140px] my-0 mx-auto p-[0_15px]">
<div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A] mb-[15px]"> <div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A] mb-[15px]">
<div class="flex items-center justify-between"> <div class="flex items-center justify-between">
<div> <div>

13
template/customer/home.html
View File

@@ -1,6 +1,5 @@
<div class="w-[100%]"> <div class="w-[100%]">
<div <div class="m-[15px] px-[15px] py-[20px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)]">
class="m-[15px] px-[15px] py-[20px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto">
<h1 class="text-2xl font-[700] mb-3">Danh sách khách hàng</h1> <h1 class="text-2xl font-[700] mb-3">Danh sách khách hàng</h1>
<div class="list-filter-account flex items-center"> <div class="list-filter-account flex items-center">
@@ -26,15 +25,15 @@
<button type="submit" class="px-[8px] py-[6px] rounded-[4px] text-white bg-[#0041E8]">Tìm kiếm</button> <button type="submit" class="px-[8px] py-[6px] rounded-[4px] text-white bg-[#0041E8]">Tìm kiếm</button>
</form> </form>
<div class="list-filter flex items-center justify-between mt-[15px]"> <div class="list-filter flex flex-wrap items-center justify-between mt-[15px]">
<select name="" id="" <select name="" id=""
class="w-[180px] h-[35px] p-[5px] border-[1px] border-[#D8D8D8] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"> class="select w-[180px] h-[35px] min-h-[35px] p-[5px] border-[1px] border-[#D8D8D8] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mb-[15px]">
<option value="">Sắp xếp khách hàng</option> <option value="">Sắp xếp khách hàng</option>
</select> </select>
<div class="list flex items-center"> <div class="list flex items-center mb-[15px]">
<a href="/admin/customer/customer_add" class="flex items-center p-[8px_15px] border-[1px] border-[#0041E8] rounded-[4px] <a href="/admin/customer/customer_add" class="flex items-center p-[8px_15px] border-[1px] border-[#0041E8] rounded-[4px]
text-[#0041E8] ml-[15px] bg-[#F5F7FF] hover:text-white hover:bg-[#0041E8]"> text-[#0041E8] bg-[#F5F7FF] hover:text-white hover:bg-[#0041E8]">
<i class="fa-solid fa-user-plus"></i> <i class="fa-solid fa-user-plus"></i>
<span class="ml-[5px]">Thêm KH mới</span> <span class="ml-[5px]">Thêm KH mới</span>
</a> </a>
@@ -51,7 +50,7 @@
</div> </div>
</div> </div>
<div class="overflow-x-auto sm:whitespace-nowrap"> <div class="overflow-x-auto sm:whitespace-nowrap">
<table class="w-[100%] mt-[15px] table"> <table class="w-[100%] table">
<thead class="bg-[#F6F6F6] text-[#000] text-[14px]"> <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
<tr> <tr>
<th>STT</th> <th>STT</th>

269
template/deal/home.html
View File

@@ -1,159 +1,162 @@
<div <div class="w-[100%]">
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]"> <div
<p class="leading-[30px] mb-[13px] font-bold text-[24px]"> Danh sách Deal </p> 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/" <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)]"> 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="opt" value="deal">
<input type="hidden" name="q" value=""> <input type="hidden" name="q" value="">
<input type="hidden" name="page" value=""> <input type="hidden" name="page" value="">
<input type="text" name="q" id="keyword" value="" placeholder="Tìm sản phẩm" <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)] "> 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" <input type="submit" value="Tìm kiếm"
class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]"> class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
</form> </form>
<div class="flex items-center flex-wrap justify-between mb-[20px]"> <div class="flex items-center flex-wrap justify-between mb-[20px]">
<a href="" <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]"> 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 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>
<a href="/admin/deal/upload-deal-excel" <div class="flex items-center font-[500] leading-[35px]">
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]"> <a href="/admin/deal/deal-add"
<span 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]">
class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span> <span
<span>Thêm deal excel</span> class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
</a> <span>Thêm deal mới</span>
</a>
<a href="javascript:void(0)" <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] group hover:bg-[#0041E8] hover:text-[#fff]"> 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]">
<i class="fas fa-file-download m-[0_4px_0_0]"></i> <span
<span>Tải file excel</span> class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
</a> <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>
</div>
<div class="table"> <div class="overflow-x-auto">
<table> <table class="table">
<thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-500"> <thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-500">
<tr> <tr>
<td width="40"> <td width="40">
<input type="checkbox" class="checkbox checkbox-success" <input type="checkbox" class="checkbox checkbox-success"
onclick="CheckList.setAllChecked.call(this)" /> onclick="CheckList.setAllChecked.call(this)" />
</td> </td>
<td width="40"> STT </td> <td width="40"> STT </td>
<td width="80"> Ảnh </td> <td width="80"> Ảnh </td>
<td> Sản phẩm (Tổng số: 1.742) </td> <td> Sản phẩm (Tổng số: 1.742) </td>
<td> Thông tin Deal </td> <td> Thông tin Deal </td>
<td> Thời gian Deal </td> <td> Thời gian Deal </td>
<td width="130"> <td width="130">
<select> <select class="select w-[120px_!important] h-[30px] min-h-[30px]">
<option value="">Tình trạng</option> <option value="">Tình trạng</option>
<option value="not-started"> Chưa bắt đầu </option> <option value="not-started"> Chưa bắt đầu </option>
<option value="started"> Đang bắt đầu </option> <option value="started"> Đang bắt đầu </option>
<option value="ended"> Hết thời gian </option> <option value="ended"> Hết thời gian </option>
<option value="hidden"> Ẩn hiển thị </option> <option value="hidden"> Ẩn hiển thị </option>
<option value="featured"> Đang nổi bật </option> <option value="featured"> Đang nổi bật </option>
</select> </select>
</td> </td>
<td> Công cụ </td> <td class="text-center"> Công cụ </td>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<td align="center"> <td align="center">
<input type="checkbox" class="checkbox checkbox-success js-checkbox-id" /> <input type="checkbox" class="checkbox checkbox-success js-checkbox-id" />
</td> </td>
<td align="center"> 1 </td> <td align="center"> 1 </td>
<td> <td>
<img src="https://via.placeholder.com/500x500" class="block" /> <div class="w-[100px]">
</td> <img src="https://via.placeholder.com/500x500" class="block" />
</div>
</td>
<td> <td>
<a href=""> HH WORKSTATION CORE i9 10900K | 32GB | NVIDIA RTX 2060 6GB </a> <a href=""> HH WORKSTATION CORE i9 10900K | 32GB | NVIDIA RTX 2060 6GB </a>
<p> [SKU: LTLE950] </p> <p> [SKU: LTLE950] </p>
<p> Số lượng: <b>60</b> </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> 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> Tạo lúc: 25-10-2022, 4:56 pm </p>
<p> Cập nhật: 17-01-2024, 9:36 am </p> <p> Cập nhật: 17-01-2024, 9:36 am </p>
</td> </td>
<td> <td>
<p> Giá Deal: <p> Giá Deal:
<b class="text-[red] mr-1"> 35.000.000 vnđ </b> <b class="text-[red] mr-1"> 35.000.000 vnđ </b>
(Giảm: <b class="text-[red]"> 4% </b>) (Giảm: <b class="text-[red]"> 4% </b>)
</p> </p>
<p> Giá thị trường: <b class="text-[red]"> 36.000.000 vnd </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ố đơn hàng : <b> 6 </b> </p>
<p> Số lượng đặt mua: <b> 10 </b> </p> <p> Số lượng đặt mua: <b> 10 </b> </p>
<p> Lượt xem: <b> 0 </b> </p> <p> Lượt xem: <b> 0 </b> </p>
</td> </td>
<td> <td class="whitespace-nowrap">
<b> 01-01-2024, 1:00 pm </b> đến <b> 01-01-2024, 1:00 pm </b> đến
<b class="block"> 31-03-2024, 8:00 pm </b> <b class="block"> 31-03-2024, 8:00 pm </b>
</td> </td>
<td> <td>
<i title="Chưa bắt đầu" style="background: #0041E8;" <i title="Chưa bắt đầu" style="background: #0041E8;"
class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i> class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i>
<i title="Đang bắt đầu" style="background: #299D00;" <i title="Đang bắt đầu" style="background: #299D00;"
class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i> class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i>
<i title="Hết thời gian" style="background: #E00000;" <i title="Hết thời gian" style="background: #E00000;"
class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i> class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i>
<i title="Ẩn hiển thị" style="background: #C8C8C8;" <i title="Ẩn hiển thị" style="background: #C8C8C8;"
class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i> class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i>
<i title="Đang nổi bật" style="background: #FFC700;" <i title="Đang nổi bật" style="background: #FFC700;"
class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i> class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i>
</td> </td>
<td> <td>
<div class="items-center flex"> <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="/admin/deal/deal-add?id=1" title="Sửa lại" class="icons icon-edit"></a>
<a href="" title="Cho nổi bật" <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> 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" <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> 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" <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> 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ị" <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]"> class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]">
</a> </a>
<a href="" class="icons icon-delete" title="Xóa"></a>
</div>
</td>
</tr>
<a href="" class="icons icon-delete" title="Xóa"></a> </tbody>
</div> </table>
</td> </div>
</tr>
</tbody> <div class="paging">
</table> <a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
</div> <a href="" class="current">1</a>
<a href="">2</a>
<div class="paging"> <a href="">3</a>
<a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a> <a href="">4</a>
<a href="" class="current">1</a> <a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
<a href="">2</a> </div>
<a href="">3</a>
<a href="">4</a>
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
</div> </div>
</div> </div>

275
template/marketing/coupon.html
View File

@@ -1,150 +1,157 @@
<div <div class="w-[100%]">
class="marketing-coupon-page 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]"> <div
<p class="leading-[30px] mb-[13px] font-[600] text-[24px]"> Coupon khuyến mại </p> class="marketing-coupon-page 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-[600] text-[24px]"> Coupon khuyến mại </p>
<div class="flex justify-between items-start m-[13px_0]"> <div class="flex justify-between items-start m-[13px_0]">
<p class="max-w-[1024px]">Danh sách phiếu giảm giá/ quà tặng dùng cho khách hàng khi đặt mua hàng từ website. <p class="max-w-[1024px]">Danh sách phiếu giảm giá/ quà tặng dùng cho khách hàng khi đặt mua hàng từ
Trước khi gửi đơn hàng, nếu khách hàng có mã số phiếu còn hiệu lực thì sẽ nhập vào đơn hàng để nhận được ưu website.
đãi ghi trên phiếu</p> Trước khi gửi đơn hàng, nếu khách hàng có mã số phiếu còn hiệu lực thì sẽ nhập vào đơn hàng để nhận được
ưu
đãi ghi trên phiếu</p>
<a href="/admin/marketing/coupon-add" <a href="/admin/marketing/coupon-add"
class="flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[35px] p-[0_12px]"> class="flex items-center whitespace-nowrap ml-[15px] border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[35px] p-[0_12px]">
<span <span
class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10px] text-center rounded-[50%] mr-1">+</span> class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10px] text-center rounded-[50%] mr-1">+</span>
<span>Thêm phiếu mới</span> <span>Thêm phiếu mới</span>
</a> </a>
</div> </div>
<div> <div class="overflow-x-auto">
<table class="table"> <table class="table">
<thead class="bg-[#F6F6F6] text-[#000] text-[14px]"> <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
<tr> <tr>
<td width="50"> STT </td> <td width="50"> STT </td>
<td> Mã số </td> <td> Mã số </td>
<td> Khuyến mại </td> <td> Khuyến mại </td>
<td> Phân loại </td> <td> Phân loại </td>
<td> Thời gian </td> <td> Thời gian </td>
<td> Trạng thái </td> <td> Trạng thái </td>
<td> Thông tin khác </td> <td> Thông tin khác </td>
<td> Lựa chọn </td> <td> Lựa chọn </td>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr class="text-[13px]"> <tr class="text-[13px]">
<td align="center"> 1 </td> <td align="center"> 1 </td>
<td class="whitespace-nowrap"> CP231020233 </td> <td class="whitespace-nowrap"> CP231020233 </td>
<td> <td class="whitespace-nowrap">
<p class="font-bold"> Test phiếu giảm giá </p> <p class="font-bold"> Test phiếu giảm giá </p>
<div> Test phiếu giảm giá </div> <div> Test phiếu giảm giá </div>
</td> </td>
<td> <td class="whitespace-nowrap">
<p class="font-bold"> Tặng sản phẩm </p> <p class="font-bold"> Tặng sản phẩm </p>
<p> Balo thời trang </p> <p> Balo thời trang </p>
</td> </td>
<td> <td class="whitespace-nowrap">
<div class="flex items-start"> <div class="flex items-start">
<p class="inline-block m-[0_6px_6px_0] text-[13px]"> <p class="inline-block m-[0_6px_6px_0] text-[13px]">
- Bắt đầu: 23-10-2023, 12:00 am <br> - Bắt đầu: 23-10-2023, 12:00 am <br>
- Kết thúc: 28-10-2023, 12:00 am - Kết thúc: 28-10-2023, 12:00 am
</p> </p>
<div> <div>
<span <span
class="block w-[80px] text-center m-[0_0_6px_0] bg-[#F7F5FF] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#0041E8] shadow-[0_0_0_1px_#0041E8]"> class="block w-[80px] text-center m-[0_0_6px_0] bg-[#F7F5FF] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#0041E8] shadow-[0_0_0_1px_#0041E8]">
Đã chạy Đã chạy
</span> </span>
<span <span
class="block w-[80px] text-center m-[0_0_6px_0] bg-[#F9F2F2] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#E00000] shadow-[0_0_0_1px_#E00000]"> class="block w-[80px] text-center m-[0_0_6px_0] bg-[#F9F2F2] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#E00000] shadow-[0_0_0_1px_#E00000]">
Đã dừng Đã dừng
</span> </span>
</div>
</div> </div>
</div> </td>
</td>
<td> <td class="whitespace-nowrap">
<p> 0 đã dùng </p> <p> 0 đã dùng </p>
<p> Tổng số: 20 </p> <p> Tổng số: 20 </p>
</td> </td>
<td> <td>
<p> - Tạo bởi: Đức (05-09-2022, 9:48 am) </p> <div class="w-[250px]">
<p> - Cập nhật cuối: hongvt@hurasoft.com<br>(03-10-2023, 8:31 am) </p> <p> - Tạo bởi: Đức (05-09-2022, 9:48 am) </p>
<p>- Giá trị đơn hàng tối thiểu: <b class="text-[#E00000] font-bold">2.000.000 đ</b> </p> <p> - Cập nhật cuối: hongvt@hurasoft.com<br>(03-10-2023, 8:31 am) </p>
</td> <p>- Giá trị đơn hàng tối thiểu: <b class="text-[#E00000] font-bold">2.000.000 đ</b>
</p>
<td>
<div class="items-center flex">
<a href="/admin/marketing/coupon-add?id=8" class="icons icon-edit" title="Sửa lại"></a>
<a href="javascript:void(0)" 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="javascript:void(0)" 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="javascript:void(0)" class="icons icon-delete" title="Xóa"></a>
</div>
</td>
</tr>
<tr>
<td align="center"> 1 </td>
<td class="whitespace-nowrap"> CP231020233 </td>
<td>
<p class="font-bold"> Test phiếu giảm giá </p>
<div> Test phiếu giảm giá </div>
</td>
<td>
<p class="font-bold"> Tặng sản phẩm </p>
<p> Balo thời trang </p>
</td>
<td>
<div class="flex items-start">
<p class="inline-block m-[0_6px_6px_0] text-[13px]">
- Bắt đầu: 23-10-2023, 12:00 am <br>
- Kết thúc: 28-10-2023, 12:00 am
</p>
<div>
<span
class="block w-[80px] text-center m-[0_0_6px_0] bg-[#F7F5FF] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#0041E8] shadow-[0_0_0_1px_#0041E8]">
Đã chạy
</span>
<span
class="block w-[80px] text-center m-[0_0_6px_0] bg-[#F9F2F2] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#E00000] shadow-[0_0_0_1px_#E00000]">
Đã dừng
</span>
</div> </div>
</div> </td>
</td>
<td> <td>
<p> 0 đã dùng </p> <div class="items-center flex">
<p> Tổng số: 20 </p> <a href="/admin/marketing/coupon-add?id=8" class="icons icon-edit" title="Sửa lại"></a>
</td>
<td> <a href="javascript:void(0)" title="Hạ xuống"
<p> - Tạo bởi: Đức (05-09-2022, 9:48 am) </p> class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
<p> - Cập nhật cuối: hongvt@hurasoft.com<br>(03-10-2023, 8:31 am) </p>
<p>- Giá trị đơn hàng tối thiểu: <b class="text-[#E00000] font-bold">2.000.000 đ</b> </p> <a href="javascript:void(0)" title="Cho Hiển thị"
</td> class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]">
<td> </a>
<div class="items-center flex"> <a href="/admin/marketing/coupon-add?id=8"
class="icons icon-edit" title="Sửa lại"></a> <a href="javascript:void(0)" <a href="javascript:void(0)" class="icons icon-delete" title="Xóa"></a>
title="Hạ xuống" </div>
class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a> </td>
<a href="javascript:void(0)" title="Cho Hiển thị" </tr>
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="javascript:void(0)" class="icons icon-delete" title="Xóa"></a> <tr>
</div> <td align="center"> 1 </td>
</td> <td class="whitespace-nowrap"> CP231020233 </td>
</tr> <td>
</tbody> <p class="font-bold"> Test phiếu giảm giá </p>
</table> <div> Test phiếu giảm giá </div>
</td>
<td>
<p class="font-bold"> Tặng sản phẩm </p>
<p> Balo thời trang </p>
</td>
<td>
<div class="flex items-start">
<p class="inline-block m-[0_6px_6px_0] text-[13px]">
- Bắt đầu: 23-10-2023, 12:00 am <br>
- Kết thúc: 28-10-2023, 12:00 am
</p>
<div>
<span
class="block w-[80px] text-center m-[0_0_6px_0] bg-[#F7F5FF] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#0041E8] shadow-[0_0_0_1px_#0041E8]">
Đã chạy
</span>
<span
class="block w-[80px] text-center m-[0_0_6px_0] bg-[#F9F2F2] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#E00000] shadow-[0_0_0_1px_#E00000]">
Đã dừng
</span>
</div>
</div>
</td>
<td>
<p> 0 đã dùng </p>
<p> Tổng số: 20 </p>
</td>
<td>
<p> - Tạo bởi: Đức (05-09-2022, 9:48 am) </p>
<p> - Cập nhật cuối: hongvt@hurasoft.com<br>(03-10-2023, 8:31 am) </p>
<p>- Giá trị đơn hàng tối thiểu: <b class="text-[#E00000] font-bold">2.000.000 đ</b> </p>
</td>
<td>
<div class="items-center flex"> <a href="/admin/marketing/coupon-add?id=8"
class="icons icon-edit" title="Sửa lại"></a> <a href="javascript:void(0)"
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="javascript:void(0)" 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="javascript:void(0)" class="icons icon-delete" title="Xóa"></a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div> </div>
</div> </div>

2
template/marketing/coupon_add.html
View File

@@ -3,7 +3,7 @@
<a href=""> Form thêm / sửa coupon </a> <a href=""> Form thêm / sửa coupon </a>
</div> </div>
<div class="max-w-[1141px] m-auto"> <div class="max-w-[1141px] m-auto p-[0_15px]">
<div class="flex flex-wrap items-start m-[16px_0]"> <div class="flex flex-wrap items-start m-[16px_0]">
{% if global.url contains 'id=' %} <!-- Form chỉnh sửa --> {% if global.url contains 'id=' %} <!-- Form chỉnh sửa -->
<div <div

145
template/marketing/feed.html
View File

@@ -11,91 +11,98 @@
{% include 'marketing/feed_list' %} {% include 'marketing/feed_list' %}
{% else %} {% else %}
<div <div class="w-[100%]">
class="m-[16px_0_16px_16px] p-[20px_16px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]"> <div
<p class="leading-[31px] font-bold text-[24px] mb-[12px]"> Facebook Product Ads </p> class="m-[16px] p-[20px_16px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
<p class="leading-[31px] font-bold text-[24px] mb-[12px]"> Facebook Product Ads </p>
<div class="flex items-center justify-between mb-[20px]"> <div class="flex items-center justify-between mb-[20px]">
<p class="mr-[15px]">Tổng hợp các danh sách chứa Sản phẩm dùng quảng cáo trên Facebook. Dùng link Facebook Feed <p class="mr-[15px]">Tổng hợp các danh sách chứa Sản phẩm dùng quảng cáo trên Facebook. Dùng link Facebook
ở danh sách phù hợp để nhập trong facebook ad manager</p> Feed
ở danh sách phù hợp để nhập trong facebook ad manager</p>
<a href="/admin/marketing/feed?view=fb-product-add" <a href="/admin/marketing/feed?view=fb-product-add"
class="flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[34px] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]"> class="flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[34px] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
<span <span
class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#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 danh sách mới</span> <span>Thêm danh sách mới</span>
</a> </a>
</div> </div>
<div class="table"> <div class="overflow-x-auto">
<table> <table class="table">
<thead class="bg-[#F6F6F6] text-[#000] text-[14px] font-500"> <thead class="bg-[#F6F6F6] text-[#000] text-[14px] font-500">
<tr> <tr>
<td width="45"> STT </td> <td width="45"> STT </td>
<td> Danh sách </td> <td> Danh sách </td>
<td> Sản phẩm </td> <td> Sản phẩm </td>
<td> Facebook feed </td> <td> Facebook feed </td>
<td> Google feed </td> <td> Google feed </td>
<td> Cập nhật </td> <td> Cập nhật </td>
<td width="270"> Lựa chọn </td> <td width="270"> Lựa chọn </td>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<td align="center"> 1 </td> <td align="center"> 1 </td>
<td class="font-bold"> 2023 còn hàng </td> <td class="font-bold whitespace-nowrap"> 2023 còn hàng </td>
<td align="center"> 6.055 sp </td> <td align="center"> 6.055 sp </td>
<td> <td>
<input type="text" value="/feed/facebook.php?id=1" readonly <div class="min-w-[200px]">
class="block leading-[32px] w-[100%] bg-[#fff] p-[0_10px] m-[0_0_4px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]" /> <input type="text" value="/feed/facebook.php?id=1" readonly
<a href=""> FB feed </a> class="block leading-[32px] w-[100%] bg-[#fff] p-[0_10px] m-[0_0_4px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]" />
</td> <a href=""> FB feed </a>
</div>
</td>
<td> <td>
<input type="text" value="/feed/google.php?id=1" readonly <div class="min-w-[200px]">
class="block leading-[32px] w-[100%] bg-[#fff] p-[0_10px] m-[0_0_4px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]" /> <input type="text" value="/feed/google.php?id=1" readonly
<a href=""> Google feed </a> class="block leading-[32px] w-[100%] bg-[#fff] p-[0_10px] m-[0_0_4px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]" />
</td> <a href=""> Google feed </a>
</div>
</td>
<td> <td class="whitespace-nowrap">
<p> Trương Thị Thái Ninh </p> <p> Trương Thị Thái Ninh </p>
<p> 25-10-2023, 3:05 pm </p> <p> 25-10-2023, 3:05 pm </p>
</td> </td>
<td> <td>
<div class="flex items-center flex-wrap justify-center"> <div class="flex items-center flex-wrap justify-center w-[250px]">
<a href="/admin/marketing/feed?view=fb-product-list&id=1" <a href="/admin/marketing/feed?view=fb-product-list&id=1"
class="block text-center font-[500] text-[#fff_!important] bg-[#0041E8] rounded-[4px] p-[0_9px] leading-[30px] mr-[8px]">Xem class="block text-center font-[500] text-[#fff_!important] bg-[#0041E8] rounded-[4px] p-[0_9px] leading-[30px] mr-[8px]">Xem
sản phẩm</a> sản phẩm</a>
<a href="/admin/marketing/feed?view=fb-product-add&id=1" class="icons icon-edit mr-[8px]" <a href="/admin/marketing/feed?view=fb-product-add&id=1"
title="Sửa lại"></a> class="icons icon-edit mr-[8px]" title="Sửa lại"></a>
<a href="/admin/marketing/feed?view=fb-product-select&id=1" <a href="/admin/marketing/feed?view=fb-product-select&id=1"
class="fas fa-plus-circle w-[30px] leading-[30px] mr-[8px] text-center rounded-[4px] border border-[#0041E8] bg-[#F5F7FF]" class="fas fa-plus-circle w-[30px] leading-[30px] mr-[8px] text-center rounded-[4px] border border-[#0041E8] bg-[#F5F7FF]"
title="Thêm sản phẩm"></a> title="Thêm sản phẩm"></a>
<a href="" class="icons icon-delete" title="Xóa"></a> <a href="" class="icons icon-delete" title="Xóa"></a>
</div> </div>
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div> </div>
<div class="paging"> <div class="paging">
<a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a> <a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
<a href="" class="current">1</a> <a href="" class="current">1</a>
<a href="">2</a> <a href="">2</a>
<a href="">3</a> <a href="">3</a>
<a href="">4</a> <a href="">4</a>
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a> <a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
</div>
</div> </div>
</div> </div>
{% endif %} {% endif %}

16
template/marketing/poster_upload.html
View File

@@ -3,7 +3,7 @@
<a href=""> Upload Poster </a> <a href=""> Upload Poster </a>
</div> </div>
<div class="max-w-[1140px] m-auto"> <div class="max-w-[1140px] m-auto p-[0_15px]">
<i class="block text-[13px] leading-[18px] mb-[10px]">Chức năng này cho phép bạn upload các file quảng cáo poster. <i class="block text-[13px] leading-[18px] mb-[10px]">Chức năng này cho phép bạn upload các file quảng cáo poster.
Yêu cầu cần đặt trong file đuôi .zip. Server này giới hạn dung lượng file upload là 20 MB, do vậy nếu file .zip Yêu cầu cần đặt trong file đuôi .zip. Server này giới hạn dung lượng file upload là 20 MB, do vậy nếu file .zip
@@ -15,15 +15,17 @@
Upload poster quảng cáo </p> Upload poster quảng cáo </p>
<div class="flex flex-wrap items-start m-[16px_0]"> <div class="flex flex-wrap items-start m-[16px_0]">
<div <div class="w-[25%] mr-[16px]">
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"> <div
<a href="javascript:void(0)" class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition" <a href="javascript:void(0)"
style="color: #Fff;background: #0041E8;"> Upload Poster </a> class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"
style="color: #Fff;background: #0041E8;"> Upload Poster </a>
</div>
</div> </div>
<form enctype="multipart/form-data" method="post" <form enctype="multipart/form-data" method="post"
class="w-[852px] bg-white p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block"> class="w-[calc(100%_-25%_-16px)] bg-white p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
<p class="mb-[20px]"> File zip chỉ được phép chứa file ảnh (jpg, gif) và html nếu có. </p> <p class="mb-[20px]"> File zip chỉ được phép chứa file ảnh (jpg, gif) và html nếu có. </p>
<p class="mb-[20px]"> <p class="mb-[20px]">

16
template/marketing/product_offer.html
View File

@@ -1,4 +1,4 @@
<div class="max-w-[1141px] m-[17px_auto_20px]"> <div class="max-w-[1141px] m-[17px_auto_20px] p-[0_15px]">
<div class="flex flex-wrap items-start justify-center"> <div class="flex flex-wrap items-start justify-center">
<div <div
@@ -17,16 +17,18 @@
</div> </div>
<!-- col left --> <!-- col left -->
<div <div class="w-[25%] mr-[16px]">
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"> <div
<a href="javascript:void(0)" class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition" <a href="javascript:void(0)"
style="color: #Fff;background: #0041E8;"> Thông tin </a> 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> </div>
<!-- col right --> <!-- col right -->
<form method="post" enctype="multipart/form-data" <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 text-[#6B7280]"> 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-[20px] block text-[#6B7280]">
<table> <table>
<tr> <tr>

171
template/marketing/promotion.html
View File

@@ -1,92 +1,95 @@
<div <div class="w-[100%]">
class="marketing-coupon-page 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]"> <div
<p class="leading-[30px] text-[24px] font-bold m-[0_0_12px]"> Khuyến mại theo sản phẩm </p> class="marketing-coupon-page 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] text-[24px] font-bold m-[0_0_12px]"> Khuyến mại theo sản phẩm </p>
<form method="get" enctype="multipart/form-data" action="/admin/" <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)]"> 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="hidden" name="opt" value="marketing"> <input type="hidden" name="opt" value="marketing">
<input type="hidden" name="view" value="promotion"> <input type="hidden" name="view" value="promotion">
<input type="text" name="q" id="keyword" value="" <input type="text" name="q" id="keyword" value=""
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)] "> 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" <input type="submit" value="Tìm kiếm"
class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]"> class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
</form> </form>
<div class="flex items-center justify-between m-[20px_0_25px]"> <div class="flex items-center justify-between m-[20px_0_25px]">
<p> Danh sách các khuyến mại đi kèm khi người dùng mua Sản phẩm. Bạn cần tạo khuyến mại và lựa chọn Sản phẩm phù <p> Danh sách các khuyến mại đi kèm khi người dùng mua Sản phẩm. Bạn cần tạo khuyến mại và lựa chọn Sản phẩm
hợp cho từng khuyến mại </p> phù
hợp cho từng khuyến mại </p>
<div class="flex items-center"> <div class="flex items-center">
<a href="/admin/marketing/promotion-add" <a href="/admin/marketing/promotion-add"
class="flex items-center whitespace-nowrap border border-[#0041E8] mr-[15px] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[35px] p-[0_12px]"> class="flex items-center whitespace-nowrap border border-[#0041E8] mr-[15px] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[35px] p-[0_12px]">
<span <span
class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10px] text-center rounded-[50%] mr-1">+</span> class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10px] text-center rounded-[50%] mr-1">+</span>
<span>Thêm khuyến mại mới</span> <span>Thêm khuyến mại mới</span>
</a> </a>
<a href="/admin/marketing/promotion-group" <a href="/admin/marketing/promotion-group"
class="flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[35px] p-[0_12px]"> class="flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[35px] p-[0_12px]">
<i class="far fa-bookmark mr-[8px]"></i> <i class="far fa-bookmark mr-[8px]"></i>
<span>Nhóm khuyến mại</span> <span>Nhóm khuyến mại</span>
</a> </a>
</div>
</div>
<div class="overflow-x-auto">
<table class="table">
<thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
<tr class="font-[600]">
<td width="50"> STT </td>
<td> Khuyến mại </td>
<td> Thời gian </td>
<td> Cập nhật cuối </td>
<td> Sản phẩm </td>
<td width="180"> Lựa chọn </td>
</tr>
</thead>
<tbody>
<td align="center"> 1 </td>
<td class="whitespace-nowrap">
<p>
[Quà tặng] <b class="text-[#0041E8] font-bold">Phiếu mua hàng trị giá 100.000 VND</b>
</p>
<p> - Mô tả: Phiếu mua hàng </p>
<p> - Giá trị: 0 VND </p>
<p> - Số lượng: 0 </p>
</td>
<td class="whitespace-nowrap">
<p>Không giới hạn thời gian</p>
</td>
<td class="whitespace-nowrap">
<p>Admin</p>
<p>06-06-2020, 10:57 am</p>
</td>
<td>
<a href="/admin/marketing/promotion-product?id=1"
class="block text-center font-[500] text-[#fff_!important] bg-[#0041E8] rounded-[4px] p-[0_9px] leading-[30px]">Xem</a>
</td>
<td>
<div class="flex items-center flex-wrap justify-center w-[180px]">
<a href="/admin/marketing/promotion-add?id=1"
class="border-[1px] border-[#0041E8] icons icon-edit w-[32px] h-[32px] mr-[6px]"
title="Sửa lại"></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="" title="Hạ Hiển thị" 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="Dừng khuyến mại"
class="fas fa-volume-mute bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
<a href="" class="icons icon-delete" title="Xóa"></a>
</div>
</td>
</tbody>
</table>
</div> </div>
</div> </div>
<div>
<table class="table">
<thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
<tr class="font-[600]">
<td width="50"> STT </td>
<td> Khuyến mại </td>
<td> Thời gian </td>
<td> Cập nhật cuối </td>
<td> Sản phẩm </td>
<td width="180"> Lựa chọn </td>
</tr>
</thead>
<tbody>
<td align="center"> 1 </td>
<td>
<p>
[Quà tặng] <b class="text-[#0041E8] font-bold">Phiếu mua hàng trị giá 100.000 VND</b>
</p>
<p> - Mô tả: Phiếu mua hàng </p>
<p> - Giá trị: 0 VND </p>
<p> - Số lượng: 0 </p>
</td>
<td>
<p>Không giới hạn thời gian</p>
</td>
<td>
<p>Admin</p>
<p>06-06-2020, 10:57 am</p>
</td>
<td>
<a href="/admin/marketing/promotion-product?id=1"
class="block text-center font-[500] text-[#fff_!important] bg-[#0041E8] rounded-[4px] p-[0_9px] leading-[30px]">Xem</a>
</td>
<td>
<div class="flex items-center flex-wrap justify-center">
<a href="/admin/marketing/promotion-add?id=1"
class="border-[1px] border-[#0041E8] icons icon-edit w-[32px] h-[32px] mr-[6px]"
title="Sửa lại"></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="" title="Hạ Hiển thị" 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="Dừng khuyến mại"
class="fas fa-volume-mute bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
<a href="" class="icons icon-delete" title="Xóa"></a>
</div>
</td>
</tbody>
</table>
</div>
</div> </div>

2
template/marketing/promotion_add.html
View File

@@ -3,7 +3,7 @@
<a href=""> Form thêm/sửa khuyến mại </a> <a href=""> Form thêm/sửa khuyến mại </a>
</div> </div>
<div class="max-w-[1141px] m-[0_auto_20px]"> <div class="max-w-[1141px] m-[auto] p-[0_15px]">
<div class="flex flex-wrap items-start justify-center"> <div class="flex flex-wrap items-start justify-center">
{% if global.url contains 'id=' %} {% if global.url contains 'id=' %}
<div <div

2
template/product/form.html
View File

@@ -6,7 +6,7 @@
<li class="text-[#0041E8]">Form thêm/sửa sản phẩm</li> <li class="text-[#0041E8]">Form thêm/sửa sản phẩm</li>
</ul> </ul>
</div> </div>
<div class="w-[1141px] m-auto"> <div class="w-[1141px] m-auto p-[0_15px]">
<div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A] mb-[15px]"> <div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A] mb-[15px]">
<div class="flex items-center justify-between"> <div class="flex items-center justify-between">

13
template/system/form_store_design/background.html
View File

@@ -1,18 +1,21 @@
<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"> <form method="post" enctype="multipart/form-data"
class="order-page-table w-[calc(100%_-25%_-16px)] bg-white p-[16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
<table> <table>
<tr> <tr>
<td width="230"> Thay Ảnh nền </td> <td width="230"> Thay Ảnh nền </td>
<td> <td>
<div> <div>
<img src="https://via.placeholder.com/1920x900" class="block"/> <img src="https://via.placeholder.com/1920x900" class="block" />
</div> </div>
<input type="file" class="cursor-pointer m-[12px_0]" /> <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> <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> </td>
</tr> </tr>
</table> </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]"/> <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> </form>

18
template/system/form_store_design/header.html
View File

@@ -1,28 +1,30 @@
<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"> <form method="post" enctype="multipart/form-data"
class="order-page-table w-[calc(100%_-25%_-16px)] bg-white p-[16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
<table> <table>
<tr> <tr>
<td width="215"> Thay Logo </td> <td width="215"> Thay Logo </td>
<td> <td>
<div class="mb-[15px]"> <div class="mb-[15px]">
<img src="https://via.placeholder.com/400x300" class="block max-h-[100px]"/> <img src="https://via.placeholder.com/400x300" class="block max-h-[100px]" />
</div> </div>
<input type="file" class="cursor-pointer" /> <input type="file" class="cursor-pointer" />
</td> </td>
</tr> </tr>
<tr> <tr>
<td> Thay Ảnh header </td> <td> Thay Ảnh header </td>
<td> <td>
<div class="mb-[15px]"> <div class="mb-[15px]">
<img src="https://via.placeholder.com/400x300" class="block max-h-[100px]"/> <img src="https://via.placeholder.com/400x300" class="block max-h-[100px]" />
</div> </div>
<input type="file" class="cursor-pointer" /> <input type="file" class="cursor-pointer" />
</td> </td>
</tr> </tr>
</table> </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]"/> <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> </form>

2
template/system/form_store_design/other.html
View File

@@ -1,5 +1,5 @@
<form method="post" enctype="multipart/form-data" <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"> class="order-page-table w-[calc(100%_-25%_-16px)] 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]"> <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á <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 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

2
template/system/form_store_design/popup.html
View File

@@ -1,5 +1,5 @@
<form method="post" enctype="multipart/form-data" <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"> class="order-page-table w-[calc(100%_-25%_-16px)] bg-white p-[16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
<table> <table>
<tr> <tr>
<td width="230"> Link nhảy đến </td> <td width="230"> Link nhảy đến </td>

81
template/system/store_design.html
View File

@@ -3,48 +3,61 @@
<a href=""> Form sửa phần header </a> <a href=""> Form sửa phần header </a>
</div> </div>
<div class="max-w-[1141px] flex flex-wrap items-start m-[0_auto_16px_auto]"> <div class="max-w-[1141px] flex flex-wrap items-start m-[0_auto_16px_auto] p-[0_15px]">
<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]"> <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="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]"> <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) <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> </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> </div>
<div class="w-[25%] mr-[16px]">
<div
class="w-full 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>
</div>
{% if global.url contains 'section=header' %} {% if global.url contains 'section=header' %}
{% include 'system/form_store_design/header' %}
{% elsif global.url contains 'section=popup' %} {% include 'system/form_store_design/header' %}
{% include 'system/form_store_design/popup' %}
{% elsif global.url contains 'section=background' %} {% elsif global.url contains 'section=popup' %}
{% include 'system/form_store_design/background' %}
{% elsif global.url contains 'section=other' %} {% include 'system/form_store_design/popup' %}
{% include 'system/form_store_design/other' %}
{% endif %} {% 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> </div>

4
template/theme.html
View File

@@ -108,7 +108,7 @@
<div class="admin-content-container 2xl:ml-[245px] 2xl:w-[calc(100%_-50px)] lg:ml-[245px] lg:w-[calc(100%_-50px)] md:ml-0 sm:ml-0 md:w-full sm:w-full" <div class="admin-content-container 2xl:ml-[245px] 2xl:w-[calc(100%_-50px)] lg:ml-[245px] lg:w-[calc(100%_-50px)] md:ml-0 sm:ml-0 md:w-full sm:w-full"
id="js-admin-content-container"> id="js-admin-content-container">
<!-- Header --> <!-- Header -->
<div class="admin-header-container flex items-center flex-wrap justify-between bg-white px-4 py-3"> <div class="admin-header-container flex items-center justify-between bg-white px-4 py-3">
<div class="flex items-center"> <div class="flex items-center">
<a href="javascript:void(0)" title="Mở menu" <a href="javascript:void(0)" title="Mở menu"
class="icon-close lg:hidden md:block mr-[10px] 2xl:hidden sm:block" id="js-show-menu"> class="icon-close lg:hidden md:block mr-[10px] 2xl:hidden sm:block" id="js-show-menu">
@@ -140,7 +140,7 @@
</form> </form>
</div> </div>
<div class="admin-header-right flex items-center justify-end sm:mt-[10px]"> <div class="admin-header-right flex items-center justify-end">
<a href="" title="Truy cập trung tâm hỗ trợ của Hurasoft"> <a href="" title="Truy cập trung tâm hỗ trợ của Hurasoft">
<i class="icons header-support"></i> <i class="icons header-support"></i>
</a> </a>

24
template/url/url_seo.html
View File

@@ -1,19 +1,26 @@
<div class="max-w-[1141px] m-[17px_auto_20px]"> <div class="max-w-[1141px] m-[17px_auto_20px] p-[0_15px]">
<div class="flex flex-wrap items-start justify-center"> <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]"> <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="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> <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> </div>
<!-- col left --> <!-- 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"> <div class="w-[25%] mr-[16px]">
<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
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> </div>
<!-- col right --> <!-- 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"> <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-[20px] block">
<table> <table>
<tr> <tr>
<td width="215"> File cập nhật </td> <td width="215"> File cập nhật </td>
@@ -27,7 +34,7 @@
<td> Cấu hình cột Excel </td> <td> Cấu hình cột Excel </td>
<td> <td>
<table> <table>
<tr class="font-[600] bg-[#ECECEC_!important]"> <tr class="font-[600] bg-[#ECECEC_!important]">
<td> Cột Excel </td> <td> Cột Excel </td>
@@ -59,7 +66,8 @@
</tr> </tr>
</table> </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]"/> <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> </form>
</div> </div>
</div> </div>