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

update 31/01

Browse Source
This commit is contained in:
Dao Duc
2024-01-31 09:34:00 +07:00
parent 36c52953bd d4077674f7
commit 88e4ec4a28
11 changed files with 362 additions and 106 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/images/global-sprite.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 26 KiB

After

Width:  |  Height:  |  Size: 18 KiB

42
assets/script/pc_style.css
View File

@@ -39,6 +39,19 @@ input[type=number] {
-moz-appearance: textfield;
}
input[type=date]::-webkit-calendar-picker-indicator {
background: transparent;
bottom: 0;
color: transparent;
cursor: pointer;
height: auto;
left: 0;
position: absolute;
right: 0;
top: 0;
width: auto;
}
body {
color: #000;
font-family: "Inter", sans-serif;
@@ -353,7 +366,7 @@ a {
height: 41px;
display: none;
}
.admin-menu .item:nth-child(n+13) .sub-menu {
.admin-menu .item:nth-child(n+10) .sub-menu {
top: unset;
}
.admin-menu .sub-menu {
@@ -707,6 +720,21 @@ input[type=radio]:focus:before {
height: 16px;
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 {
margin-left: 30px;
@@ -792,6 +820,14 @@ input[type=radio]:focus:before {
background-position: -145px -82px;
}
.order-detail-page .icon-edit {
border: transparent;
background-color: transparent;
margin: 0;
width: 18px;
height: 18px;
}
.is-close-btn {
background: #ececec !important;
border-radius: 50%;
@@ -841,4 +877,8 @@ input[type=radio]:focus:before {
}
.global-breadcrumb-container a:last-child::after {
content: none;
}
.marketing-coupon-page .order-page-table td {
vertical-align: top;
}/*# 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

43
assets/script/pc_style.scss
View File

@@ -32,6 +32,18 @@ input::-webkit-inner-spin-button {
input[type="number"] {
-moz-appearance: textfield;
}
input[type='date']::-webkit-calendar-picker-indicator {
background: transparent;
bottom: 0;
color: transparent;
cursor: pointer;
height: auto;
left: 0;
position: absolute;
right: 0;
top: 0;
width: auto;
}
body {
color: #000;
font-family: "Inter", sans-serif;
@@ -339,7 +351,7 @@ a {
height: 41px;
display: none;
}
&:nth-child(n + 13) {
&:nth-child(n + 10) {
.sub-menu {
top: unset;
}
@@ -715,6 +727,21 @@ input[type="radio"] {
height: 16px;
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 {
@@ -810,6 +837,15 @@ input[type="radio"] {
background-position: -145px -82px;
}
}
.order-detail-page{
.icon-edit {
border: transparent;
background-color: transparent;
margin: 0;
width: 18px;
height: 18px;
}
}
.is-close-btn {
background: #ececec !important;
border-radius: 50%;
@@ -860,3 +896,8 @@ input[type="radio"] {
}
}
}
.marketing-coupon-page {
.order-page-table td {
vertical-align: top;
}
}

2
inc/Hura8/AppAdmin.php
View File

@@ -13,6 +13,7 @@ class AppAdmin
protected $current_route_info = [
"module" => 'home',
"view" => 'home',
"url" => '/admin/product'
];
protected $data = [];
@@ -56,6 +57,7 @@ class AppAdmin
$global_data = [
"module" => $this->current_route_info['module'],
"view" => $this->current_route_info['view'],
"url" => $this->current_route_info['url'],
"main_menu" => include_once ROOT_DIR."/data/menu.php",
];

3
inc/Hura8/Router.php
View File

@@ -17,6 +17,7 @@ class Router {
// url: admin/abc/product.php?para1=value1
public function getRouting() {
$parsed = Url::parse($_SERVER['REQUEST_URI']); //abc/product?param1=12&param2=value2
// print_r($parsed);
// home
if($parsed['path'] == '/') {
@@ -25,6 +26,7 @@ class Router {
'view' => preg_replace("/[^a-z0-9_\-]/i","", getRequest('view', 'home')),
'view_id'=> 0,
'query' => $parsed['query'],
'url' => $parsed['path'],
];
}
@@ -58,6 +60,7 @@ class Router {
'view' => preg_replace("/[^a-z0-9_\-]/i","", $view ) ,
'view_id' => preg_replace("/[^a-z0-9_]/i","", $view_id ),
'query' => $parsed['query'],
'url' => $parsed['path'],
];
}

218
template/marketing/coupon-add.html
View File

@@ -1 +1,217 @@
template/marketing/coupon-add.html
<div class="global-breadcrumb-container">
<a href="/admin/marketing/coupon"> Phiếu giảm giá - Voucher </a>
<a href=""> Form thêm / sửa coupon </a>
</div>
<div class="max-w-[1141px] m-auto">
<div class="text-right m-[0_0_12px]">
<a href="/admin/marketing/coupon-add" class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[35px] p-[0_12px] m-[0_10px_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 phiếu mới</span>
</a>
<a href="/admin/marketing/coupon" class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[35px] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
<i class="fas fa-clipboard-list mr-[8px]"></i>
<span>Danh sách</span>
</a>
</div>
<p class="bg-white m-[0_0_16px] text-center rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[54px] text-[18px] font-bold">
Cập nhật coupon: Giảm tiền mặt
</p>
<div class="flex flex-wrap items-start m-[16px_0]">
<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)" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition" style="color: #Fff;background: #0041E8;"> Chỉnh sửa </a>
<a href="/admin/marketing/coupon-product?id=8" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Danh sách sản phẩm </a>
</div>
<form method="post" enctype="multipart/form-data" class="order-page-table w-[852px] bg-white p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
<input type="hidden" name="info[id]" value="0" />
<table>
<tr>
<td width="215"> Mã số phiếu * </td>
<td>
<input type="text" value="CP220920212" placeholder="Mã số phiếu *" readonly/>
</td>
</tr>
<tr>
<td> Tên phiếu khuyến mại * </td>
<td>
<input type="text" value="Giảm tiền mặt" placeholder="Tên phiếu khuyến mại *" class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
<i class="block text-[#E00000] mt-[7px]">* Phần này sẽ hiển thị trong đơn hàng của khách hàng, do vậy cần viết cụ thể.</i>
</td>
</tr>
<tr>
<td> Mô tả </td>
<td>
<textarea name="info[description]" placeholder="Mô tả" class="w-[100%] h-[76px] p-[4px_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
Test phiếu giảm giá
</textarea>
<i class="block text-[#E00000] mt-[7px]">Phần này chỉ dành cho admin nắm được cụ thể khuyến mại này làm gì. Khách hàng không nhìn thấy.</i>
</td>
</tr>
<tr>
<td> Phân loại * </td>
<td>
<select name='info[type]' onchange="show_content(this.value)">
<option value='pro' selected>Tặng sản phẩm</option>
<option value='cash'>Tặng tiền mặt</option>
<option value='priceoff'>Giảm giá %</option>
<option value='other'>Khác</option>
</select>
<div id="js-type-pro">
<span> Tên Sản phẩm </span>
<input type="text" name="content_pro" value="" />
</div>
<div id="js-type-cash" style="display:none">
<span> Nhập số tiền </span>
<input type="text" name="content_cash" value="" onkeyup="this.value = writeStringToPrice(this.value)" /> vnd (v.d. 200000, 3000000)
</div>
<div id="js-type-priceoff" style="display:none">
<span> Nhập % giảm giá </span>
<input type="text" name="content_priceoff" value="" />% (v.d. 12, 30)
</div>
</td>
</tr>
<tr>
<td> Thời gian hiệu lực * </td>
<td>
<div class="items-center mb-[7px]" style="display: flex;">
<p style="width: 65px;"> Bắt đầu </p>
<div class="relative m-[0_20px_0_10px]">
<i class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
<input type="date" name="from_time_date" value="" placeholder="Từ ngày" class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
</div>
<p class="mr-[10px]"> Giờ </p>
<select name='info[from_time_minute]' id='from_time_minute' style="width: 85px;">
<option value="00:00">00:00</option><option value="00:30">00:30</option><option value="01:00">01:00</option><option value="01:30">01:30</option><option value="02:00">02:00</option><option value="02:30">02:30</option><option value="03:00">03:00</option><option value="03:30">03:30</option><option value="04:00">04:00</option><option value="04:30">04:30</option><option value="05:00">05:00</option><option value="05:30">05:30</option><option value="06:00">06:00</option><option value="06:30">06:30</option><option value="07:00">07:00</option><option value="07:30">07:30</option><option value="08:00">08:00</option><option value="08:30">08:30</option><option value="09:00">09:00</option><option value="09:30">09:30</option><option value="10:00">10:00</option><option value="10:30">10:30</option><option value="11:00">11:00</option><option value="11:30">11:30</option><option value="12:00">12:00</option><option value="12:30">12:30</option><option value="13:00">13:00</option><option value="13:30">13:30</option><option value="14:00">14:00</option><option value="14:30">14:30</option><option value="15:00">15:00</option><option value="15:30">15:30</option><option value="16:00">16:00</option><option value="16:30">16:30</option><option value="17:00">17:00</option><option value="17:30">17:30</option><option value="18:00">18:00</option><option value="18:30">18:30</option><option value="19:00">19:00</option><option value="19:30">19:30</option><option value="20:00">20:00</option><option value="20:30">20:30</option><option value="21:00">21:00</option><option value="21:30">21:30</option><option value="22:00">22:00</option><option value="22:30">22:30</option><option value="23:00">23:00</option><option value="23:30">23:30</option>
</select>
</div>
<div class="items-center" style="display: flex;">
<p style="width: 65px;"> Kết thúc </p>
<div class="relative m-[0_20px_0_10px]">
<i class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
<input type="date" name="to_time_date" value="" placeholder="Từ ngày" class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
</div>
<p class="mr-[10px]"> Giờ </p>
<select name='info[to_time_minute]' id='from_time_minute' style="width: 85px;">
<option value="00:00">00:00</option><option value="00:30">00:30</option><option value="01:00">01:00</option><option value="01:30">01:30</option><option value="02:00">02:00</option><option value="02:30">02:30</option><option value="03:00">03:00</option><option value="03:30">03:30</option><option value="04:00">04:00</option><option value="04:30">04:30</option><option value="05:00">05:00</option><option value="05:30">05:30</option><option value="06:00">06:00</option><option value="06:30">06:30</option><option value="07:00">07:00</option><option value="07:30">07:30</option><option value="08:00">08:00</option><option value="08:30">08:30</option><option value="09:00">09:00</option><option value="09:30">09:30</option><option value="10:00">10:00</option><option value="10:30">10:30</option><option value="11:00">11:00</option><option value="11:30">11:30</option><option value="12:00">12:00</option><option value="12:30">12:30</option><option value="13:00">13:00</option><option value="13:30">13:30</option><option value="14:00">14:00</option><option value="14:30">14:30</option><option value="15:00">15:00</option><option value="15:30">15:30</option><option value="16:00">16:00</option><option value="16:30">16:30</option><option value="17:00">17:00</option><option value="17:30">17:30</option><option value="18:00">18:00</option><option value="18:30">18:30</option><option value="19:00">19:00</option><option value="19:30">19:30</option><option value="20:00">20:00</option><option value="20:30">20:30</option><option value="21:00">21:00</option><option value="21:30">21:30</option><option value="22:00">22:00</option><option value="22:30">22:30</option><option value="23:00">23:00</option><option value="23:30">23:30</option>
</select>
</div>
</td>
</tr>
<tr>
<td> Giá trị đơn hàng tối thiểu </td>
<td>
<input type="text" name="info[valid_order_value]" value="2.000.000"
onkeyup="this.value = writeStringToPrice(this.value)"/>
<span> vnd (để 0 nếu không áp dụng) </span>
</td>
</tr>
<tr>
<td> Giới hạn số lần sử dụng / 1 khách hàng </td>
<td>
<input type="text" name="info[limit_use_per_user]" value="0">
<span> (để 0 nếu không giới hạn số lượng dùng phiếu này trên 1 khách hàng) </span>
</td>
</tr>
<tr>
<td> Áp dụng đồng thời với các mã KM khác </td>
<td>
<label>
<input type="checkbox" name="info[can_use_with_other]" value="1" >
<span> Có cho phép (1 đơn hàng có thể có nhiều voucher) </span>
</label>
</td>
</tr>
<tr>
<td> Hiển thị công khai </td>
<td>
<label>
<input type="checkbox" name="info[show_to_public]"checked >
<span> Cho hiển thị công khai (nếu giao diện web có) </span>
</label>
</td>
</tr>
<tr>
<td> Điều kiện áp dụng </td>
<td>
<label>
<input type="radio" name="info[product_condition]" value="all">
<span> Tất cả các sản phầm </span>
</label>
<label>
<input type="radio" name="info[product_condition]" value="select" checked>
<span> Chỉ một số sản phẩm (* bạn sẽ cần chọn danh sách các sản phẩm)</span>
</label>
</td>
</tr>
<tr>
<td> Số lượng phiếu </td>
<td>
<input type="text" size="10" name="info[total]" value="0">
<span> (để 0 nếu không có giới hạn) </span>
</td>
</tr>
<tr>
<td> Hiển thị </td>
<td>
<label>
<input type="radio" name="info[status]" value="1" >
<span>Cho hiển thị</span>
</label>
<label>
<input type="radio" name="info[status]" value="0" checked >
<span>Ẩn hiển thị</span>
</label>
</td>
</tr>
</table>
<input type="hidden" name="create" value="yes" />
<input name="commit" type="submit" value="Cập nhật" />
</form>
</div>
</div>
<script>
function show_content(ty){
var list_type = ['pro', 'cash', 'priceoff'];
for(var i=0; i < list_type.length; i++){
var t_ty = list_type[i];
if(ty == t_ty) document.getElementById('js-type-'+t_ty).style.display = 'block';
else document.getElementById('js-type-'+t_ty).style.display = 'none';
}
}
</script>

2
template/marketing/coupon.html
View File

@@ -1,4 +1,4 @@
<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]">
<div class="marketing-coupon-page 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]">

8
template/order/detail.html
View File

@@ -40,7 +40,7 @@
<td> Địa chỉ nhận hàng </td>
<td>
<span> Kiến Hưng, Quận Hà Đông, Hà Nội </span>
<a href="#js-update-shipping-address" data-fancybox title="Cập nhật địa chỉ nhận hàng" class="icons icon-edit inline-block w-[18px] h-[18px]" style="background-position: -111px -86px;"></a>
<a href="#js-update-shipping-address" data-fancybox title="Cập nhật địa chỉ nhận hàng" class="icons icon-edit inline-block" style="background-position: -111px -86px;"></a>
</td>
</tr>
@@ -48,7 +48,7 @@
<td> Địa chỉ thanh toán </td>
<td>
<span> Kiến Hưng, Quận Hà Đông, Hà Nội </span>
<a href="#js-update-payment" data-fancybox title="Cập nhật địa chỉ thanh toán " class="icons icon-edit inline-block w-[18px] h-[18px]" style="background-position: -111px -86px;"></a>
<a href="#js-update-payment" data-fancybox title="Cập nhật địa chỉ thanh toán" class="icons icon-edit inline-block" style="background-position: -111px -86px;"></a>
</td>
</tr>
</table>
@@ -107,7 +107,7 @@
<td> Phí vận chuyển & giao hàng </td>
<td>
<span> 0 VND </span>
<a href="#js-update-order-shipping" data-fancybox="" title="Cập nhật phí ship cho đơn hàng" class="icons icon-edit inline-block w-[18px] h-[18px]" style="background-position: -111px -86px;vertical-align:sub;"></a>
<a href="#js-update-order-shipping" data-fancybox="" title="Cập nhật phí ship cho đơn hàng" class="icons icon-edit inline-block" style="background-position: -111px -86px;vertical-align:sub;"></a>
</td>
</tr>
@@ -115,7 +115,7 @@
<td> Phí thu hộ </td>
<td>
<span> 0 VND </span>
<a href="#js-update-order-shipping" data-fancybox="" title="Cập nhật phí ship cho đơn hàng" class="icons icon-edit inline-block w-[18px] h-[18px]" style="background-position: -111px -86px;vertical-align:sub;"></a>
<a href="#js-update-order-shipping" data-fancybox="" title="Cập nhật phí ship cho đơn hàng" class="icons icon-edit inline-block" style="background-position: -111px -86px;vertical-align:sub;"></a>
</td>
</tr>

61
template/product/home.html
View File

@@ -83,7 +83,7 @@
<table class="w-[100%] mt-[20px] product-list">
<thead>
<tr>
<th>STT</th>
<th class="whitespace-nowrap">STT</th>
<th>ID</th>
<th>Ảnh</th>
<th>Sản phẩm</th>
@@ -106,14 +106,15 @@
{% increment counter %}
<tr>
<td>{{ counter }}</td>
<td>#{{item.id}}</td>
<td class="whitespace-nowrap">#{{item.id}}</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>
<i class="icons icon-edit"></i>
</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 %}
<div class="flex items-center">
<span>Danh mục:</span>
@@ -195,63 +196,19 @@
<div class="list-btn flex items-center w-[150px]">
<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]">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13"
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>
<i class="icons icon-edit"></i>
</a>
<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]">
<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13"
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>
<i class="icons icon-view"></i>
</a>
<a href=""
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"
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>
<i class="icons icon-remove"></i>
</a>
<a href=""
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"
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>
<i class="icons icon-hide"></i>
</a>
</div>
<div class="flex items-center w-[150px] mt-[10px]">

13
template/theme.html
View File

@@ -77,8 +77,7 @@
<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>
<a href="{{_item.url }}" {% if _item.url == global.url %} class="current" {% endif %}> {{ _item.name }} </a>
{% endfor %}
</div>
</details>
@@ -114,9 +113,9 @@
<!-- 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]">
<div class="logo item items-center justify-center border-[rgba(255,255,255,0.15)] border-b p-[20px_0_!important]">
<a href="/" class="">
<img src="../assets/images/logo_small.png" alt="">
<img src="{{ 'logo_small.png' | asset_url }}" alt="">
</a>
<a href="javascript:void(0)" title="Mở menu" class="icon-close" id="js-show-menu">
@@ -137,7 +136,7 @@
{% 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 %}">
<div class="item {% if _type == 'system' %} border-[rgba(255,255,255,0.15)] border-b{% endif %} {% if _type == global.module %} current {% 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>
@@ -157,7 +156,7 @@
<div class="menu-list">
{% for _item in _menuArray %}
<a href="{{ _item.url }}" {% if _item.view == global.view and _type == global.module %} class="current" {% endif %}>
<a href="{{ _item.url }}" {% if _item.view == global.view %} class="current" {% endif %}>
{{ _item.name }}
</a>
{% endfor %}
@@ -168,7 +167,6 @@
{% endfor %}
</div>
<div>
<div class="item bottom">
<a href="" class="icons icon-settings"> </a>
@@ -212,7 +210,6 @@
</div>
</div>
</div>
</div>
<div class="item">
<a href="" class="icons icon-logout"> </a>