204 lines
11 KiB
HTML
204 lines
11 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<title> Admin Hura Pc </title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap"
|
|
rel="stylesheet">
|
|
<link rel="stylesheet" media="screen" href="{{ 'full.min.css' | asset_url }}?v12.11" />
|
|
<link rel="stylesheet" media="screen" href="{{ 'pc_style.css' | asset_url }}?v2024.19" />
|
|
<script src="{{ 'tailwindcss.js' | asset_url }}"></script>
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
<div id="overlay"></div>
|
|
|
|
<div class="admin-global-container">
|
|
|
|
<!-- Menu full -->
|
|
<div class="admin-menu-container box-menu fixed top-0 left-0 h-[100vh] z-[999]" id="js-menu-big">
|
|
<a href="" class="menu-logo">
|
|
<img src="{{ 'logo.png' | asset_url }}" />
|
|
</a>
|
|
|
|
<div class="menu-list m-[25px_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>
|
|
|
|
{% for _category in global.main_menu %}
|
|
{% assign _type = _category[0] %}
|
|
{% assign _menuArray = _category[1].menu %}
|
|
{% if _category[1].enable == 1 %}
|
|
<div class="relative w-[100%] box-item" {% if _type==global.module %} open {% endif %}>
|
|
<div 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 %}" onclick="toggleSubMenu('{{ _type }}')">
|
|
<div class="flex items-center">
|
|
{% 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 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>
|
|
</div>
|
|
|
|
<i class="fa-solid fa-chevron-right"></i>
|
|
</div>
|
|
|
|
<div class="sub-menu" id="{{ _type }}">
|
|
{% for _item in _menuArray %}
|
|
<a href="{{ _item.url }}"
|
|
class="p-[8px_16px] flex items-center {% if _item.view == global.view and _item.module == global.module %}current {% endif %}">
|
|
{{_item.name }} </a>
|
|
{% endfor %}
|
|
</div>
|
|
|
|
<div class="hover-menu {% if _type == 'system' or _type == 'report' %}bottom{% endif %}">
|
|
{% for _item in _menuArray %}
|
|
<a href="{{ _item.url }}"
|
|
class="flex items-center {% if _item.view == global.view and _item.module == global.module %}current {% endif %}">
|
|
{{_item.name }} </a>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
{% endfor %}
|
|
<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>
|
|
<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>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="admin-content-container ml-[245px]" id="js-admin-content-container">
|
|
<!-- Header -->
|
|
<div class="admin-header-container flex items-center flex-wrap justify-between bg-white px-4 py-3">
|
|
<form class="max-w-[420px] relative w-[100%] menu-hide" id="js-form-search">
|
|
<div
|
|
class="content w-[100%] flex items-center border-[#ECECEC] border-[1px] rounded-[5px] focus-within:border-[#0041E8]">
|
|
<div class="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 h-[36px] rounded w-full" id="js-input-search"
|
|
placeholder="Tìm kiếm">
|
|
</div>
|
|
|
|
<div class="autocomplete-suggestions absolute bg-white w-[100%] shadow-[0_2px_7px_0_rgb(177_177_177)] hidden rounded-[4px]"
|
|
id="js-show-search">
|
|
<a href="" class="item line-clamp-1">Máy in mã vạch MH241</a>
|
|
<a href="" class="item line-clamp-1">Chăn hè đũi xơ đậu nành mã 32 Gấu xanh</a>
|
|
<a href="" class="item line-clamp-1">Máy đo độ bóng Horiba IG-320 (gloss meter)</a>
|
|
<a href="" class="item line-clamp-1">iPhone 11 Chính Hãng</a>
|
|
<a href="" class="item line-clamp-1">cpu core i3 1</a>
|
|
<a href="" class="item line-clamp-1">Máy in mã vạch MH241</a>
|
|
<a href="" class="item line-clamp-1">Chăn hè đũi xơ đậu nành mã 32 Gấu xanh</a>
|
|
<a href="" class="item line-clamp-1">Máy đo độ bóng Horiba IG-320 (gloss meter)</a>
|
|
<a href="" class="item line-clamp-1">iPhone 11 Chính Hãng</a>
|
|
<a href="" class="item line-clamp-1">cpu core i3 1</a>
|
|
</div>
|
|
|
|
</form>
|
|
|
|
<div class="admin-header-right flex items-center justify-end sm:mt-[10px]">
|
|
<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>
|
|
|
|
<div class="status-notificatiom">
|
|
<a href="javascript:void(0)" class="icon-close" onclick="AdminFunction.closeForm()"><i
|
|
class="fa fa-times"></i></a>
|
|
<div class="content flex flex-col items-center justify-center">
|
|
<i class="fa fa-check"></i>
|
|
<b>Cập nhật thành công</b>
|
|
<p>Đơn hàng #000-368 đã được cập nhật thành công</p>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="{{ 'jquery.js' | asset_url }}"></script>
|
|
<script src="{{ 'global.js' | asset_url }}"></script>
|
|
|
|
|
|
{% include javascript/index %}
|
|
|
|
</body>
|
|
|
|
</html> |