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-14 16:17:58 +07:00
parent e60866c99f
commit 84731fc375
17 changed files with 283 additions and 170 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
assets/script/pc_style.css
View File

@@ -772,4 +772,39 @@ a {
.not-padding td { .not-padding td {
padding: 0; padding: 0;
}
@media screen and (min-width: 2560px) {
body {
font-size: 18px;
}
.admin-menu-container {
width: 300px;
}
.admin-content-container {
margin-left: 300px !important;
}
.menu-list .item {
line-height: 50px !important;
}
.admin-menu-container .sub-menu a {
font-size: 16px;
}
.admin-menu-container .hover-menu a {
line-height: 30px;
}
}
@media (min-width: 1920px) {
.text-custom-14 {
font-size: 14px !important;
}
.text-custom-16 {
font-size: 16px !important;
}
.text-custom-22 {
font-size: 22px !important;
}
.text-custom-28 {
font-size: 28px !important;
}
}/*# sourceMappingURL=pc_style.css.map */ }/*# sourceMappingURL=pc_style.css.map */

2
assets/script/pc_style.css.map
View File

File diff suppressed because one or more lines are too long

39
assets/script/pc_style.scss
View File

@@ -780,3 +780,42 @@ a {
.not-padding td { .not-padding td {
padding: 0; padding: 0;
} }
@media screen and (min-width: 2560px) {
body {
font-size: 18px;
}
.admin-menu-container {
width: 300px;
}
.admin-content-container {
margin-left: 300px !important;
}
.menu-list {
.item {
line-height: 50px !important;
}
}
.admin-menu-container .sub-menu a {
font-size: 16px;
}
.admin-menu-container .hover-menu a {
line-height: 30px;
}
}
@media (min-width: 1920px) {
.text-custom-14 {
font-size: 14px !important;
}
.text-custom-16 {
font-size: 16px !important;
}
.text-custom-22 {
font-size: 22px !important;
}
.text-custom-28 {
font-size: 28px !important;
}
}

19
template/article/category.html
View File

@@ -22,11 +22,11 @@
<thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-[500]"> <thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-[500]">
<tr> <tr>
<td width="600"> Danh mục </td> <td width="600"> Danh mục </td>
<td> ID </td> <td width="50" align="center"> ID </td>
<td> Hiển thị </td> <td width="100" align="center"> Hiển thị </td>
<td width="250"> STT </td> <td width="100" align="center"> STT </td>
<td width="120"> Số bài viết </td> <td width="120" align="center"> Số bài viết </td>
<td width="172"> Lựa chọn </td> <td width="172" align="center"> Lựa chọn </td>
</tr> </tr>
</thead> </thead>
@@ -54,7 +54,8 @@
<td> <td>
<div class="items-center flex justify-center"> <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="/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" <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> class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
@@ -94,7 +95,8 @@
<td> <td>
<div class="items-center flex justify-center"> <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="/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" <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> class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
@@ -134,7 +136,8 @@
<td> <td>
<div class="items-center flex justify-center"> <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="/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" <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> class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>

67
template/article/relation.html
View File

@@ -8,50 +8,63 @@
<div class="max-w-[1141px] m-[0_auto_20px]"> <div class="max-w-[1141px] m-[0_auto_20px]">
<div class="flex flex-wrap items-start justify-center"> <div class="flex flex-wrap items-start justify-center">
<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-[20px] flex flex-wrap items-center justify-between"> <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-[20px] flex flex-wrap items-center justify-between">
<p class="font-bold text-[20px]"> Sửa nội dung </p> <p class="font-bold text-[20px]"> Sửa nội dung </p>
<p class="text-[#6B7280] mt-[10px] order-[1] w-[100%]"> ROG FALCHION LOW PROFILE – CHƠI GAME TRÊN MAC LÀ CHUYỆN NHỎ </p> <p class="text-[#6B7280] mt-[10px] order-[1] w-[100%]"> ROG FALCHION LOW PROFILE – CHƠI GAME TRÊN MAC LÀ
CHUYỆN NHỎ </p>
<div class="flex items-center"> <div class="flex items-center">
<a href="/admin/article/form" class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]"> <a href="/admin/article/form"
<span class="border-[1px] border-[#6B7280] h-[13px] w-[13px] leading-[10.3px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span> class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
<span
class="border-[1px] border-[#6B7280] h-[13px] w-[13px] leading-[10.3px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
<span>Thêm nội dung mới</span> <span>Thêm nội dung mới</span>
</a> </a>
<a href="" class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]"> <a href=""
class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
<span class="far fa-folder mr-2"></span> <span class="far fa-folder mr-2"></span>
<span>Quản lý danh mục</span> <span>Quản lý danh mục</span>
</a> </a>
<a href="/admin/article" title="Danh sách nội dung" class="fas fa-ellipsis-h text-[18px] border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] text-center min-w-[36px] group hover:bg-[#0041E8] hover:text-[#fff]"></a> <a href="/admin/article" title="Danh sách nội dung"
class="fas fa-ellipsis-h text-[18px] border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] text-center min-w-[36px] group hover:bg-[#0041E8] hover:text-[#fff]"></a>
</div> </div>
</div> </div>
<!-- col left --> <!-- col left -->
<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"> <div
<a href="/admin/article/form?id=1" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Chỉnh sửa </a> 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="/admin/article/form?id=1"
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Chỉnh sửa
</a>
<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/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" <a href="/admin/article/relation?id=1&related_item_type=product"
{% if _check_type[1] == 'product' %}style="color: #Fff;background: #0041E8;"{% endif %} class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition" {% if
> Liên quan: Sản phẩm </a> _check_type[1]=='product' %}style="color: #Fff;background: #0041E8;" {% endif %}> 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" <a href="/admin/article/relation?id=1&related_item_type=product-category"
{% if _check_type[1] == 'product-category' %}style="color: #Fff;background: #0041E8;"{% endif %} class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition" {% if
> Liên quan: Danh mục sản phẩm </a> _check_type[1]=='product-category' %}style="color: #Fff;background: #0041E8;" {% endif %}> Liên quan:
Danh mục sản phẩm </a>
</div> </div>
<!-- col right --> <!-- col right -->
<div class="w-[852px] bg-white p-[16pX_16px_20px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block"> <div
class="w-[852px] bg-white p-[16pX_16px_20px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
{% if _check_type[1] == 'product'%} {% if _check_type[1] == 'product'%}
{% include 'article/relation_product' %} {% include 'article/relation_product' %}
{% elsif _check_type[1] == 'product-category' %} {% elsif _check_type[1] == 'product-category' %}
{% include 'article/relation_product_category' %} {% include 'article/relation_product_category' %}
{% endif %} {% endif %}
</div> </div>
@@ -63,15 +76,18 @@
<div id="popup-tag" class="hidden bg-white w-[852px] p-[16px] rounded-[15px]"> <div id="popup-tag" class="hidden bg-white w-[852px] p-[16px] rounded-[15px]">
<p class="mb-[14px] font-bold text-[20px] leading-[26px]"> Chọn Tag </p> <p class="mb-[14px] font-bold text-[20px] leading-[26px]"> Chọn Tag </p>
<form method="get" enctype="multipart/form-data" action="/admin/" class="border border-[#F6F6F6] m-[12px_0_20px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]"> <form method="get" enctype="multipart/form-data" action="/admin/"
<input type="text" name="q" id="keyword" value="" placeholder="Tìm link truy cập" 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)] "> class="border border-[#F6F6F6] m-[12px_0_20px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
<input type="submit" value="Tìm kiếm" class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] mr-[12px] cursor-pointer rounded-[4px]"> <input type="text" name="q" id="keyword" value="" placeholder="Tìm link truy cập"
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] mr-[12px] cursor-pointer rounded-[4px]">
<p class="inline-block leading-[36px]"> (v.d. abc-xyz) </p> <p class="inline-block leading-[36px]"> (v.d. abc-xyz) </p>
</form> </form>
<div class="order-page-table max-h-[400px] overflow-auto"> <div class="order-page-table max-h-[400px] overflow-auto">
<table> <table class="table">
<thead> <thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-700">
<tr> <tr>
<td width="40">STT</td> <td width="40">STT</td>
<td>Thương hiệu</td> <td>Thương hiệu</td>
@@ -82,10 +98,11 @@
<tbody> <tbody>
<tr align="center"> <tr align="center">
<td> 1 </td> <td class="text-center"> 1 </td>
<td align="left"> Laptop AMD Ryzen 3 </td> <td align="left"> Laptop AMD Ryzen 3 </td>
<td> <td>
<a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_7px] text-[#fff_!important]"> <a href=""
class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_7px] text-[#fff_!important]">
Chọn Chọn
</a> </a>
</td> </td>

16
template/article/relation_product_category.html
View File

@@ -1,15 +1,17 @@
<div class="flex flex-wrap items-center justify-between"> <div class="flex flex-wrap items-center justify-between">
<p class="font-bold leading-[20px] text-[20px] mr-3 mb-[13px]"> Danh sách liên quan: HuraSoft - Test tin tức </p> <p class="font-bold leading-[20px] text-[20px] mr-3 mb-[13px]"> Danh sách liên quan: HuraSoft - Test tin tức </p>
<a href="/admin/article/relation-add?id=1&related_item_type=product-category" class="flex items-center border border-[#0041E8] font-[500] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[31px] p-[0_10px] mb-[13px] group hover:bg-[#0041E8] hover:text-[#fff]"> <a href="/admin/article/relation-add?id=1&related_item_type=product-category"
<span class="border-[1px] border-[#6B7280] h-[13px] w-[13px] leading-[10.3px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span> class="flex items-center border border-[#0041E8] font-[500] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[31px] p-[0_10px] mb-[13px] group hover:bg-[#0041E8] hover:text-[#fff]">
<span
class="border-[1px] border-[#6B7280] h-[13px] w-[13px] leading-[10.3px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
<span> Thêm liên quan mới </span> <span> Thêm liên quan mới </span>
</a> </a>
</div> </div>
<div class="order-page-table"> <div class="table">
<table> <table>
<thead> <thead class="bg-[#f6f6f6] text-[#f6f6f6] font-700 text-[14px]">
<tr> <tr>
<td width="40"> STT </td> <td width="40"> STT </td>
<td> Tên </td> <td> Tên </td>
@@ -25,11 +27,13 @@
<p class="mb-[7px]"> Laptop - Tablet - Mobile </p> <p class="mb-[7px]"> Laptop - Tablet - Mobile </p>
<p class="mr-[10px] inline-block"> STT </p> <p class="mr-[10px] inline-block"> STT </p>
<input type="text" value="0" class="w-[70px] text-center h-[34px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"> <input type="text" value="0"
class="w-[70px] text-center h-[34px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
</td> </td>
<td> <td>
<a href="" class="block text-center border border-[#0041E8] font-[500] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[31px] p-[0_5px] hover:bg-[#0041E8] hover:text-[#fff]"> <a href=""
class="block text-center border border-[#0041E8] font-[500] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[31px] p-[0_5px] hover:bg-[#0041E8] hover:text-[#fff]">
Bỏ lựa chọn Bỏ lựa chọn
</a> </a>
</td> </td>

86
template/home/components/main_stat.html
View File

@@ -2,7 +2,9 @@
class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] transition duration-300 hover:shadow-[0px_1px_5px_0px_rgba(0,0,0,0.20)]"> class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] transition duration-300 hover:shadow-[0px_1px_5px_0px_rgba(0,0,0,0.20)]">
<div class="border-b border-b-[#FAFAFB] p-[10px_10px_15px_13px]"> <div class="border-b border-b-[#FAFAFB] p-[10px_10px_15px_13px]">
<div class="flex justify-between leading-[16px] min-h-[32px]"> <div class="flex justify-between leading-[16px] min-h-[32px]">
<p class="mr-[10px] w-[calc(100%-36px)] text-[#B1B1B1] text-[12px] uppercase">Đơn hàng <p class="mr-[10px] w-[calc(100%-36px)] text-[#B1B1B1] text-[12px] text-custom-16 uppercase">
Đơn
hàng
mới</p> mới</p>
<a href="" <a href=""
@@ -21,7 +23,7 @@
<b class="font-[700]"> 10% </b> <b class="font-[700]"> 10% </b>
</div> </div>
<p class="text-[#C5C5C5] text-[12px]">Hôm qua</p> <p class="text-[#C5C5C5] text-custom-16 text-[12px]">Hôm qua</p>
</div> </div>
</div> </div>
@@ -29,7 +31,8 @@
class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] transition duration-300 hover:shadow-[0px_1px_5px_0px_rgba(0,0,0,0.20)]"> class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] transition duration-300 hover:shadow-[0px_1px_5px_0px_rgba(0,0,0,0.20)]">
<div class="border-b border-b-[#FAFAFB] p-[10px_10px_15px_13px]"> <div class="border-b border-b-[#FAFAFB] p-[10px_10px_15px_13px]">
<div class="flex justify-between leading-[16px] min-h-[32px]"> <div class="flex justify-between leading-[16px] min-h-[32px]">
<p class="w-[calc(100%-36px)] mr-[10px] text-[#B1B1B1] text-[12px] uppercase">Khách hàng <p class="w-[calc(100%-36px)] mr-[10px] text-[#B1B1B1] text-[12px] text-custom-16 uppercase">Khách
hàng
liên hệ qua website</p> liên hệ qua website</p>
<a href="" <a href=""
@@ -38,7 +41,7 @@
</a> </a>
</div> </div>
<p class="text-[28px] max-[1620px]:text-[22px] leading-[36px] font-[600]">10.000.000</p> <p class="text-[22px] text-custom-28 leading-[36px] font-[600]">10.000.000</p>
</div> </div>
<div class="flex items-center p-[8px_13px]"> <div class="flex items-center p-[8px_13px]">
@@ -48,7 +51,7 @@
<b class="font-[700]"> 10% </b> <b class="font-[700]"> 10% </b>
</div> </div>
<p class="text-[#C5C5C5] text-[12px]">Hôm qua</p> <p class="text-[#C5C5C5] text-custom-16 text-[12px]">Hôm qua</p>
</div> </div>
</div> </div>
@@ -56,7 +59,8 @@
class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] transition duration-300 hover:shadow-[0px_1px_5px_0px_rgba(0,0,0,0.20)]"> class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] transition duration-300 hover:shadow-[0px_1px_5px_0px_rgba(0,0,0,0.20)]">
<div class="border-b border-b-[#FAFAFB] p-[10px_10px_15px_13px]"> <div class="border-b border-b-[#FAFAFB] p-[10px_10px_15px_13px]">
<div class="flex justify-between leading-[16px] min-h-[32px]"> <div class="flex justify-between leading-[16px] min-h-[32px]">
<p class="w-[calc(100%-36px)] mr-[10px] text-[#B1B1B1] text-[12px] uppercase">Đơn trả <p class="w-[calc(100%-36px)] mr-[10px] text-[#B1B1B1] text-custom-16 text-[12px] uppercase">Đơn
trả
góp</p> góp</p>
<a href="" <a href=""
@@ -75,7 +79,7 @@
<b class="font-[700]"> 10% </b> <b class="font-[700]"> 10% </b>
</div> </div>
<p class="text-[#C5C5C5] text-[12px]">Hôm qua</p> <p class="text-[#C5C5C5] text-custom-16 text-[12px]">Hôm qua</p>
</div> </div>
</div> </div>
@@ -83,7 +87,8 @@
class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] transition duration-300 hover:shadow-[0px_1px_5px_0px_rgba(0,0,0,0.20)]"> class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] transition duration-300 hover:shadow-[0px_1px_5px_0px_rgba(0,0,0,0.20)]">
<div class="border-b border-b-[#FAFAFB] p-[10px_10px_15px_13px]"> <div class="border-b border-b-[#FAFAFB] p-[10px_10px_15px_13px]">
<div class="flex justify-between leading-[16px] min-h-[32px]"> <div class="flex justify-between leading-[16px] min-h-[32px]">
<p class="w-[calc(100%-36px)] mr-[10px] text-[#B1B1B1] text-[12px] uppercase">Đơn hoàn <p class="w-[calc(100%-36px)] mr-[10px] text-[#B1B1B1] text-custom-16 text-[12px] uppercase">Đơn
hoàn
trả</p> trả</p>
<a href="" <a href=""
@@ -92,7 +97,7 @@
</a> </a>
</div> </div>
<p class="text-[28px] max-[1620px]:text-[22px] leading-[36px] font-[600]">10.000.000</p> <p class="text-[28px] max-[1620px]:text-[22px] leading-[36px] font-[600]">10.000.000</p>
</div> </div>
<div class="flex items-center p-[8px_13px]"> <div class="flex items-center p-[8px_13px]">
@@ -102,7 +107,7 @@
<b class="font-[700]"> 10% </b> <b class="font-[700]"> 10% </b>
</div> </div>
<p class="text-[#C5C5C5] text-[12px]">Hôm qua</p> <p class="text-[#C5C5C5] text-custom-16 text-[12px]">Hôm qua</p>
</div> </div>
</div> </div>
@@ -111,7 +116,7 @@
<div class="flex justify-between min-h-[100px]"> <div class="flex justify-between min-h-[100px]">
<div> <div>
<h5 class="leading-[30px] text-[24px] font-[600]">32.4k</h5> <h5 class="leading-[30px] text-[24px] font-[600]">32.4k</h5>
<p class="text-[14px] text-[#7E7E7E]">Doanh thu trong tuần này</p> <p class="text-custom-16 text-[14px] text-[#7E7E7E]">Doanh thu trong tuần này</p>
</div> </div>
<div <div
@@ -144,3 +149,62 @@
</div> </div>
</div> </div>
</div> </div>
<div
class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] p-[16px] max-[1620px]:p-[10px] col-span-2">
<div class="pb-[14px] mb-[10px] border-b border-gray-200 dark:border-gray-700">
<h5 class="leading-[30px] text-[24px] font-[600]">3.4k</h5>
<div class="flex items-center justify-between">
<p class="text-[14px] text-[#7E7E7E] text-custom-16">Truy cập web trong tuần này</p>
<span
class="bg-green-100 text-green-800 text-xs font-medium inline-flex items-center px-2.5 py-1 rounded-md dark:bg-green-900 dark:text-green-300">
<svg class="w-2.5 h-2.5 me-1.5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 10 14">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M5 13V1m0 0L1 5m4-4 4 4" />
</svg>
42.5%
</span>
</div>
</div>
<div class="grid grid-cols-2">
<dl class="flex items-center">
<dt class="text-gray-500 dark:text-gray-400 text-sm font-normal me-1">Lượt truy cập:
</dt>
<dd class="text-gray-900 text-sm dark:text-white font-semibold">1.458</dd>
</dl>
<dl class="flex items-center justify-end">
<dt class="text-gray-500 dark:text-gray-400 text-sm font-normal me-1">Người xem:</dt>
<dd class="text-gray-900 text-sm dark:text-white font-semibold">2.130</dd>
</dl>
</div>
<div id="js-access-chart"></div>
<div class="grid grid-cols-1 items-center border-gray-200 border-t dark:border-gray-700 justify-between">
<div class="flex justify-between items-center pt-5">
<select>
<option value=""> Last 7 days </option>
<option value=""> Yesterday </option>
<option value=""> Today </option>
<option value=""> Last 7 days </option>
<option value=""> Last 30 days </option>
<option value=""> Last 90 days </option>
</select>
<a href="#"
class="uppercase text-sm font-semibold inline-flex items-center rounded-lg text-blue-600 hover:text-blue-700 dark:hover:text-blue-500 hover:bg-gray-100 dark:hover:bg-gray-700 dark:focus:ring-gray-700 dark:border-gray-700 px-3 py-2">
Leads Report
<svg class="w-2.5 h-2.5 ms-1.5 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
fill="none" viewBox="0 0 6 10">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="m1 9 4-4-4-4" />
</svg>
</a>
</div>
</div>
</div>

