This commit is contained in:
2025-02-08 22:55:01 +07:00
parent 7299751c83
commit 9bdd0e435a
4 changed files with 38 additions and 149 deletions

View File

@@ -34,8 +34,9 @@
<img src="{{ 'logo.png' | asset_url }}" />
</a>
<div class="menu-list">
<a href="/" class="item {% if global.module == 'home' %} active {% endif %}">
<div class="menu-list m-[50px_5px]">
<a href="/"
class="item flex items-center cursor-pointer p-[0_12px] rounded-[4px] relative delay-300 transition-all bg-[#004e99] mb-[4px] leading-[36px] {% if global.module == 'home' %} active {% endif %}">
<i class="icons icon-home"></i>
<span class="title"> Home </span>
</a>
@@ -44,23 +45,29 @@
{% assign _type = _category[0] %}
{% assign _menuArray = _category[1].menu %}
{% if _category[1].enable == 1 %}
<details class="dropdown dropdown-hover" {% if _type==global.module %} open {% endif %}>
<summary class="item {% if _type == global.module %} active {% endif %}" tabindex="{{_type}}"
role="button">
<details class="relative w-[100%]" {% if _type==global.module %} open {% endif %}>
<summary class="item flex items-center justify-between cursor-pointer p-[0_12px] rounded-[4px] relative delay-300 transition-all bg-[#004e99] mb-[4px] leading-[36px]
{% if _type == global.module %} active {% endif %}">
<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>
{% if _type == 'order' %} <i class="icons w-[20px] h-[20px] mr-[13px] icon-order"></i>
{% elsif _type == 'product' %} <i
class="icons w-[20px] h-[20px] mr-[13px] icon-product"></i>
{% elsif _type == 'customer' %}<i
class="icons w-[20px] h-[20px] mr-[13px] icon-customer"></i>
{% elsif _type == 'marketing' %}<i
class="icons w-[20px] h-[20px] mr-[13px] icon-marketing"></i>
{% elsif _type == 'investor_relation' %} <i
class="icons w-[20px] h-[20px] mr-[13px] 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>
{% elsif _type == 'job' %} <i class="icons w-[20px] h-[20px] mr-[13px] icon-job"></i>
{% elsif _type == 'pcbuilder' %} <i
class="icons w-[20px] h-[20px] mr-[13px] icon-pcbuilder"></i>
{% elsif _type == 'payinstall' %} <i
class="icons w-[20px] h-[20px] mr-[13px] icon-payinstall"></i>
{% elsif _type == 'distributor' %} <i
class="icons w-[20px] h-[20px] mr-[13px] icon-distributor"></i>
{% elsif _type == 'report' %}<i class="icons w-[20px] h-[20px] mr-[13px] icon-stats"></i>
{% elsif _type == 'system' %}<i class="icons w-[20px] h-[20px] mr-[13px] icon-system"></i>
{% endif %}
<span class="title"> {{ _category[1].name }} </span>
@@ -69,18 +76,10 @@
<i class="fa-solid fa-chevron-right"></i>
</summary>
<div class="sub-hover dropdown-content" tabindex="{{_type}}">
{% for _item in _menuArray %}
<a href="{{ _item.url }}"
class="{% if _item.view == global.view and _item.module == global.module %}current {% endif %}">
{{_item.name }} </a>
{% endfor %}
</div>
<div class="sub-menu">
{% for _item in _menuArray %}
<a href="{{ _item.url }}"
class="{% if _item.view == global.view and _item.module == global.module %}current {% endif %}">
class="p-[8px_16px] flex items-center {% if _item.view == global.view and _item.module == global.module %}current {% endif %}">
{{_item.name }} </a>
{% endfor %}
</div>
@@ -92,24 +91,28 @@
<div class="menu-list">
<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>
<a href=""
class="item flex items-center cursor-pointer p-[0_12px] rounded-[4px] relative delay-300 transition-all bg-[#004e99] mb-[4px] leading-[36px]">
<i class="icons w-[20px] h-[20px] mr-[13px] icon-settings"></i>
<span class="title"> Cài đặt </span>
</a>
<a href="" class="item">
<i class="icons icon-support"></i>
<a href=""
class="item flex items-center cursor-pointer p-[0_12px] rounded-[4px] relative delay-300 transition-all bg-[#004e99] mb-[4px] leading-[36px]">
<i class="icons w-[20px] h-[20px] mr-[13px] icon-support"></i>
<span class="title"> Hỗ trợ </span>
</a>
<a href="" class="item">
<i class="icons icon-account"></i>
<a href=""
class="item flex items-center cursor-pointer p-[0_12px] rounded-[4px] relative delay-300 transition-all bg-[#004e99] mb-[4px] leading-[36px]">
<i class="icons w-[20px] h-[20px] mr-[13px] 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>
<a href=""
class="item flex items-center cursor-pointer p-[0_12px] rounded-[4px] relative delay-300 transition-all bg-[#004e99] mb-[4px] leading-[36px]">
<i class="icons w-[20px] h-[20px] mr-[13px] icon-logout"></i>
<span class="title"> Thoát quản trị </span>
</a>
</div>