update menu

This commit is contained in:
2025-02-21 13:36:38 +07:00
parent 0c8e3258c4
commit 34275ed7b7
9 changed files with 230 additions and 196 deletions

View File

@@ -781,12 +781,10 @@ a {
padding: 0; padding: 0;
} }
@media screen and (min-width: 2560px) { @media (min-width: 2560px) {
body { body {
font-size: 18px; font-size: 18px;
} }
}
@media (min-width: 1920px) {
.text-custom-14 { .text-custom-14 {
font-size: 14px !important; font-size: 14px !important;
} }
@@ -799,16 +797,48 @@ a {
.text-custom-28 { .text-custom-28 {
font-size: 28px !important; font-size: 28px !important;
} }
} .admin-menu-container {
@media (max-width: 800px) { display: block;
#js-form-search { }
width: 300px; .admin-content-container {
margin-left: 245px;
width: calc(100% - 50px);
} }
} }
@media (max-width: 675px) { @media (min-width: 1600px) {
.admin-menu-container {
display: block;
}
.admin-content-container {
margin-left: 245px;
}
}
@media (min-width: 1366px) {
.admin-menu-container {
display: block;
}
.admin-content-container {
margin-left: 245px;
}
}
@media screen and (max-width: 1365px) and (min-width: 1024px) {
.admin-menu-container {
display: block;
}
.admin-content-container {
margin-left: 245px;
}
}
@media (max-width: 1023px) {
.admin-menu-container { .admin-menu-container {
display: none; display: none;
} }
.admin-content-container {
margin-left: 0;
width: 100%;
}
}
@media (max-width: 767px) {
.admin-content-container { .admin-content-container {
width: 100%; width: 100%;
margin-left: 0; margin-left: 0;
@@ -822,15 +852,7 @@ a {
.admin-content-container .item-chart { .admin-content-container .item-chart {
grid-column: span 4/span 4; grid-column: span 4/span 4;
} }
#js-form-search {
width: 250px;
}
}
@media (max-width: 540px) {
#js-form-search { #js-form-search {
display: none; display: none;
} }
.admin-content-container {
margin-left: 0;
}
}/*# sourceMappingURL=pc_style.css.map */ }/*# sourceMappingURL=pc_style.css.map */

File diff suppressed because one or more lines are too long

View File

@@ -786,13 +786,10 @@ a {
padding: 0; padding: 0;
} }
@media screen and (min-width: 2560px) { @media (min-width: 2560px) {
body { body {
font-size: 18px; font-size: 18px;
} }
}
@media (min-width: 1920px) {
.text-custom-14 { .text-custom-14 {
font-size: 14px !important; font-size: 14px !important;
} }
@@ -805,18 +802,53 @@ a {
.text-custom-28 { .text-custom-28 {
font-size: 28px !important; font-size: 28px !important;
} }
} .admin-menu-container {
display: block;
@media (max-width: 800px) { }
#js-form-search { .admin-content-container {
width: 300px; margin-left: 245px;
width: calc(100% - 50px);
} }
} }
@media (max-width: 675px) { @media (min-width: 1600px) {
.admin-menu-container {
display: block;
}
.admin-content-container {
margin-left: 245px;
}
}
@media (min-width: 1366px) {
.admin-menu-container {
display: block;
}
.admin-content-container {
margin-left: 245px;
}
}
@media screen and (max-width: 1365px) and (min-width: 1024px) {
.admin-menu-container {
display: block;
}
.admin-content-container {
margin-left: 245px;
}
}
@media (max-width: 1023px) {
.admin-menu-container { .admin-menu-container {
display: none; display: none;
} }
.admin-content-container {
margin-left: 0;
width: 100%;
}
}
@media (max-width: 767px) {
.admin-content-container { .admin-content-container {
width: 100%; width: 100%;
margin-left: 0; margin-left: 0;
@@ -830,16 +862,7 @@ a {
grid-column: span 4 / span 4; grid-column: span 4 / span 4;
} }
} }
#js-form-search {
width: 250px;
}
}
@media (max-width: 540px) {
#js-form-search { #js-form-search {
display: none; display: none;
} }
.admin-content-container {
margin-left: 0;
}
} }

View File

