update
This commit is contained in:
@@ -141,7 +141,7 @@ a {
|
|||||||
overflow: auto;
|
overflow: auto;
|
||||||
background: #004e99;
|
background: #004e99;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
width: 20%;
|
width: 18%;
|
||||||
padding: 20px 0;
|
padding: 20px 0;
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
}
|
}
|
||||||
@@ -494,6 +494,12 @@ a {
|
|||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.admin-content-container {
|
||||||
|
width: calc(100% - 50px);
|
||||||
|
}
|
||||||
|
.admin-content-container.show-large-menu {
|
||||||
|
width: 82%;
|
||||||
|
}
|
||||||
.admin-content-container .note-list {
|
.admin-content-container .note-list {
|
||||||
min-width: 144px;
|
min-width: 144px;
|
||||||
}
|
}
|
||||||
@@ -719,6 +725,9 @@ input[type=radio]:focus:before {
|
|||||||
.order-page .order-page-table td {
|
.order-page .order-page-table td {
|
||||||
padding: 14px 8px;
|
padding: 14px 8px;
|
||||||
}
|
}
|
||||||
|
.order-page .order-page-table td:nth-child(4), .order-page .order-page-table td:nth-child(10) {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
.order-page .order-page-table .icons {
|
.order-page .order-page-table .icons {
|
||||||
width: 30px;
|
width: 30px;
|
||||||
height: 30px;
|
height: 30px;
|
||||||
@@ -751,6 +760,7 @@ input[type=radio]:focus:before {
|
|||||||
.order-page-table thead {
|
.order-page-table thead {
|
||||||
background: #F6F6F6;
|
background: #F6F6F6;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
|
text-align: center;
|
||||||
}
|
}
|
||||||
.order-page-table thead td {
|
.order-page-table thead td {
|
||||||
padding: 8px;
|
padding: 8px;
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
@@ -121,7 +121,7 @@ a {
|
|||||||
overflow: auto;
|
overflow: auto;
|
||||||
background: #004e99;
|
background: #004e99;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
width: 20%;
|
width: 18%;
|
||||||
padding: 20px 0;
|
padding: 20px 0;
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
a {
|
a {
|
||||||
@@ -483,6 +483,10 @@ a {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.admin-content-container {
|
.admin-content-container {
|
||||||
|
width: calc(100% - 50px);
|
||||||
|
&.show-large-menu {
|
||||||
|
width: 82%;
|
||||||
|
}
|
||||||
.note-list {
|
.note-list {
|
||||||
min-width: 144px;
|
min-width: 144px;
|
||||||
a {
|
a {
|
||||||
@@ -734,6 +738,9 @@ input[type="radio"] {
|
|||||||
}
|
}
|
||||||
td{
|
td{
|
||||||
padding: 14px 8px;
|
padding: 14px 8px;
|
||||||
|
&:nth-child(4), &:nth-child(10){
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.icons {
|
.icons {
|
||||||
width: 30px;
|
width: 30px;
|
||||||
@@ -767,6 +774,7 @@ input[type="radio"] {
|
|||||||
thead {
|
thead {
|
||||||
background: #F6F6F6;
|
background: #F6F6F6;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
|
text-align: center;
|
||||||
td{
|
td{
|
||||||
padding: 8px;
|
padding: 8px;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -20,6 +20,13 @@
|
|||||||
|
|
||||||
// Hàm để cập nhật trạng thái hiển thị menu và localStorage
|
// Hàm để cập nhật trạng thái hiển thị menu và localStorage
|
||||||
function capNhatTrangThaiMenu(hideMenuBig) {
|
function capNhatTrangThaiMenu(hideMenuBig) {
|
||||||
|
|
||||||
|
if(hideMenuBig === false){
|
||||||
|
$('#js-admin-content-container').addClass('show-large-menu')
|
||||||
|
} else {
|
||||||
|
$('#js-admin-content-container').removeClass('show-large-menu')
|
||||||
|
}
|
||||||
|
|
||||||
$('#js-menu-big').toggleClass('hidden', hideMenuBig);
|
$('#js-menu-big').toggleClass('hidden', hideMenuBig);
|
||||||
$('#js-menu-small').toggleClass('hidden', !hideMenuBig);
|
$('#js-menu-small').toggleClass('hidden', !hideMenuBig);
|
||||||
$('#js-form-search').toggleClass('menu-hide', hideMenuBig);
|
$('#js-form-search').toggleClass('menu-hide', hideMenuBig);
|
||||||
|
|||||||
@@ -22,269 +22,261 @@
|
|||||||
<script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script>
|
<script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script>
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
{{global|show_var}}
|
{{ global | show_var }}
|
||||||
{{page|show_var}}
|
{{ page | show_var }}
|
||||||
|
|
||||||
<div class="admin-global-container">
|
<div class="admin-global-container">
|
||||||
|
|
||||||
<!-- Menu cũ -->
|
<!-- Menu cũ -->
|
||||||
<div class="admin-menu-container box-menu sticky top-0 bottom-0 h-[100vh] hidden" id="js-menu-big">
|
<div class="admin-menu-container box-menu sticky top-0 bottom-0 h-[100vh] hidden" id="js-menu-big">
|
||||||
<a href="javascript:void(0)" class="icon-close" id="js-hide-menu">
|
<a href="javascript:void(0)" class="icon-close" id="js-hide-menu">
|
||||||
<i class="fa-solid fa-outdent"></i>
|
<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"> Home </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.name %} 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"> Home </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 %}
|
||||||
</div>
|
{% assign _type = _category[0] %}
|
||||||
|
{% assign _menuArray = _category[1].menu %}
|
||||||
|
{% if _category[1].enable == 1 %}
|
||||||
|
<details {% if _type == global.name %} open {% endif %}>
|
||||||
|
<summary class="item">
|
||||||
|
<div class="flex items-center">
|
||||||
|
|
||||||
<i class="fa-solid fa-angle-right"></i>
|
{% if _type == 'order' %} <i class="icons icon-order"></i>
|
||||||
</summary>
|
{% 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 %}
|
||||||
|
|
||||||
<div class="sub-menu">
|
<span class="title"> {{ _category[1].name }} </span>
|
||||||
{% for _item in _menuArray %}
|
</div>
|
||||||
<a href="?module={{ _item.module }}&view={{ _item.view }}" {% if _item.view == global.view and
|
|
||||||
_type == global.name %} class="current" {% endif %}> {{ _item.name }} </a>
|
<i class="fa-solid fa-angle-right"></i>
|
||||||
|
</summary>
|
||||||
|
|
||||||
|
<div class="sub-menu">
|
||||||
|
{% for _item in _menuArray %}
|
||||||
|
<a href="?module={{ _item.module }}&view={{ _item.view }}" {% if _item.view == global.view and
|
||||||
|
_type == global.name %} class="current" {% endif %}> {{ _item.name }} </a>
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
{% endif %}
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</div>
|
</div>
|
||||||
</details>
|
|
||||||
{% endif %}
|
|
||||||
{% endfor %}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="menu-list">
|
<div class="menu-list">
|
||||||
<p style="color: #81B5E4;margin: 0 0 10px;font-weight: 700;padding: 0 16px;">TÀI KHOẢN</p>
|
<p style="color: #81B5E4;margin: 0 0 10px;font-weight: 700;padding: 0 16px;">TÀI KHOẢN</p>
|
||||||
|
|
||||||
|
<a href="" class="item">
|
||||||
|
<i class="icons icon-settings"></i>
|
||||||
|
<span class="title"> Cài đặt </span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<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">
|
<a href="" class="item">
|
||||||
<i class="icons icon-settings"></i>
|
<i class="icons icon-logout"></i>
|
||||||
<span class="title"> Cài đặt </span>
|
<span class="title"> Thoát quản trị </span>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<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>
|
</div>
|
||||||
|
|
||||||
<!-- Menu mới -->
|
<!-- Menu mới -->
|
||||||
<div class="admin-menu box-menu sticky top-0 bg-[#004E99] flex flex-col justify-between pb-[20px] min-h-[100vh]"
|
<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">
|
||||||
id="js-menu-small">
|
<div>
|
||||||
<div>
|
<div class="logo item items-center justify-center border-[rgba(255,255,255,0.15)] border-b p-[20px_0_38px_!important]">
|
||||||
<div
|
<a href="/" class="">
|
||||||
class="logo item items-center justify-center border-[rgba(255,255,255,0.15)] border-b p-[20px_0_38px_!important]">
|
<img src="../assets/images/logo_small.png" alt="">
|
||||||
<a href="/" class="">
|
</a>
|
||||||
<img src="../assets/images/logo_small.png" alt="">
|
<a href="javascript:void(0)" class="icon-close" id="js-show-menu">
|
||||||
</a>
|
<i class="fa-solid fa-indent"></i>
|
||||||
<a href="javascript:void(0)" class="icon-close" id="js-show-menu">
|
</a>
|
||||||
<i class="fa-solid fa-indent"></i>
|
</div>
|
||||||
</a>
|
|
||||||
|
<div class="item">
|
||||||
|
<a href="/" class="icons icon-home"> </a>
|
||||||
|
|
||||||
|
<div class="sub-menu">
|
||||||
|
<p class="font-bold"> Home </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' %} <a href="" class="icons icon-sell"> </a>
|
||||||
|
{% elsif _type == 'product' %} <a href="" class="icons icon-product"> </a>
|
||||||
|
{% 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 %}
|
||||||
|
|
||||||
|
<div class="sub-menu">
|
||||||
|
<p class="font-bold"> {{ _category[1].name }} </p>
|
||||||
|
|
||||||
|
<div class="menu-list">
|
||||||
|
{% for _item in _menuArray %}
|
||||||
|
<a href="?module={{ _item.module }}&view={{ _item.view }}" {% if _item.view == global.view and
|
||||||
|
_type == global.name %} 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="/?module={{_item.module }}&view={{_item.view }}"> {{_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"> Home </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' %} <a href="" class="icons icon-sell"> </a>
|
|
||||||
{% elsif _type == 'product' %} <a href="" class="icons icon-product"> </a>
|
|
||||||
{% 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 %}
|
|
||||||
|
|
||||||
<div class="sub-menu">
|
|
||||||
<p class="font-bold"> {{ _category[1].name }} </p>
|
|
||||||
|
|
||||||
<div class="menu-list">
|
|
||||||
{% for _item in _menuArray %}
|
|
||||||
<a href="?module={{ _item.module }}&view={{ _item.view }}" {% if _item.view == global.view and
|
|
||||||
_type == global.name %} class="current" {% endif %}> {{ _item.name }} </a>
|
|
||||||
{% endfor %}
|
|
||||||
</div>
|
</div>
|
||||||
</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="/?module={{_item.module }}&view={{_item.view }}"> {{_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 class="item">
|
|
||||||
<a href="" class="icons icon-logout"> </a>
|
|
||||||
|
|
||||||
<div class="sub-menu">
|
|
||||||
<p class="font-bold"> Thoát quản trị </p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="admin-content-container w-[100%]">
|
<div class="admin-content-container" 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 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 class="absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none">
|
<div class="absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none">
|
||||||
<i class="icons icon-search"></i>
|
<i class="icons icon-search"></i>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<input type="search" class="block border h-[36px] ps-10 rounded w-full" placeholder="Tìm kiếm">
|
<input type="search" class="block border h-[36px] ps-10 rounded w-full" placeholder="Tìm kiếm">
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
<div class="admin-header-right flex items-center justify-end">
|
<div class="admin-header-right flex items-center justify-end">
|
||||||
<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>
|
||||||
|
|
||||||
<div
|
<div class="group relative cursor-pointer ml-[20px] mr-[35px] group [&_summary::-webkit-details-marker]:hidden">
|
||||||
class="group relative cursor-pointer ml-[20px] mr-[35px] group [&_summary::-webkit-details-marker]:hidden">
|
<div class="relative flex">
|
||||||
<div class="relative flex">
|
<i class="icons icon-notification"></i>
|
||||||
<i class="icons icon-notification"></i>
|
|
||||||
|
|
||||||
<span
|
<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]">
|
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
|
0
|
||||||
</span>
|
</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
|
|
||||||
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 -->
|
<!-- Content -->
|
||||||
{{page_content}}
|
{{ page_content }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
{% include javascript/index %}
|
{% include javascript/index %}
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
Reference in New Issue
Block a user