89
template/home/home.html
View File

@@ -1,72 +1,14 @@
<div class="content-holder gap-[16px] max-[1620px]:gap-[10px] grid grid-cols-10"> <div class="content-holder gap-[16px] max-[1620px]:gap-[10px] grid grid-cols-10">
<!-- col-left --> <!-- col-left -->
<div class="col-span-7 grid grid-cols-4 max-[1620px]:gap-[10px] gap-[16px]"> <div class="2xl:col-span-7 grid grid-cols-4 max-[1620px]:gap-[10px] gap-[16px] xl:col-span-10">
{% include 'home/components/main_stat' %} {% include 'home/components/main_stat' %}
<div
class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] p-[16px] max-[1620px]:p-[10px] col-span-2">
<div class="pb-[14px] mb-[10px] border-b border-gray-200 dark:border-gray-700">
<h5 class="leading-[30px] text-[24px] font-[600]">3.4k</h5>
<div class="flex items-center justify-between">
<p class="text-[14px] text-[#7E7E7E]">Truy cập web trong tuần này</p>
<span
class="bg-green-100 text-green-800 text-xs font-medium inline-flex items-center px-2.5 py-1 rounded-md dark:bg-green-900 dark:text-green-300">
<svg class="w-2.5 h-2.5 me-1.5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
fill="none" viewBox="0 0 10 14">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M5 13V1m0 0L1 5m4-4 4 4" />
</svg>
42.5%
</span>
</div>
</div>
<div class="grid grid-cols-2">
<dl class="flex items-center">
<dt class="text-gray-500 dark:text-gray-400 text-sm font-normal me-1">Lượt truy cập:
</dt>
<dd class="text-gray-900 text-sm dark:text-white font-semibold">1.458</dd>
</dl>
<dl class="flex items-center justify-end">
<dt class="text-gray-500 dark:text-gray-400 text-sm font-normal me-1">Người xem:</dt>
<dd class="text-gray-900 text-sm dark:text-white font-semibold">2.130</dd>
</dl>
</div>
<div id="js-access-chart"></div>
<div class="grid grid-cols-1 items-center border-gray-200 border-t dark:border-gray-700 justify-between">
<div class="flex justify-between items-center pt-5">
<select>
<option value=""> Last 7 days </option>
<option value=""> Yesterday </option>
<option value=""> Today </option>
<option value=""> Last 7 days </option>
<option value=""> Last 30 days </option>
<option value=""> Last 90 days </option>
</select>
<a href="#"
class="uppercase text-sm font-semibold inline-flex items-center rounded-lg text-blue-600 hover:text-blue-700 dark:hover:text-blue-500 hover:bg-gray-100 dark:hover:bg-gray-700 dark:focus:ring-gray-700 dark:border-gray-700 px-3 py-2">
Leads Report
<svg class="w-2.5 h-2.5 ms-1.5 rtl:rotate-180" aria-hidden="true"
xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="m1 9 4-4-4-4" />
</svg>
</a>
</div>
</div>
</div>
<div <div
class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] p-[16px] max-[1620px]:p-[10px] col-span-4"> class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] p-[16px] max-[1620px]:p-[10px] col-span-4">
<p class="inline-block text-[20px] font-bold leading-[36px] mb-[16px] mr-[18px]"> Lịch sử chỉnh <p class="inline-block text-[20px] text-custom-22 font-bold leading-[36px] mb-[16px] mr-[18px]"> Lịch sử
chỉnh
sửa </p> sửa </p>
<a href="" <a href=""
@@ -86,7 +28,7 @@
</svg> </svg>
</a> </a>
<table class="table"> <table class="table text-custom-16">
<thead align="center" class="bg-[#F6F6F6] font-700 text-[14px] text-[#000]"> <thead align="center" class="bg-[#F6F6F6] font-700 text-[14px] text-[#000]">
<td width="50"> STT </td> <td width="50"> STT </td>
<td width="265"> Người dùng </td> <td width="265"> Người dùng </td>
@@ -118,20 +60,22 @@
</div> </div>
<!-- col-right --> <!-- col-right -->
<div class="col-span-3"> <div class="2xl:col-span-3 xl:col-span-10">
<div <div
class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] p-[16px] max-[1620px]:p-[10px] mb-[16px]"> class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] p-[16px] max-[1620px]:p-[10px] mb-[16px]">
<div id="js-admin-home-tab" <div id="js-admin-home-tab"
class="admin-home-tab rounded-[8px] bg-[#FAFAFA] mb-[16px] text-[12px] font-[500] flex items-center"> class="admin-home-tab rounded-[8px] bg-[#FAFAFA] mb-[16px] text-custom-14 text-[12px] font-[500] flex items-center">
<a href="#js-report-most-viewed-products" class="current">Sản phẩm xem nhiều</a> <a href="#js-report-most-viewed-products" class="current">Sản phẩm
xem
nhiều</a>
<a href="#js-report-introduce-web"> Web giới thiệu</a> <a href="#js-report-introduce-web"> Web giới thiệu</a>
<a href="#js-report-key-word"> Từ khóa</a> <a href="#js-report-key-word"> Từ khóa</a>
<a href="#js-report-article"> Bài viết</a> <a href="#js-report-article"> Bài viết</a>
</div> </div>
<div class="home-report-holder block" id="js-report-most-viewed-products"> <div class="home-report-holder block" id="js-report-most-viewed-products">
<table class="table"> <table class="table text-custom-16">
<thead class="bg-[#f6f6f6] text-[14px] font-700 text-[#000]"> <thead class="bg-[#f6f6f6] text-[14px] text-custom-16 font-700 text-[#000]">
<td width="50" class="text-center">STT</td> <td width="50" class="text-center">STT</td>
<td>Sản phẩm</td> <td>Sản phẩm</td>
<td width="75">Lượt xem</td> <td width="75">Lượt xem</td>
@@ -164,14 +108,15 @@
<div class="home-report-holder" id="js-report-introduce-web"> <div class="home-report-holder" id="js-report-introduce-web">
<div> <div>
<p class="font-bold leading-[20px] text-[16px] mb-[15px]">Truy cập website</p> <p class="font-bold leading-[20px] text-[16px] mb-[15px] text-custom-18">Truy cập website</p>
<div> <div>
<div class="flex" id="devices"> <div class="flex" id="devices">
<div class="flex items-center me-4"> <div class="flex items-center me-4">
<input id="web_1" type="checkbox" value="web_1" <input id="web_1" type="checkbox" value="web_1"
class="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600"> class="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600">
<label for="web_1" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300">Web <label for="web_1"
class="ms-2 text-sm text-custom-16 font-medium text-gray-900 dark:text-gray-300">Web
1</label> 1</label>
</div> </div>
@@ -239,7 +184,7 @@
</div> </div>
<div class="home-report-holder" id="js-report-article"> <div class="home-report-holder" id="js-report-article">
<table class="table"> <table class="table text-custom-16">
<thead class="bg-[#F6F6F6] text-[14px] font-700 text-[#000]"> <thead class="bg-[#F6F6F6] text-[14px] font-700 text-[#000]">
<td width="50" class="text-center">STT</td> <td width="50" class="text-center">STT</td>
<td>Bài viết</td> <td>Bài viết</td>
@@ -274,7 +219,7 @@
<div class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] p-[16px] max-[1620px]:p-[10px]"> <div class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] p-[16px] max-[1620px]:p-[10px]">
<div class="flex flex-wrap items-center justify-between mb-[10px]"> <div class="flex flex-wrap items-center justify-between mb-[10px]">
<p class="font-[500]">Ghi nhắc việc làm cá nhân</p> <p class="font-[500] text-[14px] text-custom-16">Ghi nhắc việc làm cá nhân</p>
<div <div
class="relative rounded-[4px] max-w-[120px] bg-white leading-[32px] border border-[#d8d8d8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0px_9px_0px_30px]"> class="relative rounded-[4px] max-w-[120px] bg-white leading-[32px] border border-[#d8d8d8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0px_9px_0px_30px]">
@@ -306,7 +251,7 @@
</form> </form>
<div class="home-todo-list"> <div class="home-todo-list">
<table class="table"> <table class="table text-custom-16">
<thead class="bg-[#F6F6F6] text-[14px] text-[#000] font-700"> <thead class="bg-[#F6F6F6] text-[14px] text-[#000] font-700">
<td class="text-center"> STT </td> <td class="text-center"> STT </td>
<td> Nội dung </td> <td> Nội dung </td>