@@ -7,17 +7,7 @@
$('#overlay').addClass('active'); $('#overlay').addClass('active');
}); });
// Sự kiện click để ẩn menu
$('#js-hide-menu').click(function () {
AdminFunctions.toggleMenuVisibility(true);
});
// Kiểm tra localStorage và thiết lập trạng thái ban đầu của menu
const hideMenuBig = localStorage.getItem('menu_big') === 'hidden';
AdminFunctions.toggleMenuVisibility(hideMenuBig);
AdminFunctions.searchSuggestions('#js-input-search') AdminFunctions.searchSuggestions('#js-input-search')
}) })

View File

@@ -0,0 +1,97 @@
<div class="w-[100%]">
<div
class="bg-white m-[16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
<p class="leading-[30px] mb-[13px] font-bold text-[24px]"> Danh sách hồ sơ tuyển dụng </p>
<div class="flex items-center flex-wrap justify-between mb-[20px]">
<div class="flex items-center">
<div class="mr-[10px] flex align-center">
<p>Tổng số:</p>
<b class="ml-[5px]">5</b>
</div>
<a href=""
class="leading-[35px] mr-[16px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
Xem CV đánh dấu nổi bật
</a>
<a href=""
class="leading-[35px] mr-[16px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
Xem đã xử lý
</a>
<a href=""
class="leading-[35px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
Xem chưa xử lý
</a>
</div>
</div>
<div class="overflow-x-auto">
<table class="table">
<thead class="bg-[#F6F6F6] text-[#000] text-[14px] font-500">
<tr>
<td width="40"> STT </td>
<td width="130"> Ngày </td>
<td> Ứng viên </td>
<td> Ghi chú </td>
<td> Quản trị </td>
<td width="200">Lựa chọn</td>
</tr>
</thead>
<tbody>
<tr>
<td align="center"> 1 </td>
<td>
09-03-2024
</td>
<td>
<p>- Họ tên: Hura test</p>
<p>- Email: test1@hurasoft.com</p>
<p>- Điện thoại: 0987654321</p>
</td>
<td>
test
</td>
<td>
<p
class="w-[70px] text-center rounded-[20px] h-[25px] leading-[25px] bg-[#f7f7ff] border border-[#0041E8] text-[#0041E8] text-[13px] font-[700]">
Đã xử lý</p>
<p class="mt-[5px]">bởi test 09-03-2024, 11:01 am </p>
</td>
<td>
<div class="items-center flex">
<a href="/admin/job/applicants-detail?id=16"
class="btn mr-[10px] w-[70px] bg-[#0041E8] h-[35px] min-h-[35px]">Chi
tiết</a>
<a href="" title="Cho nổi bật"
class="fas fa-crown bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
<a href="" title="Hạ nổi bật"
class="fas fa-crown bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
<a href="" title="Xóa" class="icons icon-delete"></a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="paging">
<a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
<a href="" class="current">1</a>
<a href="">2</a>
<a href="">3</a>
<a href="">4</a>
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
</div>
</div>
</div>

View File

@@ -0,0 +1,8 @@
<div class="global-breadcrumb-container">
<a href="/admin/job"> Quản lý hồ sơ </a>
<a href=""> Form thêm/sửa nội dung </a>
</div>
<div class="max-w-[1141px] m-auto p-[0_15px]">
</div>

View File

