update
This commit is contained in:
52
old/template/media/category.html
Normal file
52
old/template/media/category.html
Normal 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>
|
||||
102
old/template/media/home.html
Normal file
102
old/template/media/home.html
Normal 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>
|
||||
129
old/template/media/upload.html
Normal file
129
old/template/media/upload.html
Normal 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>
|
||||
Reference in New Issue
Block a user