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

up

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

4
template/banner/home.html
View File

@@ -72,7 +72,7 @@
</td>
<td>
<table class="td-border-0">
<table class="not-border not-padding">
<tr>
<td width="115">Tên gọi:</td>
<td> </td>
@@ -137,7 +137,7 @@
src="https://demopc8.hurasoft.com/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg"
width="260" /> </td>
<td>
<table class="td-border-0">
<table class="not-border not-padding">
<tr>
<td width="115">Tên gọi:</td>
<td> </td>

47
template/banner/location.html
View File

@@ -3,47 +3,52 @@
<a href=""> Vị trí banner </a>
</div>
<div class="marketing-coupon-page bg-white m-[0_0_16px_16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
<div
class="marketing-coupon-page bg-white m-[0_0_16px_16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
<p class="leading-[30px] text-[24px] font-bold m-[0_0_12px]"> Quản lý vị trí hiển thị banner </p>
<div class="text-right m-[15px_0]">
<a href="/admin/banner/location-add" class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[35px] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff_!important]">
<span class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
<a href="/admin/banner/location-add"
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[35px] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff_!important]">
<span
class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
<span>Thêm vị trí mới</span>
</a>
</div>
<div class="order-page-table">
<div class="table">
<table>
<thead>
<thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-700">
<tr class="font-[600]">
<td width="50"> STT </td>
<td> ID </td>
<td width="140"> Template File </td>
<td> Vị trí </td>
<td width="220"> Ngày tạo </td>
<td width="200"> Chỉnh sửa </td>
<td> ID </td>
<td width="140"> Template File </td>
<td> Vị trí </td>
<td width="220"> Ngày tạo </td>
<td width="200"> Chỉnh sửa </td>
</tr>
</thead>
<tbody>
<td align="center"> 1 </td>
<td>
<p> ID: 43 </p>
<p> banner_webmau4_mb </p>
<td>
<p> ID: 43 </p>
<p> banner_webmau4_mb </p>
</td>
<td> homepage </td>
<td> Banner MB Webmau4 </td>
<td> 30-11-2024, 12:00 am </td>
<td>
<div class="flex items-center flex-wrap justify-center">
<a href="/admin/banner?id=1" class="block text-center font-[500] text-[#fff_!important] bg-[#0041E8] rounded-[4px] p-[0_9px] leading-[30px] mr-[8px]">Xem banner</a>
<a href="/admin/banner/location-add?id=1" class="icons icon-edit" title="Sửa lại"></a>
<div class="flex items-center flex-wrap justify-center">
<a href="/admin/banner?id=1"
class="block text-center font-[500] text-[#fff_!important] bg-[#0041E8] rounded-[4px] p-[0_9px] leading-[30px] mr-[8px]">Xem
banner</a>
<a href="/admin/banner/location-add?id=1" class="icons icon-edit mr-[5px]" title="Sửa lại"></a>
<a href="" class="icons icon-delete" title="Xóa"></a>
</div>
</td>
@@ -58,5 +63,5 @@
<a href="">3</a>
<a href="">4</a>
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
</div>
</div>
</div>

88
template/banner/location_add.html
View File

