update product-detail
This commit is contained in:
1
data/product/form_components/combo_set.php
Normal file
1
data/product/form_components/combo_set.php
Normal file
@@ -0,0 +1 @@
|
||||
<?php
|
||||
@@ -1,5 +1,9 @@
|
||||
{% include javascript/global %}
|
||||
|
||||
{% if global.module.name == 'home' %}
|
||||
{% include javascript/homepage %}
|
||||
{% if global.name == 'home' %}
|
||||
{% include javascript/homepage %}
|
||||
{% endif %}
|
||||
|
||||
{% if global.name == 'product' %}
|
||||
{% include javascript/product_form %}
|
||||
{% endif %}
|
||||
24
template/javascript/product_form.html
Normal file
24
template/javascript/product_form.html
Normal file
@@ -0,0 +1,24 @@
|
||||
<script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
|
||||
|
||||
|
||||
<script>
|
||||
|
||||
tinymce.init({
|
||||
selector: 'textarea#product-desc',
|
||||
height: 350,
|
||||
menubar: true,
|
||||
plugins: [
|
||||
'advlist autolink lists link image charmap print preview anchor',
|
||||
'searchreplace visualblocks code fullscreen',
|
||||
'insertdatetime media table paste code help wordcount'
|
||||
],
|
||||
toolbar: 'undo redo | formatselect | ' +
|
||||
'bold italic backcolor | alignleft aligncenter ' +
|
||||
'alignright alignjustify | bullist numlist outdent indent | ' +
|
||||
'removeformat | help',
|
||||
content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'
|
||||
});
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
@@ -1,49 +1,47 @@
|
||||
|
||||
<!-- mo ta -->
|
||||
<div
|
||||
class="bg-white rounded-[15px] shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] py-[18px] px-[16px] mb-[20px]">
|
||||
<div class="bg-white rounded-[15px] shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] py-[18px] px-[16px] mb-[20px]">
|
||||
<div class="flex items-center">
|
||||
<b class="text-[18px] mr-[5px]">THƯ VIỆN ẢNH</b>
|
||||
<span>Chưa có thư viện ảnh cho phần miêu tả</span>
|
||||
</div>
|
||||
<div class="list-btn flex items-center mt-[5px] mb-[20px]">
|
||||
<a href="" class="flex items-center mr-[20px]">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13"
|
||||
viewBox="0 0 13 13" fill="none">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" fill="none">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd"
|
||||
d="M0.65 7.8C1.00899 7.8 1.3 8.09101 1.3 8.45V11.05C1.3 11.2224 1.36848 11.3877 1.49038 11.5096C1.61228 11.6315 1.77761 11.7 1.95 11.7H11.05C11.2224 11.7 11.3877 11.6315 11.5096 11.5096C11.6315 11.3877 11.7 11.2224 11.7 11.05V8.45C11.7 8.09101 11.991 7.8 12.35 7.8C12.709 7.8 13 8.09101 13 8.45V11.05C13 11.5672 12.7946 12.0632 12.4289 12.4289C12.0632 12.7946 11.5672 13 11.05 13H1.95C1.43283 13 0.936837 12.7946 0.571142 12.4289C0.205446 12.0632 0 11.5672 0 11.05V8.45C0 8.09101 0.291015 7.8 0.65 7.8Z"
|
||||
fill="#0041E8" />
|
||||
d="M0.65 7.8C1.00899 7.8 1.3 8.09101 1.3 8.45V11.05C1.3 11.2224 1.36848 11.3877 1.49038 11.5096C1.61228 11.6315 1.77761 11.7 1.95 11.7H11.05C11.2224 11.7 11.3877 11.6315 11.5096 11.5096C11.6315 11.3877 11.7 11.2224 11.7 11.05V8.45C11.7 8.09101 11.991 7.8 12.35 7.8C12.709 7.8 13 8.09101 13 8.45V11.05C13 11.5672 12.7946 12.0632 12.4289 12.4289C12.0632 12.7946 11.5672 13 11.05 13H1.95C1.43283 13 0.936837 12.7946 0.571142 12.4289C0.205446 12.0632 0 11.5672 0 11.05V8.45C0 8.09101 0.291015 7.8 0.65 7.8Z"
|
||||
fill="#0041E8" />
|
||||
<path fill-rule="evenodd" clip-rule="evenodd"
|
||||
d="M6.04038 0.190381C6.29422 -0.0634602 6.70578 -0.0634602 6.95962 0.190381L10.2096 3.44038C10.4635 3.69422 10.4635 4.10578 10.2096 4.35962C9.95578 4.61346 9.54422 4.61346 9.29038 4.35962L6.5 1.56924L3.70962 4.35962C3.45578 4.61346 3.04422 4.61346 2.79038 4.35962C2.53654 4.10578 2.53654 3.69422 2.79038 3.44038L6.04038 0.190381Z"
|
||||
fill="#0041E8" />
|
||||
d="M6.04038 0.190381C6.29422 -0.0634602 6.70578 -0.0634602 6.95962 0.190381L10.2096 3.44038C10.4635 3.69422 10.4635 4.10578 10.2096 4.35962C9.95578 4.61346 9.54422 4.61346 9.29038 4.35962L6.5 1.56924L3.70962 4.35962C3.45578 4.61346 3.04422 4.61346 2.79038 4.35962C2.53654 4.10578 2.53654 3.69422 2.79038 3.44038L6.04038 0.190381Z"
|
||||
fill="#0041E8" />
|
||||
<path fill-rule="evenodd" clip-rule="evenodd"
|
||||
d="M6.5 9.68575e-09C6.85898 9.68575e-09 7.15 0.291015 7.15 0.65V8.45C7.15 8.80898 6.85898 9.1 6.5 9.1C6.14101 9.1 5.85 8.80898 5.85 8.45V0.65C5.85 0.291015 6.14101 9.68575e-09 6.5 9.68575e-09Z"
|
||||
fill="#0041E8" />
|
||||
d="M6.5 9.68575e-09C6.85898 9.68575e-09 7.15 0.291015 7.15 0.65V8.45C7.15 8.80898 6.85898 9.1 6.5 9.1C6.14101 9.1 5.85 8.80898 5.85 8.45V0.65C5.85 0.291015 6.14101 9.68575e-09 6.5 9.68575e-09Z"
|
||||
fill="#0041E8" />
|
||||
</svg>
|
||||
<span class="text-[#0041E8] ml-[5px]">Upload ảnh</span>
|
||||
</a>
|
||||
<a href="" class="flex items-center mr-[20px]">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="13"
|
||||
viewBox="0 0 15 13" fill="none">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd"
|
||||
d="M1.95 1.3C1.77761 1.3 1.61228 1.36848 1.49038 1.49038C1.36848 1.61228 1.3 1.77761 1.3 1.95V11.05C1.3 11.2224 1.36848 11.3877 1.49038 11.5096C1.61228 11.6315 1.77761 11.7 1.95 11.7H12.35C12.5224 11.7 12.6877 11.6315 12.8096 11.5096C12.9315 11.3877 13 11.2224 13 11.05V3.9C13 3.72761 12.9315 3.56228 12.8096 3.44038C12.6877 3.31848 12.5224 3.25 12.35 3.25H6.5C6.28267 3.25 6.07972 3.14138 5.95917 2.96055L4.85213 1.3H1.95ZM0.571142 0.571142C0.936838 0.205446 1.43283 0 1.95 0H5.2C5.41733 0 5.62028 0.108616 5.74083 0.289445L6.84787 1.95H12.35C12.8672 1.95 13.3632 2.15545 13.7289 2.52114C14.0946 2.88684 14.3 3.38283 14.3 3.9V11.05C14.3 11.5672 14.0946 12.0632 13.7289 12.4289C13.3632 12.7946 12.8672 13 12.35 13H1.95C1.43283 13 0.936837 12.7946 0.571142 12.4289C0.205446 12.0632 0 11.5672 0 11.05V1.95C0 1.43283 0.205446 0.936838 0.571142 0.571142Z"
|
||||
fill="#0041E8" />
|
||||
d="M1.95 1.3C1.77761 1.3 1.61228 1.36848 1.49038 1.49038C1.36848 1.61228 1.3 1.77761 1.3 1.95V11.05C1.3 11.2224 1.36848 11.3877 1.49038 11.5096C1.61228 11.6315 1.77761 11.7 1.95 11.7H12.35C12.5224 11.7 12.6877 11.6315 12.8096 11.5096C12.9315 11.3877 13 11.2224 13 11.05V3.9C13 3.72761 12.9315 3.56228 12.8096 3.44038C12.6877 3.31848 12.5224 3.25 12.35 3.25H6.5C6.28267 3.25 6.07972 3.14138 5.95917 2.96055L4.85213 1.3H1.95ZM0.571142 0.571142C0.936838 0.205446 1.43283 0 1.95 0H5.2C5.41733 0 5.62028 0.108616 5.74083 0.289445L6.84787 1.95H12.35C12.8672 1.95 13.3632 2.15545 13.7289 2.52114C14.0946 2.88684 14.3 3.38283 14.3 3.9V11.05C14.3 11.5672 14.0946 12.0632 13.7289 12.4289C13.3632 12.7946 12.8672 13 12.35 13H1.95C1.43283 13 0.936837 12.7946 0.571142 12.4289C0.205446 12.0632 0 11.5672 0 11.05V1.95C0 1.43283 0.205446 0.936838 0.571142 0.571142Z"
|
||||
fill="#0041E8" />
|
||||
</svg>
|
||||
<span class="text-[#0041E8] ml-[5px]">Quản lý</span>
|
||||
</a>
|
||||
<a href="" class="flex items-center">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13"
|
||||
viewBox="0 0 13 13" fill="none">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" fill="none">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd"
|
||||
d="M1.77273 2.36364C1.61601 2.36364 1.46571 2.42589 1.35489 2.53671C1.24407 2.64753 1.18182 2.79783 1.18182 2.95455V11.2273C1.18182 11.384 1.24407 11.5343 1.35489 11.6451C1.46571 11.7559 1.61601 11.8182 1.77273 11.8182H10.0455C10.2022 11.8182 10.3525 11.7559 10.4633 11.6451C10.5741 11.5343 10.6364 11.384 10.6364 11.2273V8.07182C10.6364 7.74547 10.9009 7.48091 11.2273 7.48091C11.5536 7.48091 11.8182 7.74547 11.8182 8.07182V11.2273C11.8182 11.6974 11.6314 12.1483 11.299 12.4808C10.9665 12.8132 10.5156 13 10.0455 13H1.77273C1.30257 13 0.85167 12.8132 0.51922 12.4808C0.186769 12.1483 0 11.6974 0 11.2273V2.95455C0 2.48439 0.186769 2.03349 0.51922 1.70104C0.851671 1.36859 1.30257 1.18182 1.77273 1.18182H4.92818C5.25453 1.18182 5.51909 1.44638 5.51909 1.77273C5.51909 2.09908 5.25453 2.36364 4.92818 2.36364H1.77273Z"
|
||||
fill="#0041E8" />
|
||||
d="M1.77273 2.36364C1.61601 2.36364 1.46571 2.42589 1.35489 2.53671C1.24407 2.64753 1.18182 2.79783 1.18182 2.95455V11.2273C1.18182 11.384 1.24407 11.5343 1.35489 11.6451C1.46571 11.7559 1.61601 11.8182 1.77273 11.8182H10.0455C10.2022 11.8182 10.3525 11.7559 10.4633 11.6451C10.5741 11.5343 10.6364 11.384 10.6364 11.2273V8.07182C10.6364 7.74547 10.9009 7.48091 11.2273 7.48091C11.5536 7.48091 11.8182 7.74547 11.8182 8.07182V11.2273C11.8182 11.6974 11.6314 12.1483 11.299 12.4808C10.9665 12.8132 10.5156 13 10.0455 13H1.77273C1.30257 13 0.85167 12.8132 0.51922 12.4808C0.186769 12.1483 0 11.6974 0 11.2273V2.95455C0 2.48439 0.186769 2.03349 0.51922 1.70104C0.851671 1.36859 1.30257 1.18182 1.77273 1.18182H4.92818C5.25453 1.18182 5.51909 1.44638 5.51909 1.77273C5.51909 2.09908 5.25453 2.36364 4.92818 2.36364H1.77273Z"
|
||||
fill="#0041E8" />
|
||||
<path fill-rule="evenodd" clip-rule="evenodd"
|
||||
d="M9.62762 0.173073C9.85838 -0.0576911 10.2325 -0.0576911 10.4633 0.173073L12.8269 2.53671C13.0577 2.76747 13.0577 3.14162 12.8269 3.37238L6.91784 9.28147C6.80702 9.39229 6.65672 9.45455 6.5 9.45455H4.13636C3.81001 9.45455 3.54545 9.18999 3.54545 8.86364V6.5C3.54545 6.34328 3.60771 6.19298 3.71853 6.08216L9.62762 0.173073ZM4.72727 6.74476V8.27273H6.25524L11.5734 2.95455L10.0455 1.42658L4.72727 6.74476Z"
|
||||
fill="#0041E8" />
|
||||
d="M9.62762 0.173073C9.85838 -0.0576911 10.2325 -0.0576911 10.4633 0.173073L12.8269 2.53671C13.0577 2.76747 13.0577 3.14162 12.8269 3.37238L6.91784 9.28147C6.80702 9.39229 6.65672 9.45455 6.5 9.45455H4.13636C3.81001 9.45455 3.54545 9.18999 3.54545 8.86364V6.5C3.54545 6.34328 3.60771 6.19298 3.71853 6.08216L9.62762 0.173073ZM4.72727 6.74476V8.27273H6.25524L11.5734 2.95455L10.0455 1.42658L4.72727 6.74476Z"
|
||||
fill="#0041E8" />
|
||||
</svg>
|
||||
<span class="text-[#0041E8] ml-[5px]">Chọn ảnh trong kho ảnh chính</span>
|
||||
</a>
|
||||
</div>
|
||||
<textarea id="product-desc"> </textarea>
|
||||
|
||||
<input class="btn w-[85px] h-[35px] min-h-[35px] bg-[#0041E8] rounded-[4px] mt-[10px] text-white cursor-pointer"
|
||||
name="commit" type="submit" value="Cập nhật">
|
||||
|
||||
</div>
|
||||
@@ -14,270 +14,275 @@
|
||||
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.6.0/dist/full.min.css" rel="stylesheet" type="text/css" />
|
||||
|
||||
<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="{{ 'pc_style.css' | asset_url }}?v=1.99.21" />
|
||||
<link rel="stylesheet" media="screen" href="{{ 'pc_style.css' | asset_url }}" />
|
||||
|
||||
<script src="{{ 'tailwindcss.js' | asset_url }}"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
{{global|show_var}}
|
||||
{{page|show_var}}
|
||||
|
||||
<div class="admin-global-container">
|
||||
<div class="admin-global-container">
|
||||
|
||||
<!-- Menu cũ -->
|
||||
<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">
|
||||
<i class="fa-solid fa-outdent"></i>
|
||||
</a>
|
||||
<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">
|
||||
<i class="fa-solid fa-outdent"></i>
|
||||
</a>
|
||||
|
||||
<a href="" class="menu-logo">
|
||||
<img src="{{ 'logo.png' | asset_url }}" />
|
||||
</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>
|
||||
<div class="menu-list">
|
||||
<a href="/" class="item">
|
||||
<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 %}
|
||||
<details {% if _type == global.name %} open {% endif %}>
|
||||
<summary class="item">
|
||||
<div class="flex items-center">
|
||||
{% for _category in global.main_menu %}
|
||||
{% 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">
|
||||
|
||||
{% 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 %}
|
||||
{% 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>
|
||||
<span class="title"> {{ _category[1].name }} </span>
|
||||
</div>
|
||||
|
||||
<i class="fa-solid fa-angle-right"></i>
|
||||
</summary>
|
||||
<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 %}
|
||||
</div>
|
||||
<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 %}
|
||||
</div>
|
||||
|
||||
<div class="menu-list">
|
||||
<p style="color: #81B5E4;margin: 0 0 10px;font-weight: 700;padding: 0 16px;">TÀI KHOẢN</p>
|
||||
<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>
|
||||
<span class="title"> Cài đặt </span>
|
||||
</a>
|
||||
<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-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-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>
|
||||
<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 -->
|
||||
<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">
|
||||
<div>
|
||||
<div class="logo item items-center justify-center border-[rgba(255,255,255,0.15)] border-b p-[20px_0_38px_!important]">
|
||||
<a href="/" class="">
|
||||
<img src="../assets/images/logo_small.png" alt="">
|
||||
</a>
|
||||
<a href="javascript:void(0)" class="icon-close" id="js-show-menu">
|
||||
<i class="fa-solid fa-indent"></i>
|
||||
</a>
|
||||
</div>
|
||||
<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">
|
||||
<div>
|
||||
<div
|
||||
class="logo item items-center justify-center border-[rgba(255,255,255,0.15)] border-b p-[20px_0_38px_!important]">
|
||||
<a href="/" class="">
|
||||
<img src="../assets/images/logo_small.png" alt="">
|
||||
</a>
|
||||
<a href="javascript:void(0)" class="icon-close" id="js-show-menu">
|
||||
<i class="fa-solid fa-indent"></i>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<a href="/" class="icons icon-home"> </a>
|
||||
<div class="item">
|
||||
<a href="/" class="icons icon-home"> </a>
|
||||
|
||||
<div class="sub-menu">
|
||||
<p class="font-bold"> Home </p>
|
||||
</div>
|
||||
</div>
|
||||
<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 %}
|
||||
{% 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 %}
|
||||
{% 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="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 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>
|
||||
<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="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="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="item bottom">
|
||||
<a href="" class="icons icon-support"> </a>
|
||||
|
||||
<div class="sub-menu">
|
||||
<p class="font-bold"> Hỗ trợ </p>
|
||||
<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="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="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="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="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="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 class="sub-menu">
|
||||
<p class="font-bold"> Thoát quản trị </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="admin-content-container w-[100%]">
|
||||
<!-- 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">
|
||||
<div class="absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none">
|
||||
<i class="icons icon-search"></i>
|
||||
</div>
|
||||
<!-- 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">
|
||||
<div class="absolute 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 border h-[36px] ps-10 rounded w-full" placeholder="Tìm kiếm">
|
||||
</form>
|
||||
<input type="search" class="block border h-[36px] ps-10 rounded w-full" placeholder="Tìm kiếm">
|
||||
</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="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>
|
||||
<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>
|
||||
<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-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>
|
||||
<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]" />
|
||||
<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>
|
||||
<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-0">
|
||||
<a href="">Đổi mật khẩu</a>
|
||||
<a href="">Thoát quản trị</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Content -->
|
||||
{{page_content}}
|
||||
<!-- Content -->
|
||||
{{page_content}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
{% include javascript/index %}
|
||||
{% include javascript/index %}
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user