This commit is contained in:
2025-12-07 15:58:07 +07:00
parent 75a641ab40
commit 942aeafb60
2211 changed files with 178727 additions and 89 deletions

View File

@@ -0,0 +1,52 @@
<div class="w-[100%] mb-[50px]">
<div class="text-sm breadcrumbs ml-[10px]">
<ul>
<li><a href="/admin/product/media">Danh sách Media</a></li>
<li class="text-[#0041E8]">Quản lý nhóm media</li>
</ul>
</div>
<div
class="bg-white m-[16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
<h2 class="font-bold text-[24px]"> Phân loại nhóm danh mục media </h2>
<a href=""
class="block m-[auto_0_auto_auto] w-[150px] mt-[15px] 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="inline-block text-center items-center border-[1px] border-[#0041E8] h-[14px] w-[14px] leading-[10.4px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
<span>Thêm nhóm mới</span>
</a>
<table class="mt-[20px]">
<thead class="bg-[#f6f6f6] font-bold">
<tr>
<td>STT</td>
<td>ID</td>
<td>Tên nhóm</td>
<td>Thời gian</td>
<td>Lựa chọn</td>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>1385</td>
<td>Ảnh tin tức</td>
<td>2023-10-01 12:00:00</td>
<td>
<div class="flex gap-[10px]">
<a href=""
class='w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
class="icons icon-edit"></i></a>
<a href=""
class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
class='icons icon-remove'></i></a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>

View File

@@ -0,0 +1,102 @@
<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>
<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="/admin/media/upload"
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>
<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>
</div>

View File

@@ -0,0 +1,129 @@
<div class="w-[100%] mb-[50px]">
<div class="text-sm breadcrumbs ml-[10px]">
<ul>
<li><a href="/admin/media">Danh sách Media</a></li>
<li class="text-[#0041E8]">Form thêm / sửa media</li>
</ul>
</div>
<div class="w-[1140px] my-0 mx-auto">
<div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A] my-[15px]">
<div class="flex items-center justify-between">
<h2 class="font-bold text-[24px]"> Cập nhật media </h2>
<a href="/admin/media/upload"
class="flex items-center border-[1px] border-[#ECECEC] rounded-[4px] p-[5px_10px_5px_10px]">
<span
class="w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#6B7280] text-center leading-[10.5px] mr-[5px] text-[#6B7280]">+</span>
<span class="text-[#6B7280]">Thêm file Media mới</span>
</a>
</div>
<p class="text-gray-500">/media/lib/11-08-2023/new.png</p>
</div>
<div class="flex">
<div class="left w-[270px] mr-[10px]">
<div class="list-tab">
<a href="/admin/media/upload"
class="item block w-[100%] h-[36px] text-white bg-[#0041E8] rounded-[10px] text-[13px] leading-[35px] px-[20px]">Thông
tin</a>
</div>
</div>
<div class="right w-[860px]">
<div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A]">
<table>
<tr>
<td>Link file</td>
<td>
<input type="text" size="60" name="" value="/media/lib/11-08-2023/new.png"
placeholder="link file"
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
</td>
</tr>
<tr>
<td>Đặt tên</td>
<td>
<input type="text" size="60" name="" value="iPhone 11 Chính Hãng" placeholder="Đặt tên"
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
</td>
</tr>
<tr>
<td>Phân nhóm</td>
<td>
<div class="flex items-center">
<select name='product[1][1][discount_type]' id='from_time_minute'
class="select select-bordered w-[200px] h-[35px] min-h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
<option value="">Phân loại</option>
<option value="0">Tin tức</option>
<option value="1">Sản phẩm</option>
</select>
<a href="/admin/media/category"
class="leading-[35px] ml-[16px] border border-[#0041E8] rounded-[4px] bg-white p-[0_15px] font-[500] text-[#0041E8] hover:bg-[#0041E8] hover:text-[#fff]">
Quản lý nhóm media
</a>
</div>
</td>
</tr>
<tr>
<td>Chiều rộng (width)</td>
<td>
<div class="flex items-center">
<input type="text" size="10" name="" value="200" placeholder="Chiều rộng"
class="w-[100px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
<span class="ml-2 italic text-gray-500">(điền số cho đơn vị pixel, bắt buộc với
Flash, Video
clip)</span>
</div>
</td>
</tr>
<tr>
<td>Chiều Cao (height)</td>
<td>
<div class="flex items-center">
<input type="text" size="10" name="" value="200" placeholder="Chiều rộng"
class="w-[100px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
<span class="ml-2 italic text-gray-500">(điền số cho đơn vị pixel, bắt buộc với
Flash, Video
clip)</span>
</div>
</td>
</tr>
<tr>
<td>File ảnh</td>
<td>
<img src="" class="w-[300px] h-[300px] block" alt="">
<div class="flex items-center mt-[15px]">
<p class="mr-3">Upload file</p>
<input type="file" name="zip_file"
class="file-input w-[105px] max-w-sm file-input-bordered h-[40px] text-[14px] file-input-primary"
size="40" />
</div>
<b class="block mt-[15px]">Dung lượng file phải nhỏ hơn 20MB</b>
</td>
</tr>
<tr>
<td>Code HTML</td>
<td>
<textarea name="" id="" cols="30" rows="10"
class="w-[100%] h-[70px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"></textarea>
</td>
</tr>
<tr>
<td>Hoặc Link trên mạng</td>
<td>
<input type="text" size="10" name="" value="" placeholder=""
class="w-full border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
</td>
</tr>
</table>
<input name="submit" type="submit" value="Cập nhật"
class="inline-block my-[12px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]">
</div>
</div>
</div>
</div>
</div>