@@ -6,44 +6,62 @@
<div class="max-w-[1141px] m-auto">
<div class="flex flex-wrap items-start m-[0_0_16px_0]">
<div class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] flex flex-wrap items-center justify-between">
<div
class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] flex flex-wrap items-center justify-between">
<p class="font-bold text-[20px]"> Cập nhật lại vị trí banner </p>
<a href="/admin/banner/location-add" class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
<span class="border-[1px] border-[#6B7280] h-[13px] w-[13px] leading-[10.3px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
<a href="/admin/banner/location-add"
class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
<span
class="border-[1px] border-[#6B7280] h-[13px] w-[13px] leading-[10.3px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
<span>Thêm vị trí mới</span>
</a>
<p class="w-[100%] text-[#6B7280]">
banner_under_slider_mobile_webmau3
</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="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" 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">
<div
class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
<a href="javascript:void(0)"
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"
style="color: #Fff;background: #0041E8;"> Chỉnh sửa </a>
</div>
<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">
<p class="font-bold text-[20px] leading-[20px] mb-[17px]"> Thông tin cơ bản </p>
<div class="mb-[15px]">
<div class="mb-[6px] relative">
<b> Chọn template hiển thị </b>
<b> Chọn template hiển thị </b>
<div class="inline-block relative group">
<i class="far fa-question-circle cursor-pointer ml-1 text-[#FFC700]"></i>
<p class="hidden leading-[16px] text-[13px] absolute left-[-10px] bg-[rgba(0,0,0,0.60)] p-[6px_10px] rounded-[5px] text-white top-[100%] w-[280px] z-[1] group-hover:block">
Tùy một số template mà banner này sẽ được hiển thị. Đa số trường hợp bạn không cần quan tâm tới thông tin này trừ các website cấu trúc phức tạp.
<p
class="hidden leading-[16px] text-[13px] absolute left-[-10px] bg-[rgba(0,0,0,0.60)] p-[6px_10px] rounded-[5px] text-white top-[100%] w-[280px] z-[1] group-hover:block">
Tùy một số template mà banner này sẽ được hiển thị. Đa số trường hợp bạn không cần quan tâm
tới thông tin này trừ các website cấu trúc phức tạp.
</p>
</div>
</div>
<select class="w-[auto_!important]">
<select class="select select-bordered h-[38px] min-h-[38px] rounded-[4px]">
<option value="">-- Chọn template --</option>
<option value='header' selected>header - Đầu trang</option>
<option value='homepage' >homepage - Trang chủ</option> <option value='column_left' >column_left - Cột trái</option> <option value='column_right' >column_right - Cột phải</option> <option value='footer'>footer - Chân trang</option> <option value='product_detail' >product_detail - Chi tiết sản phẩm</option> <option value='product_list' >product_list - Danh sách &amp; Danh mục sản phẩm</option> <option value='collection_list' >collection_list - Bộ sưu tập</option> <option value='article_home' >article_home - Trang chủ tin tức</option> <option value='brand_detail' >brand_detail - Chi tiết thương hiệu</option> <option value='deal_group' >deal_group - Nhóm deal</option>
<option value='homepage'>homepage - Trang chủ</option>
<option value='column_left'>column_left - Cột trái</option>
<option value='column_right'>column_right - Cột phải</option>
<option value='footer'>footer - Chân trang</option>
<option value='product_detail'>product_detail - Chi tiết sản phẩm</option>
<option value='product_list'>product_list - Danh sách &amp; Danh mục sản phẩm</option>
<option value='collection_list'>collection_list - Bộ sưu tập</option>
<option value='article_home'>article_home - Trang chủ tin tức</option>
<option value='brand_detail'>brand_detail - Chi tiết thương hiệu</option>
<option value='deal_group'>deal_group - Nhóm deal</option>
</select>
</div>
@@ -51,47 +69,55 @@
<div class="mb-[15px]">
<div class="mb-[6px] relative">
<b> Mã vị trí (*) <i class="font-[300] text-[#6B7280]"> * chỉ gồm ký tự a-z0-9 và dấu _ </i> </b>
<b> Mã vị trí (*) <i class="font-[300] text-[#6B7280]"> * chỉ gồm ký tự a-z0-9 và dấu _ </i> </b>
<div class="inline-block relative group">
<i class="far fa-question-circle cursor-pointer ml-1 text-[#FFC700]"></i>
<p class="hidden leading-[16px] text-[13px] absolute left-[-10px] bg-[rgba(0,0,0,0.60)] p-[6px_10px] rounded-[5px] text-white top-[100%] w-[280px] z-[1] group-hover:block">
Mã vị trí cho phép gọi các banner theo mã ở bất kỳ mẫu giao diện web nào, v.d. trang_chu, khuyen_mai_shop
<p
class="hidden leading-[16px] text-[13px] absolute left-[-10px] bg-[rgba(0,0,0,0.60)] p-[6px_10px] rounded-[5px] text-white top-[100%] w-[280px] z-[1] group-hover:block">
Mã vị trí cho phép gọi các banner theo mã ở bất kỳ mẫu giao diện web nào, v.d. trang_chu,
khuyen_mai_shop
</p>
</div>
</div>
<input type="text" value="" class="w-[100%] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
</div>
<input type="text" value=""
class="w-[100%] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
</div>
<div class="mb-[15px]">
<div class="mb-[6px] relative">
<b> Đặt tên vị trí (*) </b>
<b> Đặt tên vị trí (*) </b>
<div class="inline-block relative group">
<i class="far fa-question-circle cursor-pointer ml-1 text-[#FFC700]"></i>
<p class="hidden leading-[16px] text-[13px] absolute left-[-10px] bg-[rgba(0,0,0,0.60)] p-[6px_10px] rounded-[5px] text-white top-[100%] w-[280px] z-[1] group-hover:block">
Nếu bạn có nhiều banner và muốn thay đổi, theo dõi, bạn nên đặt tên cụ thể <br />v.d. Banner quảng cáo khuyến mại 8/3/2012.
<p
class="hidden leading-[16px] text-[13px] absolute left-[-10px] bg-[rgba(0,0,0,0.60)] p-[6px_10px] rounded-[5px] text-white top-[100%] w-[280px] z-[1] group-hover:block">
Nếu bạn có nhiều banner và muốn thay đổi, theo dõi, bạn nên đặt tên cụ thể <br />v.d. Banner
quảng cáo khuyến mại 8/3/2012.
</p>
</div>
</div>
<input type="text" value="" class="w-[100%] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
</div>
<input type="text" value=""
class="w-[100%] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
</div>
<div class="mb-[15px]">
<p class="font-bold mb-[6px]">Mô tả tóm tắt</p>
<textarea class="w-[100%] min-h-[122px] max-h-[170px] p-[10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
</div>
<textarea
class="w-[100%] min-h-[122px] max-h-[170px] p-[10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
</div>
<hr class="border-[3px] border-[#FAFAFB] m-[16px_-16px]">
<input 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]"/>
<input type="submit" value="Cập nhật"
class="inline-block cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
</form>
</div>
</div>
</div>

