Files
admin_hura_8/template/theme.html

299 lines
13 KiB
HTML
Raw Normal View History

2024-01-18 23:13:02 +07:00
<!DOCTYPE html>
2024-02-27 13:31:27 +07:00
<html lang="en">
2024-01-18 23:13:02 +07:00
<head>
2024-01-29 15:22:13 +07:00
<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">
2024-01-18 23:13:02 +07:00
2024-01-29 15:22:13 +07:00
<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">
2024-05-04 09:29:34 +07:00
<!-- <link href="https://cdn.jsdelivr.net/npm/daisyui@4.6.0/dist/full.min.css" rel="stylesheet" type="text/css" /> -->
<link rel="stylesheet" media="screen" href="{{ 'full.min.css' | asset_url }}?v12.11" />
2024-01-29 15:22:13 +07:00
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
<link rel="stylesheet" media="screen" href="{{ 'fancybox.css' | asset_url }}" />
2024-05-06 15:55:58 +07:00
<link rel="stylesheet" media="screen" href="{{ 'select2.css' | asset_url }}?v2.1" />
<link rel="stylesheet" media="screen" href="{{ 'pc_style.css' | asset_url }}?v2024.1" />
2024-01-24 11:26:10 +07:00
2024-01-29 15:22:13 +07:00
<script src="{{ 'tailwindcss.js' | asset_url }}"></script>
<script src="{{ 'fancybox.js' | asset_url }}"></script>
2024-05-04 09:29:34 +07:00
<script src="{{ 'jquery.js' | asset_url }}"></script>
2024-05-06 15:55:58 +07:00
<script src="{{ 'select2.js' | asset_url }}"></script>
2024-01-18 23:13:02 +07:00
</head>
2024-02-29 14:49:03 +07:00
2024-01-27 11:19:25 +07:00
2024-01-29 15:22:13 +07:00
<body>
2024-03-05 14:55:28 +07:00
2024-03-18 12:03:24 +07:00
2024-05-06 15:55:58 +07:00
2024-01-29 15:22:13 +07:00
<div class="admin-global-container">
2024-01-25 17:37:49 +07:00
2024-01-29 15:22:13 +07:00
<!-- Menu full -->
<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" title="Thu gọn menu" id="js-hide-menu">
<i class="fa-solid fa-outdent"></i>
2024-01-27 11:19:25 +07:00
</a>
2024-01-25 17:37:49 +07:00
2024-01-29 15:22:13 +07:00
<a href="" class="menu-logo">
<img src="{{ 'logo.png' | asset_url }}" />
2024-01-27 11:19:25 +07:00
</a>
2024-01-29 15:22:13 +07:00
<div class="menu-list">
<a href="/" class="item">
<i class="icons icon-home"></i>
<span class="title"> Dashboard </span>
</a>
2024-01-25 17:37:49 +07:00
2024-01-29 15:22:13 +07:00
{% for _category in global.main_menu %}
{% assign _type = _category[0] %}
{% assign _menuArray = _category[1].menu %}
{% if _category[1].enable == 1 %}
<details {% if _type==global.module %} open {% endif %}>
<summary class="item">
<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>
{% 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>
</div>
<i class="fa-solid fa-angle-right"></i>
</summary>
<div class="sub-menu">
{% for _item in _menuArray %}
2024-01-31 12:05:22 +07:00
<a href="{{ _item.url }}" {% if _item.view==global.view and _item.module==global.module %}
2024-01-29 15:22:13 +07:00
class="current" {% endif %}> {{ _item.name }} </a>
{% endfor %}
</div>
</details>
{% endif %}
{% endfor %}
</div>
<div class="menu-list">
<p style="color: #81B5E4;margin: 0 0 10px;font-weight: 700;padding: 0 16px;">TÀI KHOẢN</p>
2024-01-20 09:23:31 +07:00
2024-01-29 15:22:13 +07:00
<a href="" class="item">
<i class="icons icon-settings"></i>
<span class="title"> Cài đặt </span>
2024-01-27 11:19:25 +07:00
</a>
2024-01-29 15:22:13 +07:00
<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>
2024-01-27 11:19:25 +07:00
</a>
</div>
2024-01-25 17:37:49 +07:00
2024-01-29 15:22:13 +07:00
<a href="" class="item">
<i class="icons icon-logout"></i>
<span class="title"> Thoát quản trị </span>
</a>
</div>
2024-01-25 17:37:49 +07:00
2024-01-29 15:22:13 +07:00
<!-- Menu collapse -->
<div class="admin-menu box-menu fixed top-0 bg-[#004E99] flex flex-col justify-between pb-[20px] min-h-[100vh]"
2024-01-29 15:22:13 +07:00
id="js-menu-small">
2024-01-31 10:38:38 +07:00
<div>
2024-01-31 12:05:22 +07:00
<div
class="logo item items-center justify-center border-[rgba(255,255,255,0.15)] border-b p-[20px_0_!important]">
2024-01-31 10:38:38 +07:00
<a href="/" class="">
<img src="{{ 'logo_small.png' | asset_url }}" alt="">
</a>
2024-01-25 17:37:49 +07:00
2024-01-31 10:38:38 +07:00
<a href="javascript:void(0)" title="Mở menu" class="icon-close" id="js-show-menu">
<i class="fa-solid fa-indent"></i>
</a>
2024-01-27 11:19:25 +07:00
</div>
2024-01-31 10:38:38 +07:00
<div class="item">
<a href="/" class="icons icon-home"> </a>
2024-01-30 15:28:16 +07:00
</div>
2024-01-29 15:22:13 +07:00
2024-01-31 10:38:38 +07:00
{% for _category in global.main_menu %}
{% assign _type = _category[0] %}
{% assign _menuArray = _category[1].menu %}
2024-01-29 15:22:13 +07:00
2024-01-31 10:38:38 +07:00
{% if _category[1].enable == 1 %}
2024-01-31 12:05:22 +07:00
<div
class="item {% if _type == 'system' %} border-[rgba(255,255,255,0.15)] border-b{% endif %} {% if _type == global.module %} current {% endif %}">
2024-01-31 10:38:38 +07:00
{% if _type == 'order' %} <i class="icons icon-sell"> </i>
{% elsif _type == 'product' %} <i class="icons icon-product"> </i>
{% elsif _type == 'customer' %}<i class="icons icon-user"> </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 %}
2024-01-29 15:22:13 +07:00
2024-01-31 10:38:38 +07:00
<div class="sub-menu">
<p class="font-bold"> {{ _category[1].name }} </p>
<div class="menu-list">
{% for _item in _menuArray %}
2024-01-31 12:05:22 +07:00
<a href="{{ _item.url }}" {% if _item.view==global.view %} class="current" {% endif %}>
2024-01-31 10:38:38 +07:00
{{ _item.name }}
</a>
{% endfor %}
</div>
2024-01-27 11:19:25 +07:00
</div>
</div>
2024-01-31 10:38:38 +07:00
{% endif %}
{% endfor %}
2024-01-25 17:37:49 +07:00
2024-01-31 10:38:38 +07:00
<div class="item">
<a href="" class="icons icon-settings"> </a>
2024-01-25 17:37:49 +07:00
2024-01-31 10:38:38 +07:00
<div class="sub-menu">
<p class="font-bold"> Cài đặt </p>
2024-01-25 17:37:49 +07:00
2024-01-31 10:38:38 +07:00
<div class="menu-list">
{% for _item in global.main_menu.system.menu %}
<a href="{{_item.url }}"> {{_item.name }} </a>
{% endfor %}
</div>
2024-01-27 11:19:25 +07:00
</div>
</div>
2024-01-25 17:37:49 +07:00
2024-01-31 10:38:38 +07:00
<div class="item">
<a href="" class="icons icon-support"> </a>
2024-01-25 17:37:49 +07:00
2024-01-31 10:38:38 +07:00
<div class="sub-menu">
<p class="font-bold"> Hỗ trợ </p>
2024-01-25 17:37:49 +07:00
2024-01-31 10:38:38 +07:00
<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>
2024-01-27 11:19:25 +07:00
</div>
</div>
2024-01-25 17:37:49 +07:00
2024-01-31 10:38:38 +07:00
<div class="item">
<a href="" class="icons icon-account"> </a>
2024-01-25 17:37:49 +07:00
2024-01-31 10:38:38 +07:00
<div class="sub-menu">
<p class="font-bold"> Quản lý tài khoản </p>
2024-01-25 17:37:49 +07:00
2024-01-31 10:38:38 +07:00
<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>
2024-01-27 11:19:25 +07:00
</div>
</div>
2024-01-25 17:37:49 +07:00
</div>
2024-01-29 15:22:13 +07:00
<div class="item">
<a href="" class="icons icon-logout"> </a>
2024-01-25 17:37:49 +07:00
2024-01-29 15:22:13 +07:00
<div class="sub-menu">
<p class="font-bold"> Thoát quản trị </p>
</div>
2024-01-27 11:19:25 +07:00
</div>
2024-01-25 17:37:49 +07:00
</div>
2024-01-19 16:06:25 +07:00
2024-01-30 15:28:16 +07:00
<div class="admin-content-container ml-[50px]" id="js-admin-content-container">
2024-01-29 15:22:13 +07:00
<!-- Header -->
<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">
2024-02-01 11:10:26 +07:00
<div
class="content w-[100%] flex items-center border-[#ECECEC] border-[1px] rounded-[5px] focus-within:border-[#0041E8]">
2024-01-31 11:59:25 +07:00
<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 p-[5px] w-[100%] shadow-[0_2px_7px_0_rgb(177_177_177)] hidden"
id="js-show-search">
2024-01-31 12:05:22 +07:00
2024-01-27 11:19:25 +07:00
</div>
2024-01-29 15:22:13 +07:00
</form>
<div class="admin-header-right flex items-center justify-end">
<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>
2024-01-27 11:19:25 +07:00
</div>
2024-01-29 15:22:13 +07:00
<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>
2024-01-27 11:19:25 +07:00
2024-01-29 15:22:13 +07:00
<img src="https://via.placeholder.com/72x72"
class="block rounded-[50%] w-[36px] h-[36px] mr-[8px]" />
2024-01-27 11:19:25 +07:00
2024-01-29 15:22:13 +07:00
<i class="fa-solid fa-sort-down text-[#C9C9C9] mb-[3px]"></i>
</div>
2024-01-27 11:19:25 +07:00
2024-01-29 15:22:13 +07:00
<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>
2024-01-27 11:19:25 +07:00
</div>
</div>
2024-01-25 17:37:49 +07:00
</div>
2024-01-29 15:22:13 +07:00
<!-- Content -->
{{ page_content }}
</div>
2024-01-20 09:23:31 +07:00
</div>
2024-01-24 11:49:22 +07:00
2024-01-29 15:22:13 +07:00
{% include javascript/index %}
2024-01-24 11:49:22 +07:00
2024-05-06 15:55:58 +07:00
<script src="{{ 'main.js' | asset_url }}"></script>
2024-01-18 23:13:02 +07:00
</body>
2024-01-29 15:22:13 +07:00
2024-02-27 13:31:27 +07:00
</html>