tieptk/admin_hura_8
2
1
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity

up

Browse Source
This commit is contained in:
Tieptk
2025-02-20 16:27:50 +07:00
parent 3a257c411e
commit 0c8e3258c4
42 changed files with 1647 additions and 728 deletions
Download Patch File Download Diff File Expand all files Collapse all files

316
template/article/category.html
View File

@@ -1,161 +1,163 @@
<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 mục nội dung </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 mục nội dung </p>
<div class="flex items-center justify-end font-[500] leading-[35px] mb-[20px]">
<a href="/admin/article/category-add"
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_16px_0_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 danh mục mới</span>
</a>
<div class="flex items-center justify-end font-[500] leading-[35px] mb-[20px]">
<a href="/admin/article/category-add"
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_16px_0_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 danh mục mới</span>
</a>
<a href="/admin/article"
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
<i class="far fa-folder mr-2"></i>
<span>Danh sách nội dung</span>
</a>
</div>
<div class="table">
<table>
<thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-[500]">
<tr>
<td width="600"> Danh mục </td>
<td width="50" align="center"> ID </td>
<td width="100" align="center"> Hiển thị </td>
<td width="100" align="center"> STT </td>
<td width="120" align="center"> Số bài viết </td>
<td width="172" align="center"> Lựa chọn </td>
</tr>
</thead>
<tbody>
<tr align="center">
<td align="left"> 1. Danh mục cấp 1 </td>
<td> 1 </td>
<td> child_article </td>
<td>
<input type="text" value="0"
class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)] text-center">
</td>
<td>
<span class="inline-block mr-[10px] leading-[30px]"> 60 </span>
<a href=""
class="inline-block cursor-pointer leading-[30px] bg-[#0041E8] text-[#fff_!important] rounded-[4px] font-[500] p-[0_11px]">
Xem
</a>
</td>
<td>
<div class="items-center flex justify-center">
<a href="/admin/article/category-add?id=1" title="Sửa lại"
class="icons icon-edit mr-[6px]"></a>
<a href="" title="Xem tại web"
class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
<a href="" title="Hạ xuống"
class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
<a href="" 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-[6px]">
</a>
<a href="" title="Xóa" class="icons icon-delete"></a>
</div>
</td>
</tr>
<!-- Danh mục cấp 2 -->
<tr align="center">
<td align="left" style="padding-left: 30px;"> 1.1 Danh mục cấp 2 </td>
<td> 1 </td>
<td> child_article </td>
<td>
<input type="text" value="0"
class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)] text-center">
</td>
<td>
<span class="inline-block mr-[10px] leading-[30px]"> 60 </span>
<a href=""
class="inline-block cursor-pointer leading-[30px] bg-[#0041E8] text-[#fff_!important] rounded-[4px] font-[500] p-[0_11px]">
Xem
</a>
</td>
<td>
<div class="items-center flex justify-center">
<a href="/admin/article/category-add?id=1" title="Sửa lại"
class="icons icon-edit mr-[6px]"></a>
<a href="" title="Xem tại web"
class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
<a href="" title="Hạ xuống"
class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
<a href="" 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-[6px]">
</a>
<a href="" title="Xóa" class="icons icon-delete"></a>
</div>
</td>
</tr>
<!-- Danh mục cấp 3 -->
<tr align="center">
<td align="left" style="padding-left: 60px;"> 1.1.1 Danh mục cấp 3 </td>
<td> 1 </td>
<td> child_article </td>
<td>
<input type="text" value="0"
class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)] text-center">
</td>
<td>
<span class="inline-block mr-[10px] leading-[30px]"> 60 </span>
<a href=""
class="inline-block cursor-pointer leading-[30px] bg-[#0041E8] text-[#fff_!important] rounded-[4px] font-[500] p-[0_11px]">
Xem
</a>
</td>
<td>
<div class="items-center flex justify-center">
<a href="/admin/article/category-add?id=1" title="Sửa lại"
class="icons icon-edit mr-[6px]"></a>
<a href="" title="Xem tại web"
class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
<a href="" title="Hạ xuống"
class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
<a href="" 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-[6px]">
</a>
<a href="" title="Xóa" class="icons icon-delete"></a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<a href="/admin/article"
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
<i class="far fa-folder mr-2"></i>
<span>Danh sách nội dung</span>
</a>
</div>
<div class="table">
<table>
<thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-[500]">
<tr>
<td width="600"> Danh mục </td>
<td width="50" align="center"> ID </td>
<td width="100" align="center"> Hiển thị </td>
<td width="100" align="center"> STT </td>
<td width="120" align="center"> Số bài viết </td>
<td width="172" align="center"> Lựa chọn </td>
</tr>
</thead>
<tbody>
<tr align="center">
<td align="left"> 1. Danh mục cấp 1 </td>
<td> 1 </td>
<td> child_article </td>
<td>
<input type="text" value="0"
class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)] text-center">
</td>
<td>
<span class="inline-block mr-[10px] leading-[30px]"> 60 </span>
<a href=""
class="inline-block cursor-pointer leading-[30px] bg-[#0041E8] text-[#fff_!important] rounded-[4px] font-[500] p-[0_11px]">
Xem
</a>
</td>
<td>
<div class="items-center flex justify-center">
<a href="/admin/article/category-add?id=1" title="Sửa lại"
class="icons icon-edit mr-[6px]"></a>
<a href="" title="Xem tại web"
class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
<a href="" title="Hạ xuống"
class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
<a href="" 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-[6px]">
</a>
<a href="" title="Xóa" class="icons icon-delete"></a>
</div>
</td>
</tr>
<!-- Danh mục cấp 2 -->
<tr align="center">
<td align="left" style="padding-left: 30px;"> 1.1 Danh mục cấp 2 </td>
<td> 1 </td>
<td> child_article </td>
<td>
<input type="text" value="0"
class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)] text-center">
</td>
<td>
<span class="inline-block mr-[10px] leading-[30px]"> 60 </span>
<a href=""
class="inline-block cursor-pointer leading-[30px] bg-[#0041E8] text-[#fff_!important] rounded-[4px] font-[500] p-[0_11px]">
Xem
</a>
</td>
<td>
<div class="items-center flex justify-center">
<a href="/admin/article/category-add?id=1" title="Sửa lại"
class="icons icon-edit mr-[6px]"></a>
<a href="" title="Xem tại web"
class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
<a href="" title="Hạ xuống"
class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
<a href="" 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-[6px]">
</a>
<a href="" title="Xóa" class="icons icon-delete"></a>
</div>
</td>
</tr>
<!-- Danh mục cấp 3 -->
<tr align="center">
<td align="left" style="padding-left: 60px;"> 1.1.1 Danh mục cấp 3 </td>
<td> 1 </td>
<td> child_article </td>
<td>
<input type="text" value="0"
class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)] text-center">
</td>
<td>
<span class="inline-block mr-[10px] leading-[30px]"> 60 </span>
<a href=""
class="inline-block cursor-pointer leading-[30px] bg-[#0041E8] text-[#fff_!important] rounded-[4px] font-[500] p-[0_11px]">
Xem
</a>
</td>
<td>
<div class="items-center flex justify-center">
<a href="/admin/article/category-add?id=1" title="Sửa lại"
class="icons icon-edit mr-[6px]"></a>
<a href="" title="Xem tại web"
class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
<a href="" title="Hạ xuống"
class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
<a href="" 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-[6px]">
</a>
<a href="" title="Xóa" class="icons icon-delete"></a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>