1
template/marketing/promotion_add.html
View File

@@ -262,7 +262,6 @@
<input type="radio" name="info[status]" value="0" class="radio checked:bg-blue-500" /> <input type="radio" name="info[status]" value="0" class="radio checked:bg-blue-500" />
<span class="label-text ml-[10px]">Ẩn hiển thị</span> <span class="label-text ml-[10px]">Ẩn hiển thị</span>
</label> </label>
</div> </div>
<p class="bg-[#FAFAFB] h-[6px] m-[20px_-16px]"></p> <p class="bg-[#FAFAFB] h-[6px] m-[20px_-16px]"></p>

4
template/media/home.html
View File

@@ -45,7 +45,7 @@
<td width="50"> STT </td> <td width="50"> STT </td>
<td width="120"> Xem nhanh </td> <td width="120"> Xem nhanh </td>
<td> Tên file </td> <td> Tên file </td>
<td width="120"> Loại file </td> <td width="120" align="center"> Loại file </td>
<td> Thời gian </td> <td> Thời gian </td>
<td width="120"> Lựa chọn </td> <td width="120"> Lựa chọn </td>
</tr> </tr>
@@ -78,7 +78,7 @@
<td> <td>
<div class="items-center flex justify-center"> <div class="items-center flex justify-center">
<a href="" title="Sửa lại" class="icons icon-edit"></a> <a href="" title="Sửa lại" class="icons icon-edit mr-[6px]"></a>
<a href="" title="Xóa" class="icons icon-delete"></a> <a href="" title="Xóa" class="icons icon-delete"></a>
</div> </div>

