This commit is contained in:
2025-02-20 16:27:50 +07:00
parent 3a257c411e
commit 0c8e3258c4
42 changed files with 1647 additions and 728 deletions

View File

@@ -1,99 +1,102 @@
<div
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]">
<p class="leading-[30px] mb-[13px] font-bold text-[24px]"> Danh sách media </p>
<div class="w-[100%]">
<div
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 media </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="text" name="q" id="keyword" value="" placeholder=""
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>
<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="text" name="q" id="keyword" value="" placeholder=""
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 mb-[20px]">
<div class="flex items-center">
<select
class="min-w-[160px] h-[36px] p-[0_5px] border border-[#D8D8D8] rounded-[4px] mr-[15px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
<option value=""> Xem phân nhóm </option>
<option value=""> option </option>
</select>
<div class="flex items-center flex-wrap justify-between mb-[20px]">
<div class="flex items-center">
<select
class="min-w-[160px] h-[36px] min-h-[36px] select select-bordered rounded-[4px] mr-[15px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
<option value=""> Xem phân nhóm </option>
<option value=""> option </option>
</select>
<a href=""
class="leading-[35px] mr-[16px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
Quản lý nhóm media
</a>
</div>
<a href=""
class="leading-[35px] mr-[16px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
Quản lý nhóm media
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] font-[500] leading-[35px] 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 nội dung mới</span>
</a>
</div>
<a href=""
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] font-[500] leading-[35px] 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 nội dung mới</span>
</a>
<p class="m-[13pX_0]">
<b>Hướng dẫn:</b> Chức năng này cho phép bạn quản lý tất cả các loại file media (như file word, excel, ảnh
chương trình, ảnh banner, file flash, ảnh Sản phẩm ...) phục vụ cho website. Copy đường dẫn file và gắn vào
miêu
tả Sản phẩm hay bài viết khác.
</p>
<div class="overflow-x-auto">
<table class="table">
<thead class="bg-[#F6F6F6] text-[#000] text-[14px] font-500">
<tr>
<td width="50"> STT </td>
<td width="120"> Xem nhanh </td>
<td> Tên file </td>
<td width="120" align="center"> Loại file </td>
<td> Thời gian </td>
<td width="120"> Lựa chọn </td>
</tr>
</thead>
<tbody>
<tr align="center">
<td> 1 </td>
<td>
<a href=""
class="block text-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] font-[500] leading-[32px] hover:bg-[#0041E8] hover:text-[#fff]">
Xem nhanh
</a>
</td>
<td>
<div class="flex items-center">
<p class="mr-2 whitespace-nowrap"> Đường dẫn </p>
<input type="text" value="/media/lib/11-08-2023/new.png"
class="max-w-[700px] w-[100%] h-[35px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)] text-[#6B7280]">
</div>
</td>
<td> banner </td>
<td> 2023-08-11 00:00:00 </td>
<td>
<div class="items-center flex justify-center">
<a href="" title="Sửa lại" class="icons icon-edit mr-[6px]"></a>
<a href="" title="Xóa" class="icons icon-delete"></a>
</div>
<div class="flex items-center justify-center mt-[5px]">
<p class="mr-[8px]">STT</p>
<input type="text" value="0"
class="w-[32px] h-[32px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)] text-center">
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<p class="m-[13pX_0]">
<b>Hướng dẫn:</b> Chức năng này cho phép bạn quản lý tất cả các loại file media (như file word, excel, ảnh
chương trình, ảnh banner, file flash, ảnh Sản phẩm ...) phục vụ cho website. Copy đường dẫn file và gắn vào miêu
tả Sản phẩm hay bài viết khác.
</p>
<div class="table">
<table>
<thead class="bg-[#F6F6F6] text-[#000] text-[14px] font-500">
<tr>
<td width="50"> STT </td>
<td width="120"> Xem nhanh </td>
<td> Tên file </td>
<td width="120" align="center"> Loại file </td>
<td> Thời gian </td>
<td width="120"> Lựa chọn </td>
</tr>
</thead>
<tbody>
<tr align="center">
<td> 1 </td>
<td>
<a href=""
class="block text-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] font-[500] leading-[32px] hover:bg-[#0041E8] hover:text-[#fff]">
Xem nhanh
</a>
</td>
<td>
<div class="flex items-center">
<p class="mr-2 whitespace-nowrap"> Đường dẫn </p>
<input type="text" value="/media/lib/11-08-2023/new.png" readonly
class="max-w-[700px] w-[100%] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)] text-[#6B7280]">
</div>
</td>
<td> banner </td>
<td> 2023-08-11 00:00:00 </td>
<td>
<div class="items-center flex justify-center">
<a href="" title="Sửa lại" class="icons icon-edit mr-[6px]"></a>
<a href="" title="Xóa" class="icons icon-delete"></a>
</div>
<div class="flex items-center justify-center mt-[5px]">
<p class="mr-[8px]">STT</p>
<input type="text" value="0"
class="w-[32px] h-[32px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)] text-center">
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>