64
template/article/form.html
View File

@@ -3,7 +3,7 @@
<a href=""> Form cập nhật Bài viết </a>
</div>
<div class="max-w-[1141px] m-auto">
<div class="max-w-[1141px] m-auto p-[0_15px]">
<div class="flex flex-wrap items-start m-[16px_0]">
<div
class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] flex flex-wrap items-center justify-between">
@@ -36,26 +36,30 @@
</div>
</div>
<div
class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
<a href="javascript:void(0)" style="color: #Fff;background: #0041E8;"
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Chỉnh sửa
</a>
<div class="w-[25%] mr-[16px]">
<div
class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
<a href="javascript:void(0)" style="color: #Fff;background: #0041E8;"
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Chỉnh sửa
</a>
{% if global.url contains 'id=' %}
<a href="/admin/article/tag?id=1"
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Tag </a>
<a href="/admin/article/relation?id=1&related_item_type=product"
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Liên quan:
Sản phẩm </a>
<a href="/admin/article/relation?id=1&related_item_type=product-category"
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Liên quan:
Danh mục sản phẩm </a>
{% endif %}
{% if global.url contains 'id=' %}
<a href="/admin/article/tag?id=1"
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Tag </a>
<a href="/admin/article/relation?id=1&related_item_type=product"
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Liên
quan:
Sản phẩm </a>
<a href="/admin/article/relation?id=1&related_item_type=product-category"
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Liên
quan:
Danh mục sản phẩm </a>
{% endif %}
</div>
</div>
<form method="post" enctype="multipart/form-data"
class="w-[852px] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
class="w-[calc(100%_-25%_-16px)] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
<div class="p-[16px] border-[#FAFAFB] border-b-[8px]">
<p class="font-bold text-[20px] leading-[20px] mb-[15px]"> Thông tin cơ bản </p>
@@ -69,7 +73,8 @@
<label class="cursor-pointer">
<span class="font-[300] mr-[10px]"> Cập nhật ảnh </span>
<input type="file" name="file_thumbnail">
<input type="file" name="file_thumbnail"
class="file-input h-[40px] rounded-[4px] file-input-bordered file-input-primary w-full max-w-xs">
</label>
</div>
@@ -83,7 +88,8 @@
<label class="cursor-pointer">
<span class="font-[300] mr-[10px]"> Cập nhật ảnh </span>
<input type="file" name="file_thumbnail">
<input type="file" name="file_thumbnail"
class="file-input h-[40px] rounded-[4px] file-input-bordered file-input-primary w-full max-w-xs">
</label>
</div>
@@ -188,35 +194,35 @@
<p class="mb-[7px] w-[100%] font-[600]"> Tiêu đề </p>
<input type="text" value=""
class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
</div>
<div class="mb-[15px]">
<p class="mb-[7px] w-[100%] font-[600]"> Link Index </p>
<input type="text" value=""
class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
</div>
<div class="mb-[15px]">
<p class="mb-[7px] w-[100%] font-[600]"> Link tham khảo (link web ngoài nếu có) </p>
<input type="text" value=""
class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
</div>
<div class="mb-[15px]">
<p class="mb-[7px] w-[100%] font-[600]"> Tóm tắt chính </p>
<textarea
class="w-[100%] min-h-[90px] max-h-[150px] outline-[0px] p-[10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
class="w-[100%] min-h-[90px] max-h-[150px] textarea textarea-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
</div>
<div>
<p class="mb-[7px] w-[100%] font-[600]"> Tags (Mỗi cụm từ 1 dòng) </p>
<textarea
class="w-[100%] min-h-[90px] max-h-[150px] outline-[0px] p-[10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
class="w-[100%] min-h-[90px] max-h-[150px] rounded-[4px] textarea textarea-bordered shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
</div>
</div>
@@ -263,7 +269,7 @@
trước)</i> </p>
<input type="text" value=""
class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
</div>
</div>
@@ -278,7 +284,7 @@
</p>
<input type="text" value=""
class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
</div>
<div class="mb-[15px]">
@@ -288,7 +294,7 @@
</p>
<input type="text" value=""
class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
</div>
<div class="mb-[15px]">
@@ -298,7 +304,7 @@
</p>
<input type="text" value=""
class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
</div>
<div class="mb-[15px]">
@@ -308,7 +314,7 @@
</p>
<textarea
class="w-[100%] min-h-[90px] max-h-[150px] outline-[0px] p-[10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
class="w-[100%] min-h-[90px] max-h-[150px] rounded-[4px] textarea textarea-bordered shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
</div>
<div class="mb-[15px] flex items-start">

