up
This commit is contained in:
@@ -139,6 +139,10 @@ a {
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
.admin-menu-container.show {
|
||||
display: block;
|
||||
z-index: 999;
|
||||
}
|
||||
.admin-menu-container a {
|
||||
color: #fff;
|
||||
}
|
||||
@@ -446,10 +450,6 @@ a {
|
||||
background-position: -330px -88px;
|
||||
}
|
||||
|
||||
.admin-header-container .menu-hide {
|
||||
margin-left: 30px;
|
||||
}
|
||||
|
||||
/* Bán hàng */
|
||||
.page-input {
|
||||
width: 100%;
|
||||
@@ -666,7 +666,7 @@ a {
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
z-index: 9;
|
||||
display: none;
|
||||
}
|
||||
@@ -778,21 +778,6 @@ a {
|
||||
body {
|
||||
font-size: 18px;
|
||||
}
|
||||
.admin-menu-container {
|
||||
width: 300px;
|
||||
}
|
||||
.admin-content-container {
|
||||
margin-left: 300px !important;
|
||||
}
|
||||
.menu-list .item {
|
||||
line-height: 50px !important;
|
||||
}
|
||||
.admin-menu-container .sub-menu a {
|
||||
font-size: 16px;
|
||||
}
|
||||
.admin-menu-container .hover-menu a {
|
||||
line-height: 30px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1920px) {
|
||||
.text-custom-14 {
|
||||
|
||||
File diff suppressed because one or more lines are too long
@@ -121,6 +121,10 @@ a {
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
&.show {
|
||||
display: block;
|
||||
z-index: 999;
|
||||
}
|
||||
a {
|
||||
color: #fff;
|
||||
}
|
||||
@@ -439,12 +443,6 @@ a {
|
||||
}
|
||||
}
|
||||
|
||||
.admin-header-container {
|
||||
.menu-hide {
|
||||
margin-left: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Bán hàng */
|
||||
.page-input {
|
||||
width: 100%;
|
||||
@@ -672,7 +670,7 @@ a {
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
z-index: 9;
|
||||
display: none;
|
||||
&.active {
|
||||
@@ -785,24 +783,6 @@ a {
|
||||
body {
|
||||
font-size: 18px;
|
||||
}
|
||||
.admin-menu-container {
|
||||
width: 300px;
|
||||
}
|
||||
.admin-content-container {
|
||||
margin-left: 300px !important;
|
||||
}
|
||||
|
||||
.menu-list {
|
||||
.item {
|
||||
line-height: 50px !important;
|
||||
}
|
||||
}
|
||||
.admin-menu-container .sub-menu a {
|
||||
font-size: 16px;
|
||||
}
|
||||
.admin-menu-container .hover-menu a {
|
||||
line-height: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1920px) {
|
||||
|
||||
@@ -1,6 +1,4 @@
|
||||
<div class="w-[100%]">
|
||||
<div
|
||||
class="m-[15px] px-[15px] py-[20px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto">
|
||||
<div class="m-[15px_0_15px_15px] px-[15px] py-[20px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)]">
|
||||
<h1 class="text-[24px] font-[700]">Khách hàng liên hệ</h1>
|
||||
|
||||
<form action=""
|
||||
@@ -21,7 +19,7 @@
|
||||
</select>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="lg:max-w-[1600px] xl:max-w-[1600px] md:max-w-[1600px] sm:max-w-[1600px] 2xl:max-w-full overflow-x-auto">
|
||||
<table class="table">
|
||||
<thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
|
||||
<tr>
|
||||
@@ -29,7 +27,7 @@
|
||||
<th>Thời gian</th>
|
||||
<th>Khách hàng</th>
|
||||
<th>Thông tin</th>
|
||||
<th class="w-[340px]">Nội dung liên hệ</th>
|
||||
<th class="w-[340px] whitespace-nowrap">Nội dung liên hệ</th>
|
||||
<th class="w-[200px]">Ghi chú</th>
|
||||
<th class="w-[120px]">Trạng thái</th>
|
||||
</tr>
|
||||
@@ -37,18 +35,18 @@
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>09-08-2023, 11:24 am</td>
|
||||
<td class="whitespace-nowrap">09-08-2023, 11:24 am</td>
|
||||
<td>Đức Anh</td>
|
||||
<td>
|
||||
<td class="whitespace-nowrap xl:w-[340px] md:w-[340px] sm:w-[340px] 2xl:w-auto">
|
||||
<p>- Email: ducanhnguyen199x@gmail.com</p>
|
||||
<p>- Tel: 0976642092</p>
|
||||
<p>- Mobile: 0976642092</p>
|
||||
</td>
|
||||
<td>
|
||||
<td class="xl:w-[340px] md:w-[340px] sm:w-[340px] 2xl:w-auto table-cell">
|
||||
Trả góp sản phẩm: HHWS AMD RYZEN 9 3900XT | 16G | NVIDIA RTX 2060 6G - Tên: no name - SĐT:
|
||||
0147258369 - Nội dung: fsfdf
|
||||
</td>
|
||||
<td>
|
||||
<td class="xl:w-[200px] md:w-[200px] sm:w-[200px] 2xl:w-auto">
|
||||
<textarea name="" id=""
|
||||
class="w-[100%] h-[40px] rounded-[4px] p-[5px] border-[1px] border-[#D8D8D8] mb-[5px]"></textarea>
|
||||
<a href="" class="btn w-[100px] h-[35px] min-h-[35px] rounded-[4px] bg-[#0041E8] text-white">Cập
|
||||
@@ -56,7 +54,7 @@
|
||||
</td>
|
||||
|
||||
|
||||
<td>
|
||||
<td class="xl:w-[120px] 2xl:w-auto">
|
||||
<select name="" id=""
|
||||
class="w-[100%] h-[30px] mb-[10px] border-[1px] border-[#F6F6F6] rounded-[4px] shadow-[0px_2px_4px_0px_#0000001F]">
|
||||
<option value="">Trạng thái</option>
|
||||
@@ -75,6 +73,5 @@
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -50,7 +50,8 @@
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="lg:max-w-[1600px] xl:max-w-[1600px] md:max-w-[1600px] sm:max-w-[1600px] 2xl:max-w-full overflow-x-auto whitespace-nowrap">
|
||||
<table class="w-[100%] mt-[15px] table">
|
||||
<thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
|
||||
<tr>
|
||||
@@ -99,28 +100,29 @@
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<a href="/admin/product/form?id={{item.id}}" title="Form sản phẩm"
|
||||
class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
||||
class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
||||
<i class="icons icon-edit"></i>
|
||||
</a>
|
||||
<a href="{{item.request_path}}" title="Xem tại web" target="_blank"
|
||||
class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
||||
class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
||||
<i class="fa-solid fa-lock text-[#0041E8]"></i>
|
||||
</a>
|
||||
</div>
|
||||
<div class="flex items-center">
|
||||
<a href=""
|
||||
class="w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
||||
class="w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
||||
<i class="fa-solid fa-globe text-[#9E9E9E]"></i>
|
||||
</a>
|
||||
<a href=""
|
||||
class="w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
||||
<i class="icons icon-remove"></i>
|
||||
class="w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
||||
<i class="icons icon-delete"></i>
|
||||
</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="paging">
|
||||
<a href="">
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
<div class="content-holder gap-[16px] max-[1620px]:gap-[10px] grid grid-cols-10">
|
||||
<div class="content-holder xl:gap-[16px] 2xl:gap-[10px] grid 2xl:grid-cols-10">
|
||||
|
||||
<!-- col-left -->
|
||||
<div class="2xl:col-span-7 grid grid-cols-4 max-[1620px]:gap-[10px] gap-[16px] xl:col-span-10">
|
||||
|
||||
@@ -3,7 +3,8 @@
|
||||
|
||||
// Sự kiện click để hiển thị menu
|
||||
$('#js-show-menu').click(function () {
|
||||
AdminFunctions.toggleMenuVisibility(false);
|
||||
$('#js-menu-big').toggleClass('show');
|
||||
$('#overlay').addClass('active');
|
||||
});
|
||||
|
||||
// Sự kiện click để ẩn menu
|
||||
@@ -19,6 +20,13 @@
|
||||
|
||||
})
|
||||
|
||||
|
||||
function clickBackground() {
|
||||
$('#js-menu-big').removeClass('show');
|
||||
$('#overlay').removeClass('active');
|
||||
}
|
||||
|
||||
|
||||
function formatCurrency(a) {
|
||||
var b = parseFloat(a).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, "$1.").toString();
|
||||
var len = b.length;
|
||||
|
||||
@@ -16,6 +16,8 @@
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="lg:max-w-[1600px] xl:max-w-[1600px] md:max-w-[1600px] sm:max-w-[1600px] 2xl:max-w-full overflow-x-auto whitespace-nowrap">
|
||||
<table class="mt-[15px] table">
|
||||
<thead class="bg-[#f6f6f6] text-[#000] text-[14px]">
|
||||
<tr>
|
||||
@@ -62,4 +64,5 @@
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -18,7 +18,8 @@
|
||||
class="inline-block w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#0041E8] text-center leading-[11px] text-[#0041E8] mb-[2px]">+</span>
|
||||
<span class="text-[#0041E8] font-[500]">Thêm nhóm cấu hình</span>
|
||||
</a>
|
||||
|
||||
<div
|
||||
class="lg:max-w-[1600px] xl:max-w-[1600px] md:max-w-[1600px] sm:max-w-[1600px] 2xl:max-w-full overflow-x-auto whitespace-nowrap">
|
||||
<table class="table mt-[15px]">
|
||||
<thead class="bg-[#f6f6f6] text-[#000] text-[14px]">
|
||||
<tr>
|
||||
@@ -40,15 +41,16 @@
|
||||
<td class="w-[90px]">
|
||||
<div class='list-btn flex items-center justify-center'>
|
||||
<a href=""
|
||||
class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||
class='w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||
class='icons icon-edit'></i></a>
|
||||
<a href=""
|
||||
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
|
||||
class='icons icon-remove'></i></a>
|
||||
class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
|
||||
class='icons icon-delete'></i></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -24,7 +24,8 @@
|
||||
<option value="">Bộ lọc</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="lg:max-w-[1600px] xl:max-w-[1600px] md:max-w-[1600px] sm:max-w-[1600px] 2xl:max-w-full overflow-x-auto whitespace-nowrap">
|
||||
<table class="table">
|
||||
<thead class="bg-[#f6f6f6] text-[#000] text-[14px]">
|
||||
<tr>
|
||||
@@ -78,7 +79,7 @@
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
@@ -25,7 +25,8 @@
|
||||
<span class="text-[#0041E8]">Thêm nhóm mới</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="lg:max-w-[1600px] xl:max-w-[1600px] md:max-w-[1600px] sm:max-w-[1600px] 2xl:max-w-full overflow-x-auto whitespace-nowrap">
|
||||
<table class="table mt-[15px]">
|
||||
<thead class="bg-[#f6f6f6] text-[#000] text-[14px]">
|
||||
<tr>
|
||||
@@ -43,11 +44,11 @@
|
||||
<td class="w-[100px]">
|
||||
<div class='list-btn flex items-center justify-center'>
|
||||
<a href=""
|
||||
class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||
class='w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||
class='icons icon-edit'></i></a>
|
||||
<a href=""
|
||||
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
|
||||
class='icons icon-remove'></i></a>
|
||||
class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
|
||||
class='icons icon-delete'></i></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
@@ -59,11 +60,11 @@
|
||||
<td class="w-[100px]">
|
||||
<div class='list-btn flex items-center justify-center'>
|
||||
<a href=""
|
||||
class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||
class='w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||
class='icons icon-edit'></i></a>
|
||||
<a href=""
|
||||
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
|
||||
class='icons icon-remove'></i></a>
|
||||
class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
|
||||
class='icons icon-delete'></i></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
@@ -75,16 +76,16 @@
|
||||
<td class="w-[100px]">
|
||||
<div class='list-btn flex items-center justify-center'>
|
||||
<a href=""
|
||||
class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||
class='w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||
class='icons icon-edit'></i></a>
|
||||
<a href=""
|
||||
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
|
||||
class='icons icon-remove'></i></a>
|
||||
class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
|
||||
class='icons icon-delete'></i></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -21,12 +21,13 @@
|
||||
|
||||
<body>
|
||||
|
||||
<div id="overlay"></div>
|
||||
<div id="overlay" onclick="clickBackground()"></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">
|
||||
<div class="admin-menu-container box-menu fixed top-0 left-0 h-[100vh] z-[999] 2xl:block lg:block md:hidden sm:hidden"
|
||||
id="js-menu-big">
|
||||
<a href="" class="menu-logo">
|
||||
<img src="{{ 'logo.png' | asset_url }}" />
|
||||
</a>
|
||||
@@ -67,13 +68,13 @@
|
||||
{% elsif _type == 'system' %}<i class="icons w-[20px] h-[20px] mr-[13px] icon-system"></i>
|
||||
{% endif %}
|
||||
|
||||
<span class="title"> {{ _category[1].name }} </span>
|
||||
<span class="title text-[14px]"> {{ _category[1].name }} </span>
|
||||
</div>
|
||||
|
||||
<i class="fa-solid fa-chevron-right"></i>
|
||||
</div>
|
||||
|
||||
<div class="sub-menu" id="{{ _type }}">
|
||||
<div class="sub-menu text-[14px]" 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 %}">
|
||||
@@ -104,10 +105,16 @@
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="admin-content-container ml-[245px]" id="js-admin-content-container">
|
||||
<div class="admin-content-container 2xl:ml-[245px] 2xl:w-[calc(100%_-50px)] lg:ml-[245px] lg:w-[calc(100%_-50px)] md:ml-0 sm:ml-0 md:w-full sm:w-full"
|
||||
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="flex items-center">
|
||||
<a href="javascript:void(0)" title="Mở menu"
|
||||
class="icon-close lg:hidden md:block mr-[10px] 2xl:hidden sm:hidden" id="js-show-menu">
|
||||
<i class="fa fa-bars text-[25px]"></i>
|
||||
</a>
|
||||
<form class="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">
|
||||
@@ -117,7 +124,6 @@
|
||||
<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>
|
||||
@@ -131,8 +137,8 @@
|
||||
<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>
|
||||
|
||||
<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">
|
||||
|
||||
Reference in New Issue
Block a user