@@ -175,10 +175,33 @@
class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" /> class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
</div> </div>
<div class="flex align-center mb-[15px]">
<div class="mr-[7.5px] w-[50%]">
<p class="mb-[7px] w-[100%] font-[600]"> Số lượng cần tuyển <i
class="font-[300] text-[13px] text-[#6B7280]">
Nhập số lượng v.d. 2</i></p>
<input type="text" value=""
class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
</div>
<div class="m-[0_14px_0_7px] w-[50%]">
<p class="mb-[7px] w-[100%] font-[600]"> Hạn ứng tuyển <i
class="font-[300] text-[13px] text-[#6B7280]">
V.d Từ 8 triệu/
Thỏa thuận</i></p>
<div class="relative w-full">
<i
class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute right-[10px] leading-[35px]"></i>
<input type="date" name="from_time_date" value="YYYY-MM-DD"
class="w-[100%] h-[36px] rounded-[4px] input input-md input-bordered shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
</div>
</div>
</div>
<div> <div>
<p class="mb-[7px] w-[100%] font-[600]"> Thứ tự <i class="font-[300] text-[13px] text-[#6B7280]"> (* <p class="mb-[7px] w-[100%] font-[600]"> Địa điểm </p>
số cao xếp
trước)</i> </p>
<input type="text" value="" <input type="text" value=""
class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" /> class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
@@ -189,15 +212,6 @@
<div class="p-[16px] border-[#FAFAFB] border-b-[8px]"> <div class="p-[16px] border-[#FAFAFB] border-b-[8px]">
<p class="font-bold text-[20px] leading-[20px] mb-[15px]"> Dùng cho SEO </p> <p class="font-bold text-[20px] leading-[20px] mb-[15px]"> Dùng cho SEO </p>
<div class="mb-[15px]">
<p class="mb-[7px] w-[100%] font-[600]">
Url canonical
<i class="text-[13px] font-[300]"> * để trống sẽ dùng link mặc định của hệ thống </i>
</p>
<input type="text" value=""
class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
</div>
<div class="mb-[15px]"> <div class="mb-[15px]">
<p class="mb-[7px] w-[100%] font-[600]"> <p class="mb-[7px] w-[100%] font-[600]">
@@ -229,121 +243,8 @@
class="w-[100%] min-h-[90px] max-h-[150px] rounded-[4px] textarea textarea-bordered shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea> class="w-[100%] min-h-[90px] max-h-[150px] rounded-[4px] textarea textarea-bordered shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
</div> </div>
<div class="mb-[15px] flex items-start">
<p class="mb-[7px] w-[100%] font-[600] w-[220px]"> Cho phép Google Index </p>
<label class="inline-flex items-center cursor-pointer">
<input type="checkbox" class="checkbox checkbox-success">
<span class="label-text ml-[15px]"> Cho phép Google Index </span>
</label>
</div>
<div class="flex items-start">
<p class="mb-[7px] w-[100%] font-[600] w-[220px]"> Hiển thị Mục lục đầu bài viết </p>
<label class="inline-flex items-center cursor-pointer">
<input type="checkbox" class="checkbox checkbox-success">
<span class="label-text ml-[15px]"> Cho phép hiển thị </span>
</label>
</div>
</div>
<div class="p-[16px] border-[#FAFAFB] border-b-[8px]">
<p class="font-bold text-[20px] leading-[20px] mb-[15px]"> Quản trị hiển thị </p>
<div class="mb-[15px] flex flex-wrap"> <div class="mb-[15px] flex flex-wrap">
<p class="w-[230px] font-bold">Thời gian của bài viết</p> <p class="w-[100px] font-bold"> Trạng thái </p>
<div>
<label class="inline-flex items-center cursor-pointer relative pl-[30px] mr-[34px]">
<input type="radio" value="0" name="info[article_time_set]"
class="radio checked:bg-blue-500" checked="">
<span class="label-text ml-[10px]"> Thời gian tạo bài </span>
</label>
<label class="inline-flex items-center cursor-pointer relative pl-[30px] mr-[34px]">
<input type="radio" value="1" name="info[article_time_set]"
class="radio checked:bg-blue-500">
<span class="label-text ml-[10px]"> Chọn thời gian </span>
</label>
<div class="w-[100%] hidden" id="js-publish_time">
<div class="flex items-center m-[10px_0]">
<div class="relative mr-[20px]">
<i
class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
<input type="date" name="from_time_date" value="" placeholder="Từ ngày"
class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
</div>
<p class="mr-[10px]"> Giờ </p>
<select name="info[from_time_minute]" id="from_time_minute" style="width: 85px;"
class="border border-[#d8d8d8] h-[36px] rounded-[4px] pl-[5px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
<option value="00:00">00:00</option>
<option value="00:30">00:30</option>
<option value="01:00">01:00</option>
<option value="01:30">01:30</option>
<option value="02:00">02:00</option>
<option value="02:30">02:30</option>
<option value="03:00">03:00</option>
<option value="03:30">03:30</option>
<option value="04:00">04:00</option>
<option value="04:30">04:30</option>
<option value="05:00">05:00</option>
<option value="05:30">05:30</option>
<option value="06:00">06:00</option>
<option value="06:30">06:30</option>
<option value="07:00">07:00</option>
<option value="07:30">07:30</option>
<option value="08:00">08:00</option>
<option value="08:30">08:30</option>
<option value="09:00">09:00</option>
<option value="09:30">09:30</option>
<option value="10:00">10:00</option>
<option value="10:30">10:30</option>
<option value="11:00">11:00</option>
<option value="11:30">11:30</option>
<option value="12:00">12:00</option>
<option value="12:30">12:30</option>
<option value="13:00">13:00</option>
<option value="13:30">13:30</option>
<option value="14:00">14:00</option>
<option value="14:30">14:30</option>
<option value="15:00">15:00</option>
<option value="15:30">15:30</option>
<option value="16:00">16:00</option>
<option value="16:30">16:30</option>
<option value="17:00">17:00</option>
<option value="17:30">17:30</option>
<option value="18:00">18:00</option>
<option value="18:30">18:30</option>
<option value="19:00">19:00</option>
<option value="19:30">19:30</option>
<option value="20:00">20:00</option>
<option value="20:30">20:30</option>
<option value="21:00">21:00</option>
<option value="21:30">21:30</option>
<option value="22:00">22:00</option>
<option value="22:30">22:30</option>
<option value="23:00">23:00</option>
<option value="23:30">23:30</option>
</select>
</div>
</div>
</div>
<i class="w-[100%] font-[300] text-[#6B7280] mt-[5px]">(Hiển thị cho người xem thời gian thật của
bài thay vì thời gian cập nhật)</i>
</div>
<div class="mb-[15px] flex flex-wrap">
<p class="w-[230px] font-bold"> Trạng thái </p>
<div> <div>
<label class="inline-flex items-center cursor-pointer relative pl-[30px] mr-[34px]"> <label class="inline-flex items-center cursor-pointer relative pl-[30px] mr-[34px]">
@@ -365,16 +266,6 @@
</div> </div>
</div> </div>
<div class="flex flex-wrap items-center">
<p class="w-[230px] font-bold"> Xem thử </p>
<a href="" target="_blank"
class="inline-block font-[600] border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[30px] p-[0_12px] transition hover:bg-[#0041E8] hover:text-white">
Xem bài viết tại trang web
</a>
</div>
</div> </div>
<input type="submit" value="Cập nhật" <input type="submit" value="Cập nhật"

