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>

97
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=""
Xóa danh sách được chọn 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
</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>
@@ -37,9 +47,10 @@
<table> <table>
<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"
</td> onclick="CheckList.setAllChecked.call(this)" />
</td>
<td width="40"> STT </td> <td width="40"> STT </td>
<td width="80"> Ảnh </td> <td width="80"> Ảnh </td>
<td> Sản phẩm (Tổng số: 1.742) </td> <td> Sản phẩm (Tổng số: 1.742) </td>
@@ -63,26 +74,26 @@
<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>
<td> <td>
<img src="https://via.placeholder.com/500x500" class="block"/> <img src="https://via.placeholder.com/500x500" class="block" />
</td> </td>
<td> <td>
<a href=""> HH WORKSTATION CORE i9 10900K | 32GB | NVIDIA RTX 2060 6GB </a> <a href=""> HH WORKSTATION CORE i9 10900K | 32GB | NVIDIA RTX 2060 6GB </a>
<p> [SKU: LTLE950] </p> <p> [SKU: LTLE950] </p>
<p> Số lượng: <b>60</b> </p> <p> Số lượng: <b>60</b> </p>
<p> Số tối thiểu cho 1 đơn hàng: <b>1</b> </p> <p> Số tối thiểu cho 1 đơn hàng: <b>1</b> </p>
<p> Tạo lúc: 25-10-2022, 4:56 pm </p> <p> Tạo lúc: 25-10-2022, 4:56 pm </p>
<p> Cập nhật: 17-01-2024, 9:36 am </p> <p> Cập nhật: 17-01-2024, 9:36 am </p>
</td> </td>
<td> <td>
<p> Giá Deal: <p> Giá Deal:
<b class="text-[red] mr-1"> 35.000.000 vnđ </b> <b class="text-[red] mr-1"> 35.000.000 vnđ </b>
(Giảm: <b class="text-[red]"> 4% </b>) (Giảm: <b class="text-[red]"> 4% </b>)
</p> </p>
@@ -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>
@@ -142,13 +163,13 @@
const CheckList = Checkbox(delete_deal); const CheckList = Checkbox(delete_deal);
function delete_deal(id, must_confirm){ function delete_deal(id, must_confirm) {
if(must_confirm && !confirm("Bạn chắc chắn muốn xóa ?")) { if (must_confirm && !confirm("Bạn chắc chắn muốn xóa ?")) {
return ; return;
} }
$.post(ACTION_URL, { action : "delete-deal", id : id }, function(data) { $.post(ACTION_URL, { action: "delete-deal", id: id }, function (data) {
$("#row_"+id).fadeOut(); $("#row_" + id).fadeOut();
}); });
} }
</script> </script>

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

211
template/marketing/promotion_add.html
View File

@@ -6,27 +6,36 @@
<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>
<p class="w-[100%] text-[#6B7280]"> <p class="w-[100%] text-[#6B7280]">
Tặng phiếu vệ sinh bảo dưỡng Laptop, PC miễn phí trọn đời trị giá 999.000đ (THEK417) Tặng phiếu vệ sinh bảo dưỡng Laptop, PC miễn phí trọn đời trị giá 999.000đ (THEK417)
</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>
<div class="mb-[18px]"> <div class="mb-[18px]">
@@ -45,109 +54,219 @@
<input type="file" name="file_thumbnail" /> <input type="file" name="file_thumbnail" />
<div> <div>
<img src="https://via.placeholder.com/400x300" class="block m-[10px_0_0] max-h-[100px]"/> <img src="https://via.placeholder.com/400x300" class="block m-[10px_0_0] max-h-[100px]" />
</div> </div>
</div> </div>
<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" />
</label> <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>
<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>

