158 lines
7.6 KiB
HTML
158 lines
7.6 KiB
HTML
<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="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> ID </td>
|
|
<td> Hiển thị </td>
|
|
<td width="250"> STT </td>
|
|
<td width="120"> Số bài viết </td>
|
|
<td width="172"> 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"></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"></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"></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> |