4
template/order/bargain.html
View File

@@ -22,8 +22,8 @@
Tổng số mặc cả giá nhận được: <b> 1.458 </b> Tổng số mặc cả giá nhận được: <b> 1.458 </b>
</p> </p>
<div class=""> <div class="max-w-[1600px] overflow-x-auto whitespace-nowrap">
<table class="table"> <table class="table table-pin-rows table-pin-cols">
<thead class="bg-[#F6F6F6] text-[#000] text-[14px]"> <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
<tr class="font-[600]"> <tr class="font-[600]">
<td width="50"> STT </td> <td width="50"> STT </td>

12
template/order/detail.html
View File

@@ -26,7 +26,8 @@
</div> </div>
<div class="flex flex-wrap justify-between"> <div class="flex flex-wrap justify-between">
<div class="shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] rounded-[15px] bg-white w-[852px] p-[16px] mb-[25px]"> <div
class="shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] rounded-[15px] bg-white 2xl:w-[852px] lg:w-[100%] md:w-[100%] sm:w-[100%] p-[16px] mb-[25px]">
<div class="mb-[20px]"> <div class="mb-[20px]">
<p class="text-[16px] font-[700] mb-[13px]">1. Khách hàng</p> <p class="text-[16px] font-[700] mb-[13px]">1. Khách hàng</p>
@@ -74,9 +75,10 @@
<div class="mb-[20px]"> <div class="mb-[20px]">
<p class="text-[16px] font-[700] mb-[13px]">2. Sản phẩm</p> <p class="text-[16px] font-[700] mb-[13px]">2. Sản phẩm</p>
<div class="order-page-table text-center"> <div
<table> class="lg:max-w-[1600px] ms:max-w-[1600px] md:max-w-[1600px] 2xl:w-[100%] 2xl:overflow-hidden overflow-x-auto lg:whitespace-nowrap ms:whitespace-nowrap md:whitespace-nowrap 2xl:whitespace-normal">
<thead> <table class="table text-center">
<thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-700">
<tr> <tr>
<td> STT </td> <td> STT </td>
<td> Mã kho </td> <td> Mã kho </td>
@@ -181,7 +183,7 @@
</div> </div>
</div> </div>
<div class="rounded-[10px] w-[273px] leading-[18px]"> <div class="lg:w-[100%] md:w-[100%] sm:w-[100%] rounded-[10px] 2xl:w-[273px] leading-[18px]">
<div <div
class="rounded-[15px] w-[100%] bg-white p-[18px_16px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] mb-[16px]"> class="rounded-[15px] w-[100%] bg-white p-[18px_16px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] mb-[16px]">

