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

375
template/banner/home.html
View File

@@ -1,197 +1,200 @@
<div
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]">
<p class="leading-[31px] font-bold text-[24px] mb-[12px]"> Danh sách banner </p>
<div class="w-[100%]">
<div
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/"
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='q' value='' />
<input type='hidden' name='page' value='' />
<form method='get' enctype="multipart/form-data" action="/admin/"
class="border border-[#F6F6F6] m-[12px_0_16px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
<input type='hidden' name='opt' value='banner' />
<input type='hidden' name='q' value='' />
<input type='hidden' name='page' value='' />
<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)] " />
<input type=submit value='Tìm kiếm'
class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
</form>
<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)] " />
<input type=submit value='Tìm kiếm'
class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
</form>
<div class="flex items-center flex-wrap justify-between">
<div class="flex items-center">
<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)]">
<option value="">Xem theo vị trí banner</option>
<option value='43'> - Banner MB Webmau4</option>
<option value='42'> - Brand Homepage</option>
</select>
<div class="flex items-center flex-wrap justify-between">
<div class="flex items-center">
<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)]">
<option value="">Xem theo vị trí banner</option>
<option value='43'> - Banner MB Webmau4</option>
<option value='42'> - Brand Homepage</option>
</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)]">
<option value="">Lọc hiển thị</option>
<option value="">Chưa hiển thị</option>
<option value="">Đang hiển thị</option>
</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)]">
<option value="">Lọc hiển thị</option>
<option value="">Chưa hiển thị</option>
<option value="">Đang hiển thị</option>
</select>
<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
danh mục sản phẩm để xem</a>
<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
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 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>
<div class="overflow-x-auto">
<table class="table td-top">
<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>
<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>
<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" 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 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 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>

725
template/banner/upload.html
View File

@@ -3,7 +3,7 @@
<a href=""> Form sửa banner </a>
</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]">
<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]">
@@ -19,382 +19,387 @@
</a>
</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 -->
{% 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>
<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
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="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">
<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">
<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>
<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 width="220" style="vertical-align: top;">
<p class="leading-[32px]">File</p>
</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>
<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>
<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>
<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>
<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 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 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>