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-11 16:22:18 +07:00
parent 961e92b965
commit c3c4efd679
30 changed files with 637 additions and 759 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
assets/script/global.js
View File

@@ -36,5 +36,5 @@ const AdminFunction = (() => {
function r() { function r() {
$("#overlay").removeClass("active"), $(".status-notificatiom").removeClass("active"); $("#overlay").removeClass("active"), $(".status-notificatiom").removeClass("active");
} }
return { capNhatTrangThaiMenu: capNhatTrangThaiMenu, add_product_to_category: t, run_search: n, update_product_hot: o, searchSelect: a, checkForm: i, closeForm: r }; return { capNhatTrangThaiMenu: capNhatTrangThaiMenu, add_product_to_category: t, run_search: n, update_product_hot: o, checkForm: i, closeForm: r };
})(); })();

226
assets/script/pc_style.css
View File

@@ -75,6 +75,12 @@ table {
width: 100%; width: 100%;
} }
table td,
table th {
padding: 8px !important;
border: 1px solid #ececec;
}
a { a {
text-decoration: none; text-decoration: none;
} }
@@ -202,6 +208,9 @@ a {
.admin-menu-container .sub-menu a:last-child { .admin-menu-container .sub-menu a:last-child {
margin: 0; margin: 0;
} }
.admin-menu-container .sub-menu.active {
display: block;
}
.admin-menu-container .hover-menu { .admin-menu-container .hover-menu {
padding: 10px 22px 10px 15px; padding: 10px 22px 10px 15px;
border-radius: 6px; border-radius: 6px;
@@ -415,49 +424,11 @@ a {
white-space: nowrap; white-space: nowrap;
} }
.product-list th {
padding: 10px;
border: 1px solid #ececec;
background: #f6f6f6;
}
.product-list td {
padding: 8px;
border: 1px solid #ececec;
}
.product-sale-info td { .product-sale-info td {
padding: 14px; padding: 14px;
border: 1px solid #ececec; border: 1px solid #ececec;
} }
input[type=radio] {
position: absolute;
}
input[type=radio]:before {
content: "";
background: #fff;
border-radius: 100%;
border: 1.5px solid #0041e8;
display: inline-block;
width: 18px;
height: 18px;
position: relative;
top: -0.2em;
margin-right: 1em;
vertical-align: top;
cursor: pointer;
text-align: center;
transition: all 250ms ease;
}
input[type=radio]:checked:before {
background-color: #0041e8;
box-shadow: inset 0 0 0 3px #fff;
}
input[type=radio]:focus:before {
outline: none;
border-color: #0041e8;
}
.table-seo td { .table-seo td {
padding: 14px; padding: 14px;
border: 1px solid #ececec; border: 1px solid #ececec;
@@ -588,20 +559,6 @@ input[type=radio]:focus:before {
background: #0041e8; background: #0041e8;
color: #fff; color: #fff;
} }
.order-page .order-page-table {
text-align: center;
}
.order-page .order-page-table thead td {
padding: 8px;
}
.order-page .order-page-table td {
padding: 14px 8px;
text-align: center;
vertical-align: middle;
}
.order-page .order-page-table td:nth-child(4), .order-page .order-page-table td:nth-child(10) {
text-align: left;
}
.order-page-table { .order-page-table {
line-height: 20px; line-height: 20px;
@@ -609,28 +566,6 @@ input[type=radio]:focus:before {
.order-page-table a { .order-page-table a {
color: #0041e8; color: #0041e8;
} }
.order-page-table table {
width: 100%;
}
.order-page-table thead {
background: #f6f6f6;
font-weight: 500;
text-align: center;
white-space: nowrap;
}
.order-page-table thead td {
padding: 8px;
}
.order-page-table tbody td {
vertical-align: top;
}
.order-page-table tbody tr:hover {
background: #f5f7ff;
}
.order-page-table td {
padding: 10px;
border: 1px solid #ececec;
}
.order-page-table select { .order-page-table select {
border-radius: 4px; border-radius: 4px;
border: 1px solid #d8d8d8; border: 1px solid #d8d8d8;
@@ -723,16 +658,6 @@ input[type=radio]:focus:before {
content: none; content: none;
} }
.table-brand th {
padding: 7px 5px;
background: #f6f6f6;
border: 1px solid #ececec;
}
.table-brand td {
padding: 7px 6px;
border: 1px solid #ececec;
}
.table-vertical-inherit tbody td { .table-vertical-inherit tbody td {
padding: 8px; padding: 8px;
vertical-align: inherit; vertical-align: inherit;
@@ -794,19 +719,13 @@ input[type=radio]:focus:before {
border: 1px solid #ececec; border: 1px solid #ececec;
} }
.table-list-category td {
padding: 6px 5px;
border: 1px solid #ececec;
}
.table-list-category a {
color: #0041e8;
}
.input-file { .input-file {
position: relative; position: relative;
} }
.input-file input { .input-file input {
opacity: 0; opacity: 0;
position: relative;
z-index: 999;
} }
.input-file .title { .input-file .title {
position: absolute; position: absolute;
@@ -902,21 +821,6 @@ input[type=radio]:focus:before {
border: 1px solid #ececec; border: 1px solid #ececec;
} }
.table-config-group th {
padding: 7px 5px;
background: #f6f6f6;
border: 1px solid #ececec;
white-space: nowrap;
text-align: left;
}
.table-config-group td {
padding: 7px 6px;
border: 1px solid #ececec;
}
.table-config-group a {
color: #0041e8;
}
.table-config-pro th { .table-config-pro th {
padding: 7px 5px; padding: 7px 5px;
background: #f6f6f6; background: #f6f6f6;
@@ -932,42 +836,6 @@ input[type=radio]:focus:before {
color: #0041e8; color: #0041e8;
} }
.table-addon th,
.table-spec th,
.spec-info th,
.table-list-competitor th,
.table-customer-group th,
.table-review th,
.table-newsletter th,
.style-table th {
padding: 7px 5px;
background: #f6f6f6;
border: 1px solid #ececec;
white-space: nowrap;
text-align: left;
}
.table-addon td,
.table-spec td,
.spec-info td,
.table-list-competitor td,
.table-customer-group td,
.table-review td,
.table-newsletter td,
.style-table td {
padding: 7px 6px;
border: 1px solid #ececec;
}
.table-addon .name,
.table-spec .name,
.spec-info .name,
.table-list-competitor .name,
.table-customer-group .name,
.table-review .name,
.table-newsletter .name,
.style-table .name {
color: #0041e8;
}
.input-date { .input-date {
position: relative; position: relative;
} }
@@ -995,62 +863,24 @@ input[type=radio]:focus:before {
color: #0041e8; color: #0041e8;
} }
.style-checkbox { .checkbox-success {
display: block; --chkbg: #0041e8;
position: relative; --chkfg: #fff;
padding-left: 26px; border-color: #000 !important;
cursor: pointer; width: 1.2rem;
-webkit-user-select: none; height: 1.2rem;
-moz-user-select: none; border-radius: 3px;
user-select: none;
} }
.style-checkbox input { .checkbox-success:checked,
position: absolute; .checkbox-success[aria-checked=true] {
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.style-checkbox .checkmark {
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
background: #fff;
border: 1.5px solid #c5c5c5;
border-radius: 4px;
}
.style-checkbox:hover input ~ .checkmark {
background: #fff;
}
.style-checkbox input:checked ~ .checkmark {
background-color: #0041e8; background-color: #0041e8;
border: 1px solid #0041e8; border-color: #0041e8 !important;
} }
.style-checkbox .checkmark:after { .radio {
content: ""; width: 1.2rem;
position: absolute; height: 1.2rem;
display: none;
}
.style-checkbox input:checked ~ .checkmark:after {
display: block;
}
.style-checkbox .checkmark:after {
left: 6px;
top: 1px;
width: 6px;
height: 13px;
border: solid white;
border-width: 0 3px 3px 0;
transform: rotate(45deg);
} }
.box-note { .box-note {
@@ -1166,4 +996,12 @@ input[type=radio]:focus:before {
.status-notificatiom .fa-triangle-exclamation { .status-notificatiom .fa-triangle-exclamation {
font-size: 70px; font-size: 70px;
color: #ffc53d; color: #ffc53d;
}
.table a {
color: #0041e8;
}
.table .btn {
color: #fff;
padding: 0;
}/*# sourceMappingURL=pc_style.css.map */ }/*# 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

235
assets/script/pc_style.scss
View File

@@ -65,6 +65,11 @@ img {
table { table {
width: 100%; width: 100%;
} }
table td,
table th {
padding: 8px !important;
border: 1px solid #ececec;
}
a { a {
text-decoration: none; text-decoration: none;
} }
@@ -192,6 +197,9 @@ a {
margin: 0; margin: 0;
} }
} }
&.active {
display: block;
}
} }
.hover-menu { .hover-menu {
padding: 10px 22px 10px 15px; padding: 10px 22px 10px 15px;
@@ -338,6 +346,7 @@ a {
padding: 16px 0 16px 16px; padding: 16px 0 16px 16px;
} }
} }
.table-fixed { .table-fixed {
text-align: center; text-align: center;
td { td {
@@ -411,17 +420,6 @@ a {
} }
} }
} }
.product-list {
th {
padding: 10px;
border: 1px solid #ececec;
background: #f6f6f6;
}
td {
padding: 8px;
border: 1px solid #ececec;
}
}
.product-sale-info { .product-sale-info {
td { td {
@@ -430,39 +428,6 @@ a {
} }
} }
input[type="radio"] {
position: absolute;
&:before {
content: "";
background: #fff;
border-radius: 100%;
border: 1.5px solid #0041e8;
display: inline-block;
width: 18px;
height: 18px;
position: relative;
top: -0.2em;
margin-right: 1em;
vertical-align: top;
cursor: pointer;
text-align: center;
transition: all 250ms ease;
}
&:checked {
&:before {
background-color: #0041e8;
box-shadow: inset 0 0 0 3px #fff;
}
}
&:focus {
&:before {
outline: none;
border-color: #0041e8;
}
}
}
.table-seo { .table-seo {
td { td {
padding: 14px; padding: 14px;
@@ -608,55 +573,12 @@ input[type="radio"] {
} }
} }
} }
.order-page-table {
text-align: center;
thead {
td {
padding: 8px;
}
}
td {
padding: 14px 8px;
text-align: center;
vertical-align: middle;
&:nth-child(4),
&:nth-child(10) {
text-align: left;
}
}
}
} }
.order-page-table { .order-page-table {
line-height: 20px; line-height: 20px;
a { a {
color: #0041e8; color: #0041e8;
} }
table {
width: 100%;
}
thead {
background: #f6f6f6;
font-weight: 500;
text-align: center;
white-space: nowrap;
td {
padding: 8px;
}
}
tbody {
td {
vertical-align: top;
}
tr {
&:hover {
background: #f5f7ff;
}
}
}
td {
padding: 10px;
border: 1px solid #ececec;
}
select { select {
border-radius: 4px; border-radius: 4px;
border: 1px solid #d8d8d8; border: 1px solid #d8d8d8;
@@ -750,17 +672,6 @@ input[type="radio"] {
} }
} }
} }
.table-brand {
th {
padding: 7px 5px;
background: #f6f6f6;
border: 1px solid #ececec;
}
td {
padding: 7px 6px;
border: 1px solid #ececec;
}
}
.table-vertical-inherit { .table-vertical-inherit {
tbody { tbody {
@@ -833,20 +744,12 @@ input[type="radio"] {
} }
} }
.table-list-category {
td {
padding: 6px 5px;
border: 1px solid #ececec;
}
a {
color: #0041e8;
}
}
.input-file { .input-file {
position: relative; position: relative;
input { input {
opacity: 0; opacity: 0;
position: relative;
z-index: 999;
} }
.title { .title {
position: absolute; position: absolute;
@@ -954,23 +857,6 @@ input[type="radio"] {
} }
} }
.table-config-group {
th {
padding: 7px 5px;
background: #f6f6f6;
border: 1px solid #ececec;
white-space: nowrap;
text-align: left;
}
td {
padding: 7px 6px;
border: 1px solid #ececec;
}
a {
color: #0041e8;
}
}
.table-config-pro { .table-config-pro {
th { th {
padding: 7px 5px; padding: 7px 5px;
@@ -988,30 +874,6 @@ input[type="radio"] {
} }
} }
.table-addon,
.table-spec,
.spec-info,
.table-list-competitor,
.table-customer-group,
.table-review,
.table-newsletter,
.style-table {
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 { .input-date {
position: relative; position: relative;
&::before { &::before {
@@ -1041,59 +903,24 @@ input[type="radio"] {
} }
} }
.style-checkbox { .checkbox-success {
display: block; --chkbg: #0041e8;
position: relative; --chkfg: #fff;
padding-left: 26px; border-color: #000 !important;
cursor: pointer; width: 1.2rem;
-webkit-user-select: none; height: 1.2rem;
-moz-user-select: none; border-radius: 3px;
-ms-user-select: none;
user-select: none;
}
.style-checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.style-checkbox .checkmark {
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
background: #fff;
border: 1.5px solid #c5c5c5;
border-radius: 4px;
}
.style-checkbox:hover input ~ .checkmark {
background: #fff;
}
.style-checkbox input:checked ~ .checkmark {
background-color: #0041e8;
border: 1px solid #0041e8;
} }
.style-checkbox .checkmark:after { .checkbox-success:checked,
content: ""; .checkbox-success[aria-checked="true"] {
position: absolute; background-color: #0041e8;
display: none; border-color: #0041e8 !important;
} }
.style-checkbox input:checked ~ .checkmark:after {
display: block; .radio {
} width: 1.2rem;
.style-checkbox .checkmark:after { height: 1.2rem;
left: 6px;
top: 1px;
width: 6px;
height: 13px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
} }
.box-note { .box-note {
@@ -1213,3 +1040,13 @@ input[type="radio"] {
color: #ffc53d; color: #ffc53d;
} }
} }
.table {
a {
color: #0041e8;
}
.btn {
color: #fff;
padding: 0;
}
}

19
template/customer/customer_add.html
View File

@@ -85,14 +85,17 @@
<div class="mb-[15px] flex items-center"> <div class="mb-[15px] flex items-center">
<label class="w-[120px] font-[600] text-[14px]">Giới tính</label> <label class="w-[120px] font-[600] text-[14px]">Giới tính</label>
<div class="flex items-center"> <div class="flex items-center">
<div class="check-form flex items-center mr-[50px]"> <label class="cursor-pointer flex items-center mr-[25px]">
<input type="radio" name="info[scope]" value="0" checked=""> <input type="radio" name="info[sex]" value="0" class="radio checked:bg-blue-500"
<label for="" class="ml-[25px] text-[#6B7280]">Nam</label> checked="checked" />
</div> <span class="label-text ml-[10px] text-[#6B7280]">Nam</span>
<div class="check-form flex items-center"> </label>
<input type="radio" name="info[scope]" value="1" checked="">
<label for="" class="ml-[25px] text-[#6B7280]">Nữ</label> <label class="cursor-pointer flex items-center">
</div> <input type="radio" name="info[sex]" value="1" class="radio checked:bg-blue-500" />
<span class="label-text ml-[10px] text-[#6B7280]">Nữ</span>
</label>
</div> </div>
</div> </div>

63
template/deal/home.html
View File

@@ -1,32 +1,42 @@
<div class="bg-white m-[16px_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-[16px_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] mb-[13px] font-bold text-[24px]"> Danh sách Deal </p> <p class="leading-[30px] mb-[13px] font-bold text-[24px]"> Danh sách Deal </p>
<form method="get" enctype="multipart/form-data" action="/admin/" class="border border-[#F6F6F6] m-[12px_0_16px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]"> <form method="get" enctype="multipart/form-data" action="/admin/"
class="border border-[#F6F6F6] m-[12px_0_16px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
<input type="hidden" name="opt" value="deal"> <input type="hidden" name="opt" value="deal">
<input type="hidden" name="q" value=""> <input type="hidden" name="q" value="">
<input type="hidden" name="page" value=""> <input type="hidden" name="page" value="">
<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="text" name="q" id="keyword" value="" placeholder="Tìm sản phẩm"
<input type="submit" value="Tìm kiếm" class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]"> 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> </form>
<div class="flex items-center flex-wrap justify-between mb-[20px]"> <div class="flex items-center flex-wrap justify-between mb-[20px]">
<a href="" class="leading-[35px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]"> <a href=""
class="leading-[35px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
Xóa danh sách được chọn Xóa danh sách được chọn
</a> </a>
<div class="flex items-center font-[500] leading-[35px]"> <div class="flex items-center font-[500] leading-[35px]">
<a href="/admin/deal/deal-add" class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_16px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]"> <a href="/admin/deal/deal-add"
<span class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span> class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_16px_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 deal mới</span> <span>Thêm deal mới</span>
</a> </a>
<a href="/admin/deal/upload-deal-excel" class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_16px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]"> <a href="/admin/deal/upload-deal-excel"
<span class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span> class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_16px_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 deal excel</span> <span>Thêm deal excel</span>
</a> </a>
<a href="javascript:void(0)" class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]"> <a href="javascript:void(0)"
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
<i class="fas fa-file-download m-[0_4px_0_0]"></i> <i class="fas fa-file-download m-[0_4px_0_0]"></i>
<span>Tải file excel</span> <span>Tải file excel</span>
</a> </a>
@@ -38,7 +48,8 @@
<thead> <thead>
<tr> <tr>
<td width="40"> <td width="40">
<input type="checkbox" class="scale-[1.5] js-checkbox-all" onclick="CheckList.setAllChecked.call(this)"/> <input type="checkbox" class="checkbox checkbox-success"
onclick="CheckList.setAllChecked.call(this)" />
</td> </td>
<td width="40"> STT </td> <td width="40"> STT </td>
<td width="80"> Ảnh </td> <td width="80"> Ảnh </td>
@@ -63,7 +74,7 @@
<tr> <tr>
<td align="center"> <td align="center">
<input type="checkbox" class="scale-[1.5] js-checkbox-id"/> <input type="checkbox" class="checkbox checkbox-success js-checkbox-id" />
</td> </td>
<td align="center"> 1 </td> <td align="center"> 1 </td>
@@ -98,24 +109,34 @@
</td> </td>
<td> <td>
<i title="Chưa bắt đầu" style="background: #0041E8;" class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i> <i title="Chưa bắt đầu" style="background: #0041E8;"
<i title="Đang bắt đầu" style="background: #299D00;" class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i> class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i>
<i title="Hết thời gian" style="background: #E00000;" class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i> <i title="Đang bắt đầu" style="background: #299D00;"
<i title="Ẩn hiển thị" style="background: #C8C8C8;" class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i> class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i>
<i title="Đang nổi bật" style="background: #FFC700;" class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i> <i title="Hết thời gian" style="background: #E00000;"
class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i>
<i title="Ẩn hiển thị" style="background: #C8C8C8;"
class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i>
<i title="Đang nổi bật" style="background: #FFC700;"
class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i>
</td> </td>
<td> <td>
<div class="items-center flex"> <div class="items-center flex">
<a href="/admin/deal/deal-add?id=1" title="Sửa lại" class="icons icon-edit"></a> <a href="/admin/deal/deal-add?id=1" title="Sửa lại" class="icons icon-edit"></a>
<a href="" title="Cho nổi bật" class="fas fa-crown bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a> <a href="" title="Cho nổi bật"
class="fas fa-crown bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
<a href="" title="Hạ nổi bật" class="fas fa-crown bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a> <a href="" title="Hạ nổi bật"
class="fas fa-crown bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
<a href="" title="Hạ xuống" class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a> <a href="" title="Hạ xuống"
class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></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> <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>
<a href="" class="icons icon-delete" title="Xóa"></a> <a href="" class="icons icon-delete" title="Xóa"></a>
</div> </div>

8
template/javascript/global.html
View File

@@ -29,7 +29,11 @@
function toggleSubMenu(id) { function toggleSubMenu(id) {
const submenu = $('#' + id); const submenu = $('#' + id);
submenu.toggle(); submenu.toggleClass('active');
$('#js-menu-big').toggleClass('active'); if ($('#js-menu-big .sub-menu').hasClass('active')) {
$('#js-menu-big').addClass('active');
} else {
$('#js-menu-big').removeClass('active');
}
} }
</script> </script>

2
template/javascript/index.html
View File

@@ -1,3 +1,5 @@
<script src="/assets/typescript/main.js?v=1.111"></script>
{% include javascript/global %} {% include javascript/global %}
{% if global.module == 'home' %} {% if global.module == 'home' %}

1
template/javascript/product_form.html
View File

@@ -1,4 +1,5 @@
<script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script> <script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
<script src="{{ 'RowExpand.js' | asset_url }}"></script>
<script> <script>

7
template/marketing/product_offer.html
View File

@@ -41,9 +41,10 @@
<td> Lựa chọn </td> <td> Lựa chọn </td>
<td> <td>
<label class="inline-flex items-center mb-[5px] cursor-pointer">
<input type="checkbox" class="mr-[10px] scale-[1.5]" /> <label class="cursor-pointer flex items-center mb-[5px]">
<span> Xóa dữ liệu cũ trước khi cập nhật </span> <input type="checkbox" name="" checked="checked" class="checkbox checkbox-success" />
<span class="label-text ml-[5px]">Xóa dữ liệu cũ trước khi cập nhật</span>
</label> </label>
<i class="block font-[300]">(* Nếu lựa chọn, hệ thống sẽ xóa bỏ hết dữ liệu đang có trước khi <i class="block font-[300]">(* Nếu lựa chọn, hệ thống sẽ xóa bỏ hết dữ liệu đang có trước khi

189
template/marketing/promotion_add.html
View File

@@ -6,11 +6,14 @@
<div class="max-w-[1141px] m-[0_auto_20px]"> <div class="max-w-[1141px] m-[0_auto_20px]">
<div class="flex flex-wrap items-start justify-center"> <div class="flex flex-wrap items-start justify-center">
{% if global.url contains 'id=' %} {% if global.url contains 'id=' %}
<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 </p> <p class="font-bold text-[20px]"> Cập nhật </p>
<a href="/admin/marketing/promotion-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]"> <a href="/admin/marketing/promotion-add"
<span class="border-[1px] border-[#6B7280] h-[13px] w-[13px] leading-[10.3px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span> 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 khuyến mại mới</span> <span>Thêm khuyến mại mới</span>
</a> </a>
@@ -19,13 +22,19 @@
</p> </p>
</div> </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"> <div
<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> 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="/admin/marketing/promotion-product?id=1" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Danh sách sản phẩm </a> <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>
<a href="/admin/marketing/promotion-product?id=1"
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Danh sách sản
phẩm </a>
</div> </div>
{% endif %} {% endif %}
<form method="post" enctype="multipart/form-data" class="order-page-table w-[852px] bg-white p-[16pX_16px_20px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] block"> <form method="post" enctype="multipart/form-data"
class="order-page-table w-[852px] bg-white p-[16pX_16px_20px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] block">
<p class="mb-[20px] font-bold text-[20px]">Thông tin cơ bản</p> <p class="mb-[20px] font-bold text-[20px]">Thông tin cơ bản</p>
@@ -52,102 +61,212 @@
<div class="mb-[18px]"> <div class="mb-[18px]">
<p class="mb-[7px]"> <b>Đặt tiêu đề khuyến mại</b> </p> <p class="mb-[7px]"> <b>Đặt tiêu đề khuyến mại</b> </p>
<input type="text" value="" class="w-[100%] h-[34px] 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-[34px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
</div> </div>
<div class="flex flex-wrap justify-between"> <div class="flex flex-wrap justify-between">
<div class="mb-[18px] w-[49%]"> <div class="mb-[18px] w-[49%]">
<p class="mb-[7px]"> <b>Giá trị bằng</b> (VNĐ) </p> <p class="mb-[7px]"> <b>Giá trị bằng</b> (VNĐ) </p>
<input type="text" value="0" class="w-[100%] h-[34px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/> <input type="text" value="0"
class="w-[100%] h-[34px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
</div> </div>
<div class="mb-[18px] w-[49%]"> <div class="mb-[18px] w-[49%]">
<p class="mb-[7px]"> <b>Số lượng</b> (Để = -1 nếu không hạn chế số lượng)</p> <p class="mb-[7px]"> <b>Số lượng</b> (Để = -1 nếu không hạn chế số lượng)</p>
<input type="text" value="0" class="w-[100%] h-[34px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/> <input type="text" value="0"
class="w-[100%] h-[34px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
</div> </div>
</div> </div>
<div class="mb-[18px]"> <div class="mb-[18px]">
<p class="mb-[7px]"> <b>Mô tả</b> </p> <p class="mb-[7px]"> <b>Mô tả</b> </p>
<textarea class="w-[100%] min-h-[122px] max-h-[170px] p-[6px_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-[6px_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
</div> </div>
<div class="mb-[18px] flex flex-wrap"> <div class="mb-[18px] flex flex-wrap">
<p class="mr-[45px]"> <b>Thời gian hiệu lực</b> </p> <p class="mr-[45px]"> <b>Thời gian hiệu lực</b> </p>
<div class="mb-[18px]"> <div class="mb-[18px]">
<label class="items-center cursor-pointer relative pl-[30px] mb-[10px]" style="display: inline-flex;">
<input type="radio" name="info[time_valid]" value="1" class="left-0" checked>
<span> Không giới hạn thời gian </span>
</label>
<br>
<label class="items-center cursor-pointer relative pl-[30px] mb-[13px]" style="display: inline-flex;"> <label class="cursor-pointer flex items-center mb-[10px]">
<input type="radio" name="info[time_valid]" value="2" class="left-0"> <input type="radio" name="info[time_valid]" value="0" class="radio checked:bg-blue-500"
<span> Thời gian giới hạn </span> checked="checked" />
<span class="label-text ml-[10px]">Không giới hạn thời gian</span>
</label>
<label class="cursor-pointer flex items-center mb-[10px]">
<input type="radio" name="info[time_valid]" value="1" class="radio checked:bg-blue-500" />
<span class="label-text ml-[10px]">Thời gian giới hạn</span>
</label> </label>
<div class="items-center mb-[10px]" style="display: flex;"> <div class="items-center mb-[10px]" style="display: flex;">
<p style="width: 65px;"> Bắt đầu </p> <p style="width: 65px;"> Bắt đầu </p>
<div class="relative m-[0_20px_0_10px]"> <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> <i
<input type="date" name="from_time_date" value="" placeholder="Từ ngày" class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/> class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
<input type="date" name="from_time_date" value="" placeholder="Từ ngày"
class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
</div> </div>
<p class="mr-[10px]"> Giờ </p> <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' 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> <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> </select>
</div> </div>
<div class="items-center" style="display: flex;"> <div class="items-center" style="display: flex;">
<p style="width: 65px;"> Kết thúc </p> <p style="width: 65px;"> Kết thúc </p>
<div class="relative m-[0_20px_0_10px]"> <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> <i
<input type="date" name="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)]"/> class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
<input type="date" name="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> </div>
<p class="mr-[10px]"> Giờ </p> <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' 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> <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> </select>
</div> </div>
</div> </div>
</div> </div>
<div class="mb-[18px]"> <div class="mb-[18px]">
<p class="mb-[7px]"> <b>Link liên quan (nếu có)</b> (Link tới 1 bài viết giới thiệu chi tiết hoặc link sản phẩm) </p> <p class="mb-[7px]"> <b>Link liên quan (nếu có)</b> (Link tới 1 bài viết giới thiệu chi tiết hoặc link
sản phẩm) </p>
<input type="text" value="" class="w-[100%] h-[34px] 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-[34px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
</div> </div>
<div class="mb-[18px]"> <div class="mb-[18px]">
<p class="mb-[7px]"> <b>Ghi chú</b> </p> <p class="mb-[7px]"> <b>Ghi chú</b> </p>
<textarea class="w-[100%] min-h-[70px] max-h-[100px] p-[6px_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea> <textarea
class="w-[100%] min-h-[70px] max-h-[100px] p-[6px_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
</div> </div>
<div class="flex items-center"> <div class="flex items-center">
<p> <b>Hiển thị</b> </p> <p> <b>Hiển thị</b> </p>
<label class="flex items-center cursor-pointer relative pl-[30px] m-[0_76px]">
<input type="radio" name="info[status]" value="1" class="left-0" checked> <label class="cursor-pointer flex items-center m-[0_76px]">
<span>Cho hiển thị</span> <input type="radio" name="info[status]" value="1" class="radio checked:bg-blue-500" checked />
<span class="label-text ml-[10px]">Cho hiển thị</span>
</label> </label>
<label class="flex items-center cursor-pointer relative pl-[30px]">
<input type="radio" name="info[status]" value="0" class="left-0"> <label class="cursor-pointer flex items-center">
<span>Ẩn hiển thị</span> <input type="radio" name="info[status]" value="0" class="radio checked:bg-blue-500" />
<span class="label-text ml-[10px]">Ẩn hiển thị</span>
</label> </label>
</div> </div>
<p class="bg-[#FAFAFB] h-[6px] m-[20px_-16px]"></p> <p class="bg-[#FAFAFB] h-[6px] m-[20px_-16px]"></p>
<input name="commit" 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 name="commit" 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> </form>
</div> </div>
</div> </div>

6
template/order/bargain.html
View File

@@ -22,9 +22,9 @@
Tổng số mặc cả giá nhận được: <b> 1.458 </b> Tổng số mặc cả giá nhận được: <b> 1.458 </b>
</p> </p>
<div class="order-page-table"> <div class="">
<table> <table class="table">
<thead> <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
<tr class="font-[600]"> <tr class="font-[600]">
<td width="50"> STT </td> <td width="50"> STT </td>
<td width="200"> Thời gian </td> <td width="200"> Thời gian </td>

25
template/order/detail.html
View File

@@ -61,8 +61,9 @@
<td> Địa chỉ thanh toán </td> <td> Địa chỉ thanh toán </td>
<td> <td>
<span> Kiến Hưng, Quận Hà Đông, Hà Nội </span> <span> Kiến Hưng, Quận Hà Đông, Hà Nội </span>
<a href="#js-update-payment" data-fancybox title="Cập nhật địa chỉ thanh toán" <a href="javascript:void(0)" onclick="js_update_payment.showModal()" data-fancybox
class="icons icon-edit inline-block" style="background-position: -111px -86px;"></a> title="Cập nhật địa chỉ thanh toán" class="icons icon-edit inline-block"
style="background-position: -111px -86px;"></a>
</td> </td>
</tr> </tr>
</table> </table>
@@ -122,7 +123,7 @@
<td> Phí vận chuyển & giao hàng </td> <td> Phí vận chuyển & giao hàng </td>
<td> <td>
<span> 0 VND </span> <span> 0 VND </span>
<a href="#js-update-order-shipping" data-fancybox="" <a href="javascript:void()" onclick="js_update_order_shipping.showModal()"
title="Cập nhật phí ship cho đơn hàng" class="icons icon-edit inline-block" title="Cập nhật phí ship cho đơn hàng" class="icons icon-edit inline-block"
style="background-position: -111px -86px;vertical-align:sub;"></a> style="background-position: -111px -86px;vertical-align:sub;"></a>
</td> </td>
@@ -132,7 +133,7 @@
<td> Phí thu hộ </td> <td> Phí thu hộ </td>
<td> <td>
<span> 0 VND </span> <span> 0 VND </span>
<a href="#js-update-order-shipping" data-fancybox="" <a href="javascript:void()" onclick="js_update_order_shipping.showModal()"
title="Cập nhật phí ship cho đơn hàng" class="icons icon-edit inline-block" title="Cập nhật phí ship cho đơn hàng" class="icons icon-edit inline-block"
style="background-position: -111px -86px;vertical-align:sub;"></a> style="background-position: -111px -86px;vertical-align:sub;"></a>
</td> </td>
@@ -152,7 +153,7 @@
<div class="order-page-table text-center"> <div class="order-page-table text-center">
<table> <table>
<thead> <thead class="bg-[#F6F6F6]">
<tr> <tr>
<td> STT </td> <td> STT </td>
<td> Phân loại </td> <td> Phân loại </td>
@@ -408,7 +409,8 @@
<!-- // Cập nhật địa chỉ thanh toán --> <!-- // Cập nhật địa chỉ thanh toán -->
<dialog id="js_update_payment" class="p-[20px_16px] rounded-[15px] w-[100%] max-w-[600px]" style="display: none;"> <dialog id="js_update_payment" class="modal">
<div class="p-[20px_16px] rounded-[15px] w-[100%] max-w-[600px] bg-white modal-box">
<p class="leading-[20px] text-[16px] font-bold mb-[15px]"> Cập nhật địa chỉ thanh toán </p> <p class="leading-[20px] text-[16px] font-bold mb-[15px]"> Cập nhật địa chỉ thanh toán </p>
<label class="inline-flex cursor-pointer"> <label class="inline-flex cursor-pointer">
@@ -488,11 +490,16 @@
</tr> </tr>
</table> </table>
</div> </div>
</div>
<form method="dialog" class="modal-backdrop">
<button>close</button>
</form>
</dialog> </dialog>
<!-- // Cập nhật phí ship cho đơn hàng --> <!-- // Cập nhật phí ship cho đơn hàng -->
<div id="js-update-order-shipping" class="p-[20px_16px] rounded-[15px] w-[100%] max-w-[600px]" style="display: none;"> <dialog id="js_update_order_shipping" class="modal">
<div class="p-[20px_16px] rounded-[15px] w-[100%] max-w-[600px] modal-box">
<p class="leading-[20px] text-[16px] font-bold mb-[20px]"> Cập nhật phí ship cho đơn hàng </p> <p class="leading-[20px] text-[16px] font-bold mb-[20px]"> Cập nhật phí ship cho đơn hàng </p>
<table class="w-[100%]"> <table class="w-[100%]">
@@ -523,3 +530,7 @@
</tr> </tr>
</table> </table>
</div> </div>
<form method="dialog" class="modal-backdrop">
<button>close</button>
</form>
</dialog>

8
template/order/home.html
View File

@@ -79,8 +79,8 @@
</div> </div>
<div class="order-page-table"> <div class="order-page-table">
<table> <table class="table">
<thead> <thead class="bg-[#f6f6f6]">
<tr> <tr>
<td> STT </td> <td> STT </td>
<td class="w-[85px]"> Mã số </td> <td class="w-[85px]"> Mã số </td>
@@ -126,7 +126,7 @@
</thead> </thead>
<tbody> <tbody>
<tr> <tr class="hover">
<td> 1 </td> <td> 1 </td>
<td> <td>
<a href="/admin/order/detail?id=369"> 000-369 </a> <a href="/admin/order/detail?id=369"> 000-369 </a>
@@ -154,7 +154,7 @@
</td> </td>
</tr> </tr>
<tr> <tr class="hover">
<td> 2 </td> <td> 2 </td>
<td> <td>
<a href="/admin/order/detail?id=369"> 000-369 </a> <a href="/admin/order/detail?id=369"> 000-369 </a>

40
template/order/paygate.html
View File

@@ -1,29 +1,36 @@
<div class="bg-white m-[16px_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-[16px_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]"> Thanh toán qua cổng dịch vụ </p> <p class="leading-[30px] text-[24px] font-bold m-[0_0_12px]"> Thanh toán qua cổng dịch vụ </p>
<div class="flex flex-wrap mb-[20px] leading-[36px]"> <div class="flex flex-wrap mb-[20px] leading-[36px]">
<a href="" style="background: #0041E8;color: #fff;" class="text-[#919699] font-[500] p-[0_20px] mr-[2px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-[#fff]"> <a href="" style="background: #0041E8;color: #fff;"
class="text-[#919699] font-[500] p-[0_20px] mr-[2px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-[#fff]">
Chưa xử lý Chưa xử lý
</a> </a>
<a href="" class="text-[#919699] font-[500] p-[0_20px] mr-[2px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-[#fff]"> <a href=""
class="text-[#919699] font-[500] p-[0_20px] mr-[2px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-[#fff]">
Thành công Thành công
</a> </a>
<a href="" class="text-[#919699] font-[500] p-[0_20px] mr-[2px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-[#fff]"> <a href=""
class="text-[#919699] font-[500] p-[0_20px] mr-[2px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-[#fff]">
Hủy bỏ Hủy bỏ
</a> </a>
</div> </div>
<form method="get" enctype="multipart/form-data" action="/admin/" class="flex items-center border-[#F6F6F6] m-[12px_0_20px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_4px_0px_rgba(0,0,0,0.10)]"> <form method="get" enctype="multipart/form-data" action="/admin/"
<input type="text" name="q" id="keyword" value="" placeholder="Tìm theo email hoặc số điện thoại" 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)] "> class="flex items-center border-[#F6F6F6] m-[12px_0_20px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_4px_0px_rgba(0,0,0,0.10)]">
<input type="text" name="q" id="keyword" value="" placeholder="Tìm theo email hoặc số điện thoại"
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)] ">
<div class="items-center flex"> <div class="items-center flex">
<p class="mr-1"> Từ ngày </p> <p class="mr-1"> Từ ngày </p>
<div class="relative m-[0_20px_0_10px]"> <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> <i class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
<input type="date" name="from_time_date" value="" placeholder="Từ ngày" class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"> <input type="date" name="from_time_date" value="" placeholder="Từ ngày"
class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
</div> </div>
</div> </div>
@@ -32,11 +39,13 @@
<div class="relative m-[0_20px_0_10px]"> <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> <i class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
<input type="date" name="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)]"> <input type="date" name="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> </div>
</div> </div>
<input type="submit" value="Tìm kiếm" class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]"> <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> </form>
<div class="m-[14px_0] flex items-center justify-between"> <div class="m-[14px_0] flex items-center justify-between">
@@ -45,15 +54,16 @@
Tổng giá trị: <b>800.000 VNĐ</b> Tổng giá trị: <b>800.000 VNĐ</b>
</p> </p>
<a href="" 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=""
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="far fa-file-excel mr-2"></i> <i class="far fa-file-excel mr-2"></i>
<span>Tải file excel</span> <span>Tải file excel</span>
</a> </a>
</div> </div>
<div class="order-page-table"> <div>
<table> <table class="table">
<thead> <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
<tr class="font-[600]"> <tr class="font-[600]">
<td width="50"> STT </td> <td width="50"> STT </td>
<td> ID </td> <td> ID </td>
@@ -87,7 +97,9 @@
<td> 100.000 </td> <td> 100.000 </td>
<td> <td>
<span class="text-[#6DC580] border-[#6DC580] bg-[#F0F9F2] rounded-[50px] border inline-block leading-[20px] text-[12px] font-[500] p-[0_8px] m-[0_7px_0px_0]"> Thành công </span> <span
class="text-[#6DC580] border-[#6DC580] bg-[#F0F9F2] rounded-[50px] border inline-block leading-[20px] text-[12px] font-[500] p-[0_8px] m-[0_7px_0px_0]">
Thành công </span>
<!-- <span class="text-[#0041E8] border-[#0041E8] bg-[#F7F5FF] rounded-[50px] border inline-block leading-[20px] text-[12px] font-[500] p-[0_8px] m-[0_7px_0px_0]"> Chưa xử lý </span> <!-- <span class="text-[#0041E8] border-[#0041E8] bg-[#F7F5FF] rounded-[50px] border inline-block leading-[20px] text-[12px] font-[500] p-[0_8px] m-[0_7px_0px_0]"> Chưa xử lý </span>
<span class="text-[#E00000] border-[#E00000] bg-[#F9F2F2] rounded-[50px] border inline-block leading-[20px] text-[12px] font-[500] p-[0_8px] m-[0_7px_0px_0]"> Hủy bỏ </span> --> <span class="text-[#E00000] border-[#E00000] bg-[#F9F2F2] rounded-[50px] border inline-block leading-[20px] text-[12px] font-[500] p-[0_8px] m-[0_7px_0px_0]"> Hủy bỏ </span> -->
</td> </td>

49
template/order/wait_order.html
View File

@@ -1,37 +1,45 @@
<div class="bg-white m-[16px_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-[16px_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]"> Đặt chờ sản phẩm </p> <p class="leading-[30px] text-[24px] font-bold m-[0_0_12px]"> Đặt chờ sản phẩm </p>
<div class="flex flex-wrap mb-[20px] leading-[36px]"> <div class="flex flex-wrap mb-[20px] leading-[36px]">
<a href="" style="background: #0041E8;color: #fff;" class="text-[#919699] font-[500] p-[0_20px] mr-[2px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-[#fff]"> <a href="" style="background: #0041E8;color: #fff;"
class="text-[#919699] font-[500] p-[0_20px] mr-[2px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-[#fff]">
Chưa xử lý Chưa xử lý
</a> </a>
<a href="" class="text-[#919699] font-[500] p-[0_20px] mr-[2px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-[#fff]"> <a href=""
class="text-[#919699] font-[500] p-[0_20px] mr-[2px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-[#fff]">
Thành công Thành công
</a> </a>
<a href="" class="text-[#919699] font-[500] p-[0_20px] mr-[2px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-[#fff]"> <a href=""
class="text-[#919699] font-[500] p-[0_20px] mr-[2px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-[#fff]">
Hủy bỏ Hủy bỏ
</a> </a>
</div> </div>
<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)]"> <form method="get" enctype="multipart/form-data" action="/admin/"
<input type="text" name="q" id="keyword" value="" placeholder="Tìm theo email hoặc số điện thoại" 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)] "> 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="submit" value="Tìm kiếm" class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]"> <input type="text" name="q" id="keyword" value="" placeholder="Tìm theo email hoặc số điện thoại"
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> </form>
<div class="m-[14px_0] flex items-center justify-between"> <div class="m-[14px_0] flex items-center justify-between">
<p> Danh sách các Sản phẩm khách hàng chờ đặt hàng </p> <p> Danh sách các Sản phẩm khách hàng chờ đặt hàng </p>
<a href="" 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=""
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="far fa-file-excel mr-2"></i> <i class="far fa-file-excel mr-2"></i>
<span>Tải file excel</span> <span>Tải file excel</span>
</a> </a>
</div> </div>
<div class="order-page-table"> <div>
<table> <table class="table">
<thead> <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
<tr class="font-[600]"> <tr class="font-[600]">
<td width="55"> STT </td> <td width="55"> STT </td>
<td> Khách hàng </td> <td> Khách hàng </td>
@@ -53,7 +61,8 @@
</td> </td>
<td> <td>
<a href="" target="_blank"> [Mới 100%] Dell Gaming G16 7620 (Intel core i7-12700H, 16GB, 1TB, RTX 3060 6GB, 16″ QHD+ 165Hz IPS) </a> <a href="" target="_blank"> [Mới 100%] Dell Gaming G16 7620 (Intel core i7-12700H, 16GB, 1TB,
RTX 3060 6GB, 16″ QHD+ 165Hz IPS) </a>
</td> </td>
<td> 20 Láng Hạ, Đống Đa, Hà Nội </td> <td> 20 Láng Hạ, Đống Đa, Hà Nội </td>
@@ -62,11 +71,19 @@
<td> <td>
<div id="status_1"> <div id="status_1">
<span class="text-[#6DC580] border-[#6DC580] bg-[#F0F9F2] rounded-[50px] border inline-block leading-[20px] text-[12px] font-[500] p-[0_8px] m-[0_7px_0px_0]"> Thành công </span> <span
<span class="text-[#0041E8] border-[#0041E8] bg-[#F7F5FF] rounded-[50px] border inline-block leading-[20px] text-[12px] font-[500] p-[0_8px] m-[0_7px_0px_0]"> Chưa xử lý </span> class="text-[#6DC580] border-[#6DC580] bg-[#F0F9F2] rounded-[50px] border inline-block leading-[20px] text-[12px] font-[500] p-[0_8px] m-[0_7px_0px_0]">
<span class="text-[#E00000] border-[#E00000] bg-[#F9F2F2] rounded-[50px] border inline-block leading-[20px] text-[12px] font-[500] p-[0_8px] m-[0_7px_0px_0]"> Hủy bỏ </span> Thành công </span>
<span
class="text-[#0041E8] border-[#0041E8] bg-[#F7F5FF] rounded-[50px] border inline-block leading-[20px] text-[12px] font-[500] p-[0_8px] m-[0_7px_0px_0]">
Chưa xử lý </span>
<span
class="text-[#E00000] border-[#E00000] bg-[#F9F2F2] rounded-[50px] border inline-block leading-[20px] text-[12px] font-[500] p-[0_8px] m-[0_7px_0px_0]">
Hủy bỏ </span>
<a href="javascript:edit_order_status(1)" title="Chỉnh sửa" class="icons inline-block w-[18px_!important] h-[18px_!important] bg-[transparent_!important] border-[transparent_!important] rounded-[0_!important]" style="background-position: -113px -88px;vertical-align: sub;"></a> <a href="javascript:edit_order_status(1)" title="Chỉnh sửa"
class="icons inline-block w-[18px_!important] h-[18px_!important] bg-[transparent_!important] border-[transparent_!important] rounded-[0_!important]"
style="background-position: -113px -88px;vertical-align: sub;"></a>
</div> </div>
<p class="mt-[7px]"> Lúc 28-02-2015, 12:40 pm </p> <p class="mt-[7px]"> Lúc 28-02-2015, 12:40 pm </p>

4
template/product/addon.html
View File

@@ -16,8 +16,8 @@
</a> </a>
</div> </div>
<table class="mt-[15px] table-addon"> <table class="mt-[15px] table">
<thead> <thead class="bg-[#f6f6f6] text-[#000] text-[14px]">
<tr> <tr>
<th>STT</th> <th>STT</th>
<th>Thông tin</th> <th>Thông tin</th>

4
template/product/attribute.html
View File

@@ -9,8 +9,8 @@
<span class="text-[#0041E8] font-[500]">Thêm thuộc tính mới</span> <span class="text-[#0041E8] font-[500]">Thêm thuộc tính mới</span>
</a> </a>
<table class="table-attribute mt-[20px]"> <table class="table mt-[20px]">
<thead> <thead class="bg-[#f6f6f6] text-[#000] text-[14px]">
<tr> <tr>
<th>STT</th> <th>STT</th>
<th>Mã</th> <th>Mã</th>

22
template/product/attribute_add.html
View File

@@ -116,17 +116,19 @@
<div class="flex mb-[10px]"> <div class="flex mb-[10px]">
<b class="w-[140px]">Phân loại</b> <b class="w-[140px]">Phân loại</b>
<div> <div>
<div class="check-form flex items-center mb-[10px]"> <label class="cursor-pointer flex items-center mb-[10px]">
<input type="radio" name="info[scope]" value="0" checked=""> <input type="radio" name="info[scope]" value="0" class="radio checked:bg-blue-500"
<label for="" class="ml-[25px] text-[#6B7280]">Local - Chỉ áp dụng cho một số loại Sản checked="checked" />
phẩm</label> <span class="label-text ml-[25px] text-[#6B7280]">Local - Chỉ áp dụng cho một số loại
</div> Sản
<div class="check-form flex items-center mb-[10px]"> phẩm</span>
<input type="radio" name="info[scope]" value="1" checked=""> </label>
<label for="" class="ml-[25px] text-[#6B7280]">Global - Áp dụng cho tất cả Sản phẩm
(v.d: Xuất xứ, Màu sắc, Bảo hành) <label class="cursor-pointer flex items-center mb-[10px]">
<input type="radio" name="info[scope]" value="1" class="radio checked:bg-blue-500" />
<span class="label-text ml-[25px] text-[#6B7280]">Global - Áp dụng cho tất cả Sản phẩm
(v.d: Xuất xứ, Màu sắc, Bảo hành)</span>
</label> </label>
</div>
</div> </div>
</div> </div>

4
template/product/brand.html
View File

@@ -38,8 +38,8 @@
</a> </a>
</div> </div>
<table class="table-brand mt-[15px]"> <table class="table mt-[15px]">
<thead> <thead class="bg-[#f6f6f6] text-[#000] text-[14px]">
<tr> <tr>
<th>STT</th> <th>STT</th>
<th>ID</th> <th>ID</th>

17
template/product/category.html
View File

@@ -18,22 +18,11 @@
</div> </div>
</div> </div>
<style type="text/css"> <table id='tb_padding' cellpadding=2 cellspacing=0 width='100%' border=1 bordercolor='#CCCCCC' class="table">
.tb-cat-row {
width: 100%;
}
.tb-cat-row td {
padding: 1px
}
</style>
<table id='tb_padding' cellpadding=2 cellspacing=0 width='100%' border=1 bordercolor='#CCCCCC'
class="table-list-category">
<tr style="background-color:#EEE; font-weight:bold;"> <tr style="background-color:#EEE; font-weight:bold;">
<td>Danh mục</td> <td>Danh mục</td>
<td width=100px>Link web</td> <td width=100px>Link web</td>
<td width=40px>ID</td> <td width=60px class="whitespace-nowrap">ID</td>
<td>Xem</td> <td>Xem</td>
<td width=100px>SP</td> <td width=100px>SP</td>
<td width=100px>STT</td> <td width=100px>STT</td>
@@ -58,7 +47,7 @@
</div> </div>
</div> </div>
<script src="{{ 'RowExpand.js' | asset_url }}"></script>
<script> <script>
function update_order(id, new_val) { function update_order(id, new_val) {

4
template/product/config_group.html
View File

@@ -19,8 +19,8 @@
<span class="text-[#0041E8] font-[500]">Thêm nhóm cấu hình</span> <span class="text-[#0041E8] font-[500]">Thêm nhóm cấu hình</span>
</a> </a>
<table class="table-config-group mt-[15px]"> <table class="table mt-[15px]">
<thead> <thead class="bg-[#f6f6f6] text-[#000] text-[14px]">
<tr> <tr>
<th>STT</th> <th>STT</th>
<th>Thông tin</th> <th>Thông tin</th>

5
template/product/form.html
View File

@@ -114,8 +114,3 @@
</div> </div>
</div> </div>
</div> </div>
<input type="checkbox" checked="checked"
class="checkbox border-orange-400 [--chkbg:theme(colors.indigo.600)] [--chkfg:orange] checked:border-indigo-800" />
<input type="checkbox" checked="checked" class="checkbox [--chkbg:oklch(var(--a))] [--chkfg:oklch(var(--p))]" />

48
template/product/form_components/basic.html
View File

@@ -273,18 +273,23 @@
<label class="block w-[130px] font-[700] text-[14px] text-[#383C44]">Thuế VAT <label class="block w-[130px] font-[700] text-[14px] text-[#383C44]">Thuế VAT
</label> </label>
<div class="flex items-center"> <div class="flex items-center">
<div class="flex items-center mr-[30px] w-[150px]">
<input type="radio" name="info[hasVAT]" value="0" checked=""> <label class="cursor-pointer flex items-center mr-[20px] w-[160px]">
<label for="" class="ml-[25px]">Không hiển thị VAT</label> <input type="radio" name="info[hasVAT]" value="0" class="radio checked:bg-blue-500"
</div> checked="checked" />
<div class="flex items-center mr-[20px]"> <span class="label-text ml-[10px]">Không hiển thị VAT</span>
<input type="radio" name="info[hasVAT]" value="1"> </label>
<label for="" class="ml-[25px]">Có VAT</label>
</div> <label class="cursor-pointer flex items-center mr-[20px]">
<div class="flex items-center mr-[20px]"> <input type="radio" name="info[hasVAT]" value="1" class="radio checked:bg-blue-500" />
<input type="radio" name="info[hasVAT]" value="2"> <span class="label-text ml-[10px]">Có VAT</span>
<label for="" class="ml-[25px]">Chưa có VAT</label> </label>
</div>
<label class="cursor-pointer flex items-center mr-[20px]">
<input type="radio" name="info[hasVAT]" value="2" class="radio checked:bg-blue-500" />
<span class="label-text ml-[10px]">Chưa có VAT</span>
</label>
</div> </div>
</div> </div>
@@ -292,14 +297,17 @@
<label class="block w-[130px] font-[700] text-[14px] text-[#383C44]">Hiển thị <label class="block w-[130px] font-[700] text-[14px] text-[#383C44]">Hiển thị
</label> </label>
<div class="flex items-center"> <div class="flex items-center">
<div class="flex items-center mr-[30px] w-[150px]">
<input type="radio" name="info[status]" value="0" checked=""> <label class="cursor-pointer flex items-center mr-[20px] w-[160px]">
<label for="" class="ml-[25px]">Cho hiển thị</label> <input type="radio" name="info[status]" value="0" class="radio checked:bg-blue-500"
</div> checked="checked" />
<div class="flex items-center mr-[20px]"> <span class="label-text ml-[10px]">Cho hiển thị</span>
<input type="radio" name="info[status]" value="1"> </label>
<label for="" class="ml-[25px]">Ẩn hiển thị</label>
</div> <label class="cursor-pointer flex items-center mr-[20px]">
<input type="radio" name="info[status]" value="1" class="radio checked:bg-blue-500" />
<span class="label-text ml-[10px]">Ẩn hiển thị</span>
</label>
</div> </div>
</div> </div>
</div> </div>

23
template/product/form_components/category.html
View File

@@ -13,28 +13,27 @@
<div class="list-category"> <div class="list-category">
<div class="mb-[10px] flex items-center"> <div class="mb-[10px] flex items-center">
<label class="style-checkbox"> <label class="cursor-pointer flex items-center" onclick="AdminFunction.add_product_to_category(1)">
Màn hình máy tính <input type="checkbox" name="" checked="checked" class="checkbox checkbox-success" />
<input type="checkbox" id="cate_1" onclick="AdminFunction.add_product_to_category(1)"> <span class="label-text ml-[5px]">Màn hình máy tính</span>
<span class="checkmark"></span>
</label> </label>
<div id="status_1" class="text-[13px] ml-[5px] flex items-center"> <div id="status_1" class="text-[13px] ml-[5px] flex items-center">
</div> </div>
</div> </div>
<div class="mb-[10px] flex items-center"> <div class="mb-[10px] flex items-center">
<label class="style-checkbox"> <label class="cursor-pointer flex items-center" onclick="AdminFunction.add_product_to_category(2)">
Màn hình máy tính <input type="checkbox" name="" checked="checked" class="checkbox checkbox-success" />
<input type="checkbox" id="cate_1" onclick="AdminFunction.add_product_to_category(2)"> <span class="label-text ml-[5px]">Màn hình máy tính</span>
<span class="checkmark"></span>
</label> </label>
<div id="status_2" class="text-[13px] ml-[5px] flex items-center"> <div id="status_2" class="text-[13px] ml-[5px] flex items-center">
</div> </div>
</div> </div>
<div class="mb-[10px] flex items-center"> <div class="mb-[10px] flex items-center">
<label class="style-checkbox"> <label class="cursor-pointer flex items-center" onclick="AdminFunction.add_product_to_category(3)">
Màn hình máy tính <input type="checkbox" name="" checked="checked" class="checkbox checkbox-success" />
<input type="checkbox" id="cate_1" onclick="AdminFunction.add_product_to_category(3)"> <span class="label-text ml-[5px]">Màn hình máy tính</span>
<span class="checkmark"></span>
</label> </label>
<div id="status_3" class="text-[13px] ml-[5px] flex items-center"> <div id="status_3" class="text-[13px] ml-[5px] flex items-center">
</div> </div>

52
template/product/home.html
View File

@@ -32,8 +32,8 @@
</a> </a>
</div> </div>
</div> </div>
<table class="w-[100%] mt-[20px] product-list"> <table class="w-[100%] mt-[20px] table">
<thead> <thead class="bg-[#f6f6f6] text-[#000] text-[14px]">
<tr> <tr>
<th class="whitespace-nowrap">STT</th> <th class="whitespace-nowrap">STT</th>
<th>Ảnh</th> <th>Ảnh</th>
@@ -118,33 +118,43 @@
</div> </div>
</td> </td>
<td class="align-text-top"> <td class="align-text-top">
<label class="style-checkbox mb-[7px]">Mới Hot (Hỏi nhiều)
<input type="checkbox" name="new" {% if item.hot_type=="new" %}checked{% endif %} <label class="cursor-pointer flex items-center mb-[7px]"
onclick="AdminFunction.update_product_hot({{item.id}})"> onclick="AdminFunction.update_product_hot({{item.id}})">
<span class="checkmark"></span> <input type="checkbox" name="new" {% if item.hot_type=="new" %}checked="checked" {% endif %}
class="checkbox checkbox-success" />
<span class="label-text ml-[5px]">Mới Hot (Hỏi nhiều)</span>
</label> </label>
<label class="style-checkbox mb-[7px]">HOT (hỏi
nhiều)
<input type="checkbox" name="hot" {% if item.hot_type=="hot" %}checked{% endif %} <label class="cursor-pointer flex items-center mb-[7px]"
onclick="AdminFunction.update_product_hot({{item.id}})"> onclick="AdminFunction.update_product_hot({{item.id}})">
<span class="checkmark"></span> <input type="checkbox" name="hot" {% if item.hot_type=="hot" %}checked="checked" {% endif %}
class="checkbox checkbox-success" />
<span class="label-text ml-[5px]">Hot (Hỏi nhiều)</span>
</label> </label>
<label class="style-checkbox mb-[7px]">Bán
chạy <label class="cursor-pointer flex items-center mb-[7px]"
<input type="checkbox" name="bestsale" {% if item.hot_type=="bestsale" %}checked{% endif %}
onclick="AdminFunction.update_product_hot({{item.id}})"> onclick="AdminFunction.update_product_hot({{item.id}})">
<span class="checkmark"></span> <input type="checkbox" name="bestsale" {% if item.hot_type=="bestsale" %}checked="checked"
{% endif %} class="checkbox checkbox-success" />
<span class="label-text ml-[5px]">Bán
chạy</span>
</label> </label>
<label class="style-checkbox mb-[7px]">Xả
hàng (sale-off) <label class="cursor-pointer flex items-center mb-[7px]"
<input type="checkbox" name="saleoff" {% if item.hot_type=="saleoff" %}checked{% endif %}
onclick="AdminFunction.update_product_hot({{item.id}})"> onclick="AdminFunction.update_product_hot({{item.id}})">
<span class="checkmark"></span> <input type="checkbox" name="saleoff" {% if item.hot_type=="saleoff" %}checked="checked" {%
endif %} class="checkbox checkbox-success" />
<span class="label-text ml-[5px]">Xả
hàng (sale-off)</span>
</label> </label>
<label class="style-checkbox mb-[7px]">Chỉ bán online
<input type="checkbox" name="online-only" {% if item.hot_type=="online-only" %}checked{% <label class="cursor-pointer flex items-center mb-[7px]"
endif %} onclick="AdminFunction.update_product_hot({{item.id}})"> onclick="AdminFunction.update_product_hot({{item.id}})">
<span class="checkmark"></span> <input type="checkbox" name="online-only" {% if item.hot_type=="online-only"
%}checked="checked" {% endif %} class="checkbox checkbox-success" />
<span class="label-text ml-[5px]">Chỉ bán online</span>
</label> </label>
<div id="js-status-hottype-{{item.id}}" class="flex items-center mt-[5px]"></div> <div id="js-status-hottype-{{item.id}}" class="flex items-center mt-[5px]"></div>

16
template/product/list_competitor.html
View File

@@ -25,8 +25,8 @@
</select> </select>
</div> </div>
<table class="table-list-competitor"> <table class="table">
<thead> <thead class="bg-[#f6f6f6] text-[#000] text-[14px]">
<tr> <tr>
<th>STT</th> <th>STT</th>
<th>Sản phẩm (Tổng số: 53)</th> <th>Sản phẩm (Tổng số: 53)</th>
@@ -42,9 +42,9 @@
<p>-Mã kho: OCKM0008</p> <p>-Mã kho: OCKM0008</p>
<p>- Cập nhật: 25-01-2024, 9:46 am (29 ngày)</p> <p>- Cập nhật: 25-01-2024, 9:46 am (29 ngày)</p>
</td> </td>
<td class="w-[115px]"> <td class="w-[130px]">
<a href="" <a href=""
class="block w-[82px] h-[30px] bg-[#0041E8] leading-[30px] text-center text-white rounded-[4px]">Cập class="block btn w-[100px] bg-[#0041E8] h-[35px] leading-[35px] min-h-[35px] text-center text-white rounded-[4px]">Cập
nhật</a> nhật</a>
</td> </td>
</tr> </tr>
@@ -56,9 +56,9 @@
<p>-Mã kho: OCKM0008</p> <p>-Mã kho: OCKM0008</p>
<p>- Cập nhật: 25-01-2024, 9:46 am (29 ngày)</p> <p>- Cập nhật: 25-01-2024, 9:46 am (29 ngày)</p>
</td> </td>
<td class="w-[115px]"> <td class="w-[130px]">
<a href="" <a href=""
class="block w-[82px] h-[30px] bg-[#0041E8] leading-[30px] text-center text-white rounded-[4px]">Cập class="block btn w-[100px] bg-[#0041E8] h-[35px] leading-[35px] min-h-[35px] text-center text-white rounded-[4px]">Cập
nhật</a> nhật</a>
</td> </td>
</tr> </tr>
@@ -70,9 +70,9 @@
<p>-Mã kho: OCKM0008</p> <p>-Mã kho: OCKM0008</p>
<p>- Cập nhật: 25-01-2024, 9:46 am (29 ngày)</p> <p>- Cập nhật: 25-01-2024, 9:46 am (29 ngày)</p>
</td> </td>
<td class="w-[115px]"> <td class="w-[130px]">
<a href="" <a href=""
class="block w-[82px] h-[30px] bg-[#0041E8] leading-[30px] text-center text-white rounded-[4px]">Cập class="block btn w-[100px] bg-[#0041E8] h-[35px] leading-[35px] min-h-[35px] text-center text-white rounded-[4px]">Cập
nhật</a> nhật</a>
</td> </td>
</tr> </tr>

4
template/product/spec_group.html
View File

@@ -26,8 +26,8 @@
</a> </a>
</div> </div>
<table class="table-spec mt-[15px]"> <table class="table mt-[15px]">
<thead> <thead class="bg-[#f6f6f6] text-[#000] text-[14px]">
<tr> <tr>
<th>STT</th> <th>STT</th>
<th>Tên gọi/miêu tả</th> <th>Tên gọi/miêu tả</th>

30
template/system/form_store_design/popup.html
View File

@@ -1,4 +1,5 @@
<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">
<table> <table>
<tr> <tr>
<td width="230"> Link nhảy đến </td> <td width="230"> Link nhảy đến </td>
@@ -22,30 +23,35 @@
<td> Lựa chọn hiển thị người dùng </td> <td> Lựa chọn hiển thị người dùng </td>
<td style="padding: 14px"> <td style="padding: 14px">
<label class="items-center cursor-pointer relative pl-[30px] mr-[15px]" style="display: inline-flex;"> <div class="flex items-center">
<input type="radio" name="popup_display" value="session" class="left-0"> <label class="cursor-pointer flex items-center mr-[15px]">
<span>Theo session</span> <input type="radio" name="popup_display" value="session" class="radio checked:bg-blue-500"
checked="checked" />
<span class="label-text ml-[10px]">Theo session</span>
</label> </label>
<label class="items-center cursor-pointer relative pl-[30px]" style="display: inline-flex;"> <label class="cursor-pointer flex items-center">
<input type="radio" name="popup_display" value="homepage" checked class="left-0"> <input type="radio" name="popup_display" value="homepage" class="radio checked:bg-blue-500"
<span>Trang chủ website</span> checked="checked" />
<span class="label-text ml-[10px]">Trang chủ website</span>
</label> </label>
</div>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> Khác </td> <td> Khác </td>
<td> <td>
<label class="cursor-pointer flex items-center">
<label class="items-center cursor-pointer" style="display: inline-flex;"> <input type="checkbox" name="popup_activate" value="1" checked="checked"
<input type="checkbox" name="popup_activate" value="1" class="scale-[1.5] mr-[12px]"> class="checkbox checkbox-success" />
<span> Tích chọn để hiển thị hoặc dừng hiển thị </span> <span class="label-text ml-[5px]">Tích chọn để hiển thị hoặc dừng hiển thị</span>
</label> </label>
</td> </td>
</tr> </tr>
</table> </table>
<input 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 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> </form>

5
template/theme.html
View File

@@ -15,6 +15,7 @@
<link rel="stylesheet" media="screen" href="{{ 'pc_style.css' | asset_url }}?v2024.19" /> <link rel="stylesheet" media="screen" href="{{ 'pc_style.css' | asset_url }}?v2024.19" />
<script src="{{ 'tailwindcss.js' | asset_url }}"></script> <script src="{{ 'tailwindcss.js' | asset_url }}"></script>
</head> </head>
@@ -304,7 +305,9 @@
<script src="{{ 'jquery.js' | asset_url }}"></script> <script src="{{ 'jquery.js' | asset_url }}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.3.0/datepicker.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.3.0/datepicker.min.js"></script>
<script src="/assets/typescript/main.js?v=1.111"></script> <script src="{{ 'global.js' | asset_url }}"></script>
{% include javascript/index %} {% include javascript/index %}