250
template/article/home.html
View File

@@ -1,135 +1,137 @@
<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]"> Bài viết </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]"> Bài viết </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=""> Chọn danh mục </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] p-[0_5px] border border-[#D8D8D8] rounded-[4px] mr-[15px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
<option value=""> Chọn danh mục </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]">
Xem nội dung đang ẩn
</a>
<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]">
Xem nội dung đang ẩn
</a>
<a href=""
class="leading-[35px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
Xem nội dung nổi bật
</a>
<a href=""
class="leading-[35px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
Xem nội dung nổi bật
</a>
</div>
<div class="flex items-center font-[500] leading-[35px]">
<a href="/admin/article/form"
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_16px_0_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 nội dung mới</span>
</a>
<a href="/admin/article/category"
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
<i class="far fa-folder mr-2"></i>
<span>Quản lý danh mục</span>
</a>
</div>
</div>
<div class="overflow-x-auto">
<table class="table">
<thead class="bg-[#F6F6F6] text-[#000] text-[14px] font-500">
<tr>
<td width="40"> STT </td>
<td width="130"> Ảnh </td>
<td> Sản phẩm (Tổng số: 1.742) </td>
<td> Thống kê </td>
<td> Quản trị </td>
<td width="160"> Lựa chọn </td>
</tr>
</thead>
<div class="flex items-center font-[500] leading-[35px]">
<a href="/admin/article/form"
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_16px_0_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 nội dung mới</span>
</a>
<tbody>
<a href="/admin/article/category"
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
<i class="far fa-folder mr-2"></i>
<span>Quản lý danh mục</span>
</a>
<tr>
<td align="center"> 1 </td>
<td>
<img src="https://via.placeholder.com/880x350" class="block m-auto" />
</td>
<td>
<span> [#2481] </span>
<a href=""> Elgato – Happy New Year 2024 Deal Hot Đầu Xuân </a>
<div class="m-[5px_0]"> Thời gian chương trình : 15.02.2024 – 24.02.2024 </div>
<div>
STT
<input type="text" value="0"
class="w-[140px] h-[32px] border border-[#D8D8D8] m-[0_0_0_10px] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
</div>
</td>
<td>
<p> - Xem: 90 </p>
<p> - Thích: 0 </p>
<p> - Comment: 0 </p>
</td>
<td>
<p> Cập nhật: Nguyễn MInh Hải </p>
<p> (15-02-2024, 2:57 pm) </p>
</td>
<td>
<div class="items-center flex">
<a href="/admin/article/form?id=1" title="Sửa lại"
class="border-[1px] border-[#0041E8_!important] icons icon-edit mr-[6px]"></a>
<a href="" title="Xem tại web"
class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
<a href="" title="Cho nổi bật"
class="fas fa-crown bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
<a href="" title="Hạ nổi bật"
class="fas fa-crown bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
<a href="" title="Hạ xuống"
class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
<a href="" 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-[6px]">
</a>
<a href="" title="Xóa" class="icons icon-delete"></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>
<div class="table">
<table>
<thead class="bg-[#F6F6F6] text-[#000] text-[14px] font-500">
<tr>
<td width="40"> STT </td>
<td width="130"> Ảnh </td>
<td> Sản phẩm (Tổng số: 1.742) </td>
<td> Thống kê </td>
<td> Quản trị </td>
<td width="160"> Lựa chọn </td>
</tr>
</thead>
<tbody>
<tr>
<td align="center"> 1 </td>
<td>
<img src="https://via.placeholder.com/880x350" class="block m-auto" />
</td>
<td>
<span> [#2481] </span>
<a href=""> Elgato – Happy New Year 2024 Deal Hot Đầu Xuân </a>
<div class="m-[5px_0]"> Thời gian chương trình : 15.02.2024 – 24.02.2024 </div>
<div>
STT
<input type="text" value="0"
class="w-[140px] h-[32px] border border-[#D8D8D8] m-[0_0_0_10px] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
</div>
</td>
<td>
<p> - Xem: 90 </p>
<p> - Thích: 0 </p>
<p> - Comment: 0 </p>
</td>
<td>
<p> Cập nhật: Nguyễn MInh Hải </p>
<p> (15-02-2024, 2:57 pm) </p>
</td>
<td>
<div class="items-center flex">
<a href="/admin/article/form?id=1" title="Sửa lại"
class="border-[1px] border-[#0041E8_!important] icons icon-edit mr-[6px]"></a>
<a href="" title="Xem tại web"
class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
<a href="" title="Cho nổi bật"
class="fas fa-crown bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
<a href="" title="Hạ nổi bật"
class="fas fa-crown bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
<a href="" title="Hạ xuống"
class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
<a href="" 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-[6px]">
</a>
<a href="" title="Xóa" class="icons icon-delete"></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>