tieptk/admin_hura_8
2
1
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity

20/01/2024

Browse Source
This commit is contained in:
Tieptk
2024-01-20 09:23:31 +07:00
parent e5525fd7f2
commit 9f913a3871
2 changed files with 454 additions and 430 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
template/home/home.html
View File

@@ -4,6 +4,42 @@
<div class="col-span-7 grid grid-cols-4 max-[1620px]:gap-[10px] gap-[16px]">
<div
class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] transition duration-300 hover:shadow-[0px_1px_5px_0px_rgba(0,0,0,0.20)]">
<div class="border-b border-b-[#FAFAFB] p-[10px_10px_15px_13px]">
<div class="flex justify-between leading-[16px] min-h-[32px]">
<p class="mr-[10px] w-[calc(100%-36px)] text-[#B1B1B1] text-[12px] uppercase">Đơn hàng
mới</p>
<a href=""
class="bg-[#F0F8FF] flex h-[26px] items-center justify-center rounded-[4px] text-center w-[26px]">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0 0.777778C0 0.348223 0.348223 0 0.777778 0H2.16049C2.53125 0 2.85046 0.261691 2.92317 0.625243L3.07466 1.38272H13.2222C13.4918 1.38272 13.7421 1.52229 13.8838 1.75159C14.0256 1.98089 14.0384 2.26722 13.9179 2.50833L11.1525 8.03919C11.0207 8.30269 10.7514 8.46914 10.4568 8.46914H3.86538L2.65551 9.67901H10.4568C11.65 9.67901 12.6173 10.6463 12.6173 11.8395C12.6173 13.0327 11.65 14 10.4568 14C9.26356 14 8.2963 13.0327 8.2963 11.8395C8.2963 11.6295 8.32625 11.4265 8.38213 11.2346H5.61787C5.67375 11.4265 5.7037 11.6295 5.7037 11.8395C5.7037 13.0327 4.73641 14 3.54321 14C2.35001 14 1.38272 13.0327 1.38272 11.8395C1.38272 11.5231 1.45075 11.2225 1.57298 10.9517C0.903709 10.4543 0.723772 9.41089 1.40802 8.72661L2.6989 7.43572L1.52287 1.55556H0.777778C0.348223 1.55556 0 1.20733 0 0.777778ZM4.18084 6.91358H9.9761L11.9638 2.93827H3.38577L4.18084 6.91358ZM3.54321 11.2346C3.2091 11.2346 2.93827 11.5054 2.93827 11.8395C2.93827 12.1736 3.2091 12.4444 3.54321 12.4444C3.87732 12.4444 4.14815 12.1736 4.14815 11.8395C4.14815 11.5054 3.87732 11.2346 3.54321 11.2346ZM10.4568 11.2346C10.1227 11.2346 9.85185 11.5054 9.85185 11.8395C9.85185 12.1736 10.1227 12.4444 10.4568 12.4444C10.7909 12.4444 11.0617 12.1736 11.0617 11.8395C11.0617 11.5054 10.7909 11.2346 10.4568 11.2346Z"
fill="#0041E8"></path>
</svg>
</a>
</div>
<p class="text-[28px] max-[1620px]:text-[22px] leading-[36px] font-[600]">10.000.000</p>
</div>
<div class="flex items-center p-[8px_13px]">
<div
class="bg-[#E8F7F2] bg-green-100 flex font-[700] inline-flex items-center leading-[24px] mr-[10px] px-[5px] rounded-[4px] text-[#299D00] text-[14px]">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="8" viewBox="0 0 14 8" fill="none"
class="mr-[2px]">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M7.33333 1.33333C6.96514 1.33333 6.66667 1.03486 6.66667 0.666667C6.66667 0.298477 6.96514 0 7.33333 0H12.6667C13.0349 0 13.3333 0.298477 13.3333 0.666667V6C13.3333 6.36819 13.0349 6.66667 12.6667 6.66667C12.2985 6.66667 12 6.36819 12 6V2.27614L7.80474 6.4714C7.67971 6.59643 7.51014 6.66667 7.33333 6.66667C7.15652 6.66667 6.98695 6.59643 6.86193 6.4714L4.66667 4.27614L1.13807 7.80474C0.877722 8.06509 0.455612 8.06509 0.195262 7.80474C-0.0650874 7.54439 -0.0650874 7.12228 0.195262 6.86193L4.19526 2.86193C4.32029 2.7369 4.48985 2.66667 4.66667 2.66667C4.84348 2.66667 5.01305 2.7369 5.13807 2.86193L7.33333 5.05719L11.0572 1.33333H7.33333Z"
fill="#299D00"></path>
</svg>
<b class="font-[700]"> 10% </b>
</div>
<p class="text-[#C5C5C5] text-[12px]">Hôm qua</p>
</div>
</div>
<div
class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] transition duration-300 hover:shadow-[0px_1px_5px_0px_rgba(0,0,0,0.20)]">
<div class="border-b border-b-[#FAFAFB] p-[10px_10px_15px_13px]">

88
template/theme.html
View File