207
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,118 +409,128 @@
<!-- // 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">
<p class="leading-[20px] text-[16px] font-bold mb-[15px]"> Cập nhật địa chỉ thanh toán </p> <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>
<label class="inline-flex cursor-pointer"> <label class="inline-flex cursor-pointer">
<input type="checkbox" value="1" id="js-payment-address-check-same-as-shipping" checked="" <input type="checkbox" value="1" id="js-payment-address-check-same-as-shipping" checked=""
onchange="$('#js-payment-address-holder').toggle()" class="scale-[1.4] mr-[10px]"> onchange="$('#js-payment-address-holder').toggle()" class="scale-[1.4] mr-[10px]">
<span> Giống như địa chỉ nhận hàng </span> <span> Giống như địa chỉ nhận hàng </span>
</label> </label>
<div id="js-payment-address-holder" style="display: none;margin-top: 20px"> <div id="js-payment-address-holder" style="display: none;margin-top: 20px">
<p class="leading-[20px] text-[16px] font-bold mb-[15px]"> Nhập địa chỉ: </p> <p class="leading-[20px] text-[16px] font-bold mb-[15px]"> Nhập địa chỉ: </p>
<table class="w-[100%]">
<tr>
<td width="100">Họ tên</td>
<td>
<input type="text" id="js-payment-address-person_name" value=""
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
</td>
</tr>
<tr>
<td>Mobile</td>
<td>
<input type="text" id="js-payment-address-mobile" value=""
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
</td>
</tr>
<tr>
<td>Tỉnh/thành</td>
<td>
<input type="text" id="js-payment-address-province_name" value=""
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
</td>
</tr>
<tr>
<td>Quận huyện</td>
<td>
<input type="text" id="js-payment-address-district_name" value=""
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
</td>
</tr>
<tr>
<td>Phường/xã</td>
<td>
<input type="text" id="js-payment-address-ward_name" value=""
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
</td>
</tr>
<tr>
<td>Địa chỉ</td>
<td>
<input type="text" id="js-payment-address-address" value=""
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
</td>
</tr>
<!-- <tr><td>Phân loại</td><td><input type=text id="js-payment-address-type" value="" class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block"/></td></tr> -->
<tr>
<td>Ghi chú</td>
<td>
<input type="text" id="js-payment-address-note" value=""
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
</td>
</tr>
<tr>
<td></td>
<td>
<input type="button" value="Cập nhật" onclick="OrderManagement.updatePaymentAddress()"
class="text-[#fff] bg-[#0041E8] rounded-[4px] h-[32px] p-[0_8px] cursor-pointer">
</td>
</tr>
</table>
</div>
</div>
<form method="dialog" class="modal-backdrop">
<button>close</button>
</form>
</dialog>
<!-- // Cập nhật phí ship cho đơn hàng -->
<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>
<table class="w-[100%]"> <table class="w-[100%]">
<tr> <tr>
<td width="100">Họ tên</td> <td>Phí ship</td>
<td> <td>
<input type="text" id="js-payment-address-person_name" value="" <input type="text" id="shippingFee" onkeyup="this.value = writeStringToPrice(this.value)" value="0"
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block"> class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] h-[32px] m-[0_10px_10px_0] border border-[#D8D8D8] rounded-[4px] inline-block">
<span>VND</span>
</td> </td>
</tr> </tr>
<tr> <tr>
<td>Mobile</td> <td>Chi chú</td>
<td> <td>
<input type="text" id="js-payment-address-mobile" value="" <input type="text" id="shippingNote" value=""
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
</td>
</tr>
<tr>
<td>Tỉnh/thành</td>
<td>
<input type="text" id="js-payment-address-province_name" value=""
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
</td>
</tr>
<tr>
<td>Quận huyện</td>
<td>
<input type="text" id="js-payment-address-district_name" value=""
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
</td>
</tr>
<tr>
<td>Phường/xã</td>
<td>
<input type="text" id="js-payment-address-ward_name" value=""
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
</td>
</tr>
<tr>
<td>Địa chỉ</td>
<td>
<input type="text" id="js-payment-address-address" value=""
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
</td>
</tr>
<!-- <tr><td>Phân loại</td><td><input type=text id="js-payment-address-type" value="" class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block"/></td></tr> -->
<tr>
<td>Ghi chú</td>
<td>
<input type="text" id="js-payment-address-note" value=""
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block"> class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
<i>v.d. Gửi xe khách, Máy bay, EMS</i>
</td> </td>
</tr> </tr>
<tr> <tr>
<td></td> <td></td>
<td> <td>
<input type="button" value="Cập nhật" onclick="OrderManagement.updatePaymentAddress()" <input type="button" value="Cập nhật" onclick="update_order_shipping(369)"
class="text-[#fff] bg-[#0041E8] rounded-[4px] h-[32px] p-[0_8px] cursor-pointer"> class="text-[#fff] bg-[#0041E8] rounded-[4px] h-[32px] p-[0_8px] cursor-pointer mt-[15px]">
</td> </td>
</tr> </tr>
</table> </table>
</div> </div>
</dialog> <form method="dialog" class="modal-backdrop">
<button>close</button>
</form>
<!-- // Cập nhật phí ship cho đơn hàng --> </dialog>
<div id="js-update-order-shipping" class="p-[20px_16px] rounded-[15px] w-[100%] max-w-[600px]" style="display: none;">
<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%]">
<tr>
<td>Phí ship</td>
<td>
<input type="text" id="shippingFee" onkeyup="this.value = writeStringToPrice(this.value)" value="0"
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] h-[32px] m-[0_10px_10px_0] border border-[#D8D8D8] rounded-[4px] inline-block">
<span>VND</span>
</td>
</tr>
<tr>
<td>Chi chú</td>
<td>
<input type="text" id="shippingNote" value=""
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
<i>v.d. Gửi xe khách, Máy bay, EMS</i>
</td>
</tr>
<tr>
<td></td>
<td>
<input type="button" value="Cập nhật" onclick="update_order_shipping(369)"
class="text-[#fff] bg-[#0041E8] rounded-[4px] h-[32px] p-[0_8px] cursor-pointer mt-[15px]">
</td>
</tr>
</table>
</div>

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>

46
template/order/paygate.html
View File

@@ -1,42 +1,51 @@
<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>
<div class="items-center flex"> <div class="items-center flex">
<p class="mr-1"> Đến ngày </p> <p class="mr-1"> Đến 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="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>
@@ -107,7 +119,7 @@
</div> </div>
<script> <script>
function edit_order_status(id){ function edit_order_status(id) {
$('#status_' + id).html(` $('#status_' + id).html(`
<select class="min-w-[140px] w-[auto_!important]"> <select class="min-w-[140px] w-[auto_!important]">
<option> Trạng thái </option> <option> Trạng thái </option>
@@ -117,5 +129,5 @@
</select> </select>
`); `);
} }
</script> </script>

57
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>
@@ -45,7 +53,7 @@
<tbody> <tbody>
<tr id="row_1"> <tr id="row_1">
<td align="center"> 1 </td> <td align="center"> 1 </td>
<td> <td>
<p> - Họ tên: <b> Ngô Quang Sơn </b> </p> <p> - Họ tên: <b> Ngô Quang Sơn </b> </p>
<p> - Email: sonnq57@yahoo.com.sg </p> <p> - Email: sonnq57@yahoo.com.sg </p>
@@ -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,12 +71,20 @@
<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"
</div> 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>
<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>
</td> </td>
@@ -91,7 +108,7 @@
</div> </div>
<script> <script>
function edit_order_status(id){ function edit_order_status(id) {
$('#status_' + id).html(` $('#status_' + id).html(`
<select class="min-w-[140px] w-[auto_!important]"> <select class="min-w-[140px] w-[auto_!important]">
<option> Trạng thái </option> <option> Trạng thái </option>
@@ -101,5 +118,5 @@
</select> </select>
`); `);
} }
</script> </script>

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>

24
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]">
</label> <input type="radio" name="info[scope]" value="1" class="radio checked:bg-blue-500" />
</div> <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>
</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>