32
template/order/home.html
View File

@@ -1,4 +1,4 @@
<div class="order-page m-[16px] p-[20px_15px] bg-white"> <div class="order-page m-[16px_0_16px_16px] p-[20px_15px] bg-white">
<p class="m-[0_0_10px] text-[24px] font-[600] leading-[31px]">Danh sách đơn hàng </p> <p class="m-[0_0_10px] text-[24px] font-[600] leading-[31px]">Danh sách đơn hàng </p>
<div class="order-page-title flex flex-wrap mb-[17px] leading-[36px]"> <div class="order-page-title flex flex-wrap mb-[17px] leading-[36px]">
@@ -19,14 +19,14 @@
<div <div
class="flex flex-wrap items-center mb-[15px] p-[15px_16px] border border-[#F6F6F6] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]"> class="flex flex-wrap items-center mb-[15px] p-[15px_16px] border border-[#F6F6F6] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
<div class="flex items-center mb-[10px]"> <div class="flex items-center flex-wrap mb-[10px]">
<input type="text" name="orderCode" value="" placeholder="Mã đơn hàng" <input type="text" name="orderCode" value="" placeholder="Mã đơn hàng"
class="w-[375px] h-[36px] p-[0_10px] m-[0_10px_0_0] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"> class="w-[375px] h-[36px] p-[0_10px] m-[0_10px_0_0] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
<span class="whitespace-nowrap">hoặc</span> <span class="whitespace-nowrap lg:hidden sm:hidden">hoặc</span>
<input type="text" name="q" value="" placeholder="Tìm người mua (* tên, email, điện thoại)" <input type="text" name="q" value="" placeholder="Tìm người mua (* tên, email, điện thoại)"
class="w-[375px] h-[36px] p-[0_10px] m-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"> class="w-[375px] sm:mt-[10px] sm:ml-[0] h-[36px] p-[0_10px] m-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
</div> </div>
<div class="flex items-center mb-[10px]"> <div class="flex items-center mb-[10px]">
@@ -58,8 +58,8 @@
</div> </div>
</form> </form>
<div class="flex items-center justify-between m-[14px_0_20px]"> <div class="flex items-center flex-wrap justify-between m-[14px_0_20px]">
<div> <div class="2xl:w-[50%] md:w-[100%]">
<p class="m-[0_55px_0_0] inline-block"> <p class="m-[0_55px_0_0] inline-block">
Tổng số đơn hàng: <b>1.458</b> Tổng số đơn hàng: <b>1.458</b>
</p> </p>
@@ -69,9 +69,9 @@
</p> </p>
</div> </div>
<div> <div class="2xl:w-[50%] md:w-[100%] flex 2xl:justify-end md:justify-start md:mt-[10px]">
<a href="" <a href=""
class="rounded-[4px] bg-[#F5F7FF] border border-[#0041E8] hover:text-[#fff] hover:bg-[#0041E8] leading-[36px] font-[600] text-[#0041E8] p-[0_14px] inline-block m-[0_0_0_15px]"> class="rounded-[4px] bg-[#F5F7FF] border border-[#0041E8] hover:text-[#fff] hover:bg-[#0041E8] leading-[36px] font-[600] text-[#0041E8] p-[0_14px] inline-block">
<i class="fas fa-print m-[0_4px_0_0]"></i> In danh sách <i class="fas fa-print m-[0_4px_0_0]"></i> In danh sách
</a> </a>
@@ -82,8 +82,8 @@
</div> </div>
</div> </div>
<div> <div class="max-w-[1600px] overflow-x-auto whitespace-nowrap">
<table class="table"> <table class="table table-pin-rows table-pin-cols">
<thead class="bg-[#f6f6f6] text-[14px] font-500 text-[#000]"> <thead class="bg-[#f6f6f6] text-[14px] font-500 text-[#000]">
<tr> <tr>
<td> STT </td> <td> STT </td>
@@ -93,7 +93,8 @@
<td> Tỉnh/TP </td> <td> Tỉnh/TP </td>
<td class="w-[150px]"> Giá trị </td> <td class="w-[150px]"> Giá trị </td>
<td width="150"> <td width="150">
<select onchange="setHiddenValue('js-payment', this.value); runFilter()"> <select onchange="setHiddenValue('js-payment', this.value); runFilter()"
class="select h-[35px] min-h-[35px] min-w-[110px] pl-[5px]">
<option value="">Thanh toán</option> <option value="">Thanh toán</option>
{% for _item in page.payment_status_list %} {% for _item in page.payment_status_list %}
<option value="{{ _item[1].id }}">{{ _item[1].title }}</option> <option value="{{ _item[1].id }}">{{ _item[1].title }}</option>
@@ -102,7 +103,8 @@
</td> </td>
<td width="160"> <td width="160">
<select onchange="setHiddenValue('js-fullfillment', this.value); runFilter()"> <select onchange="setHiddenValue('js-fullfillment', this.value); runFilter()"
class="select h-[35px] min-h-[35px] min-w-[110px] pl-[5px]">
<option value="">Vận chuyển</option> <option value="">Vận chuyển</option>
{% for _item in page.fullfillment_status_list %} {% for _item in page.fullfillment_status_list %}
<option value="{{ _item[1].id }}">{{ _item[1].title }}</option> <option value="{{ _item[1].id }}">{{ _item[1].title }}</option>
@@ -111,7 +113,8 @@
</td> </td>
<td width="170"> <td width="170">
<select onchange="setHiddenValue('js-status', this.value); runFilter()"> <select onchange="setHiddenValue('js-status', this.value); runFilter()"
class="select h-[35px] min-h-[35px] min-w-[140px] pl-[5px]">
<option value="">Tình trạng đơn</option> <option value="">Tình trạng đơn</option>
{% for _item in page.order_status_list %} {% for _item in page.order_status_list %}
<option value="{{ _item[1].id }}">{{ _item[1].title }}</option> <option value="{{ _item[1].id }}">{{ _item[1].title }}</option>
@@ -120,7 +123,8 @@
</td> </td>
<td width="180"> <td width="180">
<select onchange="setHiddenValue('assign_to', this.value); runFilter()"> <select onchange="setHiddenValue('assign_to', this.value); runFilter()"
class="select h-[35px] min-h-[35px] min-w-[150px] pl-[5px]">
<option value="">Người được giao</option> <option value="">Người được giao</option>
</select> </select>
</td> </td>

