06/03/2024 9h19

2024-03-06 09:19:26 +07:00
parent eafb7bfb5f
commit 91d317607a
32 changed files with 2878 additions and 102 deletions
--- a/template/media/home.html
+++ b/template/media/home.html
@@ -0,0 +1,86 @@
+<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>
+
+    <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>
+
+            <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="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="order-page-table">
+        <table>
+            <thead>
+                <tr>
+                    <td width="50"> STT </td> 
+                    <td width="120"> Xem nhanh </td> 
+                    <td> Tên file </td> 
+                    <td width="120"> 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"></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>