@@ -29,7 +29,6 @@
<body>
<div>{{ global | show_var }}</div>
<div class="admin-global-container">
<div class="admin-global-container">
@@ -38,6 +37,7 @@
<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>
@@ -69,14 +69,6 @@
</details>
<div class="sub-menu">
<a href=""> Menu title </a>
<a href=""> Menu title </a>
<a href=""> Menu title </a>
<a href=""> Menu title </a>
</div>
</details>
<details>
<summary>
<a href="">
@@ -93,10 +85,9 @@
</summary>
<div class="sub-menu">
<a href=""> Menu title </a>
<a href=""> Menu title </a>
<a href=""> Menu title </a>
<a href=""> Menu title </a>
{% for _item in global.main_menu.product.menu %}
<a href="?module={{_item.module }}&view={{_item.view }}"> {{_item.name }} </a>
{% endfor %}
</div>
</details>
@@ -116,10 +107,9 @@
</summary>
<div class="sub-menu">
<a href=""> Menu title </a>
<a href=""> Menu title </a>
<a href=""> Menu title </a>
<a href=""> Menu title </a>
{% for _item in global.main_menu.customer.menu %}
<a href="?module={{_item.module }}&view={{_item.view }}"> {{_item.name }} </a>
{% endfor %}
</div>
</details>
@@ -242,12 +232,19 @@
</div>
<!-- Menu mới -->
<div class="admin-menu sticky top-0 bottom-0 h-[100vh] bg-[#004E99] flex flex-col justify-between"
id="menu-small">
<div class="admin-menu sticky top-0 bottom-0 h-[100vh] bg-[#004E99] flex flex-col justify-between" id="menu-small">
<a href="javascript:void(0)" class="icon-close" id="js-show-menu">
<i class="fa-solid fa-indent"></i>
</a>
<div>
<a href=""
class="item items-center justify-center border-[rgba(255,255,255,0.15)] border-b p-[20px_0_38px_!important]">
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="21" viewBox="0 0 35 21" fill="none">
<path
d="M28.5184 7.75141C28.4928 10.6955 27.8993 11.3464 27.8993 11.3464C29.065 3.56585 22.8312 0.686397 22.8312 0.686397C14.1636 -2.28358 11.3328 5.34611 11.3328 5.34611C5.84614 4.92368 4.24499 10.0963 4.24499 10.0963C10.9656 11.1611 9.15091 16.8812 9.15091 16.8812C9.36867 12.5146 6.78975 11.4887 6.78975 11.4887C2.42608 9.30752 0.355256 13.7302 0.355256 13.7302C-1.31421 19.2347 3.44228 20.4891 3.44228 20.4891H28.9967C35.0725 19.6098 34.748 14.1052 34.748 14.1052C34.1246 7.61347 28.5184 7.75141 28.5184 7.75141Z"
fill="white" />
</svg>
</a>
<div class="item">
<a href="/" class="icons icon-home"> </a>
@@ -270,18 +267,16 @@
</div>
</div>
<div class="item">
<div class="item bottom">
<a href="" class="icons icon-product"> </a>
<div class="sub-menu">
<p class="font-bold"> Sản phẩm </p>
<div class="menu-list">
<a href="?module=product"> Danh sách </a>
<a href="?module=product&view=form"> Thêm sản phẩm </a>
<a href="?module=product&view=category"> Danh mục </a>
<a href=""> Menu title </a>
<a href=""> Menu title </a>
{% for _item in global.main_menu.product.menu %}
<a href="/?module={{_item.module }}&view={{_item.view }}"> {{_item.name }} </a>
{% endfor %}
</div>
</div>
</div>
@@ -293,10 +288,9 @@
<p class="font-bold"> Khách hàng </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>
{% for _item in global.main_menu.customer.menu %}
<a href="/?module={{_item.module }}&view={{_item.view }}"> {{_item.name }} </a>
{% endfor %}
</div>
</div>
</div>
@@ -308,10 +302,9 @@
<p class="font-bold"> Marketing </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>
{% for _item in global.main_menu.marketing.menu %}
<a href="/?module={{_item.module }}&view={{_item.view }}"> {{_item.name }} </a>
{% endfor %}
</div>
</div>
</div>
@@ -323,10 +316,9 @@
<p class="font-bold"> Nội dung </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>
{% for _item in global.main_menu.article.menu %}
<a href="/?module={{_item.module }}&view={{_item.view }}"> {{_item.name }} </a>
{% endfor %}
</div>
</div>
</div>
@@ -338,10 +330,9 @@
<p class="font-bold"> Thống kê </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>
{% for _item in global.main_menu.report.menu %}
<a href="/?module={{_item.module }}&view={{_item.view }}"> {{_item.name }} </a>
{% endfor %}
</div>
</div>
</div>
@@ -353,10 +344,9 @@
<p class="font-bold"> Hệ thống </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>
{% for _item in global.main_menu.system.menu %}
<a href="/?module={{_item.module }}&view={{_item.view }}"> {{_item.name }} </a>
{% endfor %}
</div>
</div>
</div>
@@ -370,10 +360,9 @@
<p class="font-bold"> Cài đặt </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>
{% for _item in global.main_menu.system.menu %}
<a href="/?module={{_item.module }}&view={{_item.view }}"> {{_item.name }} </a>
{% endfor %}
</div>
</div>
</div>
@@ -516,7 +505,6 @@
</div>
</div>
</body>