10
template/order/paygate.html
View File

@@ -20,11 +20,11 @@
</div> </div>
<form method="get" enctype="multipart/form-data" action="/admin/" <form method="get" enctype="multipart/form-data" action="/admin/"
class="flex items-center border-[#F6F6F6] m-[12px_0_20px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_4px_0px_rgba(0,0,0,0.10)]"> class="flex flex-wrap items-center border-[#F6F6F6] m-[12px_0_20px] p-[15px_15px_0_15px] bg-white rounded-[10px] shadow-[0px_1px_4px_0px_rgba(0,0,0,0.10)]">
<input type="text" name="q" id="keyword" value="" placeholder="Tìm theo email hoặc số điện thoại" <input type="text" name="q" id="keyword" value="" placeholder="Tìm theo email hoặc số điện thoại"
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)] "> class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_15px_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
<div class="items-center flex"> <div class="items-center flex mb-[15px]">
<p class="mr-1"> Từ ngày </p> <p class="mr-1"> Từ ngày </p>
<div class="relative m-[0_20px_0_10px]"> <div class="relative m-[0_20px_0_10px]">
@@ -34,7 +34,7 @@
</div> </div>
</div> </div>
<div class="items-center flex"> <div class="items-center flex mb-[15px]">
<p class="mr-1"> Đến ngày </p> <p class="mr-1"> Đến ngày </p>
<div class="relative m-[0_20px_0_10px]"> <div class="relative m-[0_20px_0_10px]">
@@ -45,7 +45,7 @@
</div> </div>
<input type="submit" value="Tìm kiếm" <input type="submit" value="Tìm kiếm"
class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]"> class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] mb-[15px] cursor-pointer rounded-[4px]">
</form> </form>
<div class="m-[14px_0] flex items-center justify-between"> <div class="m-[14px_0] flex items-center justify-between">

