update
This commit is contained in:
144
template/other/header.html
Normal file
144
template/other/header.html
Normal file
@@ -0,0 +1,144 @@
|
||||
<!-- Start: Layout - Sidebar -->
|
||||
|
||||
<input type="checkbox" id="layout-sidebar-toggle-trigger" class="hidden" aria-label="Toggle layout sidebar" />
|
||||
<input type="checkbox" id="layout-sidebar-hover-trigger" class="hidden" aria-label="Dense layout sidebar" />
|
||||
<div id="layout-sidebar-hover" class="bg-base-300 h-screen w-1"></div>
|
||||
|
||||
<div id="layout-sidebar" class="sidebar-menu sidebar-menu-activation">
|
||||
<div class="flex min-h-16 items-center justify-between gap-3 ps-5 pe-4">
|
||||
<a href="./dashboards-ecommerce.html">
|
||||
<img src="{{ 'logo_hura8.png' | asset_url }}" class="h-5.5" />
|
||||
</a>
|
||||
<label for="layout-sidebar-hover-trigger" title="Toggle sidebar hover"
|
||||
class="btn btn-circle btn-ghost btn-sm text-base-content/50 relative max-lg:hidden">
|
||||
<span
|
||||
class="iconify lucide--panel-left-close absolute size-4.5 opacity-100 transition-all duration-300 group-has-[[id=layout-sidebar-hover-trigger]:checked]/html:opacity-0"></span>
|
||||
<span
|
||||
class="iconify lucide--panel-left-dashed absolute size-4.5 opacity-0 transition-all duration-300 group-has-[[id=layout-sidebar-hover-trigger]:checked]/html:opacity-100"></span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="relative min-h-0 grow">
|
||||
<div data-simplebar class="size-full">
|
||||
<div class="mb-3 space-y-0.5 px-2.5">
|
||||
|
||||
<div class="collapse">
|
||||
<div class="collapse-title px-2.5 py-1.5">
|
||||
<span class="iconify lucide--home tw-tsa"></span>
|
||||
<a href="/" class="grow {% if global.url == '/' %}active{% endif %}">Trang
|
||||
chủ</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
{% for _category in global.main_menu %}
|
||||
{% assign _type = _category[0] %}
|
||||
{% assign _menuArray = _category[1].menu %}
|
||||
{% if _category[1].enable == 1 %}
|
||||
<div class="group collapse">
|
||||
<input aria-label="Sidemenu item trigger" type="checkbox" class="peer"
|
||||
name="sidebar-menu-parent-item" />
|
||||
<div class="collapse-title px-2.5 py-1.5">
|
||||
{% if _type == 'order' %}
|
||||
<span class="iconify lucide--store tw-tsa"></span>
|
||||
{% elsif _type == 'product' %}
|
||||
<span class="iconify lucide--package tw-tsa"></span>
|
||||
{% elsif _type == 'customer' %}
|
||||
<span class="iconify lucide--users tw-tsa"></span>
|
||||
{% elsif _type == 'article' %}
|
||||
<span class="iconify lucide--newspaper tw-tsa"></span>
|
||||
{% elsif _type == 'marketing' %}
|
||||
<span class="iconify lucide--megaphone tw-tsa"></span>
|
||||
{% elsif _type == 'job' %}
|
||||
<span class="iconify lucide--briefcase tw-tsa"></span>
|
||||
{% elsif _type == 'pcbuilder' %}
|
||||
<span class="iconify lucide--monitor-smartphone tw-tsa"></span>
|
||||
{% elsif _type == 'payinstall' %}
|
||||
<span class="iconify lucide--handshake tw-tsa"></span>
|
||||
{% elsif _type == 'distributor' %}
|
||||
<span class="iconify lucide--store tw-tsa"></span>
|
||||
{% elsif _type == 'report' %}
|
||||
<span class="iconify lucide--pie-chart tw-tsa"></span>
|
||||
{% elsif _type == 'system' %}
|
||||
<span class="iconify hugeicons--settings-04 tw-tsa"></span>
|
||||
{% endif %}
|
||||
<span class="grow">{{ _category[1].name }}</span>
|
||||
<span class="iconify lucide--chevron-right arrow-icon size-3.5"></span>
|
||||
</div>
|
||||
<div class="collapse-content ms-6.5 !p-0">
|
||||
<div class="mt-0.5 space-y-0.5">
|
||||
{% for _item in _menuArray %}
|
||||
<a class="menu-item false {% if _item.url == global.url %} active {% endif %}"
|
||||
href="{{ _item.url }}">
|
||||
<span class="grow">{{ _item.name }}</span>
|
||||
</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="from-base-100/60 pointer-events-none absolute start-0 end-0 bottom-0 h-7 bg-linear-to-t to-transparent">
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-2">
|
||||
<hr class="border-base-300 my-2 border-dashed" />
|
||||
<div class="dropdown dropdown-top dropdown-end w-full">
|
||||
<div tabindex="0" role="button"
|
||||
class="bg-base-200 hover:bg-base-300 rounded-box mx-2 mt-0 flex cursor-pointer items-center gap-2.5 px-3 py-2 transition-all">
|
||||
<div class="avatar">
|
||||
<div class="bg-base-200 mask mask-squircle w-8">
|
||||
<img src="./../../assets/images/avatars/1.png" alt="Avatar" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="grow -space-y-0.5">
|
||||
<p class="text-sm font-medium">Denish N</p>
|
||||
<p class="text-base-content/60 text-xs">@withden</p>
|
||||
</div>
|
||||
<span class="iconify lucide--chevrons-up-down text-base-content/60 size-4"></span>
|
||||
</div>
|
||||
<ul role="menu" tabindex="0"
|
||||
class="dropdown-content menu bg-base-100 rounded-box shadow-base-content/4 mb-1 w-48 p-1 shadow-[0px_-10px_40px_0px]">
|
||||
<li>
|
||||
<a href="./pages/settings.html">
|
||||
<span class="iconify lucide--user size-4"></span>
|
||||
<span>My Profile</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="./pages/settings.html">
|
||||
<span class="iconify lucide--settings size-4"></span>
|
||||
<span>Settings</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="./pages/get-help.html">
|
||||
<span class="iconify lucide--help-circle size-4"></span>
|
||||
<span>Help</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<span class="iconify lucide--bell size-4"></span>
|
||||
<span>Notification</span>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<span class="iconify lucide--arrow-left-right size-4"></span>
|
||||
<span>Switch Account</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<label for="layout-sidebar-toggle-trigger" id="layout-sidebar-backdrop"></label>
|
||||
|
||||
<!-- End: Layout - Sidebar -->
|
||||
Reference in New Issue
Block a user