Compare commits

..

3 Commits

Author SHA1 Message Date
d4077674f7 fix icon 2024-01-30 09:35:11 +07:00
9462e968d3 Merge branch 'master' of https://repo.hurasoft.com/tieptk/admin_hura_8 2024-01-30 09:22:32 +07:00
222fd7f727 a 2024-01-30 09:22:28 +07:00
16 changed files with 313 additions and 435 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 26 KiB

After

Width:  |  Height:  |  Size: 18 KiB

View File

@@ -57,10 +57,6 @@ img {
height: auto; height: auto;
} }
table {
width: 100%;
}
a { a {
text-decoration: none; text-decoration: none;
} }
@@ -324,10 +320,10 @@ a {
transition: 0.3s all; transition: 0.3s all;
position: relative; position: relative;
} }
.admin-menu .item:hover, .admin-menu .item.current { .admin-menu .item:hover {
background: #81b5e4; background: #81b5e4;
} }
.admin-menu .item:hover .icons, .admin-menu .item.current .icons { .admin-menu .item:hover .icons {
filter: brightness(100); filter: brightness(100);
} }
.admin-menu .item:hover .sub-menu { .admin-menu .item:hover .sub-menu {
@@ -707,6 +703,21 @@ input[type=radio]:focus:before {
height: 16px; height: 16px;
background-position: -114px -89px; background-position: -114px -89px;
} }
.icons.icon-view {
width: 16px;
height: 16px;
background-position: -187px -88px;
}
.icons.icon-remove {
width: 16px;
height: 16px;
background-position: -151px -88px;
}
.icons.icon-hide {
width: 16px;
height: 16px;
background-position: -224px -88px;
}
.admin-header-container .menu-hide { .admin-header-container .menu-hide {
margin-left: 30px; margin-left: 30px;
@@ -737,6 +748,22 @@ input[type=radio]:focus:before {
.order-page .order-page-table td:nth-child(4), .order-page .order-page-table td:nth-child(10) { .order-page .order-page-table td:nth-child(4), .order-page .order-page-table td:nth-child(10) {
text-align: left; text-align: left;
} }
.order-page .order-page-table .icons {
width: 30px;
height: 30px;
border: 1px solid #ececec;
background-color: #f9f9f9;
border-radius: 5px;
}
.order-page .order-page-table .icon-edit {
border: 1px solid #0041e8;
background-color: #f5f7ff;
background-position: -108px -82px;
margin-right: 6px;
}
.order-page .order-page-table .icon-delete {
background-position: -145px -82px;
}
.order-page-table { .order-page-table {
line-height: 20px; line-height: 20px;
@@ -775,22 +802,6 @@ input[type=radio]:focus:before {
width: 100%; width: 100%;
padding: 0 0 0 5px; padding: 0 0 0 5px;
} }
.order-page-table .icons {
width: 30px;
height: 30px;
border: 1px solid #ECECEC;
background-color: #F9F9F9;
border-radius: 5px;
}
.order-page-table .icon-edit {
border: 1px solid #0041E8;
background-color: #F5F7FF;
background-position: -108px -82px;
margin-right: 6px;
}
.order-page-table .icon-delete {
background-position: -145px -82px;
}
.is-close-btn { .is-close-btn {
background: #ececec !important; background: #ececec !important;

File diff suppressed because one or more lines are too long

View File

@@ -48,9 +48,6 @@ img {
max-width: 100%; max-width: 100%;
height: auto; height: auto;
} }
table{
width: 100%;
}
a { a {
text-decoration: none; text-decoration: none;
} }
@@ -304,13 +301,11 @@ a {
align-items: center; align-items: center;
transition: 0.3s all; transition: 0.3s all;
position: relative; position: relative;
&:hover, &.current{ &:hover {
background: #81b5e4; background: #81b5e4;
.icons { .icons {
filter: brightness(100); filter: brightness(100);
} }
}
&:hover {
.sub-menu { .sub-menu {
left: calc(100% + 8px); left: calc(100% + 8px);
opacity: 1; opacity: 1;
@@ -715,6 +710,21 @@ input[type="radio"] {
height: 16px; height: 16px;
background-position: -114px -89px; background-position: -114px -89px;
} }
&.icon-view {
width: 16px;
height: 16px;
background-position: -187px -88px;
}
&.icon-remove {
width: 16px;
height: 16px;
background-position: -151px -88px;
}
&.icon-hide {
width: 16px;
height: 16px;
background-position: -224px -88px;
}
} }
.admin-header-container { .admin-header-container {
@@ -755,6 +765,22 @@ input[type="radio"] {
text-align: left; text-align: left;
} }
} }
.icons {
width: 30px;
height: 30px;
border: 1px solid #ececec;
background-color: #f9f9f9;
border-radius: 5px;
}
.icon-edit {
border: 1px solid #0041e8;
background-color: #f5f7ff;
background-position: -108px -82px;
margin-right: 6px;
}
.icon-delete {
background-position: -145px -82px;
}
} }
} }
.order-page-table { .order-page-table {
@@ -793,22 +819,6 @@ input[type="radio"] {
width: 100%; width: 100%;
padding: 0 0 0 5px; padding: 0 0 0 5px;
} }
.icons {
width: 30px;
height: 30px;
border: 1px solid #ECECEC;
background-color: #F9F9F9;
border-radius: 5px;
}
.icon-edit {
border: 1px solid #0041E8;
background-color: #F5F7FF;
background-position: -108px -82px;
margin-right: 6px;
}
.icon-delete {
background-position: -145px -82px;
}
} }
.is-close-btn { .is-close-btn {
background: #ececec !important; background: #ececec !important;

View File

@@ -6,7 +6,7 @@ return array(
"url" => "", "url" => "",
"menu" => array( "menu" => array(
array( array(
'enable' => true , 'enable' => false ,
'module' => 'marketing', 'module' => 'marketing',
'view' => 'promotion', 'view' => 'promotion',
'id' => 'marketing/promotion', 'id' => 'marketing/promotion',
@@ -15,7 +15,7 @@ return array(
), ),
array( array(
'enable' => true , 'enable' => false ,
'module' => 'marketing', 'module' => 'marketing',
'view' => 'coupon', 'view' => 'coupon',
'id' => 'marketing/coupon', 'id' => 'marketing/coupon',

View File

@@ -1 +0,0 @@
template/marketing/coupon-add.html

View File

@@ -1,92 +0,0 @@
<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-[600] text-[24px]"> Coupon khuyến mại </p>
<div class="flex justify-between items-start m-[13px_0]">
<p class="max-w-[1024px]">Danh sách phiếu giảm giá/ quà tặng dùng cho khách hàng khi đặt mua hàng từ website. Trước khi gửi đơn hàng, nếu khách hàng có mã số phiếu còn hiệu lực thì sẽ nhập vào đơn hàng để nhận được ưu đãi ghi trên phiếu</p>
<a href="/admin/marketing/coupon-add" class="flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[35px] p-[0_12px]" >
<span class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10px] text-center rounded-[50%] mr-1">+</span>
<span>Thêm phiếu mới</span>
</a>
</div>
<div class="order-page-table">
<table>
<thead>
<tr>
<td width="50"> STT </td>
<td> Mã số </td>
<td> Khuyến mại </td>
<td> Phân loại </td>
<td> Thời gian </td>
<td> Trạng thái </td>
<td> Thông tin khác </td>
<td> Lựa chọn </td>
</tr>
</thead>
<tbody>
<tr>
<td> 1 </td>
<td class="whitespace-nowrap"> CP231020233 </td>
<td>
<p class="font-bold"> Test phiếu giảm giá </p>
<div> Test phiếu giảm giá </div>
</td>
<td>
<p class="font-bold"> Tặng sản phẩm </p>
<p> Balo thời trang </p>
</td>
<td>
<div style="display: block;">
<p class="inline-block m-[0_6px_6px_0]"> - Bắt đầu: 23-10-2023, 12:00 am </p>
<span class="inline-block m-[0_0_6px_0] bg-[#F7F5FF] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#0041E8] shadow-[0_0_0_1px_#0041E8]">
Đã chạy
</span>
</div>
<div>
<p class="inline-block m-[0_6px_6px_0]"> - Kết thúc: 28-10-2023, 12:00 am </p>
<span class="inline-block m-[0_0_6px_0] bg-[#F9F2F2] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#E00000] shadow-[0_0_0_1px_#E00000]">
Đã dừng
</span>
</div>
<p>- Giá trị đơn hàng tối thiểu: <b class="text-[#E00000] font-bold">2.000.000 đ</b> </p>
</td>
<td>
<p> 0 đã dùng </p>
<p> Tổng số: 20 </p>
</td>
<td>
<p> - Tạo bởi: Đức (05-09-2022, 9:48 am) </p>
<p> - Cập nhật cuối: hongvt@hurasoft.com<br>(03-10-2023, 8:31 am) </p>
</td>
<td>
<div class="items-center" style="display: flex;">
<a href="/admin/marketing/detail/id=8" class="icons icon-edit" title="Sửa lại"></a>
<!-- <a href="javascript:setStatus('8','off')" 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="javascript:setStatus('8','on')" 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="javascript:delete_coupon('8')" class="icons icon-delete" title="Xóa"></a>
</div>
</td>
</tr>
<tr> <td> 2 </td><td class="whitespace-nowrap"> CP231020233 </td><td> <p class="font-bold"> Test phiếu giảm giá </p><div> Test phiếu giảm giá </div></td><td> <p class="font-bold"> Tặng sản phẩm </p><p> Balo thời trang </p></td><td> <div style="display: block;"> <p class="inline-block m-[0_6px_6px_0]"> - Bắt đầu: 23-10-2023, 12:00 am </p><span class="inline-block m-[0_0_6px_0] bg-[#F7F5FF] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#0041E8] shadow-[0_0_0_1px_#0041E8]"> Đã chạy </span> </div><div> <p class="inline-block m-[0_6px_6px_0]"> - Kết thúc: 28-10-2023, 12:00 am </p><span class="inline-block m-[0_0_6px_0] bg-[#F9F2F2] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#E00000] shadow-[0_0_0_1px_#E00000]"> Đã dừng </span> </div><p>- Giá trị đơn hàng tối thiểu: <b class="text-[#E00000] font-bold">2.000.000 đ</b> </p></td><td> <p> 0 đã dùng </p><p> Tổng số: 20 </p></td><td> <p> - Tạo bởi: Đức (05-09-2022, 9:48 am) </p><p> - Cập nhật cuối: hongvt@hurasoft.com<br>(03-10-2023, 8:31 am) </p></td><td> <div class="items-center" style="display: flex;"> <a href="/admin/marketing/detail/id=8" class="icons icon-edit" title="Sửa lại"></a> <a href="javascript:setStatus('8','off')" 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="javascript:delete_coupon('8')" class="icons icon-delete" title="Xóa"></a> </div></td></tr>
</tbody>
</table>
</div>
</div>

View File

@@ -1 +0,0 @@
template/marketing/detail.html

View File

@@ -1 +0,0 @@
template/marketing/detail8.html

View File

@@ -1 +0,0 @@
template/marketing/home.html

View File

@@ -1 +0,0 @@
template/marketing/promotion.html

View File

@@ -1,5 +1,5 @@
<div class="global-breadcrumb-container"> <div class="global-breadcrumb-container">
<a href="/admin/order/home">Danh sách đơn hàng</a> <a href="?module=order&view=home">Danh sách đơn hàng</a>
<a href="">Chi tiết đơn hàng</a> <a href="">Chi tiết đơn hàng</a>
</div> </div>

View File

@@ -123,7 +123,7 @@
<tr> <tr>
<td> 1 </td> <td> 1 </td>
<td> <td>
<a href="/admin/order/detail?id=369"> 000-369 </a> <a href="?module=order&view=detail-new&o=369&b=1584&popup=1"> 000-369 </a>
</td> </td>
<td> 16-11-2023, 9:59 am </td> <td> 16-11-2023, 9:59 am </td>
<td> <td>
@@ -138,7 +138,7 @@
<a href=""> Nguyen Duc Quan </a> <a href=""> Nguyen Duc Quan </a>
</td> </td>
<td> <td>
<a href="/admin/order/detail?id=369" class="icons icon-edit" title="Chi tiết"></a> <a href="?module=order&view=detail-new&o=369&b=1584&popup=1" class="icons icon-edit" title="Chi tiết"></a>
<a href="" class="icons icon-delete" title="Xóa"></a> <a href="" class="icons icon-delete" title="Xóa"></a>
</td> </td>
</tr> </tr>
@@ -146,7 +146,7 @@
<tr> <tr>
<td> 2 </td> <td> 2 </td>
<td> <td>
<a href="/admin/order/detail?id=369"> 000-369 </a> <a href="?module=order&view=detail-new&o=369&b=1584&popup=1"> 000-369 </a>
</td> </td>
<td> 16-11-2023, 9:59 am </td> <td> 16-11-2023, 9:59 am </td>
<td> <td>
@@ -161,7 +161,7 @@
<a href=""> test hura </a> <a href=""> test hura </a>
</td> </td>
<td> <td>
<a href="/admin/order/detail?id=369" class="icons icon-edit" title="Chi tiết"></a> <a href="?module=order&view=detail-new&o=369&b=1584&popup=1" class="icons icon-edit" title="Chi tiết"></a>
<a href="" class="icons icon-delete" title="Xóa"></a> <a href="" class="icons icon-delete" title="Xóa"></a>
</td> </td>
</tr> </tr>

View File

@@ -1 +0,0 @@
template/order/wait-order.html

View File

@@ -83,7 +83,7 @@
<table class="w-[100%] mt-[20px] product-list"> <table class="w-[100%] mt-[20px] product-list">
<thead> <thead>
<tr> <tr>
<th>STT</th> <th class="whitespace-nowrap">STT</th>
<th>ID</th> <th>ID</th>
<th>Ảnh</th> <th>Ảnh</th>
<th>Sản phẩm</th> <th>Sản phẩm</th>
@@ -106,14 +106,15 @@
{% increment counter %} {% increment counter %}
<tr> <tr>
<td>{{ counter }}</td> <td>{{ counter }}</td>
<td>#{{item.id}}</td> <td class="whitespace-nowrap">#{{item.id}}</td>
<td> <td>
<img class="block m-auto" src="{{item.image.thumb}}" alt=""> <img class="block mx-auto my-0 w-[70px] h-[50px]" src="{{item.image.thumb}}" alt="">
<span class="text-center block">{{item.image_count}} ảnh</span> <span class="text-center block">{{item.image_count}} ảnh</span>
<i class="icons icon-edit"></i> <i class="icons icon-edit"></i>
</td> </td>
<td> <td>
<a href="/admin/product/form?id={{item.id}}" class="text-[#0041E8] w-[300px] inline-block">{{item.title}}</a> <a href="/admin/product/form?id={{item.id}}"
class="text-[#0041E8] w-[300px] inline-block">{{item.title}}</a>
{% if item.config_count > 0 %}<p class="text-[#FFC700]">[Có cấu hình]</p>{% endif %} {% if item.config_count > 0 %}<p class="text-[#FFC700]">[Có cấu hình]</p>{% endif %}
<div class="flex items-center"> <div class="flex items-center">
<span>Danh mục:</span> <span>Danh mục:</span>
@@ -176,11 +177,11 @@
<label for="">Mới Hot (Hỏi nhiều)</label> <label for="">Mới Hot (Hỏi nhiều)</label>
</div> </div>
<div> <div>
<input type="checkbox" name="" > <input type="checkbox" name="">
<label for="">Bán chạy</label> <label for="">Bán chạy</label>
</div> </div>
<div> <div>
<input type="checkbox" name="" > <input type="checkbox" name="">
<label for="">Xả hàng (sale-off)</label> <label for="">Xả hàng (sale-off)</label>
</div> </div>
<div> <div>
@@ -195,63 +196,19 @@
<div class="list-btn flex items-center w-[150px]"> <div class="list-btn flex items-center w-[150px]">
<a href="/admin/product/form?id={{item.id}}" title="Form sản phẩm" <a href="/admin/product/form?id={{item.id}}" title="Form sản phẩm"
class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]"> class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13" <i class="icons icon-edit"></i>
fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M6.67307 0.173073C6.90384 -0.0576911 7.27798 -0.0576911 7.50875 0.173073L9.87238 2.53671C10.1031 2.76747 10.1031 3.14162 9.87238 3.37238L3.37238 9.87238C3.26156 9.9832 3.11126 10.0455 2.95455 10.0455H0.590909C0.264559 10.0455 0 9.7809 0 9.45455V7.09091C0 6.93419 0.0622563 6.78389 0.173073 6.67307L6.67307 0.173073ZM1.18182 7.33567V8.86364H2.70978L8.61887 2.95455L7.09091 1.42658L1.18182 7.33567Z"
fill="#0041E8"></path>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0 12.4091C0 12.0828 0.264559 11.8182 0.590909 11.8182H11.2273C11.5536 11.8182 11.8182 12.0828 11.8182 12.4091C11.8182 12.7355 11.5536 13.0001 11.2273 13.0001H0.590909C0.264559 13.0001 0 12.7355 0 12.4091Z"
fill="#0041E8"></path>
</svg>
</a> </a>
<a href="{{item.request_path}}" title="Xem tại web" target="_blank" <a href="{{item.request_path}}" title="Xem tại web" target="_blank"
class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]"> class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" <i class="icons icon-view"></i>
fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M6.5 1.18182C3.56285 1.18182 1.18182 3.56285 1.18182 6.5C1.18182 9.43715 3.56285 11.8182 6.5 11.8182C9.43715 11.8182 11.8182 9.43715 11.8182 6.5C11.8182 3.56285 9.43715 1.18182 6.5 1.18182ZM0 6.5C0 2.91015 2.91015 0 6.5 0C10.0899 0 13 2.91015 13 6.5C13 10.0899 10.0899 13 6.5 13C2.91015 13 0 10.0899 0 6.5Z"
fill="#0041E8" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0 6.5C0 6.17365 0.264559 5.90909 0.590909 5.90909H12.4091C12.7354 5.90909 13 6.17365 13 6.5C13 6.82635 12.7354 7.09091 12.4091 7.09091H0.590909C0.264559 7.09091 0 6.82635 0 6.5Z"
fill="#0041E8" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M4.72741 6.50001C4.76791 8.31696 5.39279 10.0662 6.5 11.4927C7.60721 10.0662 8.23209 8.31696 8.27259 6.50001C8.23209 4.68306 7.60721 2.93378 6.5 1.5073C5.39279 2.93378 4.76791 4.68306 4.72741 6.50001ZM6.5 0.590918L6.0637 0.192395C4.48907 1.91627 3.59421 4.15342 3.54558 6.4877C3.54541 6.4959 3.54541 6.50411 3.54558 6.51232C3.59421 8.84659 4.48907 11.0837 6.0637 12.8076C6.17566 12.9302 6.334 13 6.5 13C6.666 13 6.82434 12.9302 6.93629 12.8076C8.51093 11.0837 9.40579 8.84659 9.45442 6.51232C9.45459 6.50411 9.45459 6.4959 9.45442 6.4877C9.40579 4.15342 8.51093 1.91627 6.93629 0.192395L6.5 0.590918Z"
fill="#0041E8" />
</svg>
</a> </a>
<a href="" <a href=""
class="w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]"> class="w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13" <i class="icons icon-remove"></i>
fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0 2.95455C0 2.6282 0.264559 2.36364 0.590909 2.36364H11.2273C11.5536 2.36364 11.8182 2.6282 11.8182 2.95455C11.8182 3.2809 11.5536 3.54545 11.2273 3.54545H0.590909C0.264559 3.54545 0 3.2809 0 2.95455Z"
fill="#9E9E9E" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M4.72727 1.18182C4.57055 1.18182 4.42025 1.24407 4.30944 1.35489C4.19862 1.46571 4.13636 1.61601 4.13636 1.77273V2.36364H7.68182V1.77273C7.68182 1.61601 7.61956 1.46571 7.50875 1.35489C7.39793 1.24407 7.24763 1.18182 7.09091 1.18182H4.72727ZM8.86364 2.36364V1.77273C8.86364 1.30257 8.67687 0.85167 8.34442 0.51922C8.01197 0.186769 7.56107 0 7.09091 0H4.72727C4.25712 0 3.80622 0.186769 3.47377 0.51922C3.14132 0.85167 2.95455 1.30257 2.95455 1.77273V2.36364H1.77273C1.44638 2.36364 1.18182 2.6282 1.18182 2.95455V11.2273C1.18182 11.6974 1.36859 12.1483 1.70104 12.4808C2.03349 12.8132 2.48439 13 2.95455 13H8.86364C9.33379 13 9.78469 12.8132 10.1171 12.4808C10.4496 12.1483 10.6364 11.6974 10.6364 11.2273V2.95455C10.6364 2.6282 10.3718 2.36364 10.0455 2.36364H8.86364ZM2.36364 3.54545V11.2273C2.36364 11.384 2.42589 11.5343 2.53671 11.6451C2.64753 11.7559 2.79783 11.8182 2.95455 11.8182H8.86364C9.02036 11.8182 9.17066 11.7559 9.28147 11.6451C9.39229 11.5343 9.45455 11.384 9.45455 11.2273V3.54545H2.36364Z"
fill="#9E9E9E" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M4.72727 5.31818C5.05362 5.31818 5.31818 5.58274 5.31818 5.90909V9.45455C5.31818 9.7809 5.05362 10.0455 4.72727 10.0455C4.40092 10.0455 4.13636 9.7809 4.13636 9.45455V5.90909C4.13636 5.58274 4.40092 5.31818 4.72727 5.31818Z"
fill="#9E9E9E" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M7.09091 5.31818C7.41726 5.31818 7.68182 5.58274 7.68182 5.90909V9.45455C7.68182 9.7809 7.41726 10.0455 7.09091 10.0455C6.76456 10.0455 6.5 9.7809 6.5 9.45455V5.90909C6.5 5.58274 6.76456 5.31818 7.09091 5.31818Z"
fill="#9E9E9E" />
</svg>
</a> </a>
<a href="" <a href=""
class="w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]"> class="w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" <i class="icons icon-hide"></i>
fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0 1.08333C0 0.485025 0.485025 0 1.08333 0H11.9167C12.515 0 13 0.485025 13 1.08333V11.9167C13 12.515 12.515 13 11.9167 13H1.08333C0.485025 13 0 12.515 0 11.9167V1.08333ZM11.9167 1.08333H1.08333V11.9167H11.9167V1.08333Z"
fill="#9E9E9E" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M3.82164 6.53001C4.03318 6.31848 4.37614 6.31848 4.58768 6.53001L6.49997 8.44231L8.41227 6.53001C8.6238 6.31848 8.96677 6.31848 9.1783 6.53001C9.38984 6.74155 9.38984 7.08451 9.1783 7.29604L6.88299 9.59136C6.67146 9.80289 6.32849 9.80289 6.11696 9.59136L3.82165 7.29604C3.61011 7.08451 3.61011 6.74155 3.82164 6.53001Z"
fill="#9E9E9E" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M6.5 3.25C6.79915 3.25 7.04167 3.49251 7.04167 3.79167V9.20833C7.04167 9.50749 6.79915 9.75 6.5 9.75C6.20085 9.75 5.95833 9.50749 5.95833 9.20833V3.79167C5.95833 3.49251 6.20085 3.25 6.5 3.25Z"
fill="#9E9E9E" />
</svg>
</a> </a>
</div> </div>
<div class="flex items-center w-[150px] mt-[10px]"> <div class="flex items-center w-[150px] mt-[10px]">

View File

@@ -25,266 +25,264 @@
<body> <body>
{{ global | show_var }}
{{ page | show_var }} <div class="admin-global-container">
<div class="admin-global-container"> <!-- Menu full -->
<div class="admin-menu-container box-menu sticky top-0 bottom-0 h-[100vh] hidden" id="js-menu-big">
<!-- Menu full --> <a href="javascript:void(0)" class="icon-close" title="Thu gọn menu" id="js-hide-menu">
<div class="admin-menu-container box-menu sticky top-0 bottom-0 h-[100vh] hidden" id="js-menu-big"> <i class="fa-solid fa-outdent"></i>
<a href="javascript:void(0)" class="icon-close" title="Thu gọn menu" id="js-hide-menu">
<i class="fa-solid fa-outdent"></i>
</a>
<a href="" class="menu-logo">
<img src="{{ 'logo.png' | asset_url }}" />
</a>
<div class="menu-list">
<a href="/" class="item">
<i class="icons icon-home"></i>
<span class="title"> Dashboard </span>
</a> </a>
{% for _category in global.main_menu %} <a href="" class="menu-logo">
{% assign _type = _category[0] %} <img src="{{ 'logo.png' | asset_url }}" />
{% assign _menuArray = _category[1].menu %} </a>
{% if _category[1].enable == 1 %}
<details {% if _type==global.module %} open {% endif %}>
<summary class="item">
<div class="flex items-center">
{% if _type == 'order' %} <i class="icons icon-order"></i> <div class="menu-list">
{% elsif _type == 'product' %} <i class="icons icon-product"></i> <a href="/" class="item">
{% elsif _type == 'customer' %}<i class="icons icon-customer"></i> <i class="icons icon-home"></i>
{% elsif _type == 'marketing' %}<i class="icons icon-marketing"></i> <span class="title"> Dashboard </span>
{% elsif _type == 'investor_relation' %} <i class="icons icon-investor_relation"></i> </a>
{% elsif _type == 'article' %} <i class="icons icon-content"></i>
{% elsif _type == 'job' %} <i class="icons icon-job"></i>
{% elsif _type == 'pcbuilder' %} <i class="icons icon-pcbuilder"></i>
{% elsif _type == 'payinstall' %} <i class="icons icon-payinstall"></i>
{% elsif _type == 'distributor' %} <i class="icons icon-distributor"></i>
{% elsif _type == 'report' %}<i class="icons icon-stats"></i>
{% elsif _type == 'system' %}<i class="icons icon-system"></i>
{% endif %}
<span class="title"> {{ _category[1].name }} </span> {% for _category in global.main_menu %}
{% assign _type = _category[0] %}
{% assign _menuArray = _category[1].menu %}
{% if _category[1].enable == 1 %}
<details {% if _type==global.module %} open {% endif %}>
<summary class="item">
<div class="flex items-center">
{% if _type == 'order' %} <i class="icons icon-order"></i>
{% elsif _type == 'product' %} <i class="icons icon-product"></i>
{% elsif _type == 'customer' %}<i class="icons icon-customer"></i>
{% elsif _type == 'marketing' %}<i class="icons icon-marketing"></i>
{% elsif _type == 'investor_relation' %} <i class="icons icon-investor_relation"></i>
{% elsif _type == 'article' %} <i class="icons icon-content"></i>
{% elsif _type == 'job' %} <i class="icons icon-job"></i>
{% elsif _type == 'pcbuilder' %} <i class="icons icon-pcbuilder"></i>
{% elsif _type == 'payinstall' %} <i class="icons icon-payinstall"></i>
{% elsif _type == 'distributor' %} <i class="icons icon-distributor"></i>
{% elsif _type == 'report' %}<i class="icons icon-stats"></i>
{% elsif _type == 'system' %}<i class="icons icon-system"></i>
{% endif %}
<span class="title"> {{ _category[1].name }} </span>
</div>
<i class="fa-solid fa-angle-right"></i>
</summary>
<div class="sub-menu">
{% for _item in _menuArray %}
<a href="{{_item.url }}" {% if _item.view==global.view and _type==global.module %}
class="current" {% endif %}> {{ _item.name }} </a>
{% endfor %}
</div> </div>
</details>
{% endif %}
{% endfor %}
</div>
<i class="fa-solid fa-angle-right"></i> <div class="menu-list">
</summary> <p style="color: #81B5E4;margin: 0 0 10px;font-weight: 700;padding: 0 16px;">TÀI KHOẢN</p>
<div class="sub-menu"> <a href="" class="item">
{% for _item in _menuArray %} <i class="icons icon-settings"></i>
<a href="{{_item.url }}" {% if _item.view==global.view and _type==global.module %} <span class="title"> Cài đặt </span>
class="current" {% endif %}> {{ _item.name }} </a> </a>
{% endfor %}
<a href="" class="item">
<i class="icons icon-support"></i>
<span class="title"> Hỗ trợ </span>
</a>
<a href="" class="item">
<i class="icons icon-account"></i>
<span class="title"> Quản lý tài khoản </span>
</a>
</div>
<a href="" class="item">
<i class="icons icon-logout"></i>
<span class="title"> Thoát quản trị </span>
</a>
</div>
<!-- Menu collapse -->
<div class="admin-menu box-menu sticky top-0 bg-[#004E99] flex flex-col justify-between pb-[20px] min-h-[100vh]"
id="js-menu-small">
<div>
<div
class="logo item items-center justify-center border-[rgba(255,255,255,0.15)] border-b p-[20px_0_38px_!important]">
<a href="/" class="">
<img src="../assets/images/logo_small.png" alt="">
</a>
<a href="javascript:void(0)" title="Mở menu" class="icon-close" id="js-show-menu">
<i class="fa-solid fa-indent"></i>
</a>
</div> </div>
</details>
{% endif %}
{% endfor %}
</div>
<div class="menu-list"> <div class="item">
<p style="color: #81B5E4;margin: 0 0 10px;font-weight: 700;padding: 0 16px;">TÀI KHOẢN</p> <a href="/" class="icons icon-home"> </a>
<a href="" class="item"> <div class="sub-menu">
<i class="icons icon-settings"></i> <p class="font-bold"> Dashboard </p>
<span class="title"> Cài đặt </span> </div>
</a> </div>
<a href="" class="item"> {% for _category in global.main_menu %}
<i class="icons icon-support"></i> {% assign _type = _category[0] %}
<span class="title"> Hỗ trợ </span> {% assign _menuArray = _category[1].menu %}
</a>
<a href="" class="item"> {% if _category[1].enable == 1 %}
<i class="icons icon-account"></i> <div class="item {% if _type == 'system' %} border-[rgba(255,255,255,0.15)] border-b{% endif %}">
<span class="title"> Quản lý tài khoản </span> {% if _type == 'order' %} <a href="" class="icons icon-sell"> </a>
</a> {% elsif _type == 'product' %} <a href="" class="icons icon-product"> </a>
</div> {% elsif _type == 'customer' %}<a href="" class="icons icon-user"> </a>
{% elsif _type == 'marketing' %} <a href="" class="icons icon-marketing"> </a>
{% elsif _type == 'investor_relation' %} <a href="" class="icons icon-investor_relation"> </a>
{% elsif _type == 'article' %} <a href="" class="icons icon-content"> </a>
{% elsif _type == 'job' %} <a href="" class="icons icon-job"> </a>
{% elsif _type == 'pcbuilder' %} <a href="" class="icons icon-pcbuilder"> </a>
{% elsif _type == 'payinstall' %} <a href="" class="icons icon-payinstall"> </a>
{% elsif _type == 'distributor' %} <a href="" class="icons icon-distributor"> </a>
{% elsif _type == 'report' %}<i class="icons icon-stats"></i>
{% elsif _type == 'system' %}<i class="icons icon-system"></i>
{% endif %}
<a href="" class="item"> <div class="sub-menu">
<i class="icons icon-logout"></i> <p class="font-bold"> {{ _category[1].name }} </p>
<span class="title"> Thoát quản trị </span>
</a>
</div>
<!-- Menu collapse --> <div class="menu-list">
<div class="admin-menu box-menu sticky top-0 bg-[#004E99] flex flex-col justify-between pb-[20px] min-h-[100vh]" id="js-menu-small"> {% for _item in _menuArray %}
<div> <a href="{{ _item.url }}" {% if _item.view==global.view and _type==global.module %}
<div class="logo item items-center justify-center border-[rgba(255,255,255,0.15)] border-b p-[20px_0_38px_!important]"> class="current" {% endif %}> {{ _item.name }} </a>
<a href="/" class=""> {% endfor %}
<img src="../assets/images/logo_small.png" alt=""> </div>
</a> </div>
</div>
{% endif %}
{% endfor %}
</div>
<a href="javascript:void(0)" title="Mở menu" class="icon-close" id="js-show-menu"> <div>
<i class="fa-solid fa-indent"></i> <div class="item bottom">
</a> <a href="" class="icons icon-settings"> </a>
<div class="sub-menu">
<p class="font-bold"> Cài đặt </p>
<div class="menu-list">
{% for _item in global.main_menu.system.menu %}
<a href="{{_item.url }}"> {{_item.name }} </a>
{% endfor %}
</div>
</div>
</div>
<div class="item bottom">
<a href="" class="icons icon-support"> </a>
<div class="sub-menu">
<p class="font-bold"> Hỗ trợ </p>
<div class="menu-list">
<a href=""> Menu title </a>
<a href=""> Menu title </a>
<a href=""> Menu title </a>
<a href=""> Menu title </a>
</div>
</div>
</div>
<div class="item bottom">
<a href="" class="icons icon-account"> </a>
<div class="sub-menu">
<p class="font-bold"> Quản lý tài khoản </p>
<div class="menu-list">
<a href=""> Menu title </a>
<a href=""> Menu title </a>
<a href=""> Menu title </a>
<a href=""> Menu title </a>
</div>
</div>
</div>
</div> </div>
<div class="item"> <div class="item">
<a href="/" class="icons icon-home"> </a> <a href="" class="icons icon-logout"> </a>
<div class="sub-menu"> <div class="sub-menu">
<p class="font-bold"> Dashboard </p> <p class="font-bold"> Thoát quản trị </p>
</div>
</div>
{% for _category in global.main_menu %}
{% assign _type = _category[0] %}
{% assign _menuArray = _category[1].menu %}
{% if _category[1].enable == 1 %}
<div class="item {% if _type == 'system' %} border-[rgba(255,255,255,0.15)] border-b{% endif %}">
{% if _type == 'order' %} <i class="icons icon-sell"> </i>
{% elsif _type == 'product' %} <i class="icons icon-product"> </i>
{% elsif _type == 'customer' %}<a href="" class="icons icon-user"> </a>
{% elsif _type == 'marketing' %} <i class="icons icon-marketing"> </i>
{% elsif _type == 'investor_relation' %} <i class="icons icon-investor_relation"> </i>
{% elsif _type == 'article' %} <i class="icons icon-content"> </i>
{% elsif _type == 'job' %} <i class="icons icon-job"> </i>
{% elsif _type == 'pcbuilder' %} <i class="icons icon-pcbuilder"> </i>
{% elsif _type == 'payinstall' %} <i class="icons icon-payinstall"> </i>
{% elsif _type == 'distributor' %} <i class="icons icon-distributor"> </i>
{% elsif _type == 'report' %}<i class="icons icon-stats"></i>
{% elsif _type == 'system' %}<i class="icons icon-system"></i>
{% endif %}
<div class="sub-menu">
<p class="font-bold"> {{ _category[1].name }} </p>
<div class="menu-list">
{% for _item in _menuArray %}
<a href="{{ _item.url }}" {% if _item.view == global.view and _type == global.module %} class="current" {% endif %}>
{{ _item.name }}
</a>
{% endfor %}
</div>
</div>
</div>
{% endif %}
{% endfor %}
</div>
<div>
<div class="item bottom">
<a href="" class="icons icon-settings"> </a>
<div class="sub-menu">
<p class="font-bold"> Cài đặt </p>
<div class="menu-list">
{% for _item in global.main_menu.system.menu %}
<a href="{{_item.url }}"> {{_item.name }} </a>
{% endfor %}
</div>
</div>
</div>
<div class="item bottom">
<a href="" class="icons icon-support"> </a>
<div class="sub-menu">
<p class="font-bold"> Hỗ trợ </p>
<div class="menu-list">
<a href=""> Menu title </a>
<a href=""> Menu title </a>
<a href=""> Menu title </a>
<a href=""> Menu title </a>
</div>
</div>
</div>
<div class="item bottom">
<a href="" class="icons icon-account"> </a>
<div class="sub-menu">
<p class="font-bold"> Quản lý tài khoản </p>
<div class="menu-list">
<a href=""> Menu title </a>
<a href=""> Menu title </a>
<a href=""> Menu title </a>
<a href=""> Menu title </a>
</div>
</div> </div>
</div> </div>
</div> </div>
<div class="item"> <div class="admin-content-container" id="js-admin-content-container">
<a href="" class="icons icon-logout"> </a> <!-- Header -->
<div class="admin-header-container flex items-center justify-between bg-white px-4 py-3">
<form class="max-w-[420px] relative w-[100%] menu-hide" id="js-form-search">
<div class="absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none">
<i class="icons icon-search"></i>
</div>
<div class="sub-menu"> <input type="search" class="block border h-[36px] ps-10 rounded w-full" placeholder="Tìm kiếm">
<p class="font-bold"> Thoát quản trị </p> </form>
<div class="admin-header-right flex items-center justify-end">
<a href="" title="Truy cập trung tâm hỗ trợ của Hurasoft">
<i class="icons header-support"></i>
</a>
<div
class="group relative cursor-pointer ml-[20px] mr-[35px] group [&_summary::-webkit-details-marker]:hidden">
<div class="relative flex">
<i class="icons icon-notification"></i>
<span
class="absolute bg-[#E00000] font-[500] h-[17px] leading-[17px] note right-[-5px] rounded-lg text-[#fff] text-[13px] text-center top-[-3px] w-[17px]">
0
</span>
</div>
<div
class="group-hover:opacity-[1] group-hover:z-[1] opacity-0 absolute bg-white leading-[30px] note-list shadow whitespace-nowrap z-[-1] rounded-[4px] right-[-10px]">
<a href=""> Menu title </a>
<a href=""> Menu title </a>
<a href=""> Menu title </a>
<a href=""> Menu title </a>
</div>
</div>
<div class="group relative cursor-pointer group [&_summary::-webkit-details-marker]:hidden">
<div class="flex items-center">
<p class="m-0 mr-[10px]"> ducdt@hurasoft.com </p>
<img src="https://via.placeholder.com/72x72"
class="block rounded-[50%] w-[36px] h-[36px] mr-[8px]" />
<i class="fa-solid fa-sort-down text-[#C9C9C9] mb-[3px]"></i>
</div>
<div
class="group-hover:opacity-[1] group-hover:z-[1] opacity-0 absolute bg-white leading-[30px] note-list shadow whitespace-nowrap z-[-1] rounded-[4px] right-0">
<a href="">Đổi mật khẩu</a>
<a href="">Thoát quản trị</a>
</div>
</div>
</div>
</div> </div>
<!-- Content -->
{{ page_content }}
</div> </div>
</div> </div>
<div class="admin-content-container" id="js-admin-content-container">
<!-- Header -->
<div class="admin-header-container flex items-center justify-between bg-white px-4 py-3">
<form class="max-w-[420px] relative w-[100%] menu-hide" id="js-form-search">
<div class="absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none">
<i class="icons icon-search"></i>
</div>
<input type="search" class="block border h-[36px] ps-10 rounded w-full" placeholder="Tìm kiếm"> {% include javascript/index %}
</form>
<div class="admin-header-right flex items-center justify-end">
<a href="" title="Truy cập trung tâm hỗ trợ của Hurasoft">
<i class="icons header-support"></i>
</a>
<div
class="group relative cursor-pointer ml-[20px] mr-[35px] group [&_summary::-webkit-details-marker]:hidden">
<div class="relative flex">
<i class="icons icon-notification"></i>
<span
class="absolute bg-[#E00000] font-[500] h-[17px] leading-[17px] note right-[-5px] rounded-lg text-[#fff] text-[13px] text-center top-[-3px] w-[17px]">
0
</span>
</div>
<div
class="group-hover:opacity-[1] group-hover:z-[1] opacity-0 absolute bg-white leading-[30px] note-list shadow whitespace-nowrap z-[-1] rounded-[4px] right-[-10px]">
<a href=""> Menu title </a>
<a href=""> Menu title </a>
<a href=""> Menu title </a>
<a href=""> Menu title </a>
</div>
</div>
<div class="group relative cursor-pointer group [&_summary::-webkit-details-marker]:hidden">
<div class="flex items-center">
<p class="m-0 mr-[10px]"> ducdt@hurasoft.com </p>
<img src="https://via.placeholder.com/72x72"
class="block rounded-[50%] w-[36px] h-[36px] mr-[8px]" />
<i class="fa-solid fa-sort-down text-[#C9C9C9] mb-[3px]"></i>
</div>
<div
class="group-hover:opacity-[1] group-hover:z-[1] opacity-0 absolute bg-white leading-[30px] note-list shadow whitespace-nowrap z-[-1] rounded-[4px] right-0">
<a href="">Đổi mật khẩu</a>
<a href="">Thoát quản trị</a>
</div>
</div>
</div>
</div>
<!-- Content -->
{{ page_content }}
</div>
</div>
{% include javascript/index %}
</body> </body>
</html> </html>