11
template/order/wait_order.html
View File

@@ -37,13 +37,14 @@
</a> </a>
</div> </div>
<div> <div
<table class="table"> class="lg:max-w-[1200px] ms:max-w-[1200px] md:max-w-[1200px] 2xl:w-[100%] 2xl:overflow-hidden overflow-x-auto lg:whitespace-nowrap ms:whitespace-nowrap md:whitespace-nowrap 2xl:whitespace-normal">
<table class="table table-pin-rows table-pin-cols">
<thead class="bg-[#F6F6F6] text-[#000] text-[14px]"> <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
<tr class="font-[600]"> <tr class="font-[600]">
<td width="55"> STT </td> <td width="55"> STT </td>
<td> Khách hàng </td> <td> Khách hàng </td>
<td width="420"> Sản phẩm </td> <td width="420" class="w-[420px]"> Sản phẩm </td>
<td> Nhận hàng tại </td> <td> Nhận hàng tại </td>
<td> Ghi chú </td> <td> Ghi chú </td>
<td> Trạng thái </td> <td> Trạng thái </td>
@@ -54,13 +55,13 @@
<tbody> <tbody>
<tr id="row_1"> <tr id="row_1">
<td align="center"> 1 </td> <td align="center"> 1 </td>
<td> <td class="whitespace-nowrap">
<p> - Họ tên: <b> Ngô Quang Sơn </b> </p> <p> - Họ tên: <b> Ngô Quang Sơn </b> </p>
<p> - Email: sonnq57@yahoo.com.sg </p> <p> - Email: sonnq57@yahoo.com.sg </p>
<p> - Tel: 0913236989 </p> <p> - Tel: 0913236989 </p>
</td> </td>
<td> <td class="">
<a href="" target="_blank"> [Mới 100%] Dell Gaming G16 7620 (Intel core i7-12700H, 16GB, 1TB, <a href="" target="_blank"> [Mới 100%] Dell Gaming G16 7620 (Intel core i7-12700H, 16GB, 1TB,
RTX 3060 6GB, 16″ QHD+ 165Hz IPS) </a> RTX 3060 6GB, 16″ QHD+ 165Hz IPS) </a>
</td> </td>

