197 lines
9.3 KiB
HTML
197 lines
9.3 KiB
HTML
<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>
|
|
|
|
<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>
|
|
|
|
<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>
|
|
|
|
<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="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> |