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

Compare commits

base: tieptk:2e97b21bdaba9d4b5a69bfcb927ac8cf5306d171
Branches Tags
tieptk:master
..
compare: tieptk:e10bec9289f510ad344242bbb724daa87d6ec4c5
Branches Tags
tieptk:master

3 Commits
2e97b21bda ... e10bec9289

Author SHA1 Message Date
Tieptk
e10bec9289 20/1/2024 2024-01-20 09:36:14 +07:00
Tieptk
a35ca0cd16 20/1/2024 2024-01-20 09:29:38 +07:00
Tieptk
9f913a3871 20/01/2024 2024-01-20 09:23:31 +07:00
2 changed files with 469 additions and 444 deletions
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="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 <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)]"> 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="border-b border-b-[#FAFAFB] p-[10px_10px_15px_13px]">

87
template/theme.html
View File

@@ -27,9 +27,6 @@
</head> </head>
<body> <body>
<div class="admin-global-container">
<div class="admin-global-container"> <div class="admin-global-container">
<!-- Menu cũ --> <!-- Menu cũ -->
@@ -37,6 +34,7 @@
<a href="javascript:void(0)" class="icon-close" id="js-hide-menu"> <a href="javascript:void(0)" class="icon-close" id="js-hide-menu">
<i class="fa-solid fa-outdent"></i> <i class="fa-solid fa-outdent"></i>
</a> </a>
<a href="" class="menu-logo"> <a href="" class="menu-logo">
<img src="{{ 'logo.png' | asset_url }}" /> <img src="{{ 'logo.png' | asset_url }}" />
</a> </a>
@@ -68,7 +66,6 @@
</details> </details>
<details> <details>
<summary> <summary>
<a href=""> <a href="">
@@ -85,10 +82,9 @@
</summary> </summary>
<div class="sub-menu"> <div class="sub-menu">
<a href=""> Menu title </a> {% for _item in global.main_menu.product.menu %}
<a href=""> Menu title </a> <a href="?module={{_item.module }}&view={{_item.view }}"> {{_item.name }} </a>
<a href=""> Menu title </a> {% endfor %}
<a href=""> Menu title </a>
</div> </div>
</details> </details>
@@ -108,10 +104,9 @@
</summary> </summary>
<div class="sub-menu"> <div class="sub-menu">
<a href=""> Menu title </a> {% for _item in global.main_menu.customer.menu %}
<a href=""> Menu title </a> <a href="?module={{_item.module }}&view={{_item.view }}"> {{_item.name }} </a>
<a href=""> Menu title </a> {% endfor %}
<a href=""> Menu title </a>
</div> </div>
</details> </details>
@@ -231,15 +226,23 @@
<i class="icons icon-logout"></i> <i class="icons icon-logout"></i>
<span class="title"> Thoát quản trị </span> <span class="title"> Thoát quản trị </span>
</a> </a>
</div> </div>
<!-- Menu mới --> <!-- Menu mới -->
<div class="admin-menu sticky top-0 bottom-0 h-[100vh] bg-[#004E99] flex flex-col justify-between" <div class="admin-menu sticky top-0 bottom-0 h-[100vh] bg-[#004E99] flex flex-col justify-between" id="menu-small">
id="menu-small">
<a href="javascript:void(0)" class="icon-close" id="js-show-menu"> <a href="javascript:void(0)" class="icon-close" id="js-show-menu">
<i class="fa-solid fa-indent"></i> <i class="fa-solid fa-indent"></i>
</a> </a>
<div> <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"> <div class="item">
<a href="/" class="icons icon-home"> </a> <a href="/" class="icons icon-home"> </a>
@@ -269,11 +272,9 @@
<p class="font-bold"> Sản phẩm </p> <p class="font-bold"> Sản phẩm </p>
<div class="menu-list"> <div class="menu-list">
<a href="?module=product"> Danh sách </a> {% for _item in global.main_menu.product.menu %}
<a href="?module=product&view=form"> Thêm sản phẩm </a> <a href="/?module={{_item.module }}&view={{_item.view }}"> {{_item.name }} </a>
<a href="?module=product&view=category"> Danh mục </a> {% endfor %}
<a href=""> Menu title </a>
<a href=""> Menu title </a>
</div> </div>
</div> </div>
</div> </div>
@@ -285,10 +286,9 @@
<p class="font-bold"> Khách hàng </p> <p class="font-bold"> Khách hàng </p>
<div class="menu-list"> <div class="menu-list">
<a href=""> Menu title </a> {% for _item in global.main_menu.customer.menu %}
<a href=""> Menu title </a> <a href="/?module={{_item.module }}&view={{_item.view }}"> {{_item.name }} </a>
<a href=""> Menu title </a> {% endfor %}
<a href=""> Menu title </a>
</div> </div>
</div> </div>
</div> </div>
@@ -300,10 +300,9 @@
<p class="font-bold"> Marketing </p> <p class="font-bold"> Marketing </p>
<div class="menu-list"> <div class="menu-list">
<a href=""> Menu title </a> {% for _item in global.main_menu.marketing.menu %}
<a href=""> Menu title </a> <a href="/?module={{_item.module }}&view={{_item.view }}"> {{_item.name }} </a>
<a href=""> Menu title </a> {% endfor %}
<a href=""> Menu title </a>
</div> </div>
</div> </div>
</div> </div>
@@ -315,10 +314,9 @@
<p class="font-bold"> Nội dung </p> <p class="font-bold"> Nội dung </p>
<div class="menu-list"> <div class="menu-list">
<a href=""> Menu title </a> {% for _item in global.main_menu.article.menu %}
<a href=""> Menu title </a> <a href="/?module={{_item.module }}&view={{_item.view }}"> {{_item.name }} </a>
<a href=""> Menu title </a> {% endfor %}
<a href=""> Menu title </a>
</div> </div>
</div> </div>
</div> </div>
@@ -330,10 +328,9 @@
<p class="font-bold"> Thống kê </p> <p class="font-bold"> Thống kê </p>
<div class="menu-list"> <div class="menu-list">
<a href=""> Menu title </a> {% for _item in global.main_menu.report.menu %}
<a href=""> Menu title </a> <a href="/?module={{_item.module }}&view={{_item.view }}"> {{_item.name }} </a>
<a href=""> Menu title </a> {% endfor %}
<a href=""> Menu title </a>
</div> </div>
</div> </div>
</div> </div>
@@ -345,10 +342,9 @@
<p class="font-bold"> Hệ thống </p> <p class="font-bold"> Hệ thống </p>
<div class="menu-list"> <div class="menu-list">
<a href=""> Menu title </a> {% for _item in global.main_menu.system.menu %}
<a href=""> Menu title </a> <a href="/?module={{_item.module }}&view={{_item.view }}"> {{_item.name }} </a>
<a href=""> Menu title </a> {% endfor %}
<a href=""> Menu title </a>
</div> </div>
</div> </div>
</div> </div>
@@ -362,10 +358,9 @@
<p class="font-bold"> Cài đặt </p> <p class="font-bold"> Cài đặt </p>
<div class="menu-list"> <div class="menu-list">
<a href=""> Menu title </a> {% for _item in global.main_menu.system.menu %}
<a href=""> Menu title </a> <a href="/?module={{_item.module }}&view={{_item.view }}"> {{_item.name }} </a>
<a href=""> Menu title </a> {% endfor %}
<a href=""> Menu title </a>
</div> </div>
</div> </div>
</div> </div>
@@ -410,8 +405,6 @@
</div> </div>
</div> </div>
<div class="admin-content-container w-[100%]">
<!-- Header -->
<div class="admin-content-container w-[100%]"> <div class="admin-content-container w-[100%]">
<!-- Header --> <!-- Header -->
<div class="admin-header-container flex items-center justify-between bg-white px-4 py-3"> <div class="admin-header-container flex items-center justify-between bg-white px-4 py-3">
@@ -502,13 +495,9 @@
{{page_content}} {{page_content}}
</div>
</div> </div>
</div>
</div> </div>
</body> </body>