8
template/product/home.html
View File

@@ -2,8 +2,8 @@
<div <div
class="m-[15px_0_15px_15px] px-[15px] py-[20px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto"> class="m-[15px_0_15px_15px] px-[15px] py-[20px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto">
<h1 class="text-2xl font-[700] mb-3">Danh sách sản phẩm ({{ page.total | format_number }})</h1> <h1 class="text-2xl font-[700] mb-3">Danh sách sản phẩm ({{ page.total | format_number }})</h1>
<div class="flex justify-between items-center mt-[20px]"> <div class="flex flex-wrap justify-between items-center mt-[20px]">
<div class="btn-left flex items-center"> <div class="btn-left flex items-center mb-[15px]">
<a href="javascript:void(0)" onclick="js_list_category.showModal()" <a href="javascript:void(0)" onclick="js_list_category.showModal()"
class="px-[10px] py-[8px] border-[#79B0E2] border-[1px] rounded-[4px] text-[#79B0E2] hover:bg-[#0061ff] hover:text-white mr-[15px]"> class="px-[10px] py-[8px] border-[#79B0E2] border-[1px] rounded-[4px] text-[#79B0E2] hover:bg-[#0061ff] hover:text-white mr-[15px]">
Chọn danh mục để xem Chọn danh mục để xem
@@ -13,9 +13,9 @@
Chọn thương hiệu để xem Chọn thương hiệu để xem
</a> </a>
</div> </div>
<div class="btn-right flex items-center"> <div class="btn-right flex items-center mb-[15px]">
<a href="/admin/product/form" <a href="/admin/product/form"
class="flex items-center px-[10px] py-[8px] border-[#0041E8] border-[1px] rounded-[4px] text-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[15px] font-[500]"> class="flex items-center px-[10px] py-[8px] border-[#0041E8] border-[1px] rounded-[4px] text-[#0041E8] hover:bg-[#0041E8] hover:text-white font-[500]">
<span <span
class="border-[1px] border-[#0041E8] h-[15px] w-[15px] leading-[11px] text-center rounded-[50%] mr-1">+</span> class="border-[1px] border-[#0041E8] h-[15px] w-[15px] leading-[11px] text-center rounded-[50%] mr-1">+</span>
<span>Thêm sản phẩm mới</span> <span>Thêm sản phẩm mới</span>

4
template/theme.html
View File

@@ -106,7 +106,7 @@
</div> </div>
<div class="admin-content-container ml-[245px]" id="js-admin-content-container"> <div class="admin-content-container ml-[245px]" id="js-admin-content-container">
<!-- Header --> <!-- Header -->
<div class="admin-header-container flex items-center justify-between bg-white px-4 py-3"> <div class="admin-header-container flex items-center flex-wrap justify-between bg-white px-4 py-3">
<form class="max-w-[420px] relative w-[100%] menu-hide" id="js-form-search"> <form class="max-w-[420px] relative w-[100%] menu-hide" id="js-form-search">
<div <div
class="content w-[100%] flex items-center border-[#ECECEC] border-[1px] rounded-[5px] focus-within:border-[#0041E8]"> class="content w-[100%] flex items-center border-[#ECECEC] border-[1px] rounded-[5px] focus-within:border-[#0041E8]">
@@ -134,7 +134,7 @@
</form> </form>
<div class="admin-header-right flex items-center justify-end"> <div class="admin-header-right flex items-center justify-end sm:mt-[10px]">
<a href="" title="Truy cập trung tâm hỗ trợ của Hurasoft"> <a href="" title="Truy cập trung tâm hỗ trợ của Hurasoft">
<i class="icons header-support"></i> <i class="icons header-support"></i>
</a> </a>