06/03/2024 9h21
This commit is contained in:
BIN
assets/images/brand-1.png
Normal file
BIN
assets/images/brand-1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 19 KiB |
@@ -735,10 +735,17 @@ input[type=radio]:focus:before {
|
|||||||
height: 16px;
|
height: 16px;
|
||||||
background-position: -224px -88px;
|
background-position: -224px -88px;
|
||||||
}
|
}
|
||||||
|
<<<<<<< HEAD
|
||||||
.icons.icon-upload {
|
.icons.icon-upload {
|
||||||
background-position: -2px -43px;
|
background-position: -2px -43px;
|
||||||
transform: rotate(-90deg);
|
transform: rotate(-90deg);
|
||||||
filter: invert(60%) sepia(90%) saturate(6183%) hue-rotate(228deg) brightness(92%) contrast(101%);
|
filter: invert(60%) sepia(90%) saturate(6183%) hue-rotate(228deg) brightness(92%) contrast(101%);
|
||||||
|
=======
|
||||||
|
.icons.icon-feature {
|
||||||
|
width: 18px;
|
||||||
|
height: 16px;
|
||||||
|
background-position: -259px -88px;
|
||||||
|
>>>>>>> d5bd7d294839388ff76068a174b4639863c23dca
|
||||||
}
|
}
|
||||||
|
|
||||||
.admin-header-container .menu-hide {
|
.admin-header-container .menu-hide {
|
||||||
@@ -751,7 +758,7 @@ input[type=radio]:focus:before {
|
|||||||
height: 36px;
|
height: 36px;
|
||||||
padding: 0 10px;
|
padding: 0 10px;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
border: 1px solid #D8D8D8;
|
border: 1px solid #d8d8d8;
|
||||||
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
|
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -974,14 +981,185 @@ 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 {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.input-file input {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
.input-file .title {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 10px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.input-file .btn-input-file {
|
||||||
|
width: 120px;
|
||||||
|
height: 30px;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 30px;
|
||||||
|
border-radius: 4px;
|
||||||
|
border: 1px solid #0041e8;
|
||||||
|
color: #0041e8;
|
||||||
|
cursor: pointer;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
.input-file .btn-input-file:hover {
|
||||||
|
background: #0041e8;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
.modal .order-page-table td {
|
.modal .order-page-table td {
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
.modal .brand-letters a {
|
.modal .brand-letters a {
|
||||||
width: 11.1111111111%;
|
width: 11.1111111111%;
|
||||||
text-transform: capitalize;
|
text-transform: capitalize;
|
||||||
color: #0041E8;
|
color: #0041e8;
|
||||||
}
|
}
|
||||||
.modal .brand-letters a:hover {
|
.modal .brand-letters a:hover {
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.table-brand th {
|
||||||
|
padding: 7px 5px;
|
||||||
|
background: #f6f6f6;
|
||||||
|
border: 1px solid #ececec;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
.table-brand td {
|
||||||
|
padding: 7px 6px;
|
||||||
|
border: 1px solid #ececec;
|
||||||
|
}
|
||||||
|
|
||||||
|
.table-attribute th {
|
||||||
|
padding: 7px 5px;
|
||||||
|
background: #f6f6f6;
|
||||||
|
border: 1px solid #ececec;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
.table-attribute td {
|
||||||
|
padding: 7px 6px;
|
||||||
|
border: 1px solid #ececec;
|
||||||
|
}
|
||||||
|
.table-attribute a {
|
||||||
|
color: #0041e8;
|
||||||
|
}
|
||||||
|
.table-attribute .status {
|
||||||
|
width: 106px;
|
||||||
|
display: block;
|
||||||
|
height: 20px;
|
||||||
|
border: 1px solid gray;
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: 700;
|
||||||
|
text-align: center;
|
||||||
|
color: gray;
|
||||||
|
border-radius: 50px;
|
||||||
|
background: #fff;
|
||||||
|
}
|
||||||
|
.table-attribute .status.on {
|
||||||
|
border: 1px solid #6dc580;
|
||||||
|
color: #03781d;
|
||||||
|
background: #f0f9f2;
|
||||||
|
}
|
||||||
|
.table-attribute .status.off {
|
||||||
|
border: 1px solid red;
|
||||||
|
color: red;
|
||||||
|
background: rgb(255, 245, 245);
|
||||||
|
}
|
||||||
|
|
||||||
|
.table-value th {
|
||||||
|
padding: 7px 5px;
|
||||||
|
background: #f6f6f6;
|
||||||
|
border: 1px solid #ececec;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
.table-value td {
|
||||||
|
padding: 7px 6px;
|
||||||
|
border: 1px solid #ececec;
|
||||||
|
}
|
||||||
|
|
||||||
|
.table-config-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 {
|
||||||
|
padding: 7px 5px;
|
||||||
|
background: #f6f6f6;
|
||||||
|
border: 1px solid #ececec;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
.table-config-pro td {
|
||||||
|
padding: 7px 6px;
|
||||||
|
border: 1px solid #ececec;
|
||||||
|
}
|
||||||
|
.table-config-pro .name {
|
||||||
|
color: #0041e8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.table-addon th,
|
||||||
|
.table-spec th,
|
||||||
|
.spec-info th,
|
||||||
|
.table-list-competitor th,
|
||||||
|
.table-customer-group th,
|
||||||
|
.table-review th,
|
||||||
|
.table-newsletter 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 {
|
||||||
|
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 {
|
||||||
|
color: #0041e8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-date {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.input-date::before {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
right: 15px;
|
||||||
|
transform: translate(0, -50%);
|
||||||
|
content: "\f133";
|
||||||
|
font-family: "Font Awesome 6 Free";
|
||||||
}/*# sourceMappingURL=pc_style.css.map */
|
}/*# sourceMappingURL=pc_style.css.map */
|
||||||
File diff suppressed because one or more lines are too long
@@ -748,6 +748,11 @@ input[type="radio"] {
|
|||||||
transform: rotate(-90deg);
|
transform: rotate(-90deg);
|
||||||
filter: invert(60%) sepia(90%) saturate(6183%) hue-rotate(228deg) brightness(92%) contrast(101%);
|
filter: invert(60%) sepia(90%) saturate(6183%) hue-rotate(228deg) brightness(92%) contrast(101%);
|
||||||
}
|
}
|
||||||
|
&.icon-feature {
|
||||||
|
width: 18px;
|
||||||
|
height: 16px;
|
||||||
|
background-position: -259px -88px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.admin-header-container {
|
.admin-header-container {
|
||||||
@@ -762,8 +767,8 @@ input[type="radio"] {
|
|||||||
height: 36px;
|
height: 36px;
|
||||||
padding: 0 10px;
|
padding: 0 10px;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
border: 1px solid #D8D8D8;
|
border: 1px solid #d8d8d8;
|
||||||
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.10);
|
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.order-page {
|
.order-page {
|
||||||
@@ -1010,6 +1015,44 @@ input[type="radio"] {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.table-list-category {
|
||||||
|
td {
|
||||||
|
padding: 6px 5px;
|
||||||
|
border: 1px solid #ececec;
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
color: #0041e8;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-file {
|
||||||
|
position: relative;
|
||||||
|
input {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
.title {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 10px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.btn-input-file {
|
||||||
|
width: 120px;
|
||||||
|
height: 30px;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 30px;
|
||||||
|
border-radius: 4px;
|
||||||
|
border: 1px solid #0041e8;
|
||||||
|
color: #0041e8;
|
||||||
|
cursor: pointer;
|
||||||
|
margin-right: 10px;
|
||||||
|
&:hover {
|
||||||
|
background: #0041e8;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
.modal {
|
.modal {
|
||||||
.order-page-table {
|
.order-page-table {
|
||||||
td {
|
td {
|
||||||
@@ -1020,10 +1063,144 @@ input[type="radio"] {
|
|||||||
a {
|
a {
|
||||||
width: calc(100% / 9);
|
width: calc(100% / 9);
|
||||||
text-transform: capitalize;
|
text-transform: capitalize;
|
||||||
color: #0041E8;
|
color: #0041e8;
|
||||||
&:hover {
|
&:hover {
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.table-brand {
|
||||||
|
th {
|
||||||
|
padding: 7px 5px;
|
||||||
|
background: #f6f6f6;
|
||||||
|
border: 1px solid #ececec;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
td {
|
||||||
|
padding: 7px 6px;
|
||||||
|
border: 1px solid #ececec;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.table-attribute {
|
||||||
|
th {
|
||||||
|
padding: 7px 5px;
|
||||||
|
background: #f6f6f6;
|
||||||
|
border: 1px solid #ececec;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
td {
|
||||||
|
padding: 7px 6px;
|
||||||
|
border: 1px solid #ececec;
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
color: #0041e8;
|
||||||
|
}
|
||||||
|
.status {
|
||||||
|
width: 106px;
|
||||||
|
display: block;
|
||||||
|
height: 20px;
|
||||||
|
border: 1px solid gray;
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: 700;
|
||||||
|
text-align: center;
|
||||||
|
color: gray;
|
||||||
|
border-radius: 50px;
|
||||||
|
background: #fff;
|
||||||
|
&.on {
|
||||||
|
border: 1px solid #6dc580;
|
||||||
|
color: #03781d;
|
||||||
|
background: #f0f9f2;
|
||||||
|
}
|
||||||
|
&.off {
|
||||||
|
border: 1px solid red;
|
||||||
|
color: red;
|
||||||
|
background: rgb(255, 245, 245);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.table-value {
|
||||||
|
th {
|
||||||
|
padding: 7px 5px;
|
||||||
|
background: #f6f6f6;
|
||||||
|
border: 1px solid #ececec;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
td {
|
||||||
|
padding: 7px 6px;
|
||||||
|
border: 1px solid #ececec;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.table-config-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 {
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.table-addon,
|
||||||
|
.table-spec,
|
||||||
|
.spec-info,
|
||||||
|
.table-list-competitor,
|
||||||
|
.table-customer-group,
|
||||||
|
.table-review,
|
||||||
|
.table-newsletter {
|
||||||
|
th {
|
||||||
|
padding: 7px 5px;
|
||||||
|
background: #f6f6f6;
|
||||||
|
border: 1px solid #ececec;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
td {
|
||||||
|
padding: 7px 6px;
|
||||||
|
border: 1px solid #ececec;
|
||||||
|
}
|
||||||
|
.name {
|
||||||
|
color: #0041e8;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-date {
|
||||||
|
position: relative;
|
||||||
|
&::before {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
right: 15px;
|
||||||
|
transform: translate(0, -50%);
|
||||||
|
content: "\f133";
|
||||||
|
font-family: "Font Awesome 6 Free";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
1
data/customer/comment.php
Normal file
1
data/customer/comment.php
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<?php
|
||||||
1
data/customer/customer_add.php
Normal file
1
data/customer/customer_add.php
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<?php
|
||||||
1
data/customer/customer_contact.php
Normal file
1
data/customer/customer_contact.php
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<?php
|
||||||
1
data/customer/customer_group.php
Normal file
1
data/customer/customer_group.php
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<?php
|
||||||
1
data/customer/customer_group_add.php
Normal file
1
data/customer/customer_group_add.php
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<?php
|
||||||
1
data/customer/customer_group_info.php
Normal file
1
data/customer/customer_group_info.php
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<?php
|
||||||
1
data/customer/customer_newsletter.php
Normal file
1
data/customer/customer_newsletter.php
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<?php
|
||||||
1
data/customer/customer_review.php
Normal file
1
data/customer/customer_review.php
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<?php
|
||||||
3
data/customer/home.php
Normal file
3
data/customer/home.php
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
|
||||||
1
data/customer/review.php
Normal file
1
data/customer/review.php
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<?php
|
||||||
@@ -57,7 +57,7 @@ return array(
|
|||||||
'view' => 'home',
|
'view' => 'home',
|
||||||
'id' => 'brand/home',
|
'id' => 'brand/home',
|
||||||
'name' => 'Thương hiệu',
|
'name' => 'Thương hiệu',
|
||||||
'url' => '/admin/brand',
|
'url' => '/admin/product/brand',
|
||||||
),
|
),
|
||||||
array(
|
array(
|
||||||
'enable' => true ,
|
'enable' => true ,
|
||||||
@@ -91,7 +91,7 @@ return array(
|
|||||||
'view' => 'home',
|
'view' => 'home',
|
||||||
'id' => 'addon/home',
|
'id' => 'addon/home',
|
||||||
'name' => 'SP/Dịch vụ mua kèm',
|
'name' => 'SP/Dịch vụ mua kèm',
|
||||||
'url' => '/admin/addon',
|
'url' => '/admin/product/addon',
|
||||||
),
|
),
|
||||||
|
|
||||||
array(
|
array(
|
||||||
@@ -100,7 +100,7 @@ return array(
|
|||||||
'view' => 'home',
|
'view' => 'home',
|
||||||
'id' => 'config_group/home',
|
'id' => 'config_group/home',
|
||||||
'name' => 'Nhóm cấu hình',
|
'name' => 'Nhóm cấu hình',
|
||||||
'url' => '/admin/config_group',
|
'url' => '/admin/product/config_group',
|
||||||
),
|
),
|
||||||
|
|
||||||
/*array(
|
/*array(
|
||||||
@@ -147,5 +147,14 @@ return array(
|
|||||||
'name' => 'Nhóm thông số kỹ thuật',
|
'name' => 'Nhóm thông số kỹ thuật',
|
||||||
'url' => '/admin/product/spec-group',
|
'url' => '/admin/product/spec-group',
|
||||||
),
|
),
|
||||||
|
|
||||||
|
array(
|
||||||
|
'enable' => true ,
|
||||||
|
'module' => 'product',
|
||||||
|
'view' => 'list-competitor',
|
||||||
|
'id' => 'product/list-competitor',
|
||||||
|
'name' => 'So sánh giá đối thủ',
|
||||||
|
'url' => '/admin/product/list-competitor',
|
||||||
|
),
|
||||||
),
|
),
|
||||||
);
|
);
|
||||||
|
|||||||
1
data/product/addon.php
Normal file
1
data/product/addon.php
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<?php
|
||||||
1
data/product/addon_add.php
Normal file
1
data/product/addon_add.php
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<?php
|
||||||
1
data/product/attribute.php
Normal file
1
data/product/attribute.php
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<?php
|
||||||
1
data/product/attribute_add.php
Normal file
1
data/product/attribute_add.php
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<?php
|
||||||
1
data/product/brand.php
Normal file
1
data/product/brand.php
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<?php
|
||||||
1
data/product/brand_add.php
Normal file
1
data/product/brand_add.php
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<?php
|
||||||
@@ -28,8 +28,8 @@ function get_category_list($parentId=0, $currentCat="",$level=1, $prefix="", $ca
|
|||||||
$stt ++;
|
$stt ++;
|
||||||
$imgUrl = (strlen($cat_info["thumbnail"]) > 2) ? " <img src=\"".$cat_info["thumbnail"]."\" style=\"max-width:30px; max-height:30px;\" />" : "";
|
$imgUrl = (strlen($cat_info["thumbnail"]) > 2) ? " <img src=\"".$cat_info["thumbnail"]."\" style=\"max-width:30px; max-height:30px;\" />" : "";
|
||||||
|
|
||||||
if($cat_info["status"]) $status = "<a href=\"javascript:update_status(".$cat_id.",'off')\">Hạ xuống</a>";
|
if($cat_info["status"]) $status = "<a href=\"javascript:update_status(".$cat_id.",'off')\" class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i class='fa-regular fa-eye-slash text-[#9E9E9E]'></i></a>";
|
||||||
else $status = "<a href=\"javascript:update_status(".$cat_id.",'on')\" style=\"background-color:#FFCC00;\">Hiển thị</a>";
|
else $status = "<a href=\"javascript:update_status(".$cat_id.",'on')\" class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i class='fa-regular fa-eye text-[#0041E8]'></i></a>";
|
||||||
|
|
||||||
$edit_link ="/admin/product/category-form?id=".$cat_id;
|
$edit_link ="/admin/product/category-form?id=".$cat_id;
|
||||||
|
|
||||||
@@ -49,41 +49,47 @@ function get_category_list($parentId=0, $currentCat="",$level=1, $prefix="", $ca
|
|||||||
<tr id='row_".$cat_id."' class='parent_".$parentId." row' ". $hide_this ."
|
<tr id='row_".$cat_id."' class='parent_".$parentId." row' ". $hide_this ."
|
||||||
onmouseover=\"this.className='row-hover parent_".$parentId."'\" onmouseout=\"this.className='parent_".$parentId."'\">
|
onmouseover=\"this.className='row-hover parent_".$parentId."'\" onmouseout=\"this.className='parent_".$parentId."'\">
|
||||||
|
|
||||||
<td>".$cat_id."</td>
|
|
||||||
|
|
||||||
<td>
|
<td>
|
||||||
<a name='cat_".$cat_id."'></a>
|
<a name='cat_".$cat_id."'></a>
|
||||||
". $extra_space . $prefix . $stt.". ". $show_category_name . $imgUrl."
|
". $extra_space . $prefix . $stt.". ". $show_category_name . $imgUrl."
|
||||||
</td>
|
</td>
|
||||||
|
|
||||||
<td>".$cat_info['item_count']." - <a href='/admin/product?category=".$cat_id."'>Xem</a></td>
|
|
||||||
|
|
||||||
<td>
|
<td>
|
||||||
<a href='".$cat_info['request_path']."' title='Mở tại website' target='_blank'>Web</a>
|
<a href='".$cat_info['request_path']."' title='Mở tại website' target='_blank'>Xem trang</a>
|
||||||
</td>
|
</td>
|
||||||
|
|
||||||
|
<td>".$cat_id."</td>
|
||||||
|
<td>413787</td>
|
||||||
|
<td><a href='/admin/product?category=".$cat_id."'>1292</a></td>
|
||||||
<td>
|
<td>
|
||||||
<input type=text id=order_".$cat_id." value='".$cat_info["ordering"]."' size=2 onchange=\"update_order(".$cat_id.",this.value)\" />
|
<input type=text id=order_".$cat_id." value='".$cat_info["ordering"]."' size=2 onchange=\"update_order(".$cat_id.",this.value)\" />
|
||||||
<span class='status-ordering-".$cat_id."'></span>
|
<span class='status-ordering-".$cat_id."'></span>
|
||||||
</td>
|
</td>
|
||||||
|
<td>
|
||||||
|
SP + Danh mục con
|
||||||
|
</td>
|
||||||
|
|
||||||
";
|
";
|
||||||
|
|
||||||
if(IS_DEFAULT_LANGUAGE) {
|
if(IS_DEFAULT_LANGUAGE) {
|
||||||
$categoryTree .= "
|
$categoryTree .= "
|
||||||
<td>
|
<td>
|
||||||
<a href='/admin/product/category-attribute?id=".$cat_id."&popup=1' class='pop-up'>Thuộc tính</a> (".$cat_info['attribute_count'].")
|
<a href='/admin/product/category-attribute?id=".$cat_id."&popup=1' class='pop-up'>Tổng</a> (".$cat_info['attribute_count'].")
|
||||||
</td>
|
</td>
|
||||||
<td>
|
<td>
|
||||||
<span id=status-".$cat_id.">".$status."</span> |
|
<div class='list-btn flex items-center'>
|
||||||
<a href=\"".$edit_link."\">Sửa lại</a> |
|
<a href=\"".$edit_link."\" class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i class='icons icon-edit'></i></a>
|
||||||
<span class='status-delete-".$cat_id."'><a href=\"javascript:deleteThis(".$cat_id.")\">Xóa</a></span>
|
<a class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]' href='javascript:set_category_feature(.$cat_id.,'off')'><i class='icons icon-feature'></i></a>
|
||||||
|
<span id=status-".$cat_id.">".$status."</span>
|
||||||
|
<span class='status-delete-".$cat_id."'><a href=\"javascript:deleteThis(".$cat_id.")\" class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i class='icons icon-remove'></i></a></span>
|
||||||
|
</div>
|
||||||
</td>
|
</td>
|
||||||
";
|
";
|
||||||
|
|
||||||
}else{
|
}else{
|
||||||
$categoryTree .= "
|
$categoryTree .= "
|
||||||
<td>
|
<td>
|
||||||
<a href=\"".$edit_link."\">Sửa lại</a>
|
<a href=\"".$edit_link."\"><i class='icons icon-edit'></i></a>
|
||||||
</td>
|
</td>
|
||||||
";
|
";
|
||||||
}
|
}
|
||||||
|
|||||||
1
data/product/config_group.php
Normal file
1
data/product/config_group.php
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<?php
|
||||||
1
data/product/config_group_attribute.php
Normal file
1
data/product/config_group_attribute.php
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<?php
|
||||||
1
data/product/config_group_form.php
Normal file
1
data/product/config_group_form.php
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<?php
|
||||||
1
data/product/config_group_product.php
Normal file
1
data/product/config_group_product.php
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<?php
|
||||||
1
data/product/list_competitor.php
Normal file
1
data/product/list_competitor.php
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<?php
|
||||||
1
data/product/spec_group.php
Normal file
1
data/product/spec_group.php
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<?php
|
||||||
1
data/product/spec_group_add.php
Normal file
1
data/product/spec_group_add.php
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<?php
|
||||||
1
data/product/spec_group_info.php
Normal file
1
data/product/spec_group_info.php
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<?php
|
||||||
@@ -1,39 +1,50 @@
|
|||||||
<div class="m-[16px_0_16px_16px] p-[20px_16px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
|
<div
|
||||||
|
class="m-[16px_0_16px_16px] p-[20px_16px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
|
||||||
<p class="leading-[31px] font-bold text-[24px] mb-[12px]"> Danh sách banner </p>
|
<p class="leading-[31px] font-bold text-[24px] mb-[12px]"> Danh sách banner </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='banner' />
|
<input type='hidden' name='opt' value='banner' />
|
||||||
<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 banner(theo tên)" 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 banner(theo tên)"
|
||||||
<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">
|
<div class="flex items-center flex-wrap justify-between">
|
||||||
<div class="flex items-center">
|
<div class="flex items-center">
|
||||||
<select class="m-[0_16px_16px_0] h-[36px] p-[0_15px_0_5px] rounded-[4px] border border-[#d8d8d8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
|
<select
|
||||||
|
class="m-[0_16px_16px_0] h-[36px] p-[0_15px_0_5px] rounded-[4px] border border-[#d8d8d8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
|
||||||
<option value="">Xem theo vị trí banner</option>
|
<option value="">Xem theo vị trí banner</option>
|
||||||
<option value='43'> - Banner MB Webmau4</option>
|
<option value='43'> - Banner MB Webmau4</option>
|
||||||
<option value='42'> - Brand Homepage</option>
|
<option value='42'> - Brand Homepage</option>
|
||||||
</select>
|
</select>
|
||||||
|
|
||||||
<select class="m-[0_16px_16px_0] h-[36px] p-[0_15px_0_5px] rounded-[4px] border border-[#d8d8d8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
|
<select
|
||||||
|
class="m-[0_16px_16px_0] h-[36px] p-[0_15px_0_5px] rounded-[4px] border border-[#d8d8d8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
|
||||||
<option value="">Lọc hiển thị</option>
|
<option value="">Lọc hiển thị</option>
|
||||||
<option value="">Chưa hiển thị</option>
|
<option value="">Chưa hiển thị</option>
|
||||||
<option value="">Đang hiển thị</option>
|
<option value="">Đang hiển thị</option>
|
||||||
</select>
|
</select>
|
||||||
|
|
||||||
<a href="" class="m-[0_16px_16px_0] leading-[36px] p-[0_10px] rounded-[4px] border border-[#0041E8] text-[#0041E8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] hover:bg-[#0041E8] hover:text-[#fff]">Chọn danh mục sản phẩm để xem</a>
|
<a href=""
|
||||||
|
class="m-[0_16px_16px_0] leading-[36px] p-[0_10px] rounded-[4px] border border-[#0041E8] text-[#0041E8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] hover:bg-[#0041E8] hover:text-[#fff]">Chọn
|
||||||
|
danh mục sản phẩm để xem</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="flex items-center font-[500] leading-[34.5px]">
|
<div class="flex items-center font-[500] leading-[34.5px]">
|
||||||
<a href="/admin/banner/upload" class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_16px_16px_0] group hover:bg-[#0041E8] hover:text-[#fff]">
|
<a href="/admin/banner/upload"
|
||||||
<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_16px_0] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
<span
|
||||||
|
class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
|
||||||
<span>Thêm banner mới</span>
|
<span>Thêm banner mới</span>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<a href="/admin/banner/location" class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_0_16px_0] group hover:bg-[#0041E8] hover:text-[#fff]">
|
<a href="/admin/banner/location"
|
||||||
|
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_0_16px_0] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
<i class="far fa-image mr-[8px]"></i>
|
<i class="far fa-image mr-[8px]"></i>
|
||||||
<span>Quản trị vị trí banner</span>
|
<span>Quản trị vị trí banner</span>
|
||||||
</a>
|
</a>
|
||||||
@@ -56,7 +67,8 @@
|
|||||||
<td align="center"> 1 </td>
|
<td align="center"> 1 </td>
|
||||||
|
|
||||||
<td>
|
<td>
|
||||||
<img src="https://demopc8.hurasoft.com/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg" width="260"/>
|
<img src="https://demopc8.hurasoft.com/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg"
|
||||||
|
width="260" />
|
||||||
</td>
|
</td>
|
||||||
|
|
||||||
<td>
|
<td>
|
||||||
@@ -107,16 +119,68 @@
|
|||||||
<div class="items-center flex justify-center">
|
<div class="items-center flex justify-center">
|
||||||
<a href="/admin/banner/upload?id=1" class="icons icon-edit" title="Sửa lại"></a>
|
<a href="/admin/banner/upload?id=1" class="icons icon-edit" title="Sửa lại"></a>
|
||||||
|
|
||||||
<a href="javascript:void(0)" title="Hạ Hiển thị" class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[8px]"></a>
|
<a href="javascript:void(0)" title="Hạ Hiển thị"
|
||||||
|
class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[8px]"></a>
|
||||||
|
|
||||||
<a href="javascript:void(0)" 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-[8px]"> </a>
|
<a href="javascript:void(0)" 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-[8px]">
|
||||||
|
</a>
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="icons icon-delete" title="Xóa"></a>
|
<a href="javascript:void(0)" class="icons icon-delete" title="Xóa"></a>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
<tr> <td align="center"> 2 </td><td> <img src="https://demopc8.hurasoft.com/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg" width="260"/> </td><td> <table class="td-border-0"> <tr> <td width="115">Tên gọi:</td><td> </td></tr><tr> <td>Link tới:</td><td> </td></tr><tr> <td>File:</td><td>/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg</td></tr><tr> <td>Kích thước:</td><td>Rộng x Cao (Width x Height)=3130px x 2075px</td></tr><tr> <td>Link:</td><td>/ad.php?id=236</td></tr><tr> <td>Thời gian hiển thị:</td><td>Luôn hiển thị, chỉ ẩn khi hạ bằng tay</td></tr><tr> <td>Cập nhật:</td><td>21-06-2023, 11:08 am</td></tr></table> </td><td align="center"> 0 </td><td align="center"> 0 </td><td> <div class="items-center flex justify-center"> <a href="/admin/banner/upload?id=1" class="icons icon-edit" title="Sửa lại"></a> <a href="javascript:void(0)" title="Hạ Hiển thị" class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[8px]"></a> <a href="javascript:void(0)" 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-[8px]"> </a> <a href="javascript:void(0)" class="icons icon-delete" title="Xóa"></a> </div></td></tr>
|
<tr>
|
||||||
|
<td align="center"> 2 </td>
|
||||||
|
<td> <img
|
||||||
|
src="https://demopc8.hurasoft.com/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg"
|
||||||
|
width="260" /> </td>
|
||||||
|
<td>
|
||||||
|
<table class="td-border-0">
|
||||||
|
<tr>
|
||||||
|
<td width="115">Tên gọi:</td>
|
||||||
|
<td> </td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Link tới:</td>
|
||||||
|
<td> </td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>File:</td>
|
||||||
|
<td>/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Kích thước:</td>
|
||||||
|
<td>Rộng x Cao (Width x Height)=3130px x 2075px</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Link:</td>
|
||||||
|
<td>/ad.php?id=236</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Thời gian hiển thị:</td>
|
||||||
|
<td>Luôn hiển thị, chỉ ẩn khi hạ bằng tay</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Cập nhật:</td>
|
||||||
|
<td>21-06-2023, 11:08 am</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
<td align="center"> 0 </td>
|
||||||
|
<td align="center"> 0 </td>
|
||||||
|
<td>
|
||||||
|
<div class="items-center flex justify-center"> <a href="/admin/banner/upload?id=1"
|
||||||
|
class="icons icon-edit" title="Sửa lại"></a> <a href="javascript:void(0)"
|
||||||
|
title="Hạ Hiển thị"
|
||||||
|
class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[8px]"></a>
|
||||||
|
<a href="javascript:void(0)" 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-[8px]">
|
||||||
|
</a> <a href="javascript:void(0)" class="icons icon-delete" title="Xóa"></a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -1,10 +0,0 @@
|
|||||||
<div class="w-[100%] mb-[50px]">
|
|
||||||
|
|
||||||
<div class="text-sm breadcrumbs ml-[10px]">
|
|
||||||
<ul>
|
|
||||||
<li><a href="/admin/customer">Danh sách khách hàng</a></li>
|
|
||||||
<li class="text-[#0041E8]">Form thêm khách hàng</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
@@ -1,230 +0,0 @@
|
|||||||
<div class="w-[100%]">
|
|
||||||
<div
|
|
||||||
class="m-[15px] px-[15px] py-[20px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto">
|
|
||||||
<h1 class="text-[24px] font-[700] mb-3">Khách hàng liên hệ</h1>
|
|
||||||
|
|
||||||
<form action=""
|
|
||||||
class="flex items-center p-[15px] rounded-[10px] shadow-[0_1px_1px_0_rgba(0,0,0,0.10)] mt-[15px] border-[1px] border-[#F6F6F6]">
|
|
||||||
<input type="text" name=""
|
|
||||||
class="w-[375px] h-[35px] px-[10px] rounded-[4px] border-[#D8D8D8] border-[1px] mr-[10px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"
|
|
||||||
placeholder="Tìm kiếm">
|
|
||||||
<button type="submit" class="px-[8px] py-[6px] rounded-[4px] text-white bg-[#0041E8]">Tìm kiếm</button>
|
|
||||||
</form>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="list-filter flex items-center justify-between mt-[15px] mb-[20px]">
|
|
||||||
<p>Tổng số: <b>1.996</b></p>
|
|
||||||
<select name="" id=""
|
|
||||||
class="w-[180px] h-[35px] p-[5px] border-[1px] border-[#D8D8D8] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
|
||||||
<option value="">Chọn bộ lọc</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<table class="table-comment">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>STT</th>
|
|
||||||
<th>Phản hồi</th>
|
|
||||||
<th>Thời gian</th>
|
|
||||||
<th>Tác giả</th>
|
|
||||||
<th>Sản phẩm</th>
|
|
||||||
<th>Nội dung</th>
|
|
||||||
<th>Lựa chọn</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>1</td>
|
|
||||||
<td>1</td>
|
|
||||||
<td>09-08-2023, 11:24 am</td>
|
|
||||||
<td>
|
|
||||||
<div class="flex items-center">
|
|
||||||
<b>Nguyễn An</b>
|
|
||||||
<p class="p-[3px_4px] rounded-[2px] bg-[#FFCECE] ml-[5px] font-[500] text-[10px]">Quản trị
|
|
||||||
viên</p>
|
|
||||||
</div>
|
|
||||||
<p>annv@hurasoft.com</p>
|
|
||||||
</td>
|
|
||||||
<td>
|
|
||||||
<a href="" class="text-[#0041E8]">Màn Hình AOC 24B1XHS 23.8 inch Full HD</a>
|
|
||||||
</td>
|
|
||||||
<td>
|
|
||||||
test reply
|
|
||||||
</td>
|
|
||||||
<td>
|
|
||||||
<div class="flex items-center">
|
|
||||||
<a href="javascript:void(0)" onclick="js_list_reply_comment.showModal()"
|
|
||||||
class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
|
||||||
<i class="fa-regular fa-hand-pointer text-[#0041E8]"></i>
|
|
||||||
</a>
|
|
||||||
<a href=""
|
|
||||||
class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
|
||||||
<i class="icons icon-edit"></i>
|
|
||||||
</a>
|
|
||||||
<a href=""
|
|
||||||
class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
|
||||||
<i class="fa-solid fa-crown text-[#0041E8]"></i>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="flex items-center">
|
|
||||||
<a href=""
|
|
||||||
class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
|
||||||
<i class="fa fa-plus text-[#0041E8]"></i>
|
|
||||||
</a>
|
|
||||||
<a href=""
|
|
||||||
class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
|
||||||
<i class="fa-solid fa-ban text-[#9E9E9E]"></i>
|
|
||||||
</a>
|
|
||||||
<a href=""
|
|
||||||
class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
|
||||||
<i class="icons icon-remove"></i>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
|
|
||||||
<dialog id="js_list_reply_comment" class="modal">
|
|
||||||
<div class="modal-box w-[852px] max-w-5xl p-[15px]">
|
|
||||||
<form method="dialog">
|
|
||||||
<button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</button>
|
|
||||||
</form>
|
|
||||||
<h2 class="text-[18px] uppercase font-bold border-b-[1px] pb-[5px]">Chi tiết phản hồi</h2>
|
|
||||||
|
|
||||||
<div class="info-comment mt-[10px]">
|
|
||||||
<b class="text-[16px] mb-[10px] block">Thông tin</b>
|
|
||||||
<div class="flex items-center mb-[5px]">
|
|
||||||
<p
|
|
||||||
class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
|
|
||||||
Khách
|
|
||||||
hàng</p>
|
|
||||||
<b class="ml-[5px]">Hura test</b>
|
|
||||||
</div>
|
|
||||||
<div class="flex items-center mb-[5px]">
|
|
||||||
<p
|
|
||||||
class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
|
|
||||||
Email</p>
|
|
||||||
<p class="ml-[5px]">test@mail.com</p>
|
|
||||||
</div>
|
|
||||||
<div class="flex items-center mb-[5px]">
|
|
||||||
<p
|
|
||||||
class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
|
|
||||||
Tiêu đề</p>
|
|
||||||
<p class="ml-[5px]">Màn Hình Máy Tính LG 27UL850 27Inch 4K IPS</p>
|
|
||||||
</div>
|
|
||||||
<div class="flex items-center mb-[5px]">
|
|
||||||
<p
|
|
||||||
class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
|
|
||||||
Nội dung</p>
|
|
||||||
<p class="ml-[5px]">test reply</p>
|
|
||||||
</div>
|
|
||||||
<div class="flex items-center mb-[5px]">
|
|
||||||
<p
|
|
||||||
class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
|
|
||||||
Thời gian</p>
|
|
||||||
<p class="ml-[5px]">20-04-2023, 1:36 pm</p>
|
|
||||||
</div>
|
|
||||||
<div class="flex items-center mb-[5px]">
|
|
||||||
<p
|
|
||||||
class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
|
|
||||||
Liên quan</p>
|
|
||||||
<p class="ml-[5px]">[product] <a href="" class="text-[#0041E8]">Màn Hình Máy Tính LG 27UL850
|
|
||||||
27Inch 4K IPS</a></p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="info-reply mt-[20px]">
|
|
||||||
<b class="text-[16px] block mb-[10px]">Phản hồi <span>2</span></b>
|
|
||||||
<table class="list-info-reply">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>STT</th>
|
|
||||||
<th>Thời gian</th>
|
|
||||||
<th>Tác giả</th>
|
|
||||||
<th>Nội dung</th>
|
|
||||||
<th>Lựa chọn</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>1</td>
|
|
||||||
<td>09-08-2023, 11:24 am</td>
|
|
||||||
<td>
|
|
||||||
<div class="flex items-center">
|
|
||||||
<b>Nguyễn An</b>
|
|
||||||
<p
|
|
||||||
class="p-[3px_4px] rounded-[2px] bg-[#FFCECE] ml-[5px] font-[500] text-[10px]">
|
|
||||||
Quản trị
|
|
||||||
viên</p>
|
|
||||||
</div>
|
|
||||||
<p>annv@hurasoft.com</p>
|
|
||||||
</td>
|
|
||||||
<td>em sẽ tư vấn cụ thể cho chị nhé ạ</td>
|
|
||||||
<td>
|
|
||||||
<div class="flex items-center">
|
|
||||||
<a href=""
|
|
||||||
class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
|
||||||
<i class="fa-solid fa-ban text-[#9E9E9E]"></i>
|
|
||||||
</a>
|
|
||||||
<a href=""
|
|
||||||
class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
|
||||||
<i class="icons icon-remove text-[#9E9E9E]"></i>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>1</td>
|
|
||||||
<td>09-08-2023, 11:24 am</td>
|
|
||||||
<td>
|
|
||||||
<div class="flex items-center">
|
|
||||||
<b>Nguyễn An</b>
|
|
||||||
<p
|
|
||||||
class="p-[3px_4px] rounded-[2px] bg-[#FFCECE] ml-[5px] font-[500] text-[10px]">
|
|
||||||
Quản trị
|
|
||||||
viên</p>
|
|
||||||
</div>
|
|
||||||
<p>annv@hurasoft.com</p>
|
|
||||||
</td>
|
|
||||||
<td>em sẽ tư vấn cụ thể cho chị nhé ạ</td>
|
|
||||||
<td>
|
|
||||||
<div class="flex items-center">
|
|
||||||
<a href=""
|
|
||||||
class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
|
||||||
<i class="fa-solid fa-ban text-[#9E9E9E]"></i>
|
|
||||||
</a>
|
|
||||||
<a href=""
|
|
||||||
class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
|
||||||
<i class="icons icon-remove text-[#9E9E9E]"></i>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="send-quick-feedback mt-[20px]">
|
|
||||||
<b class="block text-[16px] mb-[10px]">Gửi phản hồi nhanh</b>
|
|
||||||
<textarea name="" id=""
|
|
||||||
class="w-[70%] h-[50px] p-[10px] border-[1px] border-[#D8D8D8] mb-[15px] rounded-[4px]"></textarea>
|
|
||||||
|
|
||||||
<div class="flex items-center mt-[10px]">
|
|
||||||
<input
|
|
||||||
class="btn w-[56px] min-h-[32px] h-[32px] bg-[#0041E8] rounded-[4px] text-white cursor-pointer"
|
|
||||||
name="commit" type="submit" value="Gửi">
|
|
||||||
<p class="ml-[10px]">(* Bạn sẽ gửi phản hồi là Uyên Hura)</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<form method="dialog" class="modal-backdrop">
|
|
||||||
<button>close</button>
|
|
||||||
</form>
|
|
||||||
</dialog>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
172
template/customer/customer_add.html
Normal file
172
template/customer/customer_add.html
Normal file
@@ -0,0 +1,172 @@
|
|||||||
|
<div class="w-[100%] mb-[50px]">
|
||||||
|
|
||||||
|
<div class="text-sm breadcrumbs ml-[10px]">
|
||||||
|
<ul>
|
||||||
|
<li><a href="/admin/customer">Danh sách khách hàng</a></li>
|
||||||
|
<li class="text-[#0041E8]">Form thêm khách hàng</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="w-[1140px] my-0 mx-auto">
|
||||||
|
<div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A] mb-[15px]">
|
||||||
|
<div class="flex items-center justify-between">
|
||||||
|
<div>
|
||||||
|
<h1 class="text-[20px] font-[700]">Cập nhật lại khách hàng</h1>
|
||||||
|
<span class="text-[#6B7280]">Khách hàng: Nguyễn Duy Thành</span>
|
||||||
|
</div>
|
||||||
|
<a href="/admin/customer/customer-add"
|
||||||
|
class="flex items-center border-[1px] border-[#ECECEC] rounded-[4px] p-[5px_10px_5px_10px]">
|
||||||
|
<span
|
||||||
|
class="w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#6B7280] text-center leading-[11px] mr-[5px] text-[#6B7280]">+</span>
|
||||||
|
<span class="text-[#6B7280]">Thêm khách hàng mới</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex">
|
||||||
|
<div class="left w-[270px] mr-[10px]">
|
||||||
|
<div class="list-tab">
|
||||||
|
<a href="javascript:void(0)"
|
||||||
|
class="item block w-[100%] h-[36px] text-white bg-[#0041E8] rounded-[10px] text-[13px] leading-[35px] px-[10px]">Nội
|
||||||
|
dung</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="right w-[860px]">
|
||||||
|
<div
|
||||||
|
class="bg-white p-[10px] rounded-[10px_10px_0_0] shadow-[0_-1px_1px_0px_#0000001A] border-b-[6px] border-[#FAFAFB]">
|
||||||
|
<b class="text-[20px] mb-[10px] block">Thông tin khách hàng</b>
|
||||||
|
<div class="flex items-center my-[10px]">
|
||||||
|
<b class="text-[#383C44] mr-[10px]">Thuộc tính khách hàng</b>
|
||||||
|
<a href="/admin/customer/customer-group" class="text-[#0041E8]">Quản lý nhóm khách hàng</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex items-center">
|
||||||
|
<div class="check-form flex items-center mb-[10px] w-[20%]">
|
||||||
|
<input type="checkbox" name="change_url_on_update" value="1" checked
|
||||||
|
class="checked:bg-[#0041E8] w-[18px] h-[18px] rounded-[4px]">
|
||||||
|
<span class="ml-[10px] text-[#6B7280]">Mua lẻ</span>
|
||||||
|
</div>
|
||||||
|
<div class="check-form flex items-center mb-[10px] w-[20%]">
|
||||||
|
<input type="checkbox" name="change_url_on_update" value="1"
|
||||||
|
class="checked:bg-[#0041E8] w-[18px] h-[18px] rounded-[4px]">
|
||||||
|
<span class="ml-[10px] text-[#6B7280]">Khách HCM</span>
|
||||||
|
</div>
|
||||||
|
<div class="check-form flex items-center mb-[10px] w-[20%]">
|
||||||
|
<input type="checkbox" name="change_url_on_update" value="1"
|
||||||
|
class="checked:bg-[#0041E8] w-[18px] h-[18px] rounded-[4px]">
|
||||||
|
<span class="ml-[10px] text-[#6B7280]">Khách VIP</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex items-center justify-between">
|
||||||
|
<div class="form-control mb-[15px] w-[100%] mr-[7px]">
|
||||||
|
<label class="font-[600] mb-[5px] text-[14px]">Tên khách hàng</label>
|
||||||
|
<input type="text" size="60" name="" placeholder="Tên khách hàng"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
<div class="mb-[15px] w-[100%] ml-[7px]">
|
||||||
|
<label class="block font-[600] mb-[5px] text-[14px]">Sinh nhật</label>
|
||||||
|
<div class="flex items-center justify-between">
|
||||||
|
<div class="input-date w-[100%] mr-[7px]">
|
||||||
|
<input type="day" name="" placeholder="Ngày"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
<div class="input-date w-[100%] mx-[7px]">
|
||||||
|
<input type="day" name="" placeholder="Tháng"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
<div class="input-date w-[100%] ml-[7px]">
|
||||||
|
<input type="day" name="" placeholder="Năm"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mb-[15px] flex items-center">
|
||||||
|
<label class="w-[120px] font-[600] text-[14px]">Giới tính</label>
|
||||||
|
<div class="flex items-center">
|
||||||
|
<div class="check-form flex items-center mr-[50px]">
|
||||||
|
<input type="radio" name="info[scope]" value="0" checked="">
|
||||||
|
<label for="" class="ml-[25px] text-[#6B7280]">Nam</label>
|
||||||
|
</div>
|
||||||
|
<div class="check-form flex items-center">
|
||||||
|
<input type="radio" name="info[scope]" value="1" checked="">
|
||||||
|
<label for="" class="ml-[25px] text-[#6B7280]">Nữ</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mb-[15px] flex items-center justify-between">
|
||||||
|
<div class="form-control w-[100%] mr-[7px]">
|
||||||
|
<label class="font-[600] mb-[5px] text-[14px]">Địa chỉ Email</label>
|
||||||
|
<input type="text" size="60" name="" placeholder="Địa chỉ Email"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
<div class="form-control w-[100%] mx-[7px]">
|
||||||
|
<label class="font-[600] mb-[5px] text-[14px]">Điện thoại nhà</label>
|
||||||
|
<input type="text" size="60" name="" placeholder="Điện thoại nhà"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
<div class="form-control w-[100%] ml-[7px]">
|
||||||
|
<label class="font-[600] mb-[5px] text-[14px]">Điện thoại di động</label>
|
||||||
|
<input type="text" size="60" name="" placeholder="Điện thoại di động"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mb-[15px] flex items-center justify-between">
|
||||||
|
<div class="form-control w-[100%] mr-[7px]">
|
||||||
|
<label class="font-[600] mb-[5px] text-[14px]">Tỉnh/TP</label>
|
||||||
|
<select name=""
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
<option value="">Hà nội</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div class="form-control w-[100%] ml-[7px]">
|
||||||
|
<label class="font-[600] mb-[5px] text-[14px]">Quận huyện</label>
|
||||||
|
<select name=""
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
<option value="">Quận Ba Đình</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-control mb-[15px] w-[100%]">
|
||||||
|
<label class="font-[600] mb-[5px] text-[14px]">Địa chỉ</label>
|
||||||
|
<textarea type="text" size="60" name="" placeholder="Địa chỉ"
|
||||||
|
class="w-[100%] h-[120px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"></textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-control mb-[15px] w-[100%]">
|
||||||
|
<label class="font-[600] mb-[5px] text-[14px]">Tên công ty</label>
|
||||||
|
<input type="text" size="60" name="" placeholder="Tên công ty"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-control mb-[15px] w-[100%]">
|
||||||
|
<label class="font-[600] mb-[5px] text-[14px]">Mã số thuế</label>
|
||||||
|
<input type="text" size="60" name="" placeholder="Mã số thuế"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-control mb-[15px] w-[100%]">
|
||||||
|
<label class="font-[600] mb-[5px] text-[14px]">Địa chỉ công ty</label>
|
||||||
|
<input type="text" size="60" name="" placeholder="Địa chỉ công ty"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-control mb-[15px] w-[100%]">
|
||||||
|
<label class="font-[600] mb-[5px] text-[14px]">Ghi chú về khách hàng này</label>
|
||||||
|
<textarea type="text" size="60" name="" placeholder="Ghi chú về khách hàng này"
|
||||||
|
class="w-[100%] h-[120px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"></textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="bg-white p-[10px] rounded-[0_0_10px_10px] shadow-[0_1px_1px_0px_#0000001A]">
|
||||||
|
<input class="w-[82px] h-[32px] bg-[#0041E8] rounded-[4px] text-white cursor-pointer"
|
||||||
|
id="submit-collection-btn" name="commit" type="submit" value="Cập nhật" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
79
template/customer/customer_contact.html
Normal file
79
template/customer/customer_contact.html
Normal file
@@ -0,0 +1,79 @@
|
|||||||
|
<div class="w-[100%]">
|
||||||
|
<div
|
||||||
|
class="m-[15px] px-[15px] py-[20px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto">
|
||||||
|
<h1 class="text-[24px] font-[700]">Khách hàng liên hệ</h1>
|
||||||
|
|
||||||
|
<form action=""
|
||||||
|
class="flex items-center p-[15px] rounded-[10px] shadow-[0_1px_1px_0_rgba(0,0,0,0.10)] mt-[15px] border-[1px] border-[#F6F6F6]">
|
||||||
|
<input type="text" name=""
|
||||||
|
class="w-[375px] h-[35px] px-[10px] rounded-[4px] border-[#D8D8D8] border-[1px] mr-[10px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"
|
||||||
|
placeholder="Tìm kiếm">
|
||||||
|
<button type="submit" class="px-[8px] py-[6px] rounded-[4px] text-white bg-[#0041E8]">Tìm kiếm</button>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="list-filter flex items-center justify-between mt-[15px] mb-[20px]">
|
||||||
|
<p>Tổng hợp các liên hệ của khách hàng từ form liên hệ trên trang <a href="" class="text-[#0041E8]">liên
|
||||||
|
hệ</a> của website</p>
|
||||||
|
<select name="" id=""
|
||||||
|
class="w-[180px] h-[35px] p-[5px] border-[1px] border-[#D8D8D8] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
<option value="">Chọn bộ lọc</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<table class="table-comment">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th class="w-[50px]">STT</th>
|
||||||
|
<th>Thời gian</th>
|
||||||
|
<th>Khách hàng</th>
|
||||||
|
<th>Thông tin</th>
|
||||||
|
<th class="w-[340px]">Nội dung liên hệ</th>
|
||||||
|
<th class="w-[200px]">Ghi chú</th>
|
||||||
|
<th class="w-[120px]">Trạng thái</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>1</td>
|
||||||
|
<td>09-08-2023, 11:24 am</td>
|
||||||
|
<td>Đức Anh</td>
|
||||||
|
<td>
|
||||||
|
<p>- Email: ducanhnguyen199x@gmail.com</p>
|
||||||
|
<p>- Tel: 0976642092</p>
|
||||||
|
<p>- Mobile: 0976642092</p>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
Trả góp sản phẩm: HHWS AMD RYZEN 9 3900XT | 16G | NVIDIA RTX 2060 6G - Tên: no name - SĐT:
|
||||||
|
0147258369 - Nội dung: fsfdf
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<textarea name="" id=""
|
||||||
|
class="w-[100%] h-[40px] rounded-[4px] p-[5px] border-[1px] border-[#D8D8D8] mb-[5px]"></textarea>
|
||||||
|
<a href="" class="p-[5px_10px_5px_10px] rounded-[4px] bg-[#0041E8] text-white">Cập nhật</a>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<select name="" id=""
|
||||||
|
class="w-[100%] h-[30px] mb-[10px] border-[1px] border-[#F6F6F6] rounded-[4px] shadow-[0px_2px_4px_0px_#0000001F]">
|
||||||
|
<option value="">Trạng thái</option>
|
||||||
|
</select>
|
||||||
|
<div class="flex items-center">
|
||||||
|
<a href=""
|
||||||
|
class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
||||||
|
<i class="icons icon-edit"></i>
|
||||||
|
</a>
|
||||||
|
<a href=""
|
||||||
|
class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
||||||
|
<i class="icons icon-remove"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
56
template/customer/customer_group.html
Normal file
56
template/customer/customer_group.html
Normal file
@@ -0,0 +1,56 @@
|
|||||||
|
<div class="w-[100%]">
|
||||||
|
<div class="m-[15px] p-[15px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto">
|
||||||
|
<h1 class="text-[24px] font-[700] mb-3">Nhóm khách hàng</h1>
|
||||||
|
|
||||||
|
<div class="flex items-center justify-end">
|
||||||
|
<a href="/admin/customer/customer-group-add" class="border-[1px] border-[#0041E8] rounded-[4px] p-[5px]">
|
||||||
|
<i class="fa-solid fa-user-plus text-[#0041E8] mr-[5px]"></i>
|
||||||
|
<span class="text-[#0041E8] font-[500]">Thêm nhóm mới</span>
|
||||||
|
</a>
|
||||||
|
<a href="/admin/customer" class="border-[1px] border-[#0041E8] rounded-[4px] p-[5px] ml-[10px]">
|
||||||
|
<i class="fa-regular fa-clipboard text-[#0041E8] mr-[5px]"></i>
|
||||||
|
<span class="text-[#0041E8] font-[500]">Danh sách khách hàng</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<table class="table-customer-group mt-[15px]">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th class="w-[50px]">STT</th>
|
||||||
|
<th>Mã nhóm</th>
|
||||||
|
<th>Tên gọi/miêu tả</th>
|
||||||
|
<th class="w-[160px]">Khách hàng</th>
|
||||||
|
<th class="w-[125px]">Chỉnh sửa</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>1</td>
|
||||||
|
<td>0</td>
|
||||||
|
<td>Khách vip</td>
|
||||||
|
<td>
|
||||||
|
<a href="" class="p-[5px_10px_5px_10px] text-white text-center bg-[#0041E8] rounded-[4px]">Xem
|
||||||
|
danh sách</a>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class='list-btn flex items-center justify-center'>
|
||||||
|
<a href=""
|
||||||
|
class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||||
|
class='icons icon-edit'></i></a>
|
||||||
|
<a href=""
|
||||||
|
class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'>
|
||||||
|
<span
|
||||||
|
class="w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#0041E8] text-center leading-[11px] mr-[5px] text-[#0041E8]">+</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href=""
|
||||||
|
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
|
||||||
|
class='icons icon-remove'></i></a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
75
template/customer/customer_group_add.html
Normal file
75
template/customer/customer_group_add.html
Normal file
@@ -0,0 +1,75 @@
|
|||||||
|
<div class="w-[100%] mb-[50px]">
|
||||||
|
|
||||||
|
<div class="text-sm breadcrumbs ml-[10px]">
|
||||||
|
<ul>
|
||||||
|
<li><a href="/admin/customer/customer-group">Nhóm khách hàng</a></li>
|
||||||
|
<li class="text-[#0041E8]">Form sửa nhóm khách hàng</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="w-[1140px] my-0 mx-auto">
|
||||||
|
<div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A] mb-[15px]">
|
||||||
|
<div class="flex items-center justify-between">
|
||||||
|
<div>
|
||||||
|
<h1 class="text-[20px] font-[700]">Cập nhật nhóm khách hàng</h1>
|
||||||
|
</div>
|
||||||
|
<a href="/admin/customer/customer-group-add"
|
||||||
|
class="flex items-center border-[1px] border-[#ECECEC] rounded-[4px] p-[5px_10px_5px_10px]">
|
||||||
|
<span
|
||||||
|
class="w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#6B7280] text-center leading-[11px] mr-[5px] text-[#6B7280]">+</span>
|
||||||
|
<span class="text-[#6B7280]">Thêm nhóm khách hàng</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<p class="text-[#6B7280] mt-[5px]">Hướng dẫn: Nhóm khách hàng bao gồm các khách hàng cùng chia sẻ một số đặc
|
||||||
|
điểm
|
||||||
|
nhất định, giúp cho việc
|
||||||
|
quản lý và chăm
|
||||||
|
sóc khách hàng tốt hơn. Ví dụ các nhóm khách hàng thường được tạo là: Khách hàng thân thiết, Khách hàng
|
||||||
|
nữ, Khách hàng
|
||||||
|
VIP, Khách văn phòng v..v.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex">
|
||||||
|
<div class="left w-[270px] mr-[10px]">
|
||||||
|
<div class="list-tab">
|
||||||
|
<a href="javascript:void(0)"
|
||||||
|
class="item block w-[100%] h-[36px] text-white bg-[#0041E8] rounded-[10px] text-[13px] leading-[35px] px-[10px]">Nội
|
||||||
|
dung</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="right w-[860px]">
|
||||||
|
<div
|
||||||
|
class="bg-white p-[10px] rounded-[10px_10px_0_0] shadow-[0_-1px_1px_0px_#0000001A] border-b-[6px] border-[#FAFAFB]">
|
||||||
|
|
||||||
|
<div class="form-control mb-[15px] w-[100%] mr-[7px]">
|
||||||
|
<label class="font-[600] mb-[5px] text-[14px]">Đặt tên nhóm khách hàng</label>
|
||||||
|
<input type="text" size="60" name="" placeholder="Đặt tên nhóm khách hàng"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
<div class="form-control mb-[15px] w-[100%] mr-[7px]">
|
||||||
|
<label class="font-[600] text-[14px]">Đặt tên nhóm khách hàng</label>
|
||||||
|
<span class="text-[#6B7280] mb-[5px]">(* Dùng phân biệt từng nhóm, Mã chỉ bao gồm các ký tự
|
||||||
|
a-z0-9 và _,
|
||||||
|
không dấu và không có
|
||||||
|
dấu cách. Ví dụ: vip1, dai_ly
|
||||||
|
...)</span>
|
||||||
|
<input type="text" size="60" name="" placeholder="Đặt tên nhóm khách hàng"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
<div class="form-control mb-[15px] w-[100%] mr-[7px]">
|
||||||
|
<label class="font-[600] mb-[5px] text-[14px]">Miêu tả (nếu có)</label>
|
||||||
|
<textarea type="text" size="60" name="" placeholder="Đặt tên nhóm khách hàng"
|
||||||
|
class="w-[100%] h-[120px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"></textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="bg-white p-[10px] rounded-[0_0_10px_10px] shadow-[0_1px_1px_0px_#0000001A]">
|
||||||
|
<input class="w-[82px] h-[32px] bg-[#0041E8] rounded-[4px] text-white cursor-pointer"
|
||||||
|
id="submit-collection-btn" name="commit" type="submit" value="Cập nhật" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
75
template/customer/customer_group_info.html
Normal file
75
template/customer/customer_group_info.html
Normal file
@@ -0,0 +1,75 @@
|
|||||||
|
<div class="w-[100%] mb-[50px]">
|
||||||
|
|
||||||
|
<div class="text-sm breadcrumbs ml-[10px]">
|
||||||
|
<ul>
|
||||||
|
<li><a href="/admin/customer/customer-contact">Khách hàng liên hệ</a></li>
|
||||||
|
<li class="text-[#0041E8]">Thông tin khách hàng liên hệ</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="w-[1140px] my-0 mx-auto">
|
||||||
|
<div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A] mb-[15px]">
|
||||||
|
<h1 class="text-[20px] font-[700]">Thông tin khách hàng liên hệ</h1>
|
||||||
|
<p class="text-[#6B7280] mt-[3px]">Lê Văn Ninh</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex">
|
||||||
|
<div class="left w-[270px] mr-[10px]">
|
||||||
|
<div class="list-tab">
|
||||||
|
<a href="javascript:void(0)"
|
||||||
|
class="item block w-[100%] h-[36px] text-white bg-[#0041E8] rounded-[10px] text-[13px] leading-[35px] px-[10px]">Nội
|
||||||
|
dung</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="right w-[860px]">
|
||||||
|
<div
|
||||||
|
class="bg-white p-[10px] rounded-[10px_10px_0_0] shadow-[0_-1px_1px_0px_#0000001A] border-b-[6px] border-[#FAFAFB]">
|
||||||
|
<div class="mb-[25px]">
|
||||||
|
<b class="block text-[20px] mb-[15px]">Thông tin liên hệ</b>
|
||||||
|
<div class="flex items-center mb-[5px]">
|
||||||
|
<b class="w-[150px]">Họ tên:</b>
|
||||||
|
<p class="text-[#6B7280]">Lê Văn Ninh</p>
|
||||||
|
</div>
|
||||||
|
<div class="flex items-center mb-[5px]">
|
||||||
|
<b class="w-[150px]">Địa chỉ email:</b>
|
||||||
|
<p class="text-[#6B7280]">no_email_1708170779@mail.com</p>
|
||||||
|
</div>
|
||||||
|
<div class="flex items-center mb-[5px]">
|
||||||
|
<b class="w-[150px]">Số điện thoại:</b>
|
||||||
|
<p class="text-[#6B7280]">0356723619</p>
|
||||||
|
</div>
|
||||||
|
<div class="flex items-center">
|
||||||
|
<b class="w-[150px]">Thời gian liên hệ:</b>
|
||||||
|
<p class="text-[#6B7280]">17-02-2024, 6:56 pm</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mb-[25px]">
|
||||||
|
<b class="block text-[20px] mb-[10px]">Nội dung chi tiết</b>
|
||||||
|
<p class="text-[#6B7280]">
|
||||||
|
Tìm sản phẩm cần định giá:
|
||||||
|
- Mẫu máy cần thu: intel i3-4160 CPU @ 3.600Hz 3.60 Ghz
|
||||||
|
- Địa chỉ: Phường Quảng Cư ,Tp.Sầm Sơn
|
||||||
|
- Mô tả ngắn về ngoại hình và tình trạng thiết bị: đang dùng tốt
|
||||||
|
- Sản phẩm bạn cần tư vấn lên đời: CPU INTEL CORE
|
||||||
|
I3-12100F (3.3GHZ TURBO UP TO 4.3GHZ, 4 NHÂN 8 LUỒNG, 12MB CACHE, 58W)- SOCKET INTEL LGA
|
||||||
|
1700)
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-control mb-[15px] w-[100%] mr-[7px]">
|
||||||
|
<label class="font-[600] mb-[5px] text-[14px]">Cập nhật ghi chú</label>
|
||||||
|
<textarea type="text" size="60" name="" placeholder="Cập nhật ghi chú"
|
||||||
|
class="w-[100%] h-[120px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"></textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="bg-white p-[10px] rounded-[0_0_10px_10px] shadow-[0_1px_1px_0px_#0000001A]">
|
||||||
|
<input class="w-[82px] h-[32px] bg-[#0041E8] rounded-[4px] text-white cursor-pointer"
|
||||||
|
id="submit-collection-btn" name="commit" type="submit" value="Cập nhật" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
60
template/customer/customer_newsletter.html
Normal file
60
template/customer/customer_newsletter.html
Normal file
@@ -0,0 +1,60 @@
|
|||||||
|
<div class="w-[100%]">
|
||||||
|
<div class="m-[15px] p-[15px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto">
|
||||||
|
<h1 class="text-[24px] font-[700] mb-3">Khách hàng góp ý</h1>
|
||||||
|
|
||||||
|
<div class="flex items-center justify-end">
|
||||||
|
<a href="/admin/customer/customer_add"
|
||||||
|
class="block border-[1px] border-[#0041E8] rounded-[4px] p-[5px_10px_5px_10px]">
|
||||||
|
<span
|
||||||
|
class="inline-block w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#0041E8] text-center leading-[11px] text-[#0041E8] mb-[2px]">+</span>
|
||||||
|
<span class="text-[#0041E8] font-[500]">Thêm KH mới</span>
|
||||||
|
</a>
|
||||||
|
<a href="admin/customer/customer-group"
|
||||||
|
class="block border-[1px] border-[#0041E8] rounded-[4px] p-[5px_10px_5px_10px] ml-[10px]">
|
||||||
|
<i class="fa-solid fa-user-group text-[#0041E8]"></i>
|
||||||
|
<span class="text-[#0041E8] font-[500]">Các nhóm KH</span>
|
||||||
|
</a>
|
||||||
|
<a href="admin/customer/customer-newsletter"
|
||||||
|
class="block border-[1px] border-[#0041E8] rounded-[4px] p-[5px_10px_5px_10px] ml-[10px]">
|
||||||
|
<i class="fa-solid fa-user-group text-[#0041E8]"></i>
|
||||||
|
<span class="text-[#0041E8] font-[500]">KH nhận bản tin</span>
|
||||||
|
</a>
|
||||||
|
<a href="" class="block border-[1px] border-[#0041E8] rounded-[4px] p-[5px_10px_5px_10px] ml-[10px]">
|
||||||
|
<i class="fa-regular fa-file-excel text-[#0041E8]"></i>
|
||||||
|
<span class="text-[#0041E8] font-[500]">Các nhóm KH</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<table class="mt-[15px] table-newsletter">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th class="w-[50px]">STT</th>
|
||||||
|
<th>Họ tên</th>
|
||||||
|
<th>Email</th>
|
||||||
|
<th>Ngày đăng ký</th>
|
||||||
|
<th>Thông tin khác</th>
|
||||||
|
<th class="w-[90px]">Lựa chọn</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>1</td>
|
||||||
|
<td>Trung Hiếu</td>
|
||||||
|
<td>trunghieu27072009@gmail.com</td>
|
||||||
|
<td>19-07-2023, 4:45 pm</td>
|
||||||
|
<td>test reply</td>
|
||||||
|
<td>
|
||||||
|
<div class='list-btn flex items-center'>
|
||||||
|
<a href=""
|
||||||
|
class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||||
|
class='icons icon-edit'></i></a>
|
||||||
|
<a href=""
|
||||||
|
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||||
|
class='icons icon-remove'></i></a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
82
template/customer/customer_review.html
Normal file
82
template/customer/customer_review.html
Normal file
@@ -0,0 +1,82 @@
|
|||||||
|
<div class="w-[100%]">
|
||||||
|
<div class="m-[15px] p-[15px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto">
|
||||||
|
<h1 class="text-[24px] font-[700] mb-3">Khách hàng góp ý</h1>
|
||||||
|
<div class="flex items-center justify-between">
|
||||||
|
<p>Tổng hợp các liên hệ của khách hàng từ form liên hệ trên trang <a href="/lien-he"
|
||||||
|
class="text-[#0041E8] underline">liên hệ</a> của website</p>
|
||||||
|
<select
|
||||||
|
class="w-[140px] h-[30px] rounded-[4px] border-[1px] border-[#D8D8D8] shadow-[0px_2px_4px_0px_#0000001F]">
|
||||||
|
<option value="">Lọc xem ý kiến</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<table class="table-review mt-[15px]">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th class="w-[50px]">STT</th>
|
||||||
|
<th>Khách hàng</th>
|
||||||
|
<th>Nội dung</th>
|
||||||
|
<th class="w-[80px]">Lựa chọn</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>1</td>
|
||||||
|
<td>
|
||||||
|
<p>huyth.c2hoangdieu.haugiang@gmail.com</p>
|
||||||
|
<p>Trịnh Hoàng Huy</p>
|
||||||
|
<p>29-01-2018, 1:34 am</p>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<b>Góp ý (rate:0)</b>
|
||||||
|
<p>cửa hàng nên có thêm các dòng SSD Samsung 960 PRO và Samsung 960 EVO để có thêm nhiều lựa
|
||||||
|
chọn</p>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<a href=""
|
||||||
|
class="w-[30px] m-[auto] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center">
|
||||||
|
<i class="icons icon-remove"></i>
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>1</td>
|
||||||
|
<td>
|
||||||
|
<p>huyth.c2hoangdieu.haugiang@gmail.com</p>
|
||||||
|
<p>Trịnh Hoàng Huy</p>
|
||||||
|
<p>29-01-2018, 1:34 am</p>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<b>Góp ý (rate:0)</b>
|
||||||
|
<p>cửa hàng nên có thêm các dòng SSD Samsung 960 PRO và Samsung 960 EVO để có thêm nhiều lựa
|
||||||
|
chọn</p>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<a href=""
|
||||||
|
class="w-[30px] m-[auto] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center">
|
||||||
|
<i class="icons icon-remove"></i>
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>1</td>
|
||||||
|
<td>
|
||||||
|
<p>huyth.c2hoangdieu.haugiang@gmail.com</p>
|
||||||
|
<p>Trịnh Hoàng Huy</p>
|
||||||
|
<p>29-01-2018, 1:34 am</p>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<b>Góp ý (rate:0)</b>
|
||||||
|
<p>cửa hàng nên có thêm các dòng SSD Samsung 960 PRO và Samsung 960 EVO để có thêm nhiều lựa
|
||||||
|
chọn</p>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<a href=""
|
||||||
|
class="w-[30px] m-[auto] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center">
|
||||||
|
<i class="icons icon-remove"></i>
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
@@ -33,7 +33,7 @@
|
|||||||
</select>
|
</select>
|
||||||
|
|
||||||
<div class="list flex items-center">
|
<div class="list flex items-center">
|
||||||
<a href="javascript:void(0)" class="flex items-center p-[8px_15px] border-[1px] border-[#0041E8] rounded-[4px]
|
<a href="/admin/customer/customer_add" class="flex items-center p-[8px_15px] border-[1px] border-[#0041E8] rounded-[4px]
|
||||||
text-[#0041E8] ml-[15px] bg-[#F5F7FF] hover:text-white hover:bg-[#0041E8]">
|
text-[#0041E8] ml-[15px] bg-[#F5F7FF] hover:text-white hover:bg-[#0041E8]">
|
||||||
<i class="fa-solid fa-user-plus"></i>
|
<i class="fa-solid fa-user-plus"></i>
|
||||||
<span class="ml-[5px]">Thêm KH mới</span>
|
<span class="ml-[5px]">Thêm KH mới</span>
|
||||||
|
|||||||
40
template/javascript/brand.html
Normal file
40
template/javascript/brand.html
Normal file
@@ -0,0 +1,40 @@
|
|||||||
|
<script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
|
||||||
|
|
||||||
|
|
||||||
|
<script>
|
||||||
|
|
||||||
|
tinymce.init({
|
||||||
|
selector: 'textarea#product-desc',
|
||||||
|
height: 350,
|
||||||
|
menubar: true,
|
||||||
|
plugins: [
|
||||||
|
'advlist autolink lists link image charmap print preview anchor',
|
||||||
|
'searchreplace visualblocks code fullscreen',
|
||||||
|
'insertdatetime media table paste code help wordcount'
|
||||||
|
],
|
||||||
|
toolbar: 'undo redo | formatselect | ' +
|
||||||
|
'bold italic backcolor | alignleft aligncenter ' +
|
||||||
|
'alignright alignjustify | bullist numlist outdent indent | ' +
|
||||||
|
'removeformat | help',
|
||||||
|
content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
tinymce.init({
|
||||||
|
selector: 'textarea#product-static',
|
||||||
|
height: 350,
|
||||||
|
menubar: true,
|
||||||
|
plugins: [
|
||||||
|
'advlist autolink lists link image charmap print preview anchor',
|
||||||
|
'searchreplace visualblocks code fullscreen',
|
||||||
|
'insertdatetime media table paste code help wordcount'
|
||||||
|
],
|
||||||
|
toolbar: 'undo redo | formatselect | ' +
|
||||||
|
'bold italic backcolor | alignleft aligncenter ' +
|
||||||
|
'alignright alignjustify | bullist numlist outdent indent | ' +
|
||||||
|
'removeformat | help',
|
||||||
|
content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
</script>
|
||||||
@@ -16,4 +16,8 @@
|
|||||||
|
|
||||||
{% include javascript/product_form %}
|
{% include javascript/product_form %}
|
||||||
|
|
||||||
|
{% elsif global.module == 'brand' %}
|
||||||
|
|
||||||
|
{% include javascript/brand %}
|
||||||
|
|
||||||
{% endif %}
|
{% endif %}
|
||||||
@@ -20,5 +20,21 @@
|
|||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
|
tinymce.init({
|
||||||
|
selector: 'textarea#product-static',
|
||||||
|
height: 350,
|
||||||
|
menubar: true,
|
||||||
|
plugins: [
|
||||||
|
'advlist autolink lists link image charmap print preview anchor',
|
||||||
|
'searchreplace visualblocks code fullscreen',
|
||||||
|
'insertdatetime media table paste code help wordcount'
|
||||||
|
],
|
||||||
|
toolbar: 'undo redo | formatselect | ' +
|
||||||
|
'bold italic backcolor | alignleft aligncenter ' +
|
||||||
|
'alignright alignjustify | bullist numlist outdent indent | ' +
|
||||||
|
'removeformat | help',
|
||||||
|
content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
65
template/product/addon.html
Normal file
65
template/product/addon.html
Normal file
@@ -0,0 +1,65 @@
|
|||||||
|
<div class="w-[100%]">
|
||||||
|
<div class="m-[15px] p-[15px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto">
|
||||||
|
<h1 class="text-[24px] font-[700] mb-3">Danh sách sản phẩm/dịch vụ bán kèm sản phẩm</h1>
|
||||||
|
|
||||||
|
<div class="flex items-center justify-end">
|
||||||
|
<a href="/admin/product/addon_add"
|
||||||
|
class="block border-[1px] border-[#0041E8] rounded-[4px] p-[5px_10px_5px_10px]">
|
||||||
|
<span
|
||||||
|
class="inline-block w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#0041E8] text-center leading-[11px] text-[#0041E8] mb-[2px]">+</span>
|
||||||
|
<span class="text-[#0041E8] font-[500]">Thêm danh sách mới</span>
|
||||||
|
</a>
|
||||||
|
<a href="/admin/product/attribute_update"
|
||||||
|
class="block border-[1px] border-[#0041E8] rounded-[4px] p-[5px_10px_5px_10px] ml-[10px]">
|
||||||
|
<i class="fa-regular fa-file-excel text-[#0041E8]"></i>
|
||||||
|
<span class="text-[#0041E8] font-[500]">Cập nhật Excel</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<table class="mt-[15px] table-addon">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>STT</th>
|
||||||
|
<th>Thông tin</th>
|
||||||
|
<th>Giá</th>
|
||||||
|
<th>Sản phẩm</th>
|
||||||
|
<th>Cập nhật</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>1</td>
|
||||||
|
<td>
|
||||||
|
<div class="flex items-center">
|
||||||
|
<span>[8]</span>
|
||||||
|
<a href="" class="name ml-[5px]">Bộ phím chuột không dây Kenoo KM600 trị giá 249.000 VND
|
||||||
|
(KBKN002)</a>
|
||||||
|
</div>
|
||||||
|
<p>Ghi chú: KM màn hình 27 1</p>
|
||||||
|
<p>Tạo lúc: 04-06-2022, 8:28 am, cập nhật: 04-06-2022, 8:28 am</p>
|
||||||
|
</td>
|
||||||
|
<td>3.849.000 vnd</td>
|
||||||
|
<td class="w-[90px]"><a href=""
|
||||||
|
class="block w-[86px] h-[30px] leading-[30px] text-center text-white bg-[#0041E8] rounded-[4px]">Xem
|
||||||
|
SP</a></td>
|
||||||
|
<td class="w-[150px]">
|
||||||
|
<div class='list-btn flex items-center'>
|
||||||
|
<a href=""
|
||||||
|
class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||||
|
class='icons icon-edit'></i></a>
|
||||||
|
<a href=""
|
||||||
|
class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||||
|
class='fa fa-plus text-[#0041E8]'></i></a>
|
||||||
|
<a href=""
|
||||||
|
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||||
|
class="fa-regular fa-eye-slash text-[#9E9E9E]"></i></a>
|
||||||
|
<a href=""
|
||||||
|
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
|
||||||
|
class='icons icon-remove'></i></a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
24
template/product/addon_add.html
Normal file
24
template/product/addon_add.html
Normal file
@@ -0,0 +1,24 @@
|
|||||||
|
<div class="w-[100%] mb-[50px]">
|
||||||
|
|
||||||
|
<div class="text-sm breadcrumbs ml-[10px]">
|
||||||
|
<ul>
|
||||||
|
<li><a href="/admin/product/addon">SP/ Dịch vụ bán kèm sản phẩm</a></li>
|
||||||
|
<li class="text-[#0041E8]">Form sửa SP/ Dịch vụ bán kèm</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="w-[1140px] my-0 mx-auto">
|
||||||
|
<div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A] mb-[15px]">
|
||||||
|
<div class="flex items-center justify-between">
|
||||||
|
<h1 class="text-[20px] font-[700]">Cập nhật SP/ Dịch vụ bán kèm</h1>
|
||||||
|
<a href="/admin/product/attribute-add"
|
||||||
|
class="flex items-center border-[1px] border-[#ECECEC] rounded-[4px] p-[5px_10px_5px_10px]">
|
||||||
|
<span
|
||||||
|
class="w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#6B7280] text-center leading-[11px] mr-[5px] text-[#6B7280]">+</span>
|
||||||
|
<span class="text-[#6B7280]">Thêm dịch vụ mới</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
101
template/product/attribute.html
Normal file
101
template/product/attribute.html
Normal file
@@ -0,0 +1,101 @@
|
|||||||
|
<div class="w-[100%]">
|
||||||
|
<div class="m-[15px] p-[15px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto">
|
||||||
|
<h1 class="text-[24px] font-[700] mb-3">Danh sách thuộc tính</h1>
|
||||||
|
|
||||||
|
<a href="/admin/product/attribute_add" class="
|
||||||
|
block m-[auto_0_auto_auto] w-[185px] border-[1px] border-[#0041E8] rounded-[4px] p-[5px_10px_5px_10px]">
|
||||||
|
<span
|
||||||
|
class="inline-block w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#0041E8] text-center leading-[11px] text-[#0041E8] mb-[2px]">+</span>
|
||||||
|
<span class="text-[#0041E8] font-[500]">Thêm thuộc tính mới</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<table class="table-attribute mt-[20px]">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>STT</th>
|
||||||
|
<th>Mã</th>
|
||||||
|
<th>Tên hiển thị</th>
|
||||||
|
<th>Giá trị</th>
|
||||||
|
<th>Danh mục đang có</th>
|
||||||
|
<th>Thứ tự</th>
|
||||||
|
<th>Trạng thái</th>
|
||||||
|
<th>Cập nhật</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>1</td>
|
||||||
|
<td>phong-cach</td>
|
||||||
|
<td>Phong cách</td>
|
||||||
|
<td>5</td>
|
||||||
|
<td class="w-[390px]">
|
||||||
|
<a href="">Máy Tính Xách Tay,</a>
|
||||||
|
<a href="">Macbook,</a>
|
||||||
|
<a href="">Surface,</a>
|
||||||
|
<a href="">Laptop Acer,</a>
|
||||||
|
<a href="">Laptop Acer Aspire,</a>
|
||||||
|
<a href="">Laptop Acer TravelMate,</a>
|
||||||
|
<a href="">Test,</a>
|
||||||
|
</td>
|
||||||
|
<td class="w-[145px]">
|
||||||
|
<input type="text" value="0"
|
||||||
|
class="w-[120px] h-[30px] p-[10px] border-[1px] border-[#D8D8D8] ml-[7px] rounded-[4px] shadow-[0_2px_4px_0_#0000001F]">
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<a href="" class="status on">Đang hoạt động</a>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class='list-btn flex items-center'>
|
||||||
|
<a href=""
|
||||||
|
class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||||
|
class='icons icon-edit'></i></a>
|
||||||
|
<a href=""
|
||||||
|
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||||
|
class="fa-regular fa-eye-slash text-[#9E9E9E]"></i></a>
|
||||||
|
<a href=""
|
||||||
|
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||||
|
class='icons icon-remove'></i></a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>1</td>
|
||||||
|
<td>phong-cach</td>
|
||||||
|
<td>Phong cách</td>
|
||||||
|
<td>5</td>
|
||||||
|
<td class="w-[390px]">
|
||||||
|
<a href="">Máy Tính Xách Tay,</a>
|
||||||
|
<a href="">Macbook,</a>
|
||||||
|
<a href="">Surface,</a>
|
||||||
|
<a href="">Laptop Acer,</a>
|
||||||
|
<a href="">Laptop Acer Aspire,</a>
|
||||||
|
<a href="">Laptop Acer TravelMate,</a>
|
||||||
|
<a href="">Test,</a>
|
||||||
|
</td>
|
||||||
|
<td class="w-[145px]">
|
||||||
|
<input type="text" value="0"
|
||||||
|
class="w-[120px] h-[30px] p-[10px] border-[1px] border-[#D8D8D8] ml-[7px] rounded-[4px] shadow-[0_2px_4px_0_#0000001F]">
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<a href="" class="status off">Ẩn hiển thị</a>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class='list-btn flex items-center'>
|
||||||
|
<a href=""
|
||||||
|
class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||||
|
class='icons icon-edit'></i></a>
|
||||||
|
<a href=""
|
||||||
|
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||||
|
class="fa-regular fa-eye-slash text-[#9E9E9E]"></i></a>
|
||||||
|
<a href=""
|
||||||
|
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||||
|
class='icons icon-remove'></i></a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
210
template/product/attribute_add.html
Normal file
210
template/product/attribute_add.html
Normal file
@@ -0,0 +1,210 @@
|
|||||||
|
<div class="w-[100%] mb-[50px]">
|
||||||
|
|
||||||
|
<div class="text-sm breadcrumbs ml-[10px]">
|
||||||
|
<ul>
|
||||||
|
<li><a href="/admin/product/attribute">Thuộc tính sản phẩm</a></li>
|
||||||
|
<li class="text-[#0041E8]">Form thêm/sửa thuộc tính</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="w-[1140px] my-0 mx-auto">
|
||||||
|
<div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A] mb-[15px]">
|
||||||
|
<div class="flex items-center justify-between">
|
||||||
|
<h1 class="text-[20px] font-[700]">Cập nhật thuộc tính sản phẩm</h1>
|
||||||
|
<a href="/admin/product/attribute-add"
|
||||||
|
class="flex items-center border-[1px] border-[#ECECEC] rounded-[4px] p-[5px_10px_5px_10px]">
|
||||||
|
<span
|
||||||
|
class="w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#6B7280] text-center leading-[11px] mr-[5px] text-[#6B7280]">+</span>
|
||||||
|
<span class="text-[#6B7280]">Thêm thuộc tính mới</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex">
|
||||||
|
<div class="left w-[270px] mr-[10px]">
|
||||||
|
<div class="list-tab">
|
||||||
|
<a href="javascript:void(0)"
|
||||||
|
class="item block w-[100%] h-[36px] text-white bg-[#0041E8] rounded-[10px] text-[13px] leading-[35px] px-[10px]">Nội
|
||||||
|
dung</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="right w-[860px]">
|
||||||
|
<div
|
||||||
|
class="bg-white p-[10px] rounded-[10px_10px_0_0] shadow-[0_-1px_1px_0px_#0000001A] border-b-[6px] border-[#FAFAFB]">
|
||||||
|
<b class="text-[20px] mb-[10px] block">Thông tin cơ bản</b>
|
||||||
|
|
||||||
|
<div class="form-control mb-[10px]">
|
||||||
|
<label class="font-[600] mb-[5px] text-[14px]">Tên thuộc tính</label>
|
||||||
|
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||||
|
placeholder="Tên thuộc tính"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-control w-[100%] mb-[10px]">
|
||||||
|
<label class="flex items-center mb-[5px] text-[14px]">
|
||||||
|
<b>Mã nhận dạng cho quản trị</b>
|
||||||
|
<span class="ml-[10px] italic text-[#6B7280] text-[13px]">v.d. kich_thuoc_quan (không có dấu
|
||||||
|
cách, không viết dấu của tiếng Việt)</span>
|
||||||
|
</label>
|
||||||
|
<input type="text" size="60" name="redirect_url" id="redirect_url" value="0"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-control w-[100%] mb-[10px]">
|
||||||
|
<label class="flex items-center mb-[5px] text-[14px]">
|
||||||
|
<b>Mô tả tóm tắt</b>
|
||||||
|
<span class="ml-[10px] italic text-[#6B7280] text-[13px]">(nếu muốn hiển thị và giải thích ý
|
||||||
|
nghĩa cho khách hàng)</span>
|
||||||
|
</label>
|
||||||
|
<textarea type="text" size="60" name="redirect_url" id="redirect_url" value="0"
|
||||||
|
class="w-[100%] h-[120px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-control w-[100%] mb-[10px]">
|
||||||
|
<label class="flex items-center mb-[5px] text-[14px]">
|
||||||
|
<b>Mã bộ lọc trên Url</b>
|
||||||
|
<span class="ml-[10px] italic text-[#6B7280] text-[13px]">v.d. cpu (trên link lọc
|
||||||
|
?cpu=32Ghz&ram=32GB)
|
||||||
|
</span>
|
||||||
|
</label>
|
||||||
|
<input type="text" size="60" name="redirect_url" id="redirect_url" value="0"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-control w-[100%] mb-[10px]">
|
||||||
|
<label class="flex items-center mb-[5px] text-[14px]">
|
||||||
|
<b>Thứ tự xuất hiện</b>
|
||||||
|
<span class="ml-[10px] italic text-[#6B7280] text-[13px]">(cao xếp trước)</span>
|
||||||
|
</label>
|
||||||
|
<input type="text" size="60" name="redirect_url" id="redirect_url" value="0"
|
||||||
|
class="w-[45%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex mb-[10px]">
|
||||||
|
<b class="w-[140px]">Lựa chọn áp dụng</b>
|
||||||
|
<div class="">
|
||||||
|
<div class="check-form flex items-center mb-[10px]">
|
||||||
|
<input type="checkbox" name="change_url_on_update" value="1" checked
|
||||||
|
class="checked:bg-[#0041E8] w-[18px] h-[18px] rounded-[4px]">
|
||||||
|
<span class="ml-[10px] text-[#6B7280]">Dùng là tiêu đề nhóm cho các thuộc tính đứng
|
||||||
|
sau</span>
|
||||||
|
</div>
|
||||||
|
<div class="check-form flex items-center mb-[10px]">
|
||||||
|
<input type="checkbox" name="change_url_on_update" value="1"
|
||||||
|
class="checked:bg-[#0041E8] w-[18px] h-[18px] rounded-[4px]">
|
||||||
|
<span class="ml-[10px] text-[#6B7280]">Dùng lọc Sản phẩm ở danh mục</span>
|
||||||
|
</div>
|
||||||
|
<div class="check-form flex items-center mb-[10px]">
|
||||||
|
<input type="checkbox" name="change_url_on_update" value="1"
|
||||||
|
class="checked:bg-[#0041E8] w-[18px] h-[18px] rounded-[4px]">
|
||||||
|
<span class="ml-[10px] text-[#6B7280]">Hiển thị ở thông tin tóm tắt Sản phẩm</span>
|
||||||
|
</div>
|
||||||
|
<div class="check-form flex items-center mb-[10px]">
|
||||||
|
<input type="checkbox" name="change_url_on_update" value="1"
|
||||||
|
class="checked:bg-[#0041E8] w-[18px] h-[18px] rounded-[4px]">
|
||||||
|
<span class="ml-[10px] text-[#6B7280]">Hiển thị ở bảng thông số kỹ thuật</span>
|
||||||
|
</div>
|
||||||
|
<div class="check-form flex items-center mb-[10px]">
|
||||||
|
<input type="checkbox" name="change_url_on_update" value="1"
|
||||||
|
class="checked:bg-[#0041E8] w-[18px] h-[18px] rounded-[4px]">
|
||||||
|
<span class="ml-[10px] text-[#6B7280]">Dùng để tạo các cấu hình của Sản phẩm</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex mb-[10px]">
|
||||||
|
<b class="w-[140px]">Phân loại</b>
|
||||||
|
<div>
|
||||||
|
<div class="check-form flex items-center mb-[10px]">
|
||||||
|
<input type="radio" name="info[scope]" value="0" checked="">
|
||||||
|
<label for="" class="ml-[25px] text-[#6B7280]">Local - Chỉ áp dụng cho một số loại Sản
|
||||||
|
phẩm</label>
|
||||||
|
</div>
|
||||||
|
<div class="check-form flex items-center mb-[10px]">
|
||||||
|
<input type="radio" name="info[scope]" value="1" checked="">
|
||||||
|
<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>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mb-[10px]">
|
||||||
|
<b class="text-[14px] mb-[10px] block text-[#383C44]">Thông tin cơ bản</b>
|
||||||
|
<table class="mt-[15px] table-value">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>STT</th>
|
||||||
|
<th>ID</th>
|
||||||
|
<th>Giá trị</th>
|
||||||
|
<th>Mô tả</th>
|
||||||
|
<th>Thứ tự hiển thị</th>
|
||||||
|
<th>Lựa chọn</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>1</td>
|
||||||
|
<td>4939</td>
|
||||||
|
<td>Nam</td>
|
||||||
|
<td class="w-[230px]"></td>
|
||||||
|
<td class="w-[120px]">
|
||||||
|
<input type="text" value="0" class="w-[120px]">
|
||||||
|
</td>
|
||||||
|
<td class="w-[85px]">
|
||||||
|
<div class='list-btn flex items-center'>
|
||||||
|
<a href=""
|
||||||
|
class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||||
|
class='icons icon-edit'></i></a>
|
||||||
|
<a href=""
|
||||||
|
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||||
|
class='icons icon-remove'></i></a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="bg-white p-[10px]">
|
||||||
|
<b class="text-[20px] block">Thêm giá trị mới</b>
|
||||||
|
<span class="text-[#6B7280] italic">(**) Dùng để sắp xếp Sản phẩm theo thuộc tính khi cần (v.d. theo
|
||||||
|
dung
|
||||||
|
lượng ổ cứng laptop giảm
|
||||||
|
dần)
|
||||||
|
</span>
|
||||||
|
<div class="flex justify-between mt-[10px]">
|
||||||
|
<div class="form-control w-[30%] mb-[10px] mr-[6px]">
|
||||||
|
<label class="font-[600] mb-[5px] text-[14px]">Tên (*)</label>
|
||||||
|
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||||
|
placeholder="Tên (*)"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
<div class="form-control w-[30%] mb-[10px] mx-[6px]">
|
||||||
|
<label class="font-[600] mb-[5px] text-[14px]">Giá trị sắp xếp (**)</label>
|
||||||
|
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||||
|
placeholder="Giá trị sắp xếp"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
<div class="form-control w-[30%] mb-[10px] ml-[6px]">
|
||||||
|
<label class="font-[600] mb-[5px] text-[14px]">STT</label>
|
||||||
|
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||||
|
placeholder="STT"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
<a href="javascript:void(0)"
|
||||||
|
class="w-[80px] h-[33px] border-[1px] border-[#0041E8] text-center leading-[33px] rounded-[4px] text-[#0041E8] font-[500] ml-[10px] mt-[25px] hover:bg-[#0041E8] hover:text-white">Thêm
|
||||||
|
mới</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="bg-white p-[10px] border-t-[6px] border-[#FAFAFB]">
|
||||||
|
<input class="w-[82px] h-[32px] bg-[#0041E8] rounded-[4px] text-white cursor-pointer"
|
||||||
|
id="submit-collection-btn" name="commit" type="submit" value="Cập nhật" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
108
template/product/brand.html
Normal file
108
template/product/brand.html
Normal file
@@ -0,0 +1,108 @@
|
|||||||
|
<div class="w-[100%]">
|
||||||
|
<div
|
||||||
|
class="m-[15px] px-[15px] py-[20px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto">
|
||||||
|
<h1 class="text-[24px] font-[700] mb-3">Danh sách thương hiệu</h1>
|
||||||
|
|
||||||
|
<div class="flex items-center justify-between">
|
||||||
|
<div>
|
||||||
|
<b>Tìm theo chữ cái</b>:
|
||||||
|
<a href="?opt=brand&letter=A">A</a> (13) |
|
||||||
|
<a href="?opt=brand&letter=B">B</a> (2) |
|
||||||
|
<a href="?opt=brand&letter=C">C</a> (5) |
|
||||||
|
<a href="?opt=brand&letter=D">D</a> (3) |
|
||||||
|
<a href="?opt=brand&letter=E">E</a> (3) |
|
||||||
|
<a href="?opt=brand&letter=F">F</a> (1) |
|
||||||
|
<a href="?opt=brand&letter=G">G</a> (4) |
|
||||||
|
<a href="?opt=brand&letter=H">H</a> (4) |
|
||||||
|
<a href="?opt=brand&letter=I">I</a> (5) |
|
||||||
|
<a href="?opt=brand&letter=J">J</a> (2) |
|
||||||
|
<a href="?opt=brand&letter=K">K</a> (2) |
|
||||||
|
<a href="?opt=brand&letter=L">L</a> (4) |
|
||||||
|
<a href="?opt=brand&letter=M">M</a> (3) |
|
||||||
|
<a href="?opt=brand&letter=N">N</a> (4) |
|
||||||
|
<a href="?opt=brand&letter=O">O</a> (1) |
|
||||||
|
<a href="?opt=brand&letter=P">P</a> (5) |
|
||||||
|
<a href="?opt=brand&letter=Q">Q</a> (1) |
|
||||||
|
<a href="?opt=brand&letter=S">S</a> (8) |
|
||||||
|
<a href="?opt=brand&letter=T">T</a> (5) |
|
||||||
|
<a href="?opt=brand&letter=V">V</a> (2) |
|
||||||
|
<a href="?opt=brand&letter=W">W</a> (2) |
|
||||||
|
<a href="?opt=brand&letter=X">X</a> (1) |
|
||||||
|
<a href="?opt=brand&letter=Z">Z</a> (2) |
|
||||||
|
</div>
|
||||||
|
<a href="/admin/product/brand_add"
|
||||||
|
class="flex items-center px-[10px] py-[8px] border-[#0041E8] border-[1px] rounded-[4px] text-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[25px] font-[500]">
|
||||||
|
<span
|
||||||
|
class="border-[1px] border-[#0041E8] h-[14px] w-[14px] leading-[12px] text-center rounded-[50%] mr-1">+</span>
|
||||||
|
<span class="whitespace-nowrap ">Thêm thương hiệu mới</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<table class="table-brand mt-[15px]">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>STT</th>
|
||||||
|
<th>ID</th>
|
||||||
|
<th>Thương hiệu</th>
|
||||||
|
<th>Lượt xem</th>
|
||||||
|
<th>Logo</th>
|
||||||
|
<th>Số Sản phẩm</th>
|
||||||
|
<th>Cài đặt</th>
|
||||||
|
<th>Cập nhật</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>1</td>
|
||||||
|
<td>750</td>
|
||||||
|
<td>
|
||||||
|
<b>10MOONS</b>
|
||||||
|
<p class="flex items-center text-[#0041E8]">
|
||||||
|
<span>Link:</span>
|
||||||
|
<a href="">/brand/10moons</a>
|
||||||
|
</p>
|
||||||
|
<p>Cập nhật cuối: 0000-00-00 00:00:00</p>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
0
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<a href="">
|
||||||
|
<img src="{{'brand-1.png'| asset_url }}" alt="">
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="flex items-center">
|
||||||
|
<p>1</p>
|
||||||
|
<a href="" class="px-[7px] py-[4px] bg-[#0041E8] text-white ml-[10px] rounded-[4px]">Xem
|
||||||
|
SP</a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="flex items-center">
|
||||||
|
<span>STT</span>
|
||||||
|
<input type="text" value="0"
|
||||||
|
class="w-[80px] h-[30px] p-[10px] border-[1px] border-[#D8D8D8] ml-[7px] rounded-[4px] shadow-[0_2px_4px_0_#0000001F]">
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class='list-btn flex items-center'>
|
||||||
|
<a href=""
|
||||||
|
class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||||
|
class='icons icon-edit'></i></a>
|
||||||
|
<a class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'
|
||||||
|
href=''><i class='icons icon-feature'></i></a>
|
||||||
|
<a href=""
|
||||||
|
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||||
|
class="fa-regular fa-eye-slash text-[#9E9E9E]"></i></a>
|
||||||
|
<a href=""
|
||||||
|
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||||
|
class='icons icon-remove'></i></a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
148
template/product/brand_add.html
Normal file
148
template/product/brand_add.html
Normal file
@@ -0,0 +1,148 @@
|
|||||||
|
<div class="w-[100%] mb-[50px]">
|
||||||
|
|
||||||
|
<div class="text-sm breadcrumbs ml-[10px]">
|
||||||
|
<ul>
|
||||||
|
<li><a href="/admin/product/brand">Danh sách thương hiệu</a></li>
|
||||||
|
<li class="text-[#0041E8]">Form thêm/sửa thương hiệu</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="w-[1140px] my-0 mx-auto">
|
||||||
|
<div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A] mb-[15px]">
|
||||||
|
<div class="flex items-center justify-between">
|
||||||
|
<h1 class="text-[20px] font-[700]">Cập nhật Thương hiệu</h1>
|
||||||
|
<a href="/admin/product/brand_add"
|
||||||
|
class="flex items-center border-[1px] border-[#ECECEC] rounded-[4px] p-[5px_10px_5px_10px]">
|
||||||
|
<span
|
||||||
|
class="w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#6B7280] text-center leading-[11px] mr-[5px] text-[#6B7280]">+</span>
|
||||||
|
<span class="text-[#6B7280]">Thêm thương hiệu mới</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex">
|
||||||
|
<div class="left w-[270px] mr-[10px]">
|
||||||
|
<div class="list-tab">
|
||||||
|
<a href="javascript:void(0)"
|
||||||
|
class="item block w-[100%] h-[36px] text-white bg-[#0041E8] rounded-[10px] text-[13px] leading-[35px] px-[10px]">Nội
|
||||||
|
dung</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="right w-[860px]">
|
||||||
|
<div
|
||||||
|
class="bg-white p-[10px] rounded-[10px_10px_0_0] shadow-[0_-1px_1px_0px_#0000001A] border-b-[6px] border-[#FAFAFB]">
|
||||||
|
<b class="text-[20px] mb-[10px] block">Thông tin cơ bản</b>
|
||||||
|
|
||||||
|
<div class="form-control mb-[10px]">
|
||||||
|
<label class="font-[600] mb-[5px] text-[14px]">Tên thương hiệu</label>
|
||||||
|
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||||
|
placeholder="Tên thương hiệu"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-control mb-[10px]">
|
||||||
|
<label class="font-[600] mb-[5px] text-[14px]">Link Index</label>
|
||||||
|
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||||
|
placeholder="link index"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-control mb-[10px]">
|
||||||
|
<label class="font-[600] mb-[5px] text-[14px]">Mô tả tóm tắt</label>
|
||||||
|
<textarea type="text" size="60" name="info[title]" id="title" placeholder="Mô tả tóm tắt"
|
||||||
|
class="w-[100%] h-[120px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-control mb-[10px]">
|
||||||
|
<label class="font-[600] mb-[5px] text-[14px]">Ảnh logo thương hiệu</label>
|
||||||
|
<div class="flex items-center">
|
||||||
|
<img src="{{'brand-1.png' | asset_url }}" alt="">
|
||||||
|
<div class="input-file">
|
||||||
|
<input type="file" size="30" name="catThumnail" id="file_input" multiple
|
||||||
|
placeholder="No file selected">
|
||||||
|
<div class="title">
|
||||||
|
<div class="btn-input-file">
|
||||||
|
<i class="fa-solid fa-file-arrow-up"></i> Upload file
|
||||||
|
</div>
|
||||||
|
<span style="color:gray;font-style: italic;">No file chosen</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="bg-white p-[10px] border-t-[6px] border-[#FAFAFB]">
|
||||||
|
<div class="flex items-center justify-between">
|
||||||
|
<div>
|
||||||
|
<b>Mô tả (nếu có)</b>
|
||||||
|
</div>
|
||||||
|
<div class="flex items-center">
|
||||||
|
<a href="" class="p-[7px] rounded-[4px] border-[1px] border-[#0041E8] mr-[10px]">
|
||||||
|
<i class="fa-solid fa-arrow-up-from-bracket text-[#0041E8]"></i>
|
||||||
|
<span class="pl-[3px] text-[#0041E8] font-[500]">Upload ảnh</span>
|
||||||
|
</a>
|
||||||
|
<a href="" class="p-[7px] rounded-[4px] border-[1px] border-[#0041E8] mr-[10px]">
|
||||||
|
<i class="fa-regular fa-folder text-[#0041E8]"></i>
|
||||||
|
<span class="pl-[3px] text-[#0041E8] font-[500]">Quản lý</span>
|
||||||
|
</a>
|
||||||
|
<a href="" class="p-[7px] rounded-[4px] border-[1px] border-[#0041E8]">
|
||||||
|
<i class="fa-regular fa-file-image text-[#0041E8]"></i>
|
||||||
|
<span class="pl-[3px] text-[#0041E8] font-[500]">Chọn ảnh trong kho ảnh</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<p class="text-[#6B7280]">Chưa có thư viện ảnh cho phần miêu tả</p>
|
||||||
|
<div class="py-[10px]">
|
||||||
|
<textarea id="product-desc"> </textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="bg-white p-[10px] border-t-[6px] border-[#FAFAFB]">
|
||||||
|
<b class="block text-[20px] mb-[15px]">Dùng cho SEO</b>
|
||||||
|
<div class="form-control w-[100%] mb-[10px]">
|
||||||
|
<label class="flex items-center mb-[5px] text-[14px]">
|
||||||
|
<b>Meta Title</b>
|
||||||
|
<span class="ml-[10px] italic text-[#6B7280] text-[13px]">* nếu để trống sẽ dùng tên</span>
|
||||||
|
</label>
|
||||||
|
<input type="text" size="60" name="redirect_url" id="redirect_url" value="0"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
<div class="form-control w-[100%] mb-[10px]">
|
||||||
|
<label class="flex items-center mb-[5px] text-[14px]">
|
||||||
|
<b>Meta Keyword</b>
|
||||||
|
</label>
|
||||||
|
<input type="text" size="60" name="Keyword" id="Keyword" value="0"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
<div class="form-control w-[100%] mb-[10px]">
|
||||||
|
<label class="flex items-center mb-[5px] text-[14px]">
|
||||||
|
<b>Meta Description</b>
|
||||||
|
<span class="ml-[10px] italic text-[#6B7280] text-[13px]">* nếu để trống sẽ dùng Mô tả tóm
|
||||||
|
tắt</span>
|
||||||
|
</label>
|
||||||
|
<textarea type="text" size="60" name="description" id="description" value="0"
|
||||||
|
class="w-[100%] h-[120px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</textarea>
|
||||||
|
</div>
|
||||||
|
<div class="form-control w-[100%] mb-[10px]">
|
||||||
|
<label class="flex items-center mb-[5px] text-[14px]">
|
||||||
|
<b>Thứ tự xuất hiện</b>
|
||||||
|
<span class="ml-[10px] italic text-[#6B7280] text-[13px]">(cao xếp trước)</span>
|
||||||
|
</label>
|
||||||
|
<input type="text" size="60" name="" id="" value="0"
|
||||||
|
class="w-[40%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="bg-white p-[10px] border-t-[6px] border-[#FAFAFB]">
|
||||||
|
<input class="w-[82px] h-[32px] bg-[#0041E8] rounded-[4px] text-white cursor-pointer"
|
||||||
|
id="submit-collection-btn" name="commit" type="submit" value="Cập nhật" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
@@ -1,27 +1,45 @@
|
|||||||
|
<div class="w-[100%]">
|
||||||
|
<div
|
||||||
|
class="m-[15px] px-[15px] py-[20px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto">
|
||||||
|
<h1 class="text-[24px] font-[700] mb-3">Danh sách sản phẩm</h1>
|
||||||
|
|
||||||
<div id="action-links">
|
<div id="action-links" class="mb-[15px]">
|
||||||
<ul>
|
<div class="flex item-center justify-between">
|
||||||
<li id="add-prod"><a href="/admin/product/category-form">Thêm mới</a></li>
|
<div
|
||||||
<li><a href="/admin/product/category">Danh sách</a></li>
|
class="p-[5px_10px] border-[1px] border-[#79B0E2] rounded-[4px] text-[14px] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
|
||||||
</ul>
|
<a href='javascript:;' onclick="RowExpand.open_all();"><span id='js-row-expand-all'></span> Xem hết
|
||||||
|
danh mục</a>
|
||||||
|
</div>
|
||||||
|
<a href="/admin/product/category-form" id="add-prod"
|
||||||
|
class="p-[5px_10px] border-[1px] border-[#0041E8] rounded-[4px] text-[14px] text-[#0041E8] flex items-center hover:bg-[#0041E8] hover:text-white"><span
|
||||||
|
class="border-[1px] border-[#0041E8] h-[14px] w-[14px] leading-[12px] text-center rounded-[50%] mr-1">+</span>
|
||||||
|
<span class="font-[500]">Thêm
|
||||||
|
danh mục mới</span></a>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<style type="text/css">
|
<style type="text/css">
|
||||||
.tb-cat-row { width:100%;}
|
.tb-cat-row {
|
||||||
.tb-cat-row td { padding:1px}
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tb-cat-row td {
|
||||||
|
padding: 1px
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<div style='padding-bottom:5px'><a href='javascript:;' onclick="RowExpand.open_all();"><span id='js-row-expand-all'>[+]</span> Xem hết</a></div>
|
<table id='tb_padding' cellpadding=2 cellspacing=0 width='100%' border=1 bordercolor='#CCCCCC'
|
||||||
|
class="table-list-category">
|
||||||
<table id='tb_padding' cellpadding=2 cellspacing=0 width='100%' border=1 bordercolor='#CCCCCC'>
|
|
||||||
<tr style="background-color:#EEE; font-weight:bold;">
|
<tr style="background-color:#EEE; font-weight:bold;">
|
||||||
|
<td>Danh mục</td>
|
||||||
|
<td width=100px>Link web</td>
|
||||||
<td width=40px>ID</td>
|
<td width=40px>ID</td>
|
||||||
<td>Tên gọi</td>
|
<td>Xem</td>
|
||||||
<td width=100px>Sản phẩm</td>
|
<td width=100px>SP</td>
|
||||||
<td width=100px>Web</td>
|
<td width=100px>STT</td>
|
||||||
<td width=100px>Thứ tự hiển thị</td>
|
<td>Hiển thị nội dung</td>
|
||||||
<td width=100px>Thuộc tính</td>
|
<td width=100px>Thuộc tính</td>
|
||||||
<td width=200px>Sửa lại</td>
|
<td width=200px>Cập nhật</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
{{page.category_list}}
|
{{page.category_list}}
|
||||||
@@ -29,14 +47,17 @@
|
|||||||
</table>
|
</table>
|
||||||
|
|
||||||
<p style="margin-top: 10px">
|
<p style="margin-top: 10px">
|
||||||
<strong style="color: red">Lưu ý</strong>: Tổng sản phẩm ở danh mục mẹ được tính là tổng sản phẩm sản phẩm của các danh mục con và danh mục mẹ. Bộ đếm không loại trừ sản phẩm trùng nhau (v.d. trường hợp 1 sản phẩm thuộc cả 2 danh mục con thì sẽ được đếm 2 lần)
|
<strong style="color: red">Lưu ý</strong>: Tổng sản phẩm ở danh mục mẹ được tính là tổng sản phẩm sản phẩm
|
||||||
|
của các danh mục con và danh mục mẹ. Bộ đếm không loại trừ sản phẩm trùng nhau (v.d. trường hợp 1 sản phẩm
|
||||||
|
thuộc cả 2 danh mục con thì sẽ được đếm 2 lần)
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
|
|
||||||
<input type="hidden" id="save_open_row" value="," />
|
<input type="hidden" id="save_open_row" value="," />
|
||||||
<input type="hidden" id="track_open_row" value="0" />
|
<input type="hidden" id="track_open_row" value="0" />
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<script src="{{ 'RowExpand.js' | asset_url }}"></script>
|
<script src="{{ 'RowExpand.js' | asset_url }}"></script>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|||||||
@@ -1,131 +1,294 @@
|
|||||||
{if="$item_info.id > 0"}
|
<div class="w-[100%] mb-[50px]">
|
||||||
{$language_selector}
|
|
||||||
<br />
|
|
||||||
{/if}
|
|
||||||
|
|
||||||
<div id="action-links">
|
<div class="text-sm breadcrumbs ml-[10px]">
|
||||||
<ul>
|
<ul>
|
||||||
<li id="add-prod"><a href="/admin/product/category-form">Thêm mới</a></li>
|
<li><a href="/admin/product">Danh sách sản phẩm</a></li>
|
||||||
<li class="csv"><a href="/admin/product/category">Xem danh sách</a></li>
|
<li class="text-[#0041E8]">Form thêm/sửa sản phẩm</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{if="$update_status == 'success'"}
|
<div class="w-[1140px] my-0 mx-auto">
|
||||||
<p class="update-success">Cập nhật thành công</p>
|
<div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A] mb-[10px]">
|
||||||
{/if}
|
<div class="flex items-center justify-between">
|
||||||
|
<h1 class="text-[20px] font-[700]">Cập nhật danh mục</h1>
|
||||||
|
<a href="/admin/product/category-form"
|
||||||
<form method="post" enctype="multipart/form-data">
|
class="flex items-center border-[1px] border-[#ECECEC] rounded-[4px] p-[5px_10px_5px_10px]">
|
||||||
|
<span
|
||||||
<input type=hidden name='info[id]' value='{$item_info.id}' />
|
class="w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#6B7280] text-center leading-[12px] mr-[5px] text-[#6B7280]">+</span>
|
||||||
|
<span class="text-[#6B7280]">Thêm danh mục mới</span>
|
||||||
<div class="group">
|
</a>
|
||||||
<div class="group-fields">
|
</div>
|
||||||
<dl>
|
|
||||||
<dt class="top"><label>Tên gọi</label></dt>
|
|
||||||
<dd><input type="text" size="60" name="info[title]" id="title" value="{$item_info.title}"></dd>
|
|
||||||
|
|
||||||
<!-- <dt class="top"><label>API Key</label></dt>
|
|
||||||
<dd><input type="text" size="40" name="info[api_key]" id="api_key" value="{$item_info.api_key}"></dd>-->
|
|
||||||
|
|
||||||
{if="$item_info.id > 0"}
|
|
||||||
<dt><label>Url Index</label></dt>
|
|
||||||
<dd><input type=text size=40 value='{$item_info.url_index}' name='info[url_index]' /> (* thay đổi giá trị này sẽ thay đổi link truy cập) </dd>
|
|
||||||
{/if}
|
|
||||||
|
|
||||||
<dt><label>Thông tin tóm tắt</label> <span class="note">(nếu có)</span></dt>
|
|
||||||
<dd style="margin-bottom: 0">
|
|
||||||
<!-- editor -->
|
|
||||||
<textarea name="info[summary]" cols="50" rows="5">{$item_info.summary}</textarea>
|
|
||||||
<!-- editor -->
|
|
||||||
</dd>
|
|
||||||
|
|
||||||
<dt><label>Là danh mục con của</label></dt>
|
|
||||||
<dd>
|
|
||||||
<select name="info[parent_id]" id="parentId">
|
|
||||||
<option value="0">Danh mục gốc</option>
|
|
||||||
{$categoryDropBox}
|
|
||||||
</select>
|
|
||||||
</dd>
|
|
||||||
|
|
||||||
<dt><label>Ảnh icon</label></dt>
|
|
||||||
<dd>
|
|
||||||
<span id="js-category-icon">
|
|
||||||
{if="strlen($item_info.icon) > 3"}
|
|
||||||
<img src="{$item_info.icon}?{#CURRENT_TIME#}" style="max-width: 80px; max-height: 80px" />
|
|
||||||
{/if}
|
|
||||||
</span>
|
|
||||||
<input type="file" size="30" name="icon_file" />
|
|
||||||
</dd>
|
|
||||||
|
|
||||||
<dt><label>Khoảng lọc giá</label></dt>
|
|
||||||
<dd>
|
|
||||||
<input type="text" size="60" name="info[price_range]" value="{$item_info.price_range}"/> (Nhập từng giá cách nhau dấu ;) <br />
|
|
||||||
ví dụ: 300000;800000;1500000 có nghĩa là tạo ra 4 khoảng giá cho khách hàng lọc, đó là: <br />
|
|
||||||
- Dưới 300.000,<br />
|
|
||||||
- Từ 300.000 đến 800.000,<br />
|
|
||||||
- Từ 800.000 đến 1.500.000 <br />
|
|
||||||
- Trên 1.500.000
|
|
||||||
</dd>
|
|
||||||
|
|
||||||
<div id="show_static_block" >
|
|
||||||
<dt><label>Mô tả chi tiết (nếu có)</label></dt>
|
|
||||||
<dd>
|
|
||||||
<textarea name="info[description]" id="rich_text">{$item_info.description}</textarea>
|
|
||||||
</dd>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<dt><label>Redirect tới URL (khi truy cập danh mục sẽ chuyển sang link này)</label></dt>
|
|
||||||
<dd><input type="text" size="60" name="info[redirect_url]" value="{$item_info.redirect_url}"></dd>
|
|
||||||
|
|
||||||
<dt><label>Template File</label></dt>
|
{% if page.update_status == 'success' %}
|
||||||
{$display_template = isset($item_info.settings.display_template) ? $item_info.settings.display_template : ''}
|
<p class="update-success">Cập nhật thành công</p>
|
||||||
<dd><input type="text" size="40" name="info[settings][display_template]" value="{$display_template}"> (v.d. landing_page/special_deal_11_2023 - cấu trúc file trong <a href="/admin/?opt=template" target="_blank">template</a>)</dd>
|
{% endif %}
|
||||||
|
|
||||||
<dt><label>Số sản phẩm hiển thị</label></dt>
|
<div class="flex">
|
||||||
{$number_display = isset($item_info.settings.number_display) ? $item_info.settings.number_display : 0}
|
<div class="left w-[270px] mr-[10px]">
|
||||||
<dd><input type="text" size="10" name="info[settings][number_display]" value="{$number_display}"> (để = 0 nếu mặc định theo hệ thống cài đặt chung)</dd>
|
<div class="list-tab">
|
||||||
|
<a href="javascript:void(0)"
|
||||||
|
class="item block w-[100%] h-[36px] text-white bg-[#0041E8] rounded-[10px] text-[13px] leading-[35px] px-[10px]">Nội
|
||||||
|
dung</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="right w-[860px]">
|
||||||
|
<form method="post" enctype="multipart/form-data">
|
||||||
|
|
||||||
<dt><label>Thứ tự xuất hiện</label></dt>
|
<input type=hidden name='info[id]' value='{{page.item_info.id}}' />
|
||||||
<dd><input type="text" size="10" name="info[ordering]" id="ordering" value="{$item_info.ordering}"> (cao xếp trước)</dd>
|
|
||||||
|
|
||||||
<dt><label>Dùng cho SEO</label></dt>
|
<div
|
||||||
<dd>
|
class="bg-white p-[10px] rounded-[10px_10px_0_0] shadow-[0_-1px_1px_0px_#0000001A] border-b-[6px] border-[#FAFAFB]">
|
||||||
<table id="tb_padding">
|
<b class="text-[20px] mb-[10px]">Thông tin cơ bản</b>
|
||||||
<tr>
|
|
||||||
<td>Url canonical</td>
|
|
||||||
<td><input type="text" size="40" name="info[url_canonical]" value="{$item_info.url_canonical}" />
|
|
||||||
<span class="note"> * để trống sẽ dùng link mặc định của hệ thống</span></td>
|
|
||||||
</tr>
|
|
||||||
<tr><td>Meta Title</td><td><input type="text" size="60" name="info[meta_title]" value="{$item_info.meta_title}" id="meta_title" maxlength="150" onkeyup="SuggestSEO.show_about(this.id)" /> <span id="note_meta_title"></span> <span class="note"> </span></td></tr>
|
|
||||||
<tr><td>Meta Keywords</td><td><input type="text" size="60" name="info[meta_keyword]" value="{$item_info.meta_keyword}" id="meta_keyword" onkeyup="SuggestSEO.show_about(this.id)" /> <span id="note_meta_keyword"></span></td></tr>
|
|
||||||
<tr>
|
|
||||||
<td>Meta Description</td><td>
|
|
||||||
<textarea cols="60" rows="6" name="info[meta_description]" onkeyup="SuggestSEO.show_about(this.id)" id="meta_description" >{$item_info.meta_description}</textarea>
|
|
||||||
<br />
|
|
||||||
<span id="note_meta_description"></span> (<strong>Khuyến nghị: 160 ký tự</strong>)
|
|
||||||
<span class="note"> * nếu để trống sẽ dùng tóm tắt danh mục</span>
|
|
||||||
</td></tr>
|
|
||||||
</table>
|
|
||||||
</dd>
|
|
||||||
|
|
||||||
<dt><label>Hiển thị</label></dt>
|
<div class="form-control mb-[10px]">
|
||||||
<dd>
|
<label class="font-[600] mb-[5px] text-[14px]">Tên danh mục</label>
|
||||||
{$set_display = 1}
|
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||||
{if="$item_info.id > 0"}
|
placeholder="Tên danh mục"
|
||||||
{$set_display = $item_info.status}
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
{/if}
|
</div>
|
||||||
<label><input type="radio" name="info[status]" value="1" {if="$set_display == 1"}checked{/if} > Cho hiển thị</label>
|
|
||||||
<label><input type="radio" name="info[status]" value="0" {if="$set_display == 0"}checked{/if} > Ẩn hiển thị</label>
|
|
||||||
</dd>
|
|
||||||
|
|
||||||
</dl>
|
<div class="form-control mn-[10px]">
|
||||||
|
<label class="font-[600] mb-[5px] text-[14px]">Từ khóa (tag,nếu có - nhập mỗi cụm từ 1
|
||||||
|
dòng)</label>
|
||||||
|
<textarea type="text" size="60" name="info[tags]" id="tags" value="{{page.item_info.tags}}"
|
||||||
|
placeholder="tag"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] h-[120px]"></textarea>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
</div><!-- .group-fields -->
|
<div class="bg-white p-[10px]">
|
||||||
<div class="group-actions">
|
<div class="flex items-center justify-between">
|
||||||
<input type="hidden" name="send" value="yes" />
|
<div>
|
||||||
<input class="btn" id="submit-collection-btn" name="commit" type="submit" value="Cập nhật" /> hoặc <a href="/admin/product/category">Hủy bỏ</a>
|
<b>Mô tả (nếu có)</b>
|
||||||
</div><!-- .group-actions -->
|
</div>
|
||||||
|
<div class="flex items-center">
|
||||||
|
<a href="" class="p-[7px] rounded-[4px] border-[1px] border-[#0041E8] mr-[10px]">
|
||||||
|
<i class="fa-solid fa-arrow-up-from-bracket text-[#0041E8]"></i>
|
||||||
|
<span class="pl-[3px] text-[#0041E8] font-[500]">Upload ảnh</span>
|
||||||
|
</a>
|
||||||
|
<a href="" class="p-[7px] rounded-[4px] border-[1px] border-[#0041E8] mr-[10px]">
|
||||||
|
<i class="fa-regular fa-folder text-[#0041E8]"></i>
|
||||||
|
<span class="pl-[3px] text-[#0041E8] font-[500]">Quản lý</span>
|
||||||
|
</a>
|
||||||
|
<a href="" class="p-[7px] rounded-[4px] border-[1px] border-[#0041E8]">
|
||||||
|
<i class="fa-regular fa-file-image text-[#0041E8]"></i>
|
||||||
|
<span class="pl-[3px] text-[#0041E8] font-[500]">Chọn ảnh trong kho ảnh</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<p class="text-[#6B7280]">Chưa có thư viện ảnh cho phần miêu tả</p>
|
||||||
|
<div class="py-[10px]">
|
||||||
|
<textarea id="product-desc"> </textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex justify-between mt-[20px]">
|
||||||
|
<div>
|
||||||
|
<b class="font-[20px]">Nhập nội dung cố định (HTML)</b>
|
||||||
|
</div>
|
||||||
|
<div class="flex items-center">
|
||||||
|
<a href="" class="p-[7px] rounded-[4px] border-[1px] border-[#0041E8] mr-[10px]">
|
||||||
|
<i class="fa-solid fa-arrow-up-from-bracket text-[#0041E8]"></i>
|
||||||
|
<span class="pl-[3px] text-[#0041E8] font-[500]">Upload ảnh</span>
|
||||||
|
</a>
|
||||||
|
<a href="" class="p-[7px] rounded-[4px] border-[1px] border-[#0041E8] mr-[10px]">
|
||||||
|
<i class="fa-regular fa-folder text-[#0041E8]"></i>
|
||||||
|
<span class="pl-[3px] text-[#0041E8] font-[500]">Quản lý</span>
|
||||||
|
</a>
|
||||||
|
<a href="" class="p-[7px] rounded-[4px] border-[1px] border-[#0041E8]">
|
||||||
|
<i class="fa-regular fa-file-image text-[#0041E8]"></i>
|
||||||
|
<span class="pl-[3px] text-[#0041E8] font-[500]">Chọn ảnh trong kho ảnh</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<p class="text-[#6B7280]">Chưa có thư viện ảnh cho phần miêu tả</p>
|
||||||
|
<div class="py-[10px]">
|
||||||
|
<textarea id="product-static"> </textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex items-center">
|
||||||
|
<b class="w-[85px] mr-[10px]">Ảnh icon</b>
|
||||||
|
<div class="input-file">
|
||||||
|
<input type="file" size="30" name="catThumnail" id="file_input" multiple
|
||||||
|
placeholder="No file selected">
|
||||||
|
<div class="title">
|
||||||
|
<div class="btn-input-file">
|
||||||
|
<i class="fa-solid fa-file-arrow-up"></i> Upload file
|
||||||
|
</div>
|
||||||
|
<span style="color:gray;font-style: italic;">No file chosen</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex items-center mt-[15px] pb-[15px]">
|
||||||
|
<b class="w-[85px] mr-[10px]">Ảnh đại diện</b>
|
||||||
|
<div class="input-file">
|
||||||
|
<input type="file" size="30" name="category_image" id="file_input" multiple
|
||||||
|
placeholder="No file selected">
|
||||||
|
<div class="title">
|
||||||
|
<div class="btn-input-file">
|
||||||
|
<i class="fa-solid fa-file-arrow-up"></i> Upload file
|
||||||
|
</div>
|
||||||
|
<span style="color:gray;font-style: italic;">No file chosen</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="bg-white p-[10px] border-t-[6px] border-[#FAFAFB]">
|
||||||
|
<b class="block text-[20px] mb-[15px]">Thông tin danh mục</b>
|
||||||
|
<div class="form-control mb-[10px]">
|
||||||
|
<label class="flex items-center mb-[5px] text-[14px]">
|
||||||
|
<b>Khoảng lọc giá</b>
|
||||||
|
<span class="ml-[10px] italic text-[#6B7280]">Nhập từng giá các nhau dấu;</span>
|
||||||
|
</label>
|
||||||
|
<input type="text" size="60" name="priceRange" id="priceRange"
|
||||||
|
value="{{page.item_info.priceRange}}"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
<div class="note py-[10px] italic text-[#6B7280]">
|
||||||
|
<p>ví dụ: 300000;800000;1500000 có nghĩa là tạo ra 4 khoảng giá cho khách hàng lọc Sản
|
||||||
|
phẩm, đó là:</p>
|
||||||
|
<p>- Dưới 300000,</p>
|
||||||
|
<p>- Từ 300000 đến 800000,</p>
|
||||||
|
<p>- Từ 800000 đến 1500000</p>
|
||||||
|
<p>- Trên 1500000</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex items-center">
|
||||||
|
<div class="form-control mb-[10px] mr-[10px] w-[100%]">
|
||||||
|
<label class="flex items-center mb-[5px] text-[14px]">
|
||||||
|
<b>Là danh mục con của</b>
|
||||||
|
</label>
|
||||||
|
<select name="parentId" id="parentId"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
<option value="">Danh mục gốc</option>
|
||||||
|
{{page.categoryDropBox}}
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div class="form-control mb-[10px] ml-[10px] w-[100%]">
|
||||||
|
<label class="flex items-center mb-[5px] text-[14px]">
|
||||||
|
<b>Loại nội dung hiển thị</b>
|
||||||
|
</label>
|
||||||
|
<select name="display_option" id="display_option"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
<option value="child_product" selected="selected">Hiển thị sản phẩm + Danh mục con
|
||||||
|
</option>
|
||||||
|
<option value="category_as_product">Hiển thị như sản phẩm tổng hợp</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex items-center">
|
||||||
|
<div class="form-control w-[100%] mr-[10px]">
|
||||||
|
<label class="flex items-center mb-[5px] text-[14px]">
|
||||||
|
<b>Thứ tự xuất hiện</b>
|
||||||
|
<span class="ml-[10px] italic text-[#6B7280]">(cao xếp trước)</span>
|
||||||
|
</label>
|
||||||
|
<input type="text" size="60" name="ordering" id="ordering"
|
||||||
|
value="{{page.item_info.ordering}}"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
<div class="form-control w-[100%] ml-[10px]">
|
||||||
|
<label class="flex items-center mb-[5px] text-[14px]">
|
||||||
|
<b>Template File</b>
|
||||||
|
</label>
|
||||||
|
<input type="text" size="60" name="template" id="template"
|
||||||
|
value="{{page.item_info.template}}"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-control w-[100%] my-[10px]">
|
||||||
|
<label class="flex items-center mb-[5px] text-[14px]">
|
||||||
|
<b>Số Sản phẩm hiển thị</b>
|
||||||
|
<span class="ml-[10px] italic text-[#6B7280]">(để = 0 nếu mặc định theo hệ thống cài đặt
|
||||||
|
chung)
|
||||||
|
</span>
|
||||||
|
</label>
|
||||||
|
<input type="text" size="60" name="number_display" id="number_display" value="0"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-control w-[100%] mb-[10px]">
|
||||||
|
<label class="flex items-center mb-[5px] text-[14px]">
|
||||||
|
<b>Redirect tới URL (khi truy cập danh mục sẽ chuyển sang link này)</b>
|
||||||
|
</label>
|
||||||
|
<input type="text" size="60" name="redirect_url" id="redirect_url" value="0"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="bg-white p-[10px] border-t-[6px] border-[#FAFAFB]">
|
||||||
|
<b class="block text-[20px] mb-[15px]">Dùng cho SEO</b>
|
||||||
|
<div class="form-control w-[100%] mb-[10px]">
|
||||||
|
<label class="flex items-center mb-[5px] text-[14px]">
|
||||||
|
<b>Url canonical</b>
|
||||||
|
</label>
|
||||||
|
<input type="text" size="60" name="redirect_url" id="redirect_url" value="0"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
<div class="form-control w-[100%] mb-[10px]">
|
||||||
|
<label class="flex items-center mb-[5px] text-[14px]">
|
||||||
|
<b>Link truy cập tại website</b>
|
||||||
|
</label>
|
||||||
|
<input type="text" size="60" name="redirect_url" id="redirect_url" value="0"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
<div class="form-control w-[100%] mb-[10px]">
|
||||||
|
<label class="flex items-center mb-[5px] text-[14px]">
|
||||||
|
<b>Tên Index</b>
|
||||||
|
</label>
|
||||||
|
<input type="text" size="60" name="redirect_url" id="redirect_url" value="0"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
<div class="form-control w-[100%] mb-[10px]">
|
||||||
|
<label class="flex items-center mb-[5px] text-[14px]">
|
||||||
|
<b>Meta Title</b>
|
||||||
|
<span class="ml-[10px] italic text-[#6B7280] text-[13px]">51 ký tự , 10 từ</span>
|
||||||
|
</label>
|
||||||
|
<input type="text" size="60" name="redirect_url" id="redirect_url" value="0"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
<div class="form-control w-[100%] mb-[10px]">
|
||||||
|
<label class="flex items-center mb-[5px] text-[14px]">
|
||||||
|
<b>Meta Keywords</b>
|
||||||
|
<span class="ml-[10px] italic text-[#6B7280] text-[13px]">76 ký tự , 14 từ</span>
|
||||||
|
</label>
|
||||||
|
<input type="text" size="60" name="redirect_url" id="redirect_url" value="0"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
<div class="form-control w-[100%] mb-[10px]">
|
||||||
|
<label class="flex items-center mb-[5px] text-[14px]">
|
||||||
|
<b>Meta Description</b>
|
||||||
|
<span class="ml-[10px] italic text-[#6B7280] text-[13px]">142 ký tự , 28 từ (Khuyến
|
||||||
|
nghị: 160 ký tự) * nếu để trống sẽ dùng tóm tắt danh mục</span>
|
||||||
|
</label>
|
||||||
|
<textarea name="" id="" cols="30" rows="10"
|
||||||
|
class="w-[100%] h-[120px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"
|
||||||
|
placeholder=""></textarea>
|
||||||
|
</div>
|
||||||
|
<div class="mb-[10px] flex items-center">
|
||||||
|
<b class="mr-[20px]">Thay đổi Link truy cập khi thay đổi Tên index?</b>
|
||||||
|
<input type="checkbox" name="change_url_on_update" value="1"
|
||||||
|
class="checkbox checked:bg-[#0041E8] w-[20px] h-[20px] [--chkbg:theme(#0041E8)] [--chkfg:white] rounded-[4px]">
|
||||||
|
<span class="ml-[10px] text-[#6B7280]">Tích chọn để hiển thị hoặc dừng hiển thị</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="bg-white p-[10px] border-t-[6px] border-[#FAFAFB] rounded-[0_0_10px_10px] shadow-[0_1px_1px_0px_#0000001A]">
|
||||||
|
<input class="w-[82px] h-[32px] bg-[#0041E8] rounded-[4px] text-white cursor-pointer"
|
||||||
|
id="submit-collection-btn" name="commit" type="submit" value="Cập nhật" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</form>
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
54
template/product/config_group.html
Normal file
54
template/product/config_group.html
Normal file
@@ -0,0 +1,54 @@
|
|||||||
|
<div class="w-[100%]">
|
||||||
|
<div class="m-[15px] p-[15px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto">
|
||||||
|
<h1 class="text-[24px] font-[700] mb-3">Nhóm cấu hình sản phẩm</h1>
|
||||||
|
<div class="shadow-[0px_1px_1px_0px_#0000001A] p-[10px] rounded-[10px] border-[1px] border-[#F6F6F6]">
|
||||||
|
<div class="flex items-center">
|
||||||
|
<input type="text" size="60" name="info[title]" placeholder=""
|
||||||
|
class="w-[300px] h-[30px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
<a href="javascript:void(0)"
|
||||||
|
class="w-[70px] h-[29px] leading-[30px] text-center rounded-[4px] bg-[#0041E8] text-white ml-[10px]">Tìm
|
||||||
|
kiếm</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<a href="/admin/product/config_group_form"
|
||||||
|
class="
|
||||||
|
block m-[15px_0_auto_auto] w-[185px] border-[1px] border-[#0041E8] rounded-[4px] p-[5px_10px_5px_10px]">
|
||||||
|
<span
|
||||||
|
class="inline-block w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#0041E8] text-center leading-[11px] text-[#0041E8] mb-[2px]">+</span>
|
||||||
|
<span class="text-[#0041E8] font-[500]">Thêm nhóm cấu hình</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<table class="table-config-group mt-[15px]">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>STT</th>
|
||||||
|
<th>Thông tin</th>
|
||||||
|
<th>Cập nhật</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td class="w-[40px]">1</td>
|
||||||
|
<td>
|
||||||
|
<a href="">Máy In Canon Pixma IX6870-In Phun Mầu</a>
|
||||||
|
<p>
|
||||||
|
<span>Tạo lúc: 28-12-2023, 11:34 am,</span>
|
||||||
|
<span>cập nhật: 28-12-2023, 11:34 am</span>
|
||||||
|
</p>
|
||||||
|
</td>
|
||||||
|
<td class="w-[90px]">
|
||||||
|
<div class='list-btn flex items-center justify-center'>
|
||||||
|
<a href=""
|
||||||
|
class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||||
|
class='icons icon-edit'></i></a>
|
||||||
|
<a href=""
|
||||||
|
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
|
||||||
|
class='icons icon-remove'></i></a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
141
template/product/config_group_attribute.html
Normal file
141
template/product/config_group_attribute.html
Normal file
@@ -0,0 +1,141 @@
|
|||||||
|
<div class="w-[100%] mb-[50px]">
|
||||||
|
|
||||||
|
<div class="text-sm breadcrumbs ml-[10px]">
|
||||||
|
<ul>
|
||||||
|
<li><a href="/admin/product/config_group">Nhóm cấu hình sản phẩm</a></li>
|
||||||
|
<li class="text-[#0041E8]">Form thêm/sửa cấu hình</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="w-[1140px] my-0 mx-auto">
|
||||||
|
<div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A] my-[15px]">
|
||||||
|
<div class="flex items-center justify-between">
|
||||||
|
<h1 class="text-[20px] font-[700]">Cập nhật cấu hình sản phẩm</h1>
|
||||||
|
<div class="flex items-center ">
|
||||||
|
<a href="/admin/brand/add"
|
||||||
|
class="flex items-center border-[1px] border-[#ECECEC] rounded-[4px] p-[5px_10px_5px_10px]">
|
||||||
|
<span
|
||||||
|
class="w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#6B7280] text-center leading-[12px] mr-[5px] text-[#6B7280]">+</span>
|
||||||
|
<span class="text-[#6B7280]">Thêm sp mới</span>
|
||||||
|
</a>
|
||||||
|
<a href="/admin/brand/add"
|
||||||
|
class="flex items-center border-[1px] border-[#ECECEC] rounded-[4px] p-[5px_10px_5px_10px] ml-[10px]">
|
||||||
|
<i class="fa-solid fa-copy text-[#6B7280] mr-[3px]"></i>
|
||||||
|
<span class="text-[#6B7280]">Tạo sp tương tự</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex">
|
||||||
|
<div class="left w-[270px] mr-[10px]">
|
||||||
|
<div class="list-tab">
|
||||||
|
<a href="/admin/product/config_group_form"
|
||||||
|
class="item block w-[100%] h-[36px] text-[#6B7280] bg-[#fff] rounded-[10px_10px_0_0] text-[13px] leading-[35px] px-[10px]">Nội
|
||||||
|
dung</a>
|
||||||
|
<a href="/admin/product/config_group_attribute"
|
||||||
|
class=" item block w-[100%] h-[36px] text-[#fff] bg-[#0041E8] text-[13px] leading-[35px] px-[10px] font-500">Thuộc
|
||||||
|
tính</a>
|
||||||
|
<a href="/admin/product/config_group_product"
|
||||||
|
class=" item block w-[100%] h-[36px] text-[#6B7280] bg-[#fff] text-[13px] leading-[35px] px-[10px] font-500 rounded-[0_0_10px_10px] shadow-[0px_1px_1px_0px_#0000001A] border-t-[1px] border-[#f8f8f8]">Sản
|
||||||
|
phẩm</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="right w-[860px]">
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="bg-white p-[10px] rounded-[10px_10px_0_0] shadow-[0_-1px_1px_0px_#0000001A] border-b-[6px] border-[#FAFAFB]">
|
||||||
|
<b class="block font-[20px] mb-[10px]">Thuộc tính</b>
|
||||||
|
<div class="flex items-center mb-[10px]">
|
||||||
|
<div class="form-control mr-[7px]">
|
||||||
|
<label class="font-[600] mb-[5px] text-[14px]">Cập nhật</label>
|
||||||
|
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||||
|
placeholder="Cập nhật"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
<div class="form-control ml-[7px]">
|
||||||
|
<label class="font-[600] mb-[5px] text-[14px]">Thứ tự</label>
|
||||||
|
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||||
|
placeholder="Thứ tự"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="bg-white p-[10px] shadow-[0px_1px_1px_0px_#0000001A] border-b-[6px] border-[#FAFAFB]">
|
||||||
|
<b class="block font-[20px] mb-[10px]">Thuộc tính</b>
|
||||||
|
|
||||||
|
<div class="flex items-center mb-[10px]">
|
||||||
|
<div class="form-control mr-[7px]">
|
||||||
|
<label class="font-[600] mb-[5px] text-[14px]">Giá trị</label>
|
||||||
|
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||||
|
placeholder="Giá trị"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
<div class="form-control mx-[7px]">
|
||||||
|
<label class="font-[600] mb-[5px] text-[14px]">Mô tả</label>
|
||||||
|
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||||
|
placeholder="Mô tả"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
<div class="form-control ml-[7px]">
|
||||||
|
<label class="font-[600] mb-[5px] text-[14px]">Thứ tự</label>
|
||||||
|
<input type="text" size="60" name="info[title]" id="title" value="0" placeholder="Thứ tự"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="flex items-center mb-[10px]">
|
||||||
|
<div class="form-control mr-[7px]">
|
||||||
|
<label class="font-[600] mb-[5px] text-[14px]">Giá trị</label>
|
||||||
|
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||||
|
placeholder="Giá trị"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
<div class="form-control mx-[7px]">
|
||||||
|
<label class="font-[600] mb-[5px] text-[14px]">Mô tả</label>
|
||||||
|
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||||
|
placeholder="Mô tả"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
<div class="form-control ml-[7px]">
|
||||||
|
<label class="font-[600] mb-[5px] text-[14px]">Thứ tự</label>
|
||||||
|
<input type="text" size="60" name="info[title]" id="title" value="0" placeholder="Thứ tự"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="flex items-center mb-[10px]">
|
||||||
|
<div class="form-control mr-[7px]">
|
||||||
|
<label class="font-[600] mb-[5px] text-[14px]">Giá trị</label>
|
||||||
|
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||||
|
placeholder="Giá trị"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
<div class="form-control mx-[7px]">
|
||||||
|
<label class="font-[600] mb-[5px] text-[14px]">Mô tả</label>
|
||||||
|
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||||
|
placeholder="Mô tả"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
<div class="form-control ml-[7px]">
|
||||||
|
<label class="font-[600] mb-[5px] text-[14px]">Thứ tự</label>
|
||||||
|
<input type="text" size="60" name="info[title]" id="title" value="0" placeholder="Thứ tự"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<a href="javascript:void(0)" class="flex items-center text-center justify-center mt-[20px]">
|
||||||
|
<span
|
||||||
|
class="font-[500] w-[15px] h-[15px] border-[1px] rounded-[50%] border-[#0041E8] text-center leading-[12px] mr-[5px] text-[#0041E8]">+</span>
|
||||||
|
<span class="text-[#0041E8] font-[500]">Thêm giá trị</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="bg-white p-[10px] rounded-[0_0_10px_10px] shadow-[0px_1px_1px_0px_#0000001A]">
|
||||||
|
<input class="w-[82px] h-[32px] bg-[#0041E8] rounded-[4px] text-white cursor-pointer"
|
||||||
|
id="submit-collection-btn" name="commit" type="submit" value="Cập nhật" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
72
template/product/config_group_form.html
Normal file
72
template/product/config_group_form.html
Normal file
@@ -0,0 +1,72 @@
|
|||||||
|
<div class="w-[100%] mb-[50px]">
|
||||||
|
|
||||||
|
<div class="text-sm breadcrumbs ml-[10px]">
|
||||||
|
<ul>
|
||||||
|
<li><a href="/admin/product/config_group">Nhóm cấu hình sản phẩm</a></li>
|
||||||
|
<li class="text-[#0041E8]">Form thêm/sửa cấu hình</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="w-[1140px] my-0 mx-auto">
|
||||||
|
<div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A] my-[15px]">
|
||||||
|
<div class="flex items-center justify-between">
|
||||||
|
<h1 class="text-[20px] font-[700]">Cập nhật cấu hình sản phẩm</h1>
|
||||||
|
<div class="flex items-center ">
|
||||||
|
<a href="/admin/brand/add"
|
||||||
|
class="flex items-center border-[1px] border-[#ECECEC] rounded-[4px] p-[5px_10px_5px_10px]">
|
||||||
|
<span
|
||||||
|
class="w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#6B7280] text-center leading-[12px] mr-[5px] text-[#6B7280]">+</span>
|
||||||
|
<span class="text-[#6B7280]">Thêm sp mới</span>
|
||||||
|
</a>
|
||||||
|
<a href="/admin/brand/add"
|
||||||
|
class="flex items-center border-[1px] border-[#ECECEC] rounded-[4px] p-[5px_10px_5px_10px] ml-[10px]">
|
||||||
|
<i class="fa-solid fa-copy text-[#6B7280] mr-[3px]"></i>
|
||||||
|
<span class="text-[#6B7280]">Tạo sp tương tự</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex">
|
||||||
|
<div class="left w-[270px] mr-[10px]">
|
||||||
|
<div class="list-tab">
|
||||||
|
<a href="/admin/product/config_group_form"
|
||||||
|
class="item block w-[100%] h-[36px] text-white bg-[#0041E8] rounded-[10px_10px_0_0] text-[13px] leading-[35px] px-[10px]">Nội
|
||||||
|
dung</a>
|
||||||
|
<a href="/admin/product/config_group_attribute"
|
||||||
|
class=" item block w-[100%] h-[36px] text-[#6B7280] bg-[#fff] text-[13px] leading-[35px] px-[10px] font-500">Thuộc
|
||||||
|
tính</a>
|
||||||
|
<a href="/admin/product/config_group_product"
|
||||||
|
class=" item block w-[100%] h-[36px] text-[#6B7280] bg-[#fff] text-[13px] leading-[35px] px-[10px] font-500 rounded-[0_0_10px_10px] shadow-[0px_1px_1px_0px_#0000001A] border-t-[1px] border-[#f8f8f8]">Sản
|
||||||
|
phẩm</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="right w-[860px]">
|
||||||
|
<div
|
||||||
|
class="bg-white p-[10px] rounded-[10px_10px_0_0] shadow-[0_-1px_1px_0px_#0000001A] border-b-[6px] border-[#FAFAFB]">
|
||||||
|
|
||||||
|
<div class="form-control mb-[10px]">
|
||||||
|
<label class="font-[600] mb-[5px] text-[14px]">Tên nhóm</label>
|
||||||
|
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||||
|
placeholder="Tên nhóm"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-control mb-[10px]">
|
||||||
|
<label class="font-[600] mb-[5px] text-[14px]">Mô tả tóm tắt</label>
|
||||||
|
<textarea type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||||
|
placeholder="Tên nhóm"
|
||||||
|
class="w-[100%] h-[120px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"></textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="bg-white p-[10px] rounded-[0_0_10px_10px] shadow-[0px_1px_1px_0px_#0000001A]">
|
||||||
|
<input class="w-[82px] h-[32px] bg-[#0041E8] rounded-[4px] text-white cursor-pointer"
|
||||||
|
id="submit-collection-btn" name="commit" type="submit" value="Cập nhật" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
89
template/product/config_group_product.html
Normal file
89
template/product/config_group_product.html
Normal file
@@ -0,0 +1,89 @@
|
|||||||
|
<div class="w-[100%] mb-[50px]">
|
||||||
|
|
||||||
|
<div class="text-sm breadcrumbs ml-[10px]">
|
||||||
|
<ul>
|
||||||
|
<li><a href="/admin/product/config_group">Nhóm cấu hình sản phẩm</a></li>
|
||||||
|
<li class="text-[#0041E8]">Form thêm/sửa cấu hình</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="w-[1140px] my-0 mx-auto">
|
||||||
|
<div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A] my-[15px]">
|
||||||
|
<div class="flex items-center justify-between">
|
||||||
|
<h1 class="text-[20px] font-[700]">Cập nhật cấu hình sản phẩm</h1>
|
||||||
|
<div class="flex items-center ">
|
||||||
|
<a href="/admin/brand/add"
|
||||||
|
class="flex items-center border-[1px] border-[#ECECEC] rounded-[4px] p-[5px_10px_5px_10px]">
|
||||||
|
<span
|
||||||
|
class="w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#6B7280] text-center leading-[12px] mr-[5px] text-[#6B7280]">+</span>
|
||||||
|
<span class="text-[#6B7280]">Thêm sp mới</span>
|
||||||
|
</a>
|
||||||
|
<a href="/admin/brand/add"
|
||||||
|
class="flex items-center border-[1px] border-[#ECECEC] rounded-[4px] p-[5px_10px_5px_10px] ml-[10px]">
|
||||||
|
<i class="fa-solid fa-copy text-[#6B7280] mr-[3px]"></i>
|
||||||
|
<span class="text-[#6B7280]">Tạo sp tương tự</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex">
|
||||||
|
<div class="left w-[270px] mr-[10px]">
|
||||||
|
<div class="list-tab">
|
||||||
|
<a href="/admin/product/config_group_form"
|
||||||
|
class="item block w-[100%] h-[36px] text-[#6B7280] bg-[#fff] rounded-[10px_10px_0_0] text-[13px] leading-[35px] px-[10px]">Nội
|
||||||
|
dung</a>
|
||||||
|
<a href="/admin/product/config_group_attribute"
|
||||||
|
class=" item block w-[100%] h-[36px] text-[#6B7280] bg-[#fff] text-[13px] leading-[35px] px-[10px] font-500">Thuộc
|
||||||
|
tính</a>
|
||||||
|
<a href="/admin/product/config_group_product"
|
||||||
|
class=" item block w-[100%] h-[36px] text-[#fff] bg-[#0041E8] text-[13px] leading-[35px] px-[10px] font-500 rounded-[0_0_10px_10px] shadow-[0px_1px_1px_0px_#0000001A] border-t-[1px] border-[#f8f8f8]">Sản
|
||||||
|
phẩm</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="right w-[860px]">
|
||||||
|
<div class="bg-white h-[400px] p-[10px] rounded-[10px] shadow-[0px_1px_1px_0px_#0000001A]">
|
||||||
|
|
||||||
|
<table class="table-config-pro">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>STT</th>
|
||||||
|
<th>Sản phẩm</th>
|
||||||
|
<th>Thuộc tính</th>
|
||||||
|
<th>Công cụ</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>1</td>
|
||||||
|
<td>
|
||||||
|
<a href="" class="name">Tai nghe Bluetooth True Wireless WIWU TWS12 Màu Hồng</a>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="flex items-center">
|
||||||
|
<p>Màu sắc</p>
|
||||||
|
<select name="" id="">
|
||||||
|
<option value="">Hồng</option>
|
||||||
|
<option value="">Tím</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td class="w-[120px]">
|
||||||
|
<div class='list-btn flex items-center'>
|
||||||
|
<a href=""
|
||||||
|
class="w-[86px] h-[30px] leading-[30px] mr-[5px] bg-[#0041E8] text-center text-white rounded-[4px]">Cập
|
||||||
|
nhật</a>
|
||||||
|
<a href=""
|
||||||
|
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
|
||||||
|
class='icons icon-remove'></i></a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
@@ -176,7 +176,7 @@
|
|||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
<input class="btn w-[82px] h-[32px] bg-[#0041E8] rounded-[4px] mt-[10px] text-white cursor-pointer"
|
<input class="w-[82px] h-[32px] bg-[#0041E8] rounded-[4px] mt-[10px] text-white cursor-pointer" name="commit"
|
||||||
name="commit" type="submit" value="Cập nhật">
|
type="submit" value="Cập nhật">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -62,11 +62,11 @@
|
|||||||
<td>
|
<td>
|
||||||
<img class="block mx-auto my-0 w-[70px] h-[50px]" src="{{item.image.thumb}}" alt="">
|
<img class="block mx-auto my-0 w-[70px] h-[50px]" src="{{item.image.thumb}}" alt="">
|
||||||
<span class="text-center block">{{item.image_count}} ảnh</span>
|
<span class="text-center block">{{item.image_count}} ảnh</span>
|
||||||
<i class="icons icon-edit"></i>
|
<i class="icons icon-edit text-center m-auto"></i>
|
||||||
</td>
|
</td>
|
||||||
<td>
|
<td>
|
||||||
<a href="/admin/product/form?id={{item.id}}"
|
<a href="/admin/product/form?id={{item.id}}"
|
||||||
class="text-[#0041E8] inline-block w-[140px]">{{item.title}}</a>
|
class="text-[#0041E8] inline-block">{{item.title}}</a>
|
||||||
{% if item.config_count > 0 %}<p class="text-[#FFC700]">[Có cấu hình]</p>{% endif %}
|
{% if item.config_count > 0 %}<p class="text-[#FFC700]">[Có cấu hình]</p>{% endif %}
|
||||||
<div class="flex items-center">
|
<div class="flex items-center">
|
||||||
<span>Danh mục:</span>
|
<span>Danh mục:</span>
|
||||||
@@ -96,7 +96,7 @@
|
|||||||
<p>- Mua : {{item.buy_count}}</p>
|
<p>- Mua : {{item.buy_count}}</p>
|
||||||
</td>
|
</td>
|
||||||
<td>
|
<td>
|
||||||
<div class="flex items-center mb-[1px]">
|
<div class="flex flex-wrap items-center mb-[1px]">
|
||||||
<span class="">- Giá bán:</span>
|
<span class="">- Giá bán:</span>
|
||||||
<b class="text-[#E00000] ml-[3px] whitespace-nowrap">
|
<b class="text-[#E00000] ml-[3px] whitespace-nowrap">
|
||||||
{% if item.price > 0 %}
|
{% if item.price > 0 %}
|
||||||
|
|||||||
128
template/product/list_competitor.html
Normal file
128
template/product/list_competitor.html
Normal file
@@ -0,0 +1,128 @@
|
|||||||
|
<div class="w-[100%]">
|
||||||
|
<div
|
||||||
|
class="m-[15px] p-[15px_10px_15px_10px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto">
|
||||||
|
<h1 class="text-[24px] font-[700] mb-3">So sánh giá đối thủ</h1>
|
||||||
|
|
||||||
|
<div class="shadow-[0px_1px_1px_0px_#0000001A] p-[10px] rounded-[10px] border-[1px] border-[#F6F6F6]">
|
||||||
|
<div class="flex items-center">
|
||||||
|
<input type="text" size="60" name="info[title]" placeholder=""
|
||||||
|
class="w-[300px] h-[30px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
<a href="javascript:void(0)"
|
||||||
|
class="w-[70px] h-[29px] leading-[30px] text-center rounded-[4px] bg-[#0041E8] text-white ml-[10px]">Tìm
|
||||||
|
kiếm</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex items-center justify-between my-[15px]">
|
||||||
|
<a href="javascript:void(0)" onclick="js_list_category.showModal()"
|
||||||
|
class="p-[5px] border-[#79B0E2] border-[1px] rounded-[4px] text-[#79B0E2] hover:bg-[#0061ff] hover:text-white mr-[15px]">
|
||||||
|
Chọn danh mục để xem
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<select name="" id=""
|
||||||
|
class="w-[115px] h-[35px] shadow-[0px_2px_4px_0px_#0000001F] p-[5px] rounded-[4px] border-[1px] border-[#D8D8D8]">
|
||||||
|
<option value="">Bộ lọc</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<table class="table-list-competitor">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>STT</th>
|
||||||
|
<th>Sản phẩm (Tổng số: 53)</th>
|
||||||
|
<th>Cập nhật</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td class="w-[40px]">1</td>
|
||||||
|
<td>
|
||||||
|
<a href="" class="name">Ổ Cứng SSD KINGMAX 120GB SMV32</a>
|
||||||
|
<p>- Giá: <b>499.000</b></p>
|
||||||
|
<p>-Mã kho: OCKM0008</p>
|
||||||
|
<p>- Cập nhật: 25-01-2024, 9:46 am (29 ngày)</p>
|
||||||
|
</td>
|
||||||
|
<td class="w-[115px]">
|
||||||
|
<a href=""
|
||||||
|
class="block w-[82px] h-[30px] bg-[#0041E8] leading-[30px] text-center text-white rounded-[4px]">Cập
|
||||||
|
nhật</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="w-[40px]">1</td>
|
||||||
|
<td>
|
||||||
|
<a href="" class="name">Ổ Cứng SSD KINGMAX 120GB SMV32</a>
|
||||||
|
<p>- Giá: <b>499.000</b></p>
|
||||||
|
<p>-Mã kho: OCKM0008</p>
|
||||||
|
<p>- Cập nhật: 25-01-2024, 9:46 am (29 ngày)</p>
|
||||||
|
</td>
|
||||||
|
<td class="w-[115px]">
|
||||||
|
<a href=""
|
||||||
|
class="block w-[82px] h-[30px] bg-[#0041E8] leading-[30px] text-center text-white rounded-[4px]">Cập
|
||||||
|
nhật</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="w-[40px]">1</td>
|
||||||
|
<td>
|
||||||
|
<a href="" class="name">Ổ Cứng SSD KINGMAX 120GB SMV32</a>
|
||||||
|
<p>- Giá: <b>499.000</b></p>
|
||||||
|
<p>-Mã kho: OCKM0008</p>
|
||||||
|
<p>- Cập nhật: 25-01-2024, 9:46 am (29 ngày)</p>
|
||||||
|
</td>
|
||||||
|
<td class="w-[115px]">
|
||||||
|
<a href=""
|
||||||
|
class="block w-[82px] h-[30px] bg-[#0041E8] leading-[30px] text-center text-white rounded-[4px]">Cập
|
||||||
|
nhật</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<dialog id="js_list_category" class="modal">
|
||||||
|
<div class="modal-box w-11/12 max-w-5xl">
|
||||||
|
<form method="dialog">
|
||||||
|
<button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</button>
|
||||||
|
</form>
|
||||||
|
<div class="list-category mt-[5px] max-h-[400px] max-h-[400px] overflow-x-auto">
|
||||||
|
{% for cate in page.list_category %}
|
||||||
|
<a href="{{cate.url}}" class="item block mb-[5px] text-[#0041E8]">
|
||||||
|
{% if cate.children.size > 0 %}
|
||||||
|
<b class="text-[#0041E8]">+ (#{{cate.id}}){{cate.title}}</b>
|
||||||
|
{% else %}
|
||||||
|
+ (#{{cate.id}}){{cate.title}}
|
||||||
|
{% endif %}
|
||||||
|
</a>
|
||||||
|
{% if cate.children.size > 0 %}
|
||||||
|
<div class="ml-[15px]">
|
||||||
|
{% for cate2 in cate.children %}
|
||||||
|
<a href="{{cate2.url}}" class="item block mb-[5px] text-[#0041E8]">
|
||||||
|
{% if cate2.children.size > 0 %}
|
||||||
|
<b class="text-[#0041E8]">+ (#{{cate2.id}}){{cate2.title}}</b>
|
||||||
|
{% else %}
|
||||||
|
+ (#{{cate2.id}}){{cate2.title}} ({{cate2.totalProduct}})
|
||||||
|
{% endif %}
|
||||||
|
</a>
|
||||||
|
{% if cate2.children.size > 0 %}
|
||||||
|
<div class="ml-[15px]">
|
||||||
|
{% for cate3 in cate2.children %}
|
||||||
|
<a href="{{cate3.url}}" class="item block mb-[5px] text-[#0041E8]">+
|
||||||
|
(#{{cate3.id}}){{cate3.title}}
|
||||||
|
({{cate3.totalProduct}})</a>
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<form method="dialog" class="modal-backdrop">
|
||||||
|
<button>close</button>
|
||||||
|
</form>
|
||||||
|
</dialog>
|
||||||
|
</div>
|
||||||
90
template/product/spec_group.html
Normal file
90
template/product/spec_group.html
Normal file
@@ -0,0 +1,90 @@
|
|||||||
|
<div class="w-[100%]">
|
||||||
|
<div
|
||||||
|
class="m-[15px] p-[15px_10px_15px_10px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto">
|
||||||
|
<h1 class="text-[24px] font-[700] mb-3">Nhóm thông số kỹ thuật</h1>
|
||||||
|
|
||||||
|
<div class="shadow-[0px_1px_1px_0px_#0000001A] p-[10px] rounded-[10px] border-[1px] border-[#F6F6F6]">
|
||||||
|
<div class="flex items-center">
|
||||||
|
<input type="text" size="60" name="info[title]" placeholder=""
|
||||||
|
class="w-[300px] h-[30px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
<a href="javascript:void(0)"
|
||||||
|
class="w-[70px] h-[29px] leading-[30px] text-center rounded-[4px] bg-[#0041E8] text-white ml-[10px]">Tìm
|
||||||
|
kiếm</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex items-center justify-between mt-[15px]">
|
||||||
|
<p>
|
||||||
|
<b>Hướng dẫn:</b>
|
||||||
|
<span class="ml-[5px]">Nhóm thông số kỹ thuật được ghép cho từng sản phẩm cụ thể</span>
|
||||||
|
</p>
|
||||||
|
<a href="/admin/product/spec-group"
|
||||||
|
class="flex items-center border-[1px] border-[#0041E8] rounded-[4px] p-[5px_10px_5px_10px]">
|
||||||
|
<span
|
||||||
|
class="w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#0041E8] text-center leading-[11px] mr-[5px] text-[#0041E8]">+</span>
|
||||||
|
<span class="text-[#0041E8]">Thêm nhóm mới</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<table class="table-spec mt-[15px]">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>STT</th>
|
||||||
|
<th>Tên gọi/miêu tả</th>
|
||||||
|
<th>Cập nhật</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td class="w-[38px]">1</td>
|
||||||
|
<td>
|
||||||
|
<a href="" class="name">Camera</a>
|
||||||
|
</td>
|
||||||
|
<td class="w-[100px]">
|
||||||
|
<div class='list-btn flex items-center justify-center'>
|
||||||
|
<a href=""
|
||||||
|
class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||||
|
class='icons icon-edit'></i></a>
|
||||||
|
<a href=""
|
||||||
|
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
|
||||||
|
class='icons icon-remove'></i></a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="w-[38px]">1</td>
|
||||||
|
<td>
|
||||||
|
<a href="" class="name">Camera</a>
|
||||||
|
</td>
|
||||||
|
<td class="w-[100px]">
|
||||||
|
<div class='list-btn flex items-center justify-center'>
|
||||||
|
<a href=""
|
||||||
|
class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||||
|
class='icons icon-edit'></i></a>
|
||||||
|
<a href=""
|
||||||
|
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
|
||||||
|
class='icons icon-remove'></i></a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="w-[38px]">1</td>
|
||||||
|
<td>
|
||||||
|
<a href="" class="name">Camera</a>
|
||||||
|
</td>
|
||||||
|
<td class="w-[100px]">
|
||||||
|
<div class='list-btn flex items-center justify-center'>
|
||||||
|
<a href=""
|
||||||
|
class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||||
|
class='icons icon-edit'></i></a>
|
||||||
|
<a href=""
|
||||||
|
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
|
||||||
|
class='icons icon-remove'></i></a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
78
template/product/spec_group_add.html
Normal file
78
template/product/spec_group_add.html
Normal file
@@ -0,0 +1,78 @@
|
|||||||
|
<div class="w-[100%] mb-[50px]">
|
||||||
|
|
||||||
|
<div class="text-sm breadcrumbs ml-[10px]">
|
||||||
|
<ul>
|
||||||
|
<li><a href="/admin/product/spec-group">Nhóm thông số kỹ thuật</a></li>
|
||||||
|
<li><a href="/admin/product/spec-group-info">Thông tin nhóm thông số kỹ thuật</a></li>
|
||||||
|
<li class="text-[#0041E8]">Form thông số kỹ thuật</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="w-[1140px] my-0 mx-auto">
|
||||||
|
<div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A] my-[15px]">
|
||||||
|
<div>
|
||||||
|
<h1 class="text-[20px] font-[700]">Cập nhật thông số kỹ thuật</h1>
|
||||||
|
<span class="text-[#6B7280]">Thông tin chung</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="flex">
|
||||||
|
<div class="left w-[270px] mr-[10px]">
|
||||||
|
<div class="list-tab">
|
||||||
|
<a href="javascript:void(0)"
|
||||||
|
class="item block w-[100%] h-[36px] text-white bg-[#0041E8] rounded-[10px] text-[13px] leading-[35px] px-[10px]">Nội
|
||||||
|
dung</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="right w-[860px]">
|
||||||
|
<div
|
||||||
|
class="bg-white p-[15px] rounded-[10px_10px_0_0] shadow-[0_-1px_1px_0px_#0000001A] border-b-[6px] border-[#FAFAFB]">
|
||||||
|
|
||||||
|
<div class="form-control mb-[10px]">
|
||||||
|
<label class="font-[600] mb-[5px] text-[14px]">Header</label>
|
||||||
|
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||||
|
placeholder="Thông tin chung"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-control mb-[10px]">
|
||||||
|
<label class="font-[600] mb-[5px] text-[14px]">Tên thông số (*)</label>
|
||||||
|
<input type="text" size="60" name="" placeholder="Hãng sản xuất"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-control mb-[10px]">
|
||||||
|
<label class="font-[600] mb-[5px] text-[14px]">Diễn dải</label>
|
||||||
|
<textarea type="text" size="60" name="" placeholder="Diễn dải"
|
||||||
|
class="w-[100%] h-[120px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"></textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-control mb-[10px]">
|
||||||
|
<label class="font-[600] mb-[5px] text-[14px]">Thứ tự hiển thị</label>
|
||||||
|
<input type="text" size="60" name="" placeholder="Thứ tự hiển thị"
|
||||||
|
class="w-[50%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mb-[10px] flex items-center">
|
||||||
|
<label class="font-[600] mb-[5px] text-[14px] w-[170px]">Bắt buộc nhập cho sp</label>
|
||||||
|
<div class="flex items-center">
|
||||||
|
<div class="check-form flex items-center mb-[10px] mr-[20px]">
|
||||||
|
<input type="radio" name="info[scope]" value="0" checked="">
|
||||||
|
<label for="" class="ml-[25px] text-[#6B7280]">Bắt buộc</label>
|
||||||
|
</div>
|
||||||
|
<div class="check-form flex items-center mb-[10px]">
|
||||||
|
<input type="radio" name="info[scope]" value="1">
|
||||||
|
<label for="" class="ml-[25px] text-[#6B7280]">Không bắt buộc</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="bg-white p-[10px] shadow-[0px_1px_1px_0px_#0000001A] rounded-[0_0_10px_10px]">
|
||||||
|
<input class="w-[82px] h-[32px] bg-[#0041E8] rounded-[4px] text-white cursor-pointer"
|
||||||
|
id="submit-collection-btn" name="commit" type="submit" value="Cập nhật" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
95
template/product/spec_group_info.html
Normal file
95
template/product/spec_group_info.html
Normal file
@@ -0,0 +1,95 @@
|
|||||||
|
<div class="w-[100%]">
|
||||||
|
|
||||||
|
<div class="text-sm breadcrumbs ml-[10px]">
|
||||||
|
<ul>
|
||||||
|
<li><a href="/admin/product/spec-group">Nhóm thông số kỹ thuật</a></li>
|
||||||
|
<li class="text-[#0041E8]">Thông tin nhóm thông số kỹ thuật</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="m-[15px] p-[10px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto">
|
||||||
|
<h1 class="text-[24px] font-[700] mb-3">Thông tin nhóm thông số kỹ thuật</h1>
|
||||||
|
<div class="flex items-center justify-between">
|
||||||
|
<div class="flex items-center">
|
||||||
|
<b>Nhóm thông số</b>
|
||||||
|
<p class="ml-[5px]">THIẾT BỊ TRỢ GIẢNG</p>
|
||||||
|
</div>
|
||||||
|
<a href="/admin/product/spec-group-add"
|
||||||
|
class="block border-[1px] border-[#0041E8] rounded-[4px] p-[5px_10px_5px_10px]">
|
||||||
|
<span
|
||||||
|
class="inline-block w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#0041E8] text-center leading-[11px] text-[#0041E8] mb-[2px]">+</span>
|
||||||
|
<span class="text-[#0041E8] font-[500]">Thêm nhóm mới</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<table class="spec-info mt-[20px]">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>STT</th>
|
||||||
|
<th>Header</th>
|
||||||
|
<th>Thông tin</th>
|
||||||
|
<th>Diễn dải</th>
|
||||||
|
<th>Thứ tự hiển thị</th>
|
||||||
|
<th>Bắt buộc nhập cho sp</th>
|
||||||
|
<th>Cập nhật</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>1</td>
|
||||||
|
<td>Thông tin chung</td>
|
||||||
|
<td>Đặc tính</td>
|
||||||
|
<td>-</td>
|
||||||
|
<td>99</td>
|
||||||
|
<td>Có</td>
|
||||||
|
<td class="w-[100px]">
|
||||||
|
<div class='list-btn flex items-center justify-center'>
|
||||||
|
<a href=""
|
||||||
|
class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||||
|
class='icons icon-edit'></i></a>
|
||||||
|
<a href=""
|
||||||
|
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
|
||||||
|
class='icons icon-remove'></i></a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>1</td>
|
||||||
|
<td>Thông tin chung</td>
|
||||||
|
<td>Đặc tính</td>
|
||||||
|
<td>-</td>
|
||||||
|
<td>99</td>
|
||||||
|
<td>Có</td>
|
||||||
|
<td class="w-[100px]">
|
||||||
|
<div class='list-btn flex items-center justify-center'>
|
||||||
|
<a href=""
|
||||||
|
class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||||
|
class='icons icon-edit'></i></a>
|
||||||
|
<a href=""
|
||||||
|
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
|
||||||
|
class='icons icon-remove'></i></a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>1</td>
|
||||||
|
<td>Thông tin chung</td>
|
||||||
|
<td>Đặc tính</td>
|
||||||
|
<td>-</td>
|
||||||
|
<td>99</td>
|
||||||
|
<td>Có</td>
|
||||||
|
<td class="w-[100px]">
|
||||||
|
<div class='list-btn flex items-center justify-center'>
|
||||||
|
<a href=""
|
||||||
|
class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||||
|
class='icons icon-edit'></i></a>
|
||||||
|
<a href=""
|
||||||
|
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
|
||||||
|
class='icons icon-remove'></i></a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
@@ -1,5 +1,5 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="vi">
|
<html lang="en">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
@@ -15,19 +15,19 @@
|
|||||||
|
|
||||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
|
||||||
<link rel="stylesheet" media="screen" href="{{ 'fancybox.css' | asset_url }}" />
|
<link rel="stylesheet" media="screen" href="{{ 'fancybox.css' | asset_url }}" />
|
||||||
<link rel="stylesheet" media="screen" href="{{ 'pc_style.css' | asset_url }}?v12" />
|
<link rel="stylesheet" media="screen" href="{{ 'pc_style.css' | asset_url }}?v12.1" />
|
||||||
|
|
||||||
<script src="{{ 'tailwindcss.js' | asset_url }}"></script>
|
<script src="{{ 'tailwindcss.js' | asset_url }}"></script>
|
||||||
<script src="{{ 'fancybox.js' | asset_url }}"></script>
|
<script src="{{ 'fancybox.js' | asset_url }}"></script>
|
||||||
<script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script>
|
<script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script>
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
<!--
|
|
||||||
{{ global|show_var }}
|
|
||||||
{{ page|show_var }}
|
|
||||||
-->
|
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="admin-global-container">
|
<div class="admin-global-container">
|
||||||
|
|
||||||
<!-- Menu full -->
|
<!-- Menu full -->
|
||||||
|
|||||||
Reference in New Issue
Block a user