7
template/product/form.html
View File

@@ -113,9 +113,4 @@
</div> </div>
</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>

60
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}})"> <input type="checkbox" name="bestsale" {% if item.hot_type=="bestsale" %}checked="checked"
<span class="checkmark"></span> {% 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}})"> <input type="checkbox" name="saleoff" {% if item.hot_type=="saleoff" %}checked="checked" {%
<span class="checkmark"></span> 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>

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

@@ -1,9 +1,10 @@
<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>
<td> <td>
<input type="text" value="" class="page-input"/> <input type="text" value="" class="page-input" />
</td> </td>
</tr> </tr>
@@ -11,41 +12,46 @@
<td> File ảnh </td> <td> File ảnh </td>
<td> <td>
<div class="mb-[15px]"> <div class="mb-[15px]">
<img src="https://via.placeholder.com/900x900" class="block max-h-[300px]"/> <img src="https://via.placeholder.com/900x900" class="block max-h-[300px]" />
</div> </div>
<input type="file" class="cursor-pointer" /> <input type="file" class="cursor-pointer" />
</td> </td>
</tr> </tr>
<tr> <tr>
<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"
</label> checked="checked" />
<span class="label-text ml-[10px]">Theo session</span>
</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" />
</label> <span class="label-text ml-[10px]">Trang chủ website</span>
</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 %}