364
template/banner/upload.html
View File

@@ -5,246 +5,408 @@
<div class="max-w-[1141px] m-auto">
<div class="text-right m-[0_0_12px]">
<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]">
<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 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]">
<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" class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[35px] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
<a href="/admin/banner"
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[35px] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
<i class="fas fa-clipboard-list mr-[8px]"></i>
<span>Danh sách banner</span>
</a>
</div>
</div>
<div class="flex flex-wrap items-start m-[16px_0]">
{% if global.url contains 'id=' %} <!-- Form chỉnh sửa -->
{% endif %}
<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"> Cập nhật lại banner </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">
Cập nhật lại banner </p>
<div class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
<a href="javascript:void(0)" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition" style="color: #Fff;background: #0041E8;"> Chỉnh sửa </a>
<div
class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
<a href="javascript:void(0)"
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"
style="color: #Fff;background: #0041E8;"> Chỉnh sửa </a>
</div>
<form method="post" enctype="multipart/form-data" class="w-[852px] bg-white p-[20px_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="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[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]"/>
<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>
<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 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">Quản lý vị trí</a>
<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="scale-[1.5] mr-[10px]">
<span>Tất cả danh mục</span>
<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 -->
<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="scale-[1.5] mr-[10px]">
<span> Danh mục cấp 1 </span>
<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 -->
<div>
<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="scale-[1.5] mr-[10px]">
<span> 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="scale-[1.5] mr-[10px]">
<span> Danh mục cấp 3 </span>
</label>
</div>
</div>
<!-- cloned -->
<div> <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="scale-[1.5] mr-[10px]"> <span> 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="scale-[1.5] mr-[10px]"> <span> 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="scale-[1.5] mr-[10px]"> <span> Danh mục cấp 3 </span> </label> </div></div>
<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>
<!-- Cloned -->
<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="scale-[1.5] mr-[10px]"> <span> Danh mục cấp 1 </span> </label> <div class="pl-[30px]"> <div> <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="scale-[1.5] mr-[10px]"> <span> 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="scale-[1.5] mr-[10px]"> <span> 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="scale-[1.5] mr-[10px]"> <span> Danh mục cấp 3 </span> </label> </div></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="scale-[1.5] mr-[10px]"> <span> Danh mục cấp 1 </span> </label> <div class="pl-[30px]"> <div> <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="scale-[1.5] mr-[10px]"> <span> 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="scale-[1.5] mr-[10px]"> <span> 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="scale-[1.5] mr-[10px]"> <span> Danh mục cấp 3 </span> </label> </div></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)]"/>
<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>
<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>)
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">
<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)]">
<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)]">
<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)]">
<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"/>
<span>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" />
<span>Thời gian hiển thị:</span>
<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)]"/>
<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' style="width: 85px;">
<option value="00:00">00:00</option><option value="00:30">00:30</option><option value="01:00">01:00</option><option value="01:30">01:30</option><option value="02:00">02:00</option><option value="02:30">02:30</option><option value="03:00">03:00</option><option value="03:30">03:30</option><option value="04:00">04:00</option><option value="04:30">04:30</option><option value="05:00">05:00</option><option value="05:30">05:30</option><option value="06:00">06:00</option><option value="06:30">06:30</option><option value="07:00">07:00</option><option value="07:30">07:30</option><option value="08:00">08:00</option><option value="08:30">08:30</option><option value="09:00">09:00</option><option value="09:30">09:30</option><option value="10:00">10:00</option><option value="10:30">10:30</option><option value="11:00">11:00</option><option value="11:30">11:30</option><option value="12:00">12:00</option><option value="12:30">12:30</option><option value="13:00">13:00</option><option value="13:30">13:30</option><option value="14:00">14:00</option><option value="14:30">14:30</option><option value="15:00">15:00</option><option value="15:30">15:30</option><option value="16:00">16:00</option><option value="16:30">16:30</option><option value="17:00">17:00</option><option value="17:30">17:30</option><option value="18:00">18:00</option><option value="18:30">18:30</option><option value="19:00">19:00</option><option value="19:30">19:30</option><option value="20:00">20:00</option><option value="20:30">20:30</option><option value="21:00">21:00</option><option value="21:30">21:30</option><option value="22:00">22:00</option><option value="22:30">22:30</option><option value="23:00">23:00</option><option value="23:30">23:30</option>
<select 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)]"/>
<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' style="width: 85px;">
<option value="00:00">00:00</option><option value="00:30">00:30</option><option value="01:00">01:00</option><option value="01:30">01:30</option><option value="02:00">02:00</option><option value="02:30">02:30</option><option value="03:00">03:00</option><option value="03:30">03:30</option><option value="04:00">04:00</option><option value="04:30">04:30</option><option value="05:00">05:00</option><option value="05:30">05:30</option><option value="06:00">06:00</option><option value="06:30">06:30</option><option value="07:00">07:00</option><option value="07:30">07:30</option><option value="08:00">08:00</option><option value="08:30">08:30</option><option value="09:00">09:00</option><option value="09:30">09:30</option><option value="10:00">10:00</option><option value="10:30">10:30</option><option value="11:00">11:00</option><option value="11:30">11:30</option><option value="12:00">12:00</option><option value="12:30">12:30</option><option value="13:00">13:00</option><option value="13:30">13:30</option><option value="14:00">14:00</option><option value="14:30">14:30</option><option value="15:00">15:00</option><option value="15:30">15:30</option><option value="16:00">16:00</option><option value="16:30">16:30</option><option value="17:00">17:00</option><option value="17:30">17:30</option><option value="18:00">18:00</option><option value="18:30">18:30</option><option value="19:00">19:00</option><option value="19:30">19:30</option><option value="20:00">20:00</option><option value="20:30">20:30</option><option value="21:00">21:00</option><option value="21:30">21:30</option><option value="22:00">22:00</option><option value="22:30">22:30</option><option value="23:00">23:00</option><option value="23:30">23:30</option>
<select 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">
<span>Cho hiển thị</span>
<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">
<span>Ẩn hiển thị</span>
<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="scale-[1.5] mr-[10px]">
<span> Hiển thị tại mobile </span>
<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]"/>
<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>
<script>
function show_content(ty){
function show_content(ty) {
var list_type = ['pro', 'cash', 'priceoff'];
for(var i=0; i < list_type.length; i++){
for (var i = 0; i < list_type.length; i++) {
var t_ty = list_type[i];
if(ty == t_ty) document.getElementById('js-type-'+t_ty).style.display = 'block';
else document.getElementById('js-type-'+t_ty).style.display = 'none';
if (ty == t_ty) document.getElementById('js-type-' + t_ty).style.display = 'block';
else document.getElementById('js-type-' + t_ty).style.display = 'none';
}
}
</script>