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

up

Browse Source
This commit is contained in:
Tieptk
2025-02-13 15:45:32 +07:00
parent 1315df5ebb
commit e60866c99f
30 changed files with 816 additions and 948 deletions
Download Patch File Download Diff File Expand all files Collapse all files

208
assets/script/pc_style.css
View File

@@ -123,7 +123,6 @@ a {
}
.admin-global-container {
max-width: 1720px;
margin: auto;
display: flex;
}
@@ -132,7 +131,7 @@ a {
position: relative;
background: #004180;
color: #fff;
width: 16%;
width: 245px;
padding: 20px 0;
line-height: 20px;
}
@@ -355,23 +354,6 @@ a {
padding: 16px 0 16px 16px;
}
.table-fixed {
text-align: center;
}
.table-fixed td {
padding: 13px 8px;
border: 1px solid #ececec;
}
.table-fixed tbody td {
padding: 5px 8px;
}
.table-fixed tbody td:nth-child(2), .table-fixed tbody td:nth-child(3) {
text-align: left;
}
.table-fixed tbody td:nth-child(2) {
color: #0041e8;
}
.admin-home-tab {
overflow: auto;
}
@@ -390,75 +372,6 @@ a {
color: #fff;
}
.home-report-holder {
display: none;
}
.home-report-holder table {
width: 100%;
line-height: 20px;
text-align: center;
}
.home-report-holder thead {
background: #f6f6f6;
font-weight: 500;
}
.home-report-holder td {
border: 1px solid #ececec;
padding: 14px 5px;
}
.home-report-holder td a {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.home-report-holder td:nth-child(2) {
text-align: left;
}
.home-todo-list td {
padding: 0 4px;
color: #000 !important;
}
.home-todo-list td:nth-child(1), .home-todo-list td:nth-child(3), .home-todo-list td:nth-child(4) {
white-space: nowrap;
}
.product-sale-info td {
padding: 14px;
border: 1px solid #ececec;
}
.table-seo td {
padding: 14px;
border: 1px solid #ececec;
}
.product-specifications td {
padding: 14px;
border: 1px solid #ececec;
}
.table-config th {
padding: 10px 5px;
background: #f6f6f6;
border: 1px solid #ececec;
}
.table-config td {
padding: 10px;
border: 1px solid #ececec;
}
.accessory th {
padding: 10px 5px;
background: #f6f6f6;
border: 1px solid #ececec;
}
.accessory td {
padding: 10px 6px;
border: 1px solid #ececec;
}
.icons {
width: 30px;
height: 30px;
@@ -560,14 +473,6 @@ a {
color: #fff;
}
.order-detail-page .icon-edit {
border: transparent;
background-color: transparent;
margin: 0;
width: 18px;
height: 18px;
}
.is-close-btn {
background: #ececec !important;
border-radius: 50%;
@@ -576,12 +481,6 @@ a {
color: #9e9e9e !important;
}
.td-border-0 td {
border: 0 !important;
padding: 3px 0;
width: auto;
}
.paging {
margin: 30px 0;
display: flex;
@@ -648,17 +547,6 @@ a {
background: #f6f6f6;
}
.list-info-reply th {
padding: 7px 5px;
background: #f6f6f6;
border: 1px solid #ececec;
white-space: nowrap;
}
.list-info-reply td {
padding: 7px 6px;
border: 1px solid #ececec;
}
.input-file {
position: relative;
}
@@ -699,80 +587,6 @@ a {
text-decoration: underline;
}
.table-brand th {
padding: 7px 5px;
background: #f6f6f6;
border: 1px solid #ececec;
white-space: nowrap;
}
.table-brand td {
padding: 7px 6px;
border: 1px solid #ececec;
}
.table-attribute th {
padding: 7px 5px;
background: #f6f6f6;
border: 1px solid #ececec;
white-space: nowrap;
}
.table-attribute td {
padding: 7px 6px;
border: 1px solid #ececec;
}
.table-attribute a {
color: #0041e8;
}
.table-attribute .status {
width: 106px;
display: block;
height: 20px;
border: 1px solid gray;
font-size: 12px;
font-weight: 700;
text-align: center;
color: gray;
border-radius: 50px;
background: #fff;
}
.table-attribute .status.on {
border: 1px solid #6dc580;
color: #03781d;
background: #f0f9f2;
}
.table-attribute .status.off {
border: 1px solid red;
color: red;
background: rgb(255, 245, 245);
}
.table-value th {
padding: 7px 5px;
background: #f6f6f6;
border: 1px solid #ececec;
white-space: nowrap;
text-align: left;
}
.table-value td {
padding: 7px 6px;
border: 1px solid #ececec;
}
.table-config-pro th {
padding: 7px 5px;
background: #f6f6f6;
border: 1px solid #ececec;
white-space: nowrap;
text-align: left;
}
.table-config-pro td {
padding: 7px 6px;
border: 1px solid #ececec;
}
.table-config-pro .name {
color: #0041e8;
}
.input-date {
position: relative;
}
@@ -841,13 +655,6 @@ a {
display: block;
}
.list-category .style-checkbox .checkmark:after {
left: 6px;
}
.list-category .style-checkbox {
color: #919699;
}
.order-detail-page .select2-container {
width: 100% !important;
margin-top: 10px;
@@ -945,7 +752,6 @@ a {
border-radius: 5px;
}
.table .icon-edit {
border: 1px solid #0041e8;
background-color: #f5f7ff;
background-position: -108px -82px;
}
@@ -954,4 +760,16 @@ a {
}
.table .icon-view {
background-position: -180px -82px;
}
.home-report-holder {
display: none;
}
.not-border td {
border: 0;
}
.not-padding td {
padding: 0;
}/*# sourceMappingURL=pc_style.css.map */

2
assets/script/pc_style.css.map
View File

File diff suppressed because one or more lines are too long

236
assets/script/pc_style.scss
View File

@@ -107,7 +107,6 @@ a {
background-position: 0 40px;
}
.admin-global-container {
max-width: 1720px;
margin: auto;
display: flex;
}
@@ -115,7 +114,7 @@ a {
position: relative;
background: #004180;
color: #fff;
width: 16%;
width: 245px;
padding: 20px 0;
line-height: 20px;
&.active {
@@ -347,25 +346,6 @@ a {
}
}
.table-fixed {
text-align: center;
td {
padding: 13px 8px;
border: 1px solid #ececec;
}
tbody {
td {
padding: 5px 8px;
&:nth-child(2),
&:nth-child(3) {
text-align: left;
}
&:nth-child(2) {
color: #0041e8;
}
}
}
}
.admin-home-tab {
overflow: auto;
a {
@@ -384,87 +364,6 @@ a {
}
}
}
.home-report-holder {
display: none;
table {
width: 100%;
line-height: 20px;
text-align: center;
}
thead {
background: #f6f6f6;
font-weight: 500;
}
td {
border: 1px solid #ececec;
padding: 14px 5px;
a {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
&:nth-child(2) {
text-align: left;
}
}
}
.home-todo-list {
td {
padding: 0 4px;
color: #000 !important;
&:nth-child(1),
&:nth-child(3),
&:nth-child(4) {
white-space: nowrap;
}
}
}
.product-sale-info {
td {
padding: 14px;
border: 1px solid #ececec;
}
}
.table-seo {
td {
padding: 14px;
border: 1px solid #ececec;
}
}
.product-specifications {
td {
padding: 14px;
border: 1px solid #ececec;
}
}
.table-config {
th {
padding: 10px 5px;
background: #f6f6f6;
border: 1px solid #ececec;
}
td {
padding: 10px;
border: 1px solid #ececec;
}
}
.accessory {
th {
padding: 10px 5px;
background: #f6f6f6;
border: 1px solid #ececec;
}
td {
padding: 10px 6px;
border: 1px solid #ececec;
}
}
.icons {
width: 30px;
@@ -575,15 +474,6 @@ a {
}
}
.order-detail-page {
.icon-edit {
border: transparent;
background-color: transparent;
margin: 0;
width: 18px;
height: 18px;
}
}
.is-close-btn {
background: #ececec !important;
border-radius: 50%;
@@ -591,13 +481,7 @@ a {
right: 10px !important;
color: #9e9e9e !important;
}
.td-border-0 {
td {
border: 0 !important;
padding: 3px 0;
width: auto;
}
}
.paging {
margin: 30px 0;
display: flex;
@@ -665,19 +549,6 @@ a {
}
}
.list-info-reply {
th {
padding: 7px 5px;
background: #f6f6f6;
border: 1px solid #ececec;
white-space: nowrap;
}
td {
padding: 7px 6px;
border: 1px solid #ececec;
}
}
.input-file {
position: relative;
input {
@@ -721,88 +592,6 @@ a {
}
}
.table-brand {
th {
padding: 7px 5px;
background: #f6f6f6;
border: 1px solid #ececec;
white-space: nowrap;
}
td {
padding: 7px 6px;
border: 1px solid #ececec;
}
}
.table-attribute {
th {
padding: 7px 5px;
background: #f6f6f6;
border: 1px solid #ececec;
white-space: nowrap;
}
td {
padding: 7px 6px;
border: 1px solid #ececec;
}
a {
color: #0041e8;
}
.status {
width: 106px;
display: block;
height: 20px;
border: 1px solid gray;
font-size: 12px;
font-weight: 700;
text-align: center;
color: gray;
border-radius: 50px;
background: #fff;
&.on {
border: 1px solid #6dc580;
color: #03781d;
background: #f0f9f2;
}
&.off {
border: 1px solid red;
color: red;
background: rgb(255, 245, 245);
}
}
}
.table-value {
th {
padding: 7px 5px;
background: #f6f6f6;
border: 1px solid #ececec;
white-space: nowrap;
text-align: left;
}
td {
padding: 7px 6px;
border: 1px solid #ececec;
}
}
.table-config-pro {
th {
padding: 7px 5px;
background: #f6f6f6;
border: 1px solid #ececec;
white-space: nowrap;
text-align: left;
}
td {
padding: 7px 6px;
border: 1px solid #ececec;
}
.name {
color: #0041e8;
}
}
.input-date {
position: relative;
&::before {
@@ -872,15 +661,6 @@ a {
}
}
.list-category {
.style-checkbox .checkmark:after {
left: 6px;
}
.style-checkbox {
color: #919699;
}
}
.order-detail-page .select2-container {
width: 100% !important;
margin-top: 10px;
@@ -979,7 +759,6 @@ a {
border-radius: 5px;
}
.icon-edit {
border: 1px solid #0041e8;
background-color: #f5f7ff;
background-position: -108px -82px;
}
@@ -990,3 +769,14 @@ a {
background-position: -180px -82px;
}
}
.home-report-holder {
display: none;
}
.not-border td {
border: 0;
}
.not-padding td {
padding: 0;
}

3
template/article/home.html
View File

@@ -94,7 +94,8 @@
<td>
<div class="items-center flex">
<a href="/admin/article/form?id=1" title="Sửa lại" class="icons icon-edit"></a>
<a href="/admin/article/form?id=1" title="Sửa lại"
class="border-[1px] border-[#0041E8_!important] icons icon-edit mr-[6px]"></a>
<a href="" title="Xem tại web"
class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>

4
template/banner/home.html
View File

@@ -72,7 +72,7 @@
</td>
<td>
<table class="td-border-0">
<table class="not-border not-padding">
<tr>
<td width="115">Tên gọi:</td>
<td> </td>
@@ -137,7 +137,7 @@
src="https://demopc8.hurasoft.com/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg"
width="260" /> </td>
<td>
<table class="td-border-0">
<table class="not-border not-padding">
<tr>
<td width="115">Tên gọi:</td>
<td> </td>

23
template/banner/location.html
View File

@@ -3,19 +3,22 @@
<a href=""> Vị trí banner </a>
</div>
<div class="marketing-coupon-page bg-white m-[0_0_16px_16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
<div
class="marketing-coupon-page bg-white m-[0_0_16px_16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
<p class="leading-[30px] text-[24px] font-bold m-[0_0_12px]"> Quản lý vị trí hiển thị banner </p>
<div class="text-right m-[15px_0]">
<a href="/admin/banner/location-add" class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[35px] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff_!important]">
<span class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
<a href="/admin/banner/location-add"
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[35px] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff_!important]">
<span
class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
<span>Thêm vị trí mới</span>
</a>
</div>
<div class="order-page-table">
<div class="table">
<table>
<thead>
<thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-700">
<tr class="font-[600]">
<td width="50"> STT </td>
<td> ID </td>
@@ -30,8 +33,8 @@
<td align="center"> 1 </td>
<td>
<p> ID: 43 </p>
<p> banner_webmau4_mb </p>
<p> ID: 43 </p>
<p> banner_webmau4_mb </p>
</td>
<td> homepage </td>
@@ -42,8 +45,10 @@
<td>
<div class="flex items-center flex-wrap justify-center">
<a href="/admin/banner?id=1" class="block text-center font-[500] text-[#fff_!important] bg-[#0041E8] rounded-[4px] p-[0_9px] leading-[30px] mr-[8px]">Xem banner</a>
<a href="/admin/banner/location-add?id=1" class="icons icon-edit" title="Sửa lại"></a>
<a href="/admin/banner?id=1"
class="block text-center font-[500] text-[#fff_!important] bg-[#0041E8] rounded-[4px] p-[0_9px] leading-[30px] mr-[8px]">Xem
banner</a>
<a href="/admin/banner/location-add?id=1" class="icons icon-edit mr-[5px]" title="Sửa lại"></a>
<a href="" class="icons icon-delete" title="Xóa"></a>
</div>
</td>

62
template/banner/location_add.html
View File

@@ -6,11 +6,14 @@
<div class="max-w-[1141px] m-auto">
<div class="flex flex-wrap items-start m-[0_0_16px_0]">
<div class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] flex flex-wrap items-center justify-between">
<div
class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] flex flex-wrap items-center justify-between">
<p class="font-bold text-[20px]"> Cập nhật lại vị trí banner </p>
<a href="/admin/banner/location-add" class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
<span class="border-[1px] border-[#6B7280] h-[13px] w-[13px] leading-[10.3px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
<a href="/admin/banner/location-add"
class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
<span
class="border-[1px] border-[#6B7280] h-[13px] w-[13px] leading-[10.3px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
<span>Thêm vị trí mới</span>
</a>
@@ -19,11 +22,15 @@
</p>
</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">
<a href="javascript:void(0)" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition" style="color: #Fff;background: #0041E8;"> Chỉnh sửa </a>
<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">
<a href="javascript:void(0)"
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"
style="color: #Fff;background: #0041E8;"> Chỉnh sửa </a>
</div>
<form method="post" enctype="multipart/form-data" class="order-page-table w-[852px] bg-white p-[16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
<form method="post" enctype="multipart/form-data"
class="order-page-table w-[852px] bg-white p-[16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
<p class="font-bold text-[20px] leading-[20px] mb-[17px]"> Thông tin cơ bản </p>
@@ -34,16 +41,27 @@
<div class="inline-block relative group">
<i class="far fa-question-circle cursor-pointer ml-1 text-[#FFC700]"></i>
<p class="hidden leading-[16px] text-[13px] absolute left-[-10px] bg-[rgba(0,0,0,0.60)] p-[6px_10px] rounded-[5px] text-white top-[100%] w-[280px] z-[1] group-hover:block">
Tùy một số template mà banner này sẽ được hiển thị. Đa số trường hợp bạn không cần quan tâm tới thông tin này trừ các website cấu trúc phức tạp.
<p
class="hidden leading-[16px] text-[13px] absolute left-[-10px] bg-[rgba(0,0,0,0.60)] p-[6px_10px] rounded-[5px] text-white top-[100%] w-[280px] z-[1] group-hover:block">
Tùy một số template mà banner này sẽ được hiển thị. Đa số trường hợp bạn không cần quan tâm
tới thông tin này trừ các website cấu trúc phức tạp.
</p>
</div>
</div>
<select class="w-[auto_!important]">
<select class="select select-bordered h-[38px] min-h-[38px] rounded-[4px]">
<option value="">-- Chọn template --</option>
<option value='header' selected>header - Đầu trang</option>
<option value='homepage' >homepage - Trang chủ</option> <option value='column_left' >column_left - Cột trái</option> <option value='column_right' >column_right - Cột phải</option> <option value='footer'>footer - Chân trang</option> <option value='product_detail' >product_detail - Chi tiết sản phẩm</option> <option value='product_list' >product_list - Danh sách &amp; Danh mục sản phẩm</option> <option value='collection_list' >collection_list - Bộ sưu tập</option> <option value='article_home' >article_home - Trang chủ tin tức</option> <option value='brand_detail' >brand_detail - Chi tiết thương hiệu</option> <option value='deal_group' >deal_group - Nhóm deal</option>
<option value='homepage'>homepage - Trang chủ</option>
<option value='column_left'>column_left - Cột trái</option>
<option value='column_right'>column_right - Cột phải</option>
<option value='footer'>footer - Chân trang</option>
<option value='product_detail'>product_detail - Chi tiết sản phẩm</option>
<option value='product_list'>product_list - Danh sách &amp; Danh mục sản phẩm</option>
<option value='collection_list'>collection_list - Bộ sưu tập</option>
<option value='article_home'>article_home - Trang chủ tin tức</option>
<option value='brand_detail'>brand_detail - Chi tiết thương hiệu</option>
<option value='deal_group'>deal_group - Nhóm deal</option>
</select>
</div>
@@ -56,13 +74,16 @@
<div class="inline-block relative group">
<i class="far fa-question-circle cursor-pointer ml-1 text-[#FFC700]"></i>
<p class="hidden leading-[16px] text-[13px] absolute left-[-10px] bg-[rgba(0,0,0,0.60)] p-[6px_10px] rounded-[5px] text-white top-[100%] w-[280px] z-[1] group-hover:block">
Mã vị trí cho phép gọi các banner theo mã ở bất kỳ mẫu giao diện web nào, v.d. trang_chu, khuyen_mai_shop
<p
class="hidden leading-[16px] text-[13px] absolute left-[-10px] bg-[rgba(0,0,0,0.60)] p-[6px_10px] rounded-[5px] text-white top-[100%] w-[280px] z-[1] group-hover:block">
Mã vị trí cho phép gọi các banner theo mã ở bất kỳ mẫu giao diện web nào, v.d. trang_chu,
khuyen_mai_shop
</p>
</div>
</div>
<input type="text" value="" class="w-[100%] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
<input type="text" value=""
class="w-[100%] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
</div>
@@ -73,25 +94,30 @@
<div class="inline-block relative group">
<i class="far fa-question-circle cursor-pointer ml-1 text-[#FFC700]"></i>
<p class="hidden leading-[16px] text-[13px] absolute left-[-10px] bg-[rgba(0,0,0,0.60)] p-[6px_10px] rounded-[5px] text-white top-[100%] w-[280px] z-[1] group-hover:block">
Nếu bạn có nhiều banner và muốn thay đổi, theo dõi, bạn nên đặt tên cụ thể <br />v.d. Banner quảng cáo khuyến mại 8/3/2012.
<p
class="hidden leading-[16px] text-[13px] absolute left-[-10px] bg-[rgba(0,0,0,0.60)] p-[6px_10px] rounded-[5px] text-white top-[100%] w-[280px] z-[1] group-hover:block">
Nếu bạn có nhiều banner và muốn thay đổi, theo dõi, bạn nên đặt tên cụ thể <br />v.d. Banner
quảng cáo khuyến mại 8/3/2012.
</p>
</div>
</div>
<input type="text" value="" class="w-[100%] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
<input type="text" value=""
class="w-[100%] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
</div>
<div class="mb-[15px]">
<p class="font-bold mb-[6px]">Mô tả tóm tắt</p>
<textarea class="w-[100%] min-h-[122px] max-h-[170px] p-[10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
<textarea
class="w-[100%] min-h-[122px] max-h-[170px] p-[10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
</div>
<hr class="border-[3px] border-[#FAFAFB] m-[16px_-16px]">
<input type="submit" value="Cập nhật" class="inline-block cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]"/>
<input type="submit" value="Cập nhật"
class="inline-block cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
</form>
</div>
</div>

288
template/banner/upload.html
View File

@@ -5,12 +5,15 @@
<div class="max-w-[1141px] m-auto">
<div class="text-right m-[0_0_12px]">
<a href="/admin/banner/upload" class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
<span class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
<a href="/admin/banner/upload"
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
<span
class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
<span>Thêm banner mới</span>
</a>
<a href="/admin/banner" class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[35px] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
<a href="/admin/banner"
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[35px] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
<i class="fas fa-clipboard-list mr-[8px]"></i>
<span>Danh sách banner</span>
</a>
@@ -19,13 +22,19 @@
<div class="flex flex-wrap items-start m-[16px_0]">
{% if global.url contains 'id=' %} <!-- Form chỉnh sửa -->
{% endif %}
<p class="w-[100%] bg-white m-[0_0_16px] text-center rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[54px] text-[18px] font-bold"> Cập nhật lại banner </p>
<p
class="w-[100%] bg-white m-[0_0_16px] text-center rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[54px] text-[18px] font-bold">
Cập nhật lại banner </p>
<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">
<a href="javascript:void(0)" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition" style="color: #Fff;background: #0041E8;"> Chỉnh sửa </a>
<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">
<a href="javascript:void(0)"
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"
style="color: #Fff;background: #0041E8;"> Chỉnh sửa </a>
</div>
<form method="post" enctype="multipart/form-data" class="w-[852px] bg-white p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
<form method="post" enctype="multipart/form-data"
class="w-[852px] bg-white p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
<input type="hidden" name="info[id]" value="236">
<input type='hidden' name='info[category_list]' id='selected_cat' value="9,148">
@@ -38,9 +47,12 @@
<p class="leading-[32px]">File</p>
</td>
<td>
<p class="leading-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"> /media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg </p>
<p
class="leading-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg </p>
<img src="https://demopc8.hurasoft.com/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg" class="block m-[15px_0_22px] max-h[390px]"/>
<img src="https://demopc8.hurasoft.com/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg"
class="block m-[15px_0_22px] max-h[390px]" />
</td>
</tr>
</table>
@@ -56,12 +68,14 @@
<td>Vị trí quảng cáo</td>
<td>
<div class="flex items-center">
<select name="info[locationId]" class="mr-[10px]">
<select name="info[locationId]"
class="mr-[10px] select select-bordered h-[38px] min-h-[38px] rounded-[4px]">
<option>--Chọn vị trí--</option>
<option value='43,homepage'>Banner MB Webmau4</option>
</select>
<a href="/admin/banner/location" class="whitespace-nowrap">Quản lý vị trí</a>
<a href="/admin/banner/location" class="whitespace-nowrap text-[#0041E8]">Quản lý vị
trí</a>
</div>
<div id="location_detail_holder" class="mt-[10px] overflow-auto max-h-[350px]">
@@ -69,40 +83,71 @@
<div class="pl-[3px]">
<label for="cat_special_all" class="flex items-center cursor-pointer m-[0_0_7px_0]">
<input id="cat_special_all" value="-1" onchange="select_cat('cat_special_all', -1)" type="checkbox" class="scale-[1.5] mr-[10px]">
<span>Tất cả danh mục</span>
<input id="cat_special_all" value="-1"
onchange="select_cat('cat_special_all', -1)" type="checkbox"
class="checkbox checkbox-success mr-[10px]">
<span class="label-text">Tất cả danh mục</span>
</label>
</div>
<div class="pl-[3px]"> <!-- Cấp 1 -->
<label class="flex items-center cursor-pointer m-[0_0_7px_0]">
<input type="checkbox" id="cat_special_9" value="9" onchange="select_cat('cat_special_9', 9)" class="scale-[1.5] mr-[10px]">
<span> Danh mục cấp 1 </span>
<input type="checkbox" id="cat_special_9" value="9"
onchange="select_cat('cat_special_9', 9)"
class="checkbox checkbox-success mr-[10px]">
<span class="label-text"> Danh mục cấp 1 </span>
</label>
<div class="pl-[30px]"> <!-- Cấp 2 -->
<div>
<label class="flex items-center cursor-pointer m-[0_0_7px_0]">
<input type="checkbox" id="cat_special_1" value="1" onchange="select_cat('cat_special_1', 1)" class="scale-[1.5] mr-[10px]">
<span> Danh mục cấp 2 </span>
<label class="flex items-center cursor-pointer m-[0_0_7px_0]">
<input type="checkbox" id="cat_special_1" value="1"
onchange="select_cat('cat_special_1', 1)"
class="checkbox checkbox-success mr-[10px]">
<span class="label-text"> Danh mục cấp 2 </span>
</label>
<div class="pl-[30px]"><!-- Cấp 3 -->
<label class="table items-center cursor-pointer m-[0_0_7px_0]">
<input type="checkbox" id="cat_special_1" value="1"
onchange="select_cat('cat_special_1', 1)"
class="checkbox checkbox-success mr-[10px]">
<span class="label-text"> Danh mục cấp 3 </span>
</label>
<div class="pl-[30px]"><!-- Cấp 3 -->
<label class="table items-center cursor-pointer m-[0_0_7px_0]">
<input type="checkbox" id="cat_special_1" value="1" onchange="select_cat('cat_special_1', 1)" class="scale-[1.5] mr-[10px]">
<span> Danh mục cấp 3 </span>
</label>
</div>
</div>
</div>
<!-- cloned -->
<div> <label class="flex items-center cursor-pointer m-[0_0_7px_0]"> <input type="checkbox" id="cat_special_1" value="1" onchange="select_cat('cat_special_1', 1)" class="scale-[1.5] mr-[10px]"> <span> Danh mục cấp 2 </span> </label> <div class="pl-[30px]"> <label class="table items-center cursor-pointer m-[0_0_7px_0]"> <input type="checkbox" id="cat_special_1" value="1" onchange="select_cat('cat_special_1', 1)" class="scale-[1.5] mr-[10px]"> <span> Danh mục cấp 3 </span> </label> <label class="table items-center cursor-pointer m-[0_0_7px_0]"> <input type="checkbox" id="cat_special_1" value="1" onchange="select_cat('cat_special_1', 1)" class="scale-[1.5] mr-[10px]"> <span> Danh mục cấp 3 </span> </label> </div></div>
</div>
<div class="pl-[3px]">
<label class="flex items-center cursor-pointer m-[0_0_7px_0]">
<input type="checkbox" id="cat_special_9" value="9"
onchange="select_cat('cat_special_9', 9)"
class="checkbox checkbox-success mr-[10px]">
<span class="label-text"> Danh mục cấp 1 </span>
</label>
<div class="pl-[30px]">
<label class="flex items-center cursor-pointer m-[0_0_7px_0]">
<input type="checkbox" id="cat_special_1" value="1"
onchange="select_cat('cat_special_1', 1)"
class="checkbox checkbox-success mr-[10px]">
<span class="label-text"> Danh mục cấp 2 </span>
</label>
<div class="pl-[30px]">
<label class="table items-center cursor-pointer m-[0_0_7px_0]">
<input type="checkbox" id="cat_special_1" value="1"
onchange="select_cat('cat_special_1', 1)"
class="checkbox checkbox-success mr-[10px]">
<span class="label-text"> Danh mục cấp 3 </span>
</label>
<label class="table items-center cursor-pointer m-[0_0_7px_0]">
<input type="checkbox" id="cat_special_1" value="1"
onchange="select_cat('cat_special_1', 1)"
class="checkbox checkbox-success mr-[10px]">
<span class="label-text"> Danh mục cấp 3 </span>
</label>
</div>
</div>
</div>
<!-- Cloned -->
<div class="pl-[3px]"> <label class="flex items-center cursor-pointer m-[0_0_7px_0]"> <input type="checkbox" id="cat_special_9" value="9" onchange="select_cat('cat_special_9', 9)" class="scale-[1.5] mr-[10px]"> <span> Danh mục cấp 1 </span> </label> <div class="pl-[30px]"> <div> <label class="flex items-center cursor-pointer m-[0_0_7px_0]"> <input type="checkbox" id="cat_special_1" value="1" onchange="select_cat('cat_special_1', 1)" class="scale-[1.5] mr-[10px]"> <span> Danh mục cấp 2 </span> </label> <div class="pl-[30px]"> <label class="table items-center cursor-pointer m-[0_0_7px_0]"> <input type="checkbox" id="cat_special_1" value="1" onchange="select_cat('cat_special_1', 1)" class="scale-[1.5] mr-[10px]"> <span> Danh mục cấp 3 </span> </label> <label class="table items-center cursor-pointer m-[0_0_7px_0]"> <input type="checkbox" id="cat_special_1" value="1" onchange="select_cat('cat_special_1', 1)" class="scale-[1.5] mr-[10px]"> <span> Danh mục cấp 3 </span> </label> </div></div></div></div>
<div class="pl-[3px]"> <label class="flex items-center cursor-pointer m-[0_0_7px_0]"> <input type="checkbox" id="cat_special_9" value="9" onchange="select_cat('cat_special_9', 9)" class="scale-[1.5] mr-[10px]"> <span> Danh mục cấp 1 </span> </label> <div class="pl-[30px]"> <div> <label class="flex items-center cursor-pointer m-[0_0_7px_0]"> <input type="checkbox" id="cat_special_1" value="1" onchange="select_cat('cat_special_1', 1)" class="scale-[1.5] mr-[10px]"> <span> Danh mục cấp 2 </span> </label> <div class="pl-[30px]"> <label class="table items-center cursor-pointer m-[0_0_7px_0]"> <input type="checkbox" id="cat_special_1" value="1" onchange="select_cat('cat_special_1', 1)" class="scale-[1.5] mr-[10px]"> <span> Danh mục cấp 3 </span> </label> <label class="table items-center cursor-pointer m-[0_0_7px_0]"> <input type="checkbox" id="cat_special_1" value="1" onchange="select_cat('cat_special_1', 1)" class="scale-[1.5] mr-[10px]"> <span> Danh mục cấp 3 </span> </label> </div></div></div></div>
</div>
</td>
</tr>
@@ -110,22 +155,28 @@
<tr>
<td>Đặt tên banner để theo dõi</td>
<td>
<input type="text" name="info[name]" value="" class="w-[100%] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
<input type="text" name="info[name]" value=""
class="w-[100%] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
</td>
</tr>
<tr>
<td>Mô tả</td>
<td>
<textarea name="info[summary]" class="w-[100%] min-h-[76px] max-h-[150px] outline-[0px] p-[4px_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
<textarea name="info[summary]"
class="w-[100%] min-h-[76px] max-h-[150px] outline-[0px] p-[4px_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
</td>
</tr>
<tr>
<td>Kích thước file</td>
<td>
Chiều dài (width) : <input type="text" name="info[width]" value="3130" class="w-[80px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"> px -
Chiều cao (height) <input type="text" name="info[height]" value="2075" class="w-[80px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"> px
Chiều dài (width) : <input type="text" name="info[width]" value="3130"
class="w-[80px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
px -
Chiều cao (height) <input type="text" name="info[height]" value="2075"
class="w-[80px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
px
(<span style="color:#F00">* bắt buộc cho file flash</span>)
</td>
</tr>
@@ -139,9 +190,12 @@
</div>
<div>
<p class="m-[7px_0]">Hoặc điền địa chỉ đầy đủ trên mạng (v.d. http://web-acb.com/anh.jpg):</p>
<p class="m-[7px_0]">Hoặc điền địa chỉ đầy đủ trên mạng (v.d.
http://web-acb.com/anh.jpg):</p>
<input type="text" name="info[file_external_url]" value="/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg" class="w-[100%] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
<input type="text" name="info[file_external_url]"
value="/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg"
class="w-[100%] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
</div>
</td>
</tr>
@@ -149,14 +203,16 @@
<tr>
<td style="font-weight:bold;">Địa chỉ URL đích</td>
<td>
<input type="text" name="info[desUrl]" value="" class="w-[100%] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
<input type="text" name="info[desUrl]" value=""
class="w-[100%] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
</td>
</tr>
<tr>
<td>Thứ tự hiển thị</td>
<td>
<input type="text" name="info[ordering]" value="0" class="w-[80px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
<input type="text" name="info[ordering]" value="0"
class="w-[80px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
<i>(nếu nhiều banner cùng 1 vị trí, số cao xếp trước)</i>
</td>
</tr>
@@ -165,40 +221,142 @@
<td>Thời gian hiển thị</td>
<td>
<label class="flex items-center cursor-pointer relative pl-[30px] mb-[8px]">
<input type="radio" checked="checked" name="time_valid" value="1" class="left-0"/>
<span>Luôn hiển thị, chỉ ẩn khi hạ bằng tay</span>
<input type="radio" checked="checked" name="time_valid" value="1"
class="left-0 radio checked:bg-blue-500" />
<span class="label-text ml-[5px]">Luôn hiển thị, chỉ ẩn khi hạ bằng tay</span>
</label>
<label class="flex items-center cursor-pointer relative pl-[30px] mb-[8px]">
<input type="radio" name="time_valid" value="2" class="left-0" />
<span>Thời gian hiển thị:</span>
<input type="radio" name="time_valid" value="2"
class="left-0 radio checked:bg-blue-500" />
<span class="label-text ml-[5px]">Thời gian hiển thị:</span>
</label>
<div class="items-center mb-[7px]" style="display: flex;">
<p style="width: 65px;"> Bắt đầu </p>
<div class="relative m-[0_20px_0_10px]">
<i class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
<input type="date" name="info[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)]"/>
<i
class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
<input type="date" name="info[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;">
<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 name='info[from_time_minute]' id='from_time_minute'
class="select select-bordered w-[100px] h-[40px] min-h-[40px]">
<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 class="items-center" style="display: flex;">
<p style="width: 65px;"> Kết thúc </p>
<div class="relative m-[0_20px_0_10px]">
<i class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
<input type="date" name="info[to_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)]"/>
<i
class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
<input type="date" name="info[to_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[to_time_minute]' id='from_time_minute' style="width: 85px;">
<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 name='info[to_time_minute]' id='from_time_minute'
class="select select-bordered w-[100px] h-[40px] min-h-[40px]">
<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>
</td>
@@ -208,13 +366,15 @@
<td>Hiển thị</td>
<td>
<label class="inline-flex items-center cursor-pointer relative pl-[30px] mr-[15px]">
<input type="radio" name="info[status]" value="1" class="left-0">
<span>Cho hiển thị</span>
<input type="radio" name="info[status]" value="1"
class="left-0 radio checked:bg-blue-500">
<span class="label-text ml-[5px]">Cho hiển thị</span>
</label>
<label class="inline-flex items-center cursor-pointer relative pl-[30px]">
<input type="radio" name="info[status]" value="0" checked class="left-0">
<span>Ẩn hiển thị</span>
<input type="radio" name="info[status]" value="0" checked
class="left-0 radio checked:bg-blue-500">
<span class="label-text ml-[5px]">Ẩn hiển thị</span>
</label>
</td>
</tr>
@@ -223,28 +383,30 @@
<td>Khác</td>
<td>
<label class="inline-flex items-center cursor-pointer">
<input type="checkbox" name="info[show_in_mobile]" value="1" class="scale-[1.5] mr-[10px]">
<span> Hiển thị tại mobile </span>
<input type="checkbox" name="info[show_in_mobile]" value="1"
class="checkbox checkbox-success mr-[10px]">
<span class="label-text ml-[5px]"> Hiển thị tại mobile </span>
</label>
</td>
</tr>
</table>
</div>
<input name="commit" type="submit" value="Cập nhật" class="inline-block mt-[12px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]"/>
<input name="commit" type="submit" value="Cập nhật"
class="inline-block mt-[12px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
</form>
</div>
</div>
<script>
function show_content(ty){
function show_content(ty) {
var list_type = ['pro', 'cash', 'priceoff'];
for(var i=0; i < list_type.length; i++){
for (var i = 0; i < list_type.length; i++) {
var t_ty = list_type[i];
if(ty == t_ty) document.getElementById('js-type-'+t_ty).style.display = 'block';
else document.getElementById('js-type-'+t_ty).style.display = 'none';
if (ty == t_ty) document.getElementById('js-type-' + t_ty).style.display = 'block';
else document.getElementById('js-type-' + t_ty).style.display = 'none';
}
}
</script>

14
template/customer/comment.html
View File

@@ -70,30 +70,30 @@
<td>
<div class="flex items-center">
<a href="javascript:void(0)" onclick="js_list_reply_comment.showModal()"
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-regular fa-hand-pointer text-[#0041E8]"></i>
</a>
<a href=""
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=""
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-crown text-[#0041E8]"></i>
</a>
</div>
<div class="flex items-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] 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 fa-plus text-[#0041E8]"></i>
</a>
<a href=""
class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
class="w-[32px] h-[32px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
<i class="fa-solid fa-ban text-[#9E9E9E]"></i>
</a>
<a href=""
class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] 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] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
<i class="icons icon-delete"></i>
</a>
</div>
</td>

24
template/customer/customer_add.html
View File

@@ -40,21 +40,21 @@
</div>
<div class="flex items-center">
<div class="check-form flex items-center mb-[10px] w-[20%]">
<label class="flex items-center mb-[10px] w-[20%] cursor-pointer">
<input type="checkbox" name="change_url_on_update" value="1" checked
class="checked:bg-[#0041E8] w-[18px] h-[18px] rounded-[4px]">
<span class="ml-[10px] text-[#6B7280]">Mua lẻ</span>
</div>
<div class="check-form flex items-center mb-[10px] w-[20%]">
class="checkbox checkbox-success">
<span class="label-text ml-[10px] text-[#6B7280]">Mua lẻ</span>
</label>
<label class="flex items-center mb-[10px] w-[20%] cursor-pointer">
<input type="checkbox" name="change_url_on_update" value="1"
class="checked:bg-[#0041E8] w-[18px] h-[18px] rounded-[4px]">
<span class="ml-[10px] text-[#6B7280]">Khách HCM</span>
</div>
<div class="check-form flex items-center mb-[10px] w-[20%]">
class="checkbox checkbox-success">
<span class="label-text ml-[10px] text-[#6B7280]">Khách HCM</span>
</label>
<label class="flex items-center mb-[10px] w-[20%] cursor-pointer">
<input type="checkbox" name="change_url_on_update" value="1"
class="checked:bg-[#0041E8] w-[18px] h-[18px] rounded-[4px]">
<span class="ml-[10px] text-[#6B7280]">Khách VIP</span>
</div>
class="checkbox checkbox-success">
<span class="label-text ml-[10px] text-[#6B7280]">Khách VIP</span>
</label>
</div>
<div class="flex items-center justify-between">

6
template/customer/customer_contact.html
View File

@@ -63,12 +63,12 @@
</select>
<div class="flex items-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] 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=""
class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] 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-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
<i class="icons icon-delete"></i>
</a>
</div>
</td>

6
template/customer/customer_newsletter.html
View File

@@ -46,11 +46,11 @@
<td>
<div class='list-btn flex items-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 mr-[5px]'><i
class='icons icon-remove'></i></a>
class='w-[32px] h-[32px] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
class='icons icon-delete'></i></a>
</div>
</td>
</tr>

12
template/customer/customer_review.html
View File

@@ -33,8 +33,8 @@
</td>
<td>
<a href=""
class="w-[30px] m-[auto] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center">
<i class="icons icon-remove"></i>
class="w-[32px] m-[auto] h-[32px] rounded-[4px] text-center leading-[30px] flex items-center justify-center">
<i class="icons icon-delete"></i>
</a>
</td>
</tr>
@@ -52,8 +52,8 @@
</td>
<td>
<a href=""
class="w-[30px] m-[auto] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center">
<i class="icons icon-remove"></i>
class="w-[32px] m-[auto] h-[32px] rounded-[4px] text-center leading-[30px] flex items-center justify-center">
<i class="icons icon-delete"></i>
</a>
</td>
</tr>
@@ -71,8 +71,8 @@
</td>
<td>
<a href=""
class="w-[30px] m-[auto] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center">
<i class="icons icon-remove"></i>
class="w-[32px] m-[auto] h-[32px] rounded-[4px] text-center leading-[30px] flex items-center justify-center">
<i class="icons icon-delete"></i>
</a>
</td>
</tr>

14
template/customer/review.html
View File

@@ -70,30 +70,30 @@
<td>
<div class="flex items-center">
<a href="javascript:void(0)" onclick="js_list_reply_comment.showModal()"
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-regular fa-hand-pointer text-[#0041E8]"></i>
</a>
<a href=""
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=""
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-crown text-[#0041E8]"></i>
</a>
</div>
<div class="flex items-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] 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 fa-plus text-[#0041E8]"></i>
</a>
<a href=""
class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
class="w-[32px] h-[32px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
<i class="fa-solid fa-ban text-[#9E9E9E]"></i>
</a>
<a href=""
class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] 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] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
<i class="icons icon-delete"></i>
</a>
</div>
</td>

204
template/deal/deal_add.html
View File

@@ -1,6 +1,6 @@
{% if global.url contains '?id=' %}
{% include 'deal/deal_detail' %}
{% include 'deal/deal_detail' %}
{% else %}
<div class="global-breadcrumb-container">
@@ -9,41 +9,49 @@
</div>
<div class="bg-white m-[0_0_16px_16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
<div
class="bg-white m-[0_0_16px_16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
<p class="leading-[30px] text-[24px] font-bold m-[0_0_12px]"> Chọn sản phẩm Deal </p>
<form method="get" enctype="multipart/form-data" action="/admin/" class="border border-[#F6F6F6] m-[12px_0_20px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
<input type="text" name="q" id="keyword" value="" placeholder="Tìm sản phẩm" class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
<input type="submit" value="Tìm kiếm" class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
<form method="get" enctype="multipart/form-data" action="/admin/"
class="border border-[#F6F6F6] m-[12px_0_20px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
<input type="text" name="q" id="keyword" value="" placeholder="Tìm sản phẩm"
class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
<input type="submit" value="Tìm kiếm"
class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
</form>
<div class="flex items-center justify-between m-[20px_0_16px]">
<div class="flex items-center">
<a href="javascript:void(0)" onclick="js_list_category.showModal()" class="leading-[34px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] mr-[15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
<a href="javascript:void(0)" onclick="js_list_category.showModal()"
class="leading-[34px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] mr-[15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
Chọn danh mục để xem
</a>
<a href="javascript:void(0)" onclick="js_list_brand.showModal()" class="leading-[34px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] mr-[15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
<a href="javascript:void(0)" onclick="js_list_brand.showModal()"
class="leading-[34px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] mr-[15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
Chọn thương hiệu để xem
</a>
</div>
<div class="flex items-center">
<select class="min-w-[160px] h-[36px] p-[0_5px] border border-[#D8D8D8] rounded-[4px] mr-[15px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
<select
class="min-w-[160px] h-[36px] p-[0_5px] border border-[#D8D8D8] rounded-[4px] mr-[15px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
<option value=""> Lọc sản phẩm </option>
<option value=""> option </option>
</select>
<select class="min-w-[160px] h-[36px] p-[0_5px] border border-[#D8D8D8] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
<select
class="min-w-[160px] h-[36px] p-[0_5px] border border-[#D8D8D8] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
<option value=""> Sắp xếp sản phẩm </option>
<option value=""> option </option>
</select>
</div>
</div>
<div class="order-page-table">
<div class="table">
<table>
<thead>
<thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-500">
<tr>
<td width="40"> STT </td>
<td> Sản phẩm (Tổng số: 1.742) </td>
@@ -72,7 +80,8 @@
</td>
<td align="center">
<a href="/admin/deal/deal-add?id=1" class="block leading-[36px] bg-[#0041E8] text-[#fff_!important] font-[500] p-[0_14px] cursor-pointer rounded-[4px]">
<a href="/admin/deal/deal-add?id=1"
class="block leading-[36px] bg-[#0041E8] text-[#fff_!important] font-[500] p-[0_14px] cursor-pointer rounded-[4px]">
Chọn sản phẩm
</a>
</td>
@@ -98,7 +107,8 @@
<dialog id="js_list_category" class="modal">
<div class="modal-box max-w-xl p-[16px]">
<form method="dialog">
<button class="absolute bg-[#ECECEC] font-bold leading-[30px] right-2 rounded-[50%] text-[#9E9E9E] top-2 w-[30px]">✕</button>
<button
class="absolute bg-[#ECECEC] font-bold leading-[30px] right-2 rounded-[50%] text-[#9E9E9E] top-2 w-[30px]">✕</button>
</form>
<p class="mb-[6px] font-bold text-[20px] leading-[26px]"> Chọn danh mục để xem </p>
@@ -147,13 +157,86 @@
</li>
<!-- loop -->
<li class="mb-[2px]"> <div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div><ul class="pl-[15px]"> <li> <div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div></li></ul> </li></ul> </li>
<li class="mb-[2px]">
<div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div>
<ul class="pl-[15px]">
<li class="mb-[2px]">
<div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div>
<ul class="pl-[15px]">
<li>
<div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div>
</li>
</ul>
</li>
</ul>
</li>
<!-- // -->
</ul>
</li>
<!-- Clone -->
<li class="mb-[7px]"> <div> + (#1) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 1 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div><ul class="pl-[15px]"> <li> <div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div></li></ul> </li></ul> </li><li class="mb-[2px]"> <div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div><ul class="pl-[15px]"> <li> <div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div></li></ul> </li></ul> </li></ul> </li><li class="mb-[2px]"> <div> + (#1) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 1 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div><ul class="pl-[15px]"> <li> <div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div></li></ul> </li></ul> </li><li class="mb-[2px]"> <div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div><ul class="pl-[15px]"> <li> <div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div></li></ul> </li></ul> </li></ul> </li>
<li class="mb-[7px]">
<div> + (#1) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 1 </a> </div>
<ul class="pl-[15px]">
<li class="mb-[2px]">
<div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div>
<ul class="pl-[15px]">
<li class="mb-[2px]">
<div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div>
<ul class="pl-[15px]">
<li>
<div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div>
</li>
</ul>
</li>
</ul>
</li>
<li class="mb-[2px]">
<div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div>
<ul class="pl-[15px]">
<li class="mb-[2px]">
<div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div>
<ul class="pl-[15px]">
<li>
<div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li class="mb-[2px]">
<div> + (#1) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 1 </a> </div>
<ul class="pl-[15px]">
<li class="mb-[2px]">
<div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div>
<ul class="pl-[15px]">
<li class="mb-[2px]">
<div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div>
<ul class="pl-[15px]">
<li>
<div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div>
</li>
</ul>
</li>
</ul>
</li>
<li class="mb-[2px]">
<div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div>
<ul class="pl-[15px]">
<li class="mb-[2px]">
<div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div>
<ul class="pl-[15px]">
<li>
<div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<!-- // clone -->
</ul>
</div>
@@ -166,7 +249,8 @@
<dialog id="js_list_brand" class="modal">
<div class="modal-box max-w-xl p-[16px]">
<form method="dialog">
<button class="absolute bg-[#ECECEC] font-bold leading-[30px] right-2 rounded-[50%] text-[#9E9E9E] top-2 w-[30px]">✕</button>
<button
class="absolute bg-[#ECECEC] font-bold leading-[30px] right-2 rounded-[50%] text-[#9E9E9E] top-2 w-[30px]">✕</button>
</form>
<p class="mb-[6px] font-bold text-[20px] leading-[26px]"> Chọn thương hiệu để xem </p>
@@ -179,7 +263,24 @@
A <span class="text-[black]">(73)</span>
</a>
<a href=""> b <span class="text-[black]">(73)</span></a><a href=""> c <span class="text-[black]">(73)</span></a><a href=""> d <span class="text-[black]">(73)</span></a><a href=""> e <span class="text-[black]">(73)</span></a><a href=""> f <span class="text-[black]">(73)</span></a><a href=""> g <span class="text-[black]">(73)</span></a><a href=""> 123 <span class="text-[black]">(73)</span></a><a href=""> b <span class="text-[black]">(73)</span></a><a href=""> c <span class="text-[black]">(73)</span></a><a href=""> d <span class="text-[black]">(73)</span></a><a href=""> e <span class="text-[black]">(73)</span></a><a href=""> f <span class="text-[black]">(73)</span></a><a href=""> g <span class="text-[black]">(73)</span></a><a href=""> 123 <span class="text-[black]">(73)</span></a><a href=""> b <span class="text-[black]">(73)</span></a><a href=""> c <span class="text-[black]">(73)</span></a><a href=""> d <span class="text-[black]">(73)</span></a><a href=""> e <span class="text-[black]">(73)</span></a><a href=""> f <span class="text-[black]">(73)</span></a><a href=""> g <span class="text-[black]">(73)</span></a><a href=""> 123 <span class="text-[black]">(73)</span></a><a href=""> b <span class="text-[black]">(73)</span></a><a href=""> c <span class="text-[black]">(73)</span></a><a href=""> d <span class="text-[black]">(73)</span></a><a href=""> e <span class="text-[black]">(73)</span></a><a href=""> f <span class="text-[black]">(73)</span></a>
<a href=""> b <span class="text-[black]">(73)</span></a><a href=""> c <span
class="text-[black]">(73)</span></a><a href=""> d <span class="text-[black]">(73)</span></a><a
href=""> e <span class="text-[black]">(73)</span></a><a href=""> f <span
class="text-[black]">(73)</span></a><a href=""> g <span class="text-[black]">(73)</span></a><a
href=""> 123 <span class="text-[black]">(73)</span></a><a href=""> b <span
class="text-[black]">(73)</span></a><a href=""> c <span class="text-[black]">(73)</span></a><a
href=""> d <span class="text-[black]">(73)</span></a><a href=""> e <span
class="text-[black]">(73)</span></a><a href=""> f <span class="text-[black]">(73)</span></a><a
href=""> g <span class="text-[black]">(73)</span></a><a href=""> 123 <span
class="text-[black]">(73)</span></a><a href=""> b <span class="text-[black]">(73)</span></a><a
href=""> c <span class="text-[black]">(73)</span></a><a href=""> d <span
class="text-[black]">(73)</span></a><a href=""> e <span class="text-[black]">(73)</span></a><a
href=""> f <span class="text-[black]">(73)</span></a><a href=""> g <span
class="text-[black]">(73)</span></a><a href=""> 123 <span class="text-[black]">(73)</span></a><a
href=""> b <span class="text-[black]">(73)</span></a><a href=""> c <span
class="text-[black]">(73)</span></a><a href=""> d <span class="text-[black]">(73)</span></a><a
href=""> e <span class="text-[black]">(73)</span></a><a href=""> f <span
class="text-[black]">(73)</span></a>
</div>
<div class="order-page-table">
@@ -199,13 +300,76 @@
<td align="left"> ABS </td>
<td> 1 </td>
<td>
<a href="/admin/deal/deal-add?id=1" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a>
<a href="/admin/deal/deal-add?id=1"
class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a>
</td>
</tr>
<!-- loop -->
<tr align="center"> <td> 2 </td><td align="left"> A </td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 3</td><td align="left"> B</td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 4 </td><td align="left"> C</td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 5 </td><td align="left"> ABS </td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr>
<tr align="center"> <td> 2 </td><td align="left"> A </td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 3</td><td align="left"> B</td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 4 </td><td align="left"> C</td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 5 </td><td align="left"> ABS </td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr>
<tr align="center">
<td> 2 </td>
<td align="left"> A </td>
<td> 1 </td>
<td> <a href=""
class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a>
</td>
</tr>
<tr align="center">
<td> 3</td>
<td align="left"> B</td>
<td> 1 </td>
<td> <a href=""
class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a>
</td>
</tr>
<tr align="center">
<td> 4 </td>
<td align="left"> C</td>
<td> 1 </td>
<td> <a href=""
class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a>
</td>
</tr>
<tr align="center">
<td> 5 </td>
<td align="left"> ABS </td>
<td> 1 </td>
<td> <a href=""
class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a>
</td>
</tr>
<tr align="center">
<td> 2 </td>
<td align="left"> A </td>
<td> 1 </td>
<td> <a href=""
class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a>
</td>
</tr>
<tr align="center">
<td> 3</td>
<td align="left"> B</td>
<td> 1 </td>
<td> <a href=""
class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a>
</td>
</tr>
<tr align="center">
<td> 4 </td>
<td align="left"> C</td>
<td> 1 </td>
<td> <a href=""
class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a>
</td>
</tr>
<tr align="center">
<td> 5 </td>
<td align="left"> ABS </td>
<td> 1 </td>
<td> <a href=""
class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a>
</td>
</tr>
<!-- // -->
</tbody>
</table>

64
template/home/home.html
View File

@@ -86,8 +86,8 @@
</svg>
</a>
<table class="table-fixed border border-[#ECECEC] w-[100%] leading-[20px]">
<thead align="center" class="bg-[#F6F6F6] font-[500]">
<table class="table">
<thead align="center" class="bg-[#F6F6F6] font-700 text-[14px] text-[#000]">
<td width="50"> STT </td>
<td width="265"> Người dùng </td>
<td> Nội dung </td>
@@ -99,13 +99,13 @@
{% for item in page.lich_su_chinh_sua %}
<tr>
<td> {{ item.id }} </td>
<td class="text-center"> {{ item.id }} </td>
<td> {{ item.email }} </td>
<td> {{ item.content }} </td>
<td> {{ item.time }} </td>
<td>
<a href=""
class="block rounded-[4px] border border-[#0041E8] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[36px] hover:bg-[#0041E8] hover:text-[#fff]">
class="block text-center rounded-[4px] border border-[#0041E8] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[36px] hover:bg-[#0041E8] hover:text-[#fff]">
Xem </a>
</td>
</tr>
@@ -130,29 +130,32 @@
</div>
<div class="home-report-holder block" id="js-report-most-viewed-products">
<table class="table-fixed text-center">
<thead>
<td width="50">STT</td>
<table class="table">
<thead class="bg-[#f6f6f6] text-[14px] font-700 text-[#000]">
<td width="50" class="text-center">STT</td>
<td>Sản phẩm</td>
<td width="75">Lượt xem</td>
</thead>
<tbody>
<tr>
<td> 1 </td>
<td> <a href=""> Laptop Asus ZenBook UX3402VALaptop Asus ZenBook UX3402VALaptop
<td class="text-center"> 1 </td>
<td> <a href="" class="line-clamp-1"> Laptop Asus ZenBook UX3402VALaptop Asus ZenBook
UX3402VALaptop
Asus ZenBook UX3402VA </a> </td>
<td> 30.000 </td>
</tr>
<tr>
<td>2
<td><a href=""> Laptop Asus ZenBook UX3402VALaptop Asus ZenBook UX3402VALaptop
<td class="text-center">2
<td><a href="" class="line-clamp-1"> Laptop Asus ZenBook UX3402VALaptop Asus ZenBook
UX3402VALaptop
Asus ZenBook UX3402VA </a>
<td>30.000
<tr>
<td>3
<td><a href=""> Laptop Asus ZenBook UX3402VALaptop Asus ZenBook UX3402VALaptop
<td class="text-center">3
<td><a href="" class="line-clamp-1"> Laptop Asus ZenBook UX3402VALaptop Asus ZenBook
UX3402VALaptop
Asus ZenBook UX3402VA </a>
<td>30.000
</tbody>
@@ -236,29 +239,32 @@
</div>
<div class="home-report-holder" id="js-report-article">
<table class="table-fixed text-center">
<thead>
<td width="50">STT</td>
<table class="table">
<thead class="bg-[#F6F6F6] text-[14px] font-700 text-[#000]">
<td width="50" class="text-center">STT</td>
<td>Bài viết</td>
<td width="75">Lượt xem</td>
</thead>
<tbody>
<tr>
<td> 1 </td>
<td> <a href=""> Laptop Asus ZenBook UX3402VALaptop Asus ZenBook UX3402VALaptop
<td class="text-center"> 1 </td>
<td> <a href="" class="line-clamp-1"> Laptop Asus ZenBook UX3402VALaptop Asus ZenBook
UX3402VALaptop
Asus ZenBook UX3402VA </a> </td>
<td> 30.000 </td>
</tr>
<tr>
<td>2
<td><a href=""> Laptop Asus ZenBook UX3402VALaptop Asus ZenBook UX3402VALaptop
<td class="text-center">2
<td><a href="" class="line-clamp-1"> Laptop Asus ZenBook UX3402VALaptop Asus ZenBook
UX3402VALaptop
Asus ZenBook UX3402VA </a>
<td>30.000
<tr>
<td>3
<td><a href=""> Laptop Asus ZenBook UX3402VALaptop Asus ZenBook UX3402VALaptop
<td class="text-center">3
<td><a href="" class="line-clamp-1"> Laptop Asus ZenBook UX3402VALaptop Asus ZenBook
UX3402VALaptop
Asus ZenBook UX3402VA </a>
<td>30.000
</tbody>
@@ -300,9 +306,9 @@
</form>
<div class="home-todo-list">
<table class="table-fixed leading-[20px]">
<thead class="bg-[#F6F6F6] font-[500] leading-[48px]">
<td> STT </td>
<table class="table">
<thead class="bg-[#F6F6F6] text-[14px] text-[#000] font-700">
<td class="text-center"> STT </td>
<td> Nội dung </td>
<td> Hết hạn </td>
<td> Trạng thái </td>
@@ -313,7 +319,7 @@
<tr>
<td> 2 </td>
<td class="text-center"> 2 </td>
<td> Sửa trang chủ websiteLaptoptcc </td>
<td> 28/11/2023 </td>
<td>
@@ -324,7 +330,7 @@
</tr>
<tr>
<td> 3 </td>
<td class="text-center"> 3 </td>
<td> Sửa trang chủ websiteLaptoptcc </td>
<td> 28/11/2023 </td>
<td>
@@ -335,12 +341,12 @@
</tr>
<tr>
<td> 4 </td>
<td class="text-center"> 4 </td>
<td> Sửa trang chủ websiteLaptoptcc </td>
<td> 28/11/2023 </td>
<td>
<span
class="bg-[#FCFAF1] border-[#FFC700] text-[#FFC700] block border font-[500] p-[0px_5px] rounded-[50px] text-[12px] text-center">
class="whitespace-nowrap bg-[#FCFAF1] border-[#FFC700] text-[#FFC700] block border font-[500] p-[0px_5px] rounded-[50px] text-[12px] text-center">
Sắp hết hạn </span>
</td>
</tr>

13
template/marketing/conditional_promotion_add.html
View File

@@ -79,13 +79,13 @@
<div class="flex items-center justify-between">
<div>
<p class="inline-block mr-[13px]"> Giá từ </p>
<input type="text" value=""
<input type="number" value=""
class="w-[220px] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
</div>
<div>
<p class="inline-block mr-[13px]"> Đến </p>
<input type="text" value=""
<input type="number" value=""
class="w-[220px] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
</div>
</div>
@@ -98,13 +98,14 @@
<td style="padding: 14px">
<label class="items-center cursor-pointer relative pl-[30px] mr-[15px]"
style="display: inline-flex;">
<input type="radio" name="info[status]" value="1" class="left-0">
<span>Cho hiển thị</span>
<input type="radio" name="info[status]" value="1" class="left-0 radio checked:bg-blue-500">
<span class="label-text ml-[5px]">Cho hiển thị</span>
</label>
<label class="items-center cursor-pointer relative pl-[30px]" style="display: inline-flex;">
<input type="radio" name="info[status]" value="0" checked class="left-0">
<span>Ẩn hiển thị</span>
<input type="radio" name="info[status]" value="0" checked
class="left-0 radio checked:bg-blue-500">
<span class="label-text ml-[5px]">Ẩn hiển thị</span>
</label>
</td>

79
template/marketing/coupon_add.html
View File

@@ -69,7 +69,7 @@
<td>
<div style="display: flex;align-items: center;flex-wrap: wrap;">
<select name='info[type]' onchange="show_content(this.value)"
class="w-[135px_!important] mr-[15px]">
class="w-[170px] mr-[15px] select select-bordered h-[38px] min-h-[38px] rounded-[4px]">
<option value='pro' selected>Tặng sản phẩm</option>
<option value='cash'>Tặng tiền mặt</option>
<option value='priceoff'>Giảm giá %</option>
@@ -115,7 +115,8 @@
<p class="mr-[10px]"> Giờ </p>
<select name='info[from_time_minute]' id='from_time_minute' style="width: 85px;">
<select name='info[from_time_minute]' id='from_time_minute'
class="select select-bordered w-[100px] h-[38px] min-h-[38px] rounded-[4px]">
<option value="00:00">00:00</option>
<option value="00:30">00:30</option>
<option value="01:00">01:00</option>
@@ -178,7 +179,8 @@
<p class="mr-[10px]"> Giờ </p>
<select name='info[to_time_minute]' id='from_time_minute' style="width: 85px;">
<select name='info[to_time_minute]' id='from_time_minute'
class="select select-bordered w-[100px] h-[38px] min-h-[38px] rounded-[4px]">
<option value="00:00">00:00</option>
<option value="00:30">00:30</option>
<option value="01:00">01:00</option>
@@ -277,12 +279,14 @@
<td>
<label class="items-center cursor-pointer relative pl-[30px] mb-[8px]"
style="display: inline-flex;">
<input type="radio" name="info[product_condition]" value="all" class="left-0">
<input type="radio" name="info[product_condition]" value="all"
class="left-0 radio checked:bg-blue-500 ">
<span> Tất cả các sản phầm </span>
</label>
<br>
<label class="items-center cursor-pointer relative pl-[30px]" style="display: inline-flex;">
<input type="radio" name="info[product_condition]" value="select" checked class="left-0">
<input type="radio" name="info[product_condition]" value="select" checked
class="left-0 radio checked:bg-blue-500">
<span> Chỉ một số sản phẩm (* bạn sẽ cần chọn danh sách các sản phẩm)</span>
</label>
</td>
@@ -300,15 +304,15 @@
<tr>
<td> Hiển thị </td>
<td>
<label class="items-center cursor-pointer relative pl-[30px] mr-[15px]"
style="display: inline-flex;">
<input type="radio" name="info[status]" value="1" class="left-0">
<span>Cho hiển thị</span>
<label class="flex items-center cursor-pointer relative pl-[30px] mr-[15px]">
<input type="radio" name="info[status]" value="1" class="left-0 radio checked:bg-blue-500">
<span class="label-text ml-[5px]">Cho hiển thị</span>
</label>
<label class="items-center cursor-pointer relative pl-[30px]" style="display: inline-flex;">
<input type="radio" name="info[status]" value="0" checked class="left-0">
<span>Ẩn hiển thị</span>
<label class="flex items-center cursor-pointer relative pl-[30px]">
<input type="radio" name="info[status]" value="0" checked
class="left-0 radio checked:bg-blue-500">
<span class="label-text ml-[5px]">Ẩn hiển thị</span>
</label>
</td>
@@ -337,18 +341,16 @@
<td>
<input type="hidden" name="info[code_auto]" value="">
<label class="items-center cursor-pointer relative pl-[26px] mb-[8px] w-[fit-content]"
style="display: flex;">
<label class="flex items-center cursor-pointer relative pl-[26px] mb-[8px] w-[fit-content]">
<input type="radio" onchange="$('#info_code_manual_input').css('display','none')"
name="info[code_type]" value="auto" checked class="left-0">
<span> Hệ thống tự tạo </span>
name="info[code_type]" value="auto" checked class="left-0 radio checked:bg-blue-500">
<span class="label-text ml-[5px]">Hệ thống tự tạo </span>
</label>
<label class="items-center cursor-pointer relative pl-[26px] w-[fit-content]"
style="display: flex;">
<label class="flex items-center cursor-pointer relative pl-[26px] w-[fit-content]">
<input type="radio" onchange="$('#info_code_manual_input').css('display','inline-block')"
name="info[code_type]" value="manual" class="left-0">
<span> Tự nhập tay </span>
name="info[code_type]" value="manual" class="left-0 radio checked:bg-blue-500">
<span class="label-text ml-[5px]"> Tự nhập tay </span>
</label>
<div id="info_code_manual_input" class="w-[100%] mt-[12px]" style="display: none;">
@@ -389,7 +391,7 @@
<td>
<div style="display: flex;align-items: center;flex-wrap: wrap;">
<select name='info[type]' onchange="show_content(this.value)"
class="w-[135px_!important] mr-[15px]">
class="w-[170px] mr-[15px] select select-bordered h-[38px] min-h-[38px] rounded-[4px]">
<option value='pro' selected>Tặng sản phẩm</option>
<option value='cash'>Tặng tiền mặt</option>
<option value='priceoff'>Giảm giá %</option>
@@ -435,7 +437,8 @@
<p class="mr-[10px]"> Giờ </p>
<select name='info[from_time_minute]' id='from_time_minute' style="width: 85px;">
<select name='info[from_time_minute]' id='from_time_minute'
class="select select-bordered w-[100px] h-[38px] min-h-[38px] rounded-[4px]">
<option value="00:00">00:00</option>
<option value="00:30">00:30</option>
<option value="01:00">01:00</option>
@@ -498,7 +501,8 @@
<p class="mr-[10px]"> Giờ </p>
<select name='info[to_time_minute]' id='from_time_minute' style="width: 85px;">
<select name='info[to_time_minute]' id='from_time_minute'
class="select select-bordered w-[100px] h-[38px] min-h-[38px] rounded-[4px]">
<option value="00:00">00:00</option>
<option value="00:30">00:30</option>
<option value="01:00">01:00</option>
@@ -576,8 +580,8 @@
<td>
<label class="items-center cursor-pointer" style="display: inline-flex;">
<input type="checkbox" name="info[can_use_with_other]" value="1"
class="scale-[1.2] mr-[7px]">
<span> Có cho phép (1 đơn hàng có thể có nhiều voucher) </span>
class="checkbox checkbox-success mr-[7px]">
<span class="label-text"> Có cho phép (1 đơn hàng có thể có nhiều voucher) </span>
</label>
</td>
</tr>
@@ -586,8 +590,9 @@
<td> Hiển thị công khai </td>
<td>
<label class="items-center cursor-pointer" style="display: inline-flex;">
<input type="checkbox" name="info[show_to_public]" class="scale-[1.2] mr-[7px]">
<span> Cho hiển thị công khai (nếu giao diện web có) </span>
<input type="checkbox" name="info[show_to_public]"
class="checkbox checkbox-success mr-[7px]">
<span class="label-text"> Cho hiển thị công khai (nếu giao diện web có) </span>
</label>
</td>
</tr>
@@ -597,14 +602,17 @@
<td>
<label class="items-center cursor-pointer relative pl-[30px] mb-[8px]"
style="display: inline-flex;">
<input type="radio" name="info[product_condition]" value="all" class="left-0" checked>
<span> Tất cả các sản phầm </span>
<input type="radio" name="info[product_condition]" value="all"
class="left-0 radio checked:bg-blue-500" checked>
<span class="label-text ml-[5px]"> Tất cả các sản phầm </span>
</label>
<br>
<label class="items-center cursor-pointer relative pl-[30px]" style="display: inline-flex;">
<input type="radio" name="info[product_condition]" value="select" class="left-0">
<span> Chỉ một số sản phẩm (* bạn sẽ cần chọn danh sách các sản phẩm)</span>
<input type="radio" name="info[product_condition]" value="select"
class="left-0 radio checked:bg-blue-500">
<span class="label-text ml-[5px]"> Chỉ một số sản phẩm (* bạn sẽ cần chọn danh sách các sản
phẩm)</span>
</label>
</td>
</tr>
@@ -623,13 +631,14 @@
<td>
<label class="items-center cursor-pointer relative pl-[30px] mr-[15px]"
style="display: inline-flex;">
<input type="radio" name="info[status]" value="1" class="left-0" checked>
<span>Cho hiển thị</span>
<input type="radio" name="info[status]" value="1" class="left-0 radio checked:bg-blue-500"
checked>
<span class="label-text ml-[5px]">Cho hiển thị</span>
</label>
<label class="items-center cursor-pointer relative pl-[30px]" style="display: inline-flex;">
<input type="radio" name="info[status]" value="0" class="left-0">
<span>Ẩn hiển thị</span>
<input type="radio" name="info[status]" value="0" class="left-0 radio checked:bg-blue-500">
<span class="label-text ml-[5px]">Ẩn hiển thị</span>
</label>
</td>

2
template/marketing/feed.html
View File

@@ -73,7 +73,7 @@
class="block text-center font-[500] text-[#fff_!important] bg-[#0041E8] rounded-[4px] p-[0_9px] leading-[30px] mr-[8px]">Xem
sản phẩm</a>
<a href="/admin/marketing/feed?view=fb-product-add&id=1" class="icons icon-edit"
<a href="/admin/marketing/feed?view=fb-product-add&id=1" class="icons icon-edit mr-[8px]"
title="Sửa lại"></a>
<a href="/admin/marketing/feed?view=fb-product-select&id=1"

4
template/marketing/promotion.html
View File

@@ -74,7 +74,9 @@
<td>
<div class="flex items-center flex-wrap justify-center">
<a href="/admin/marketing/promotion-add?id=1" class="icons icon-edit" title="Sửa lại"></a>
<a href="/admin/marketing/promotion-add?id=1"
class="border-[1px] border-[#0041E8] icons icon-edit w-[32px] h-[32px] mr-[6px]"
title="Sửa lại"></a>
<a href="" title="Cho Hiển thị"
class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]">
</a>

8
template/marketing/promotion_add.html
View File

@@ -41,7 +41,7 @@
<div class="mb-[18px]">
<p class="mb-[7px]"> <b>Hình thức</b> </p>
<select class="w-[400px_!important]">
<select class="w-[300px_!important] select select-bordered h-[40px] min-h-[40px]">
<option value="" selected> Quà tặng </option>
<option value=""> Dịch vụ </option>
<option value=""> Sản phẩm </option>
@@ -114,7 +114,8 @@
<p class="mr-[10px]"> Giờ </p>
<select name='info[from_time_minute]' id='from_time_minute' style="width: 85px;">
<select name='info[from_time_minute]' id='from_time_minute'
class="select select-bordered w-[100px] h-[38px] min-h-[38px] rounded-[4px]">
<option value="00:00">00:00</option>
<option value="00:30">00:30</option>
<option value="01:00">01:00</option>
@@ -177,7 +178,8 @@
<p class="mr-[10px]"> Giờ </p>
<select name='info[to_time_minute]' id='from_time_minute' style="width: 85px;">
<select name='info[to_time_minute]' id='from_time_minute'
class="select select-bordered w-[100px] h-[38px] min-h-[38px] rounded-[4px]">
<option value="00:00">00:00</option>
<option value="00:30">00:30</option>
<option value="01:00">01:00</option>

62
template/order/home.html
View File

@@ -18,39 +18,43 @@
<input type="hidden" name="fullfillment" id="js-fullfillment" value="">
<div
class="flex items-center mb-[15px] p-[15px_16px] border border-[#F6F6F6] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
<input type="text" name="orderCode" value="" placeholder="Mã đơn hàng"
class="w-[375px] h-[36px] p-[0_10px] m-[0_10px_0_0] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
class="flex flex-wrap items-center mb-[15px] p-[15px_16px] border border-[#F6F6F6] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
<div class="flex items-center mb-[10px]">
<input type="text" name="orderCode" value="" placeholder="Mã đơn hàng"
class="w-[375px] h-[36px] p-[0_10px] m-[0_10px_0_0] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
<span class="whitespace-nowrap">hoặc</span>
<span class="whitespace-nowrap">hoặc</span>
<input type="text" name="q" value="" placeholder="Tìm người mua (* tên, email, điện thoại)"
class="w-[375px] h-[36px] p-[0_10px] m-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
<div date-rangepicker class="flex items-center" datepicker-format="dd/mm/yyyy" datepicker-buttons
datepicker-autoselect-today>
<div class="relative">
<div class="absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none">
<i
class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute top-[4px] left-[10px] leading-[35px]"></i>
</div>
<input name="start-time" type="date"
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-[130px] ps-[30px] p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
placeholder="Từ ngày">
</div>
<div class="relative ml-[15px]">
<div class="absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none">
<i
class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute top-[4px] left-[10px] leading-[35px]"></i>
</div>
<input name="end-time" type="date"
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-[130px] ps-[30px] p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
placeholder="Đến ngày">
</div>
<input type="text" name="q" value="" placeholder="Tìm người mua (* tên, email, điện thoại)"
class="w-[375px] h-[36px] p-[0_10px] m-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
</div>
<input type="submit" value="Tìm kiếm"
class="bg-[#0041E8] rounded-[4px] text-[#fff] font-[500] h-[36px] p-[0_10px] cursor-pointer ml-[15px]">
<div class="flex items-center mb-[10px]">
<div date-rangepicker class="flex items-center" datepicker-format="dd/mm/yyyy" datepicker-buttons
datepicker-autoselect-today>
<div class="relative">
<div class="absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none">
<i
class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute top-[4px] left-[10px] leading-[35px]"></i>
</div>
<input name="start-time" type="date"
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-[130px] ps-[30px] p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
placeholder="Từ ngày">
</div>
<div class="relative ml-[15px]">
<div class="absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none">
<i
class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute top-[4px] left-[10px] leading-[35px]"></i>
</div>
<input name="end-time" type="date"
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-[130px] ps-[30px] p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
placeholder="Đến ngày">
</div>
</div>
<input type="submit" value="Tìm kiếm"
class="bg-[#0041E8] rounded-[4px] text-[#fff] font-[500] h-[36px] p-[0_10px] cursor-pointer ml-[15px]">
</div>
</div>
</form>

16
template/product/form_components/accessory.html
View File

@@ -46,8 +46,8 @@
<div class="item-accessory mb-[20px]">
<p class="mb-[10px]">PC, Workstation</p>
<table class="style-table">
<thead>
<table class="table">
<thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-[700]">
<tr>
<th>STT</th>
<th>Ảnh</th>
@@ -75,8 +75,8 @@
24.900.000 VND
</td>
<td>
<div class="flex items-center justify-center w-[32px] h-[32px] leading-[32px] bg-[#ECECEC] rounded-[4px]">
<i class="icons icon-remove"></i>
<div class="flex items-center justify-center w-[32px] h-[32px] leading-[32px] rounded-[4px]">
<i class="icons icon-delete"></i>
</div>
</td>
</tr>
@@ -85,8 +85,8 @@
</div>
<div class="item-accessory mb-[20px]">
<p class="mb-[10px]">PC, Workstation</p>
<table class="style-table">
<thead>
<table class="table">
<thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-[700]">
<tr>
<th>STT</th>
<th>Ảnh</th>
@@ -114,8 +114,8 @@
24.900.000 VND
</td>
<td>
<div class="flex items-center justify-center w-[32px] h-[32px] leading-[32px] bg-[#ECECEC] rounded-[4px]">
<i class="icons icon-remove"></i>
<div class="flex items-center justify-center w-[32px] h-[32px] leading-[32px] rounded-[4px]">
<i class="icons icon-delete"></i>
</div>
</td>
</tr>

17
template/product/form_components/seo.html
View File

@@ -19,15 +19,18 @@
<label for="" class="mb-[5px] block font-[700] text-[14px] text-[#383C44]">Thay đổi Link truy cập khi thay
đổi Tên index?</label>
<div class="flex items-center">
<label class="style-checkbox text-[#6B7280]">
<label class="flex items-center cursor-pointer text-[#6B7280]">
Có thay đổi
<input type="checkbox" name="change_url_on_update" checked="">
<span class="checkmark"></span>
<input type="checkbox" class="checkbox checkbox-success ml-[10px]" name="change_url_on_update"
checked="">
<i class="ml-[5px] text-[#6B7280] label-text">(Tích chọn nếu bạn muốn hệ thống thay đổi link truy
cập. Cảnh
báo:
sẽ ảnh hưởng tới
kết quả SEO)
</i>
</label>
<i class="ml-[5px] text-[#6B7280]">(Tích chọn nếu bạn muốn hệ thống thay đổi link truy cập. Cảnh báo:
sẽ ảnh hưởng tới
kết quả SEO)
</i>
</div>
</div>

105
template/product/form_components/spec_group.html
View File

@@ -21,30 +21,25 @@
<p class="text-[#383C44]">dong-cpu</p>
<i class="text-[#6B7280]">Dùng là bộ lọc - Dùng tạo lựa chọn SP - Hiển thị ở tóm tắt</i>
<div class="flex flex-wrap mt-[15px]">
<label class="style-checkbox mb-[15px] w-[calc(100%_/4)] text-[#6B7280]">
Core i3
<input type="checkbox" name="new" checked="">
<span class="checkmark"></span>
<label class="flex align-items mb-[15px] w-[calc(100%_/4)] cursor-pointer">
<input type="checkbox" class="checkbox checkbox-success" name="new" checked="">
<span class="label-text ml-[10px]">Core i3</span>
</label>
<label class="style-checkbox mb-[15px] w-[calc(100%_/4)] text-[#6B7280]">
Core i3
<input type="checkbox" name="new" checked="">
<span class="checkmark"></span>
<label class="flex align-items cursor-pointer mb-[15px] w-[calc(100%_/4)] text-[#6B7280]">
<input type="checkbox" name="new" checked="" class="checkbox checkbox-success">
<span class="label-text ml-[10px]">Core i3</span>
</label>
<label class="style-checkbox mb-[15px] w-[calc(100%_/4)] text-[#6B7280]">
Core i3
<input type="checkbox" name="new" checked="">
<span class="checkmark"></span>
<label class="flex align-items cursor-pointer mb-[15px] w-[calc(100%_/4)] text-[#6B7280]">
<input type="checkbox" name="new" checked="" class="checkbox checkbox-success">
<span class="label-text ml-[10px]">Core i3</span>
</label>
<label class="style-checkbox mb-[15px] w-[calc(100%_/4)] text-[#6B7280]">
Core i3
<input type="checkbox" name="new" checked="">
<span class="checkmark"></span>
<label class="flex align-items cursor-pointer mb-[15px] w-[calc(100%_/4)] text-[#6B7280]">
<input type="checkbox" name="new" checked="" class="checkbox checkbox-success">
<span class="label-text ml-[10px]">Core i3</span>
</label>
<label class="style-checkbox mb-[15px] w-[calc(100%_/4)] text-[#6B7280]">
Core i3
<input type="checkbox" name="new" checked="">
<span class="checkmark"></span>
<label class="flex align-items cursor-pointer mb-[15px] w-[calc(100%_/4)] text-[#6B7280]">
<input type="checkbox" name="new" checked="" class="checkbox checkbox-success">
<span class="label-text ml-[10px]">Core i3</span>
</label>
</div>
<div class="">
@@ -63,30 +58,25 @@
<p class="text-[#383C44]">dong-cpu</p>
<i class="text-[#6B7280]">Dùng là bộ lọc - Dùng tạo lựa chọn SP - Hiển thị ở tóm tắt</i>
<div class="flex flex-wrap mt-[15px]">
<label class="style-checkbox mb-[15px] w-[calc(100%_/4)] text-[#6B7280]">
Core i3
<input type="checkbox" name="new" checked="">
<span class="checkmark"></span>
<label class="flex align-items mb-[15px] w-[calc(100%_/4)] cursor-pointer">
<input type="checkbox" class="checkbox checkbox-success" name="new" checked="">
<span class="label-text ml-[10px]">Core i3</span>
</label>
<label class="style-checkbox mb-[15px] w-[calc(100%_/4)] text-[#6B7280]">
Core i3
<input type="checkbox" name="new" checked="">
<span class="checkmark"></span>
<label class="flex align-items cursor-pointer mb-[15px] w-[calc(100%_/4)] text-[#6B7280]">
<input type="checkbox" name="new" checked="" class="checkbox checkbox-success">
<span class="label-text ml-[10px]">Core i3</span>
</label>
<label class="style-checkbox mb-[15px] w-[calc(100%_/4)] text-[#6B7280]">
Core i3
<input type="checkbox" name="new" checked="">
<span class="checkmark"></span>
<label class="flex align-items cursor-pointer mb-[15px] w-[calc(100%_/4)] text-[#6B7280]">
<input type="checkbox" name="new" checked="" class="checkbox checkbox-success">
<span class="label-text ml-[10px]">Core i3</span>
</label>
<label class="style-checkbox mb-[15px] w-[calc(100%_/4)] text-[#6B7280]">
Core i3
<input type="checkbox" name="new" checked="">
<span class="checkmark"></span>
<label class="flex align-items cursor-pointer mb-[15px] w-[calc(100%_/4)] text-[#6B7280]">
<input type="checkbox" name="new" checked="" class="checkbox checkbox-success">
<span class="label-text ml-[10px]">Core i3</span>
</label>
<label class="style-checkbox mb-[15px] w-[calc(100%_/4)] text-[#6B7280]">
Core i3
<input type="checkbox" name="new" checked="">
<span class="checkmark"></span>
<label class="flex align-items cursor-pointer mb-[15px] w-[calc(100%_/4)] text-[#6B7280]">
<input type="checkbox" name="new" checked="" class="checkbox checkbox-success">
<span class="label-text ml-[10px]">Core i3</span>
</label>
</div>
<div class="">
@@ -105,30 +95,25 @@
<p class="text-[#383C44]">dong-cpu</p>
<i class="text-[#6B7280]">Dùng là bộ lọc - Dùng tạo lựa chọn SP - Hiển thị ở tóm tắt</i>
<div class="flex flex-wrap mt-[15px]">
<label class="style-checkbox mb-[15px] w-[calc(100%_/4)] text-[#6B7280]">
Core i3
<input type="checkbox" name="new" checked="">
<span class="checkmark"></span>
<label class="flex align-items mb-[15px] w-[calc(100%_/4)] cursor-pointer">
<input type="checkbox" class="checkbox checkbox-success" name="new" checked="">
<span class="label-text ml-[10px]">Core i3</span>
</label>
<label class="style-checkbox mb-[15px] w-[calc(100%_/4)] text-[#6B7280]">
Core i3
<input type="checkbox" name="new" checked="">
<span class="checkmark"></span>
<label class="flex align-items cursor-pointer mb-[15px] w-[calc(100%_/4)] text-[#6B7280]">
<input type="checkbox" name="new" checked="" class="checkbox checkbox-success">
<span class="label-text ml-[10px]">Core i3</span>
</label>
<label class="style-checkbox mb-[15px] w-[calc(100%_/4)] text-[#6B7280]">
Core i3
<input type="checkbox" name="new" checked="">
<span class="checkmark"></span>
<label class="flex align-items cursor-pointer mb-[15px] w-[calc(100%_/4)] text-[#6B7280]">
<input type="checkbox" name="new" checked="" class="checkbox checkbox-success">
<span class="label-text ml-[10px]">Core i3</span>
</label>
<label class="style-checkbox mb-[15px] w-[calc(100%_/4)] text-[#6B7280]">
Core i3
<input type="checkbox" name="new" checked="">
<span class="checkmark"></span>
<label class="flex align-items cursor-pointer mb-[15px] w-[calc(100%_/4)] text-[#6B7280]">
<input type="checkbox" name="new" checked="" class="checkbox checkbox-success">
<span class="label-text ml-[10px]">Core i3</span>
</label>
<label class="style-checkbox mb-[15px] w-[calc(100%_/4)] text-[#6B7280]">
Core i3
<input type="checkbox" name="new" checked="">
<span class="checkmark"></span>
<label class="flex align-items cursor-pointer mb-[15px] w-[calc(100%_/4)] text-[#6B7280]">
<input type="checkbox" name="new" checked="" class="checkbox checkbox-success">
<span class="label-text ml-[10px]">Core i3</span>
</label>
</div>
<div class="">

10
template/product/form_components/tag.html
View File

@@ -10,10 +10,10 @@
</a>
</div>
<table class="style-table mt-[15px]">
<tr>
<table class="table mt-[15px]">
<tr class="bg-[#f6f6f6] text-[14px] text-[#000] font-700">
<th class="w-[50px]">STT</th>
<th>Tag</th>
<th class="text-center">Tag</th>
<th class="w-[50px]"></th>
</tr>
<tr>
@@ -21,8 +21,8 @@
<td>ATO Test</td>
<td>
<a href=""
class="w-[32px] h-[32px] leading-[32px] text-center bg-[#ECECEC] flex items-center justify-center rounded-[4px]">
<i class="icons icon-remove"></i>
class="w-[32px] h-[32px] leading-[32px] text-center flex items-center justify-center rounded-[4px]">
<i class="icons icon-delete"></i>
</a>
</td>
</tr>

8
template/product/form_components/variant.html
View File

@@ -36,8 +36,8 @@
</div>
</div>
<table class="w-[100%] table-config">
<tbody>
<table class="w-[100%] table mt-[10px]">
<tbody class="bg-[#F6F6F6] text-[14px] font-700 text-[#000]">
<tr>
<th class="w-[50px]">Ảnh</th>
<th>Chủng loại</th>
@@ -47,7 +47,7 @@
<tbody>
<tr>
<td class="align-text-top text-center">
<a href="" class="m-0-auto">
<a href="" class="m-0-auto ">
<i class="icons icon-edit mx-auto"></i>
</a>
</td>
@@ -121,7 +121,7 @@
</a>
<a href=""
class="w-[32px] h-[32px] leading-[32px] text-center bg-[#ECECEC] flex items-center justify-center rounded-[4px]">
<i class="icons icon-remove"></i>
<i class="icons icon-delete"></i>
</a>
</div>

4
template/product/form_components/video.html
View File

@@ -5,8 +5,8 @@
<p class="text-[#6B7280]">Bạn cần gắn url của video được cung cấp bởi Youtube vào đây
</p>
<i class="text-[#6B7280]">Ví dụ: https://www.youtube.com/watch?NR=1&v=QqzJhk1p4rU&feature=endscreen</i>
<table class="style-table mt-[15px]">
<tr>
<table class="table mt-[15px]">
<tr class="bg-[#f6f6f6] font-700 text-[14px] text-[#000]">
<th>Link youtobe</th>
<th>Mô tả (nếu có)</th>
<th class="w-[50px]"></th>

14
template/product/home.html
View File

@@ -39,7 +39,7 @@
<th>Ảnh</th>
<th class="text-left">Sản phẩm (Tổng số: {{page.total}})</th>
<th class="whitespace-nowrap text-left w-[350px]">Thông tin bán hàng</th>
<th>
<th class="w-[200px]">
<select id=""
class="block w-[230px] h-[32px] px-[5px] bg-white border-[1px] border-[#D8D8D8] font-[400] h-[30px] mt-[5px] rounded-[4px] shadow-[0_2px_4px_0_#0000001F]"
onchange="location.href=this.value">
@@ -162,27 +162,27 @@
<td class="align-text-top">
<div class="list-btn flex items-center w-[150px]">
<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]">
class="w-[32px] h-[32px] border-[1px] border-[#0041e8] rounded-[4px] text-center leading-[32px] flex items-center justify-center mr-[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]">
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-view"></i>
</a>
{% if item.status == 0 %}
<a href=""
class="w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
class="w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
<i class="fa-regular fa-eye-slash text-[#9E9E9E]"></i>
</a>
{% else %}
<a href=""
class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] bg-white">
class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] bg-white">
<i class="fa-regular fa-eye text-[#0041E8]"></i>
</a>
{% endif %}
<a href=""
class="w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[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]">
<i class="icons icon-delete"></i>
</a>
</div>
</td>

110
template/theme.html
View File

@@ -104,116 +104,6 @@
</div>
</div>
<!-- Menu collapse -->
<!-- <div class="admin-menu box-menu fixed top-0 bg-[#004180] pb-[20px] h-[100vh] hidden" id="js-menu-small">
<div class="flex flex-col justify-between">
<div>
<div
class="logo item items-center justify-center border-[rgba(255,255,255,0.15)] border-b p-[20px_0_!important]">
<a href="/" class="">
<img src="{{ 'logo_small.png' | asset_url }}" alt="">
</a>
</div>
<a href="javascript:void(0)" title="Mở menu" class="icon-close" id="js-show-menu">
<i class="fa-solid fa-indent"></i>
</a>
<div class="item">
<a href="/" class="icons icon-home"> </a>
</div>
{% 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 == global.module %} current {% endif %}">
{% if _type == 'order' %} <i class="icons icon-sell"> </i>
{% elsif _type == 'product' %} <i class="icons icon-product"> </i>
{% elsif _type == 'customer' %}<i class="icons icon-user"> </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 %}
<div class="sub-menu">
<p class="font-bold"> {{ _category[1].name }} </p>
<div class="menu-list">
{% for _item in _menuArray %}
<a href="{{ _item.url }}" {% if _item.view==global.view %} class="current" {% endif %}>
{{ _item.name }}
</a>
{% endfor %}
</div>
</div>
</div>
{% endif %}
{% endfor %}
<div class="item">
<a href="" class="icons icon-settings"> </a>
<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="{{_item.url }}"> {{_item.name }} </a>
{% endfor %}
</div>
</div>
</div>
<div class="item">
<a href="" class="icons icon-support"> </a>
<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="item">
<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="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="sub-menu">
<p class="font-bold"> Thoát quản trị </p>
</div>
</div>
</div>
</div> -->
<div class="admin-content-container ml-[245px]" id="js-admin-content-container">
<!-- Header -->
<div class="admin-header-container flex items-center justify-between bg-white px-4 py-3">