View File

@@ -22,19 +22,24 @@
</p> </p>
</div> </div>
<div class="w-[25%] mr-[16px]">
<div <div
class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden"> class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
<a href="javascript:void(0)" <a href="javascript:void(0)"
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"
style="color: #Fff;background: #0041E8;"> Chỉnh sửa </a> style="color: #Fff;background: #0041E8;"> Chỉnh sửa </a>
<a href="/admin/marketing/promotion-product?id=1" <a href="/admin/marketing/promotion-product?id=1"
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Danh sách sản class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Danh sách
sản
phẩm </a> phẩm </a>
</div> </div>
</div>
{% endif %} {% endif %}
<form method="post" enctype="multipart/form-data" <form method="post" enctype="multipart/form-data"
class="order-page-table w-[852px] bg-white p-[16pX_16px_20px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] block"> class="order-page-table w-[calc(100%_-25%_-16px)] bg-white p-[16pX_16px_20px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] block">
<p class="mb-[20px] font-bold text-[20px]">Thông tin cơ bản</p> <p class="mb-[20px] font-bold text-[20px]">Thông tin cơ bản</p>

View File

@@ -12,7 +12,7 @@
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap"
rel="stylesheet"> rel="stylesheet">
<link rel="stylesheet" media="screen" href="{{ 'full.min.css' | asset_url }}?v12.11" /> <link rel="stylesheet" media="screen" href="{{ 'full.min.css' | asset_url }}?v12.11" />
<link rel="stylesheet" media="screen" href="{{ 'pc_style.css' | asset_url }}?v2024.19" /> <link rel="stylesheet" media="screen" href="{{ 'pc_style.css' | asset_url }}?v2024.20" />
<script src="{{ 'tailwindcss.js' | asset_url }}"></script> <script src="{{ 'tailwindcss.js' | asset_url }}"></script>
@@ -28,8 +28,7 @@
<div class="admin-global-container"> <div class="admin-global-container">
<!-- Menu full --> <!-- Menu full -->
<div class="admin-menu-container box-menu fixed top-0 left-0 h-[100vh] z-[999] 2xl:block lg:block md:hidden sm:hidden" <div class="admin-menu-container box-menu fixed top-0 left-0 h-[100vh] z-[999]" id="js-menu-big">
id="js-menu-big">
<a href="" class="menu-logo"> <a href="" class="menu-logo">
<img src="{{ 'logo.png' | asset_url }}" /> <img src="{{ 'logo.png' | asset_url }}" />
</a> </a>
@@ -107,8 +106,7 @@
</div> </div>
</div> </div>
<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" <div class="admin-content-container" id="js-admin-content-container">
id="js-admin-content-container">
<!-- 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">
<div class="flex items-center"> <div class="flex items-center">