category
This commit is contained in:
@@ -6,11 +6,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
button,
|
button,
|
||||||
input,
|
|
||||||
select {
|
select {
|
||||||
outline: none !important;
|
cursor: pointer;
|
||||||
color: #000;
|
|
||||||
border-radius: 0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
button,
|
button,
|
||||||
@@ -23,10 +20,12 @@ input,
|
|||||||
optgroup,
|
optgroup,
|
||||||
select,
|
select,
|
||||||
textarea {
|
textarea {
|
||||||
|
outline: none;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
font-family: inherit;
|
font-family: inherit;
|
||||||
font-size: inherit;
|
font-size: inherit;
|
||||||
line-height: inherit;
|
line-height: inherit;
|
||||||
|
color: #000;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -369,6 +368,7 @@ a {
|
|||||||
}
|
}
|
||||||
.admin-menu .item:nth-child(n+10) .sub-menu {
|
.admin-menu .item:nth-child(n+10) .sub-menu {
|
||||||
top: unset;
|
top: unset;
|
||||||
|
bottom: -45px;
|
||||||
}
|
}
|
||||||
.admin-menu .sub-menu {
|
.admin-menu .sub-menu {
|
||||||
padding: 10px 22px 10px 15px;
|
padding: 10px 22px 10px 15px;
|
||||||
@@ -746,6 +746,15 @@ input[type=radio]:focus:before {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* Bán hàng */
|
/* Bán hàng */
|
||||||
|
.page-input {
|
||||||
|
width: 100%;
|
||||||
|
height: 36px;
|
||||||
|
padding: 0 10px;
|
||||||
|
border-radius: 4px;
|
||||||
|
border: 1px solid #d8d8d8;
|
||||||
|
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
|
||||||
|
}
|
||||||
|
|
||||||
.order-page .order-page-title a {
|
.order-page .order-page-title a {
|
||||||
margin: 0 2px 0 0;
|
margin: 0 2px 0 0;
|
||||||
border-radius: 4px 4px 0px 0px;
|
border-radius: 4px 4px 0px 0px;
|
||||||
@@ -767,13 +776,11 @@ input[type=radio]:focus:before {
|
|||||||
.order-page .order-page-table td {
|
.order-page .order-page-table td {
|
||||||
padding: 14px 8px;
|
padding: 14px 8px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
.order-page .order-page-table td:nth-child(4), .order-page .order-page-table td:nth-child(10) {
|
.order-page .order-page-table td:nth-child(4), .order-page .order-page-table td:nth-child(10) {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
.order-page .order-page-table td * {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.order-page-table {
|
.order-page-table {
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
@@ -781,9 +788,6 @@ input[type=radio]:focus:before {
|
|||||||
.order-page-table a {
|
.order-page-table a {
|
||||||
color: #0041e8;
|
color: #0041e8;
|
||||||
}
|
}
|
||||||
.order-page-table a:hover {
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
.order-page-table table {
|
.order-page-table table {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
@@ -796,7 +800,10 @@ input[type=radio]:focus:before {
|
|||||||
.order-page-table thead td {
|
.order-page-table thead td {
|
||||||
padding: 8px;
|
padding: 8px;
|
||||||
}
|
}
|
||||||
.order-page-table tr:hover {
|
.order-page-table tbody td {
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
.order-page-table tbody tr:hover {
|
||||||
background: #f5f7ff;
|
background: #f5f7ff;
|
||||||
}
|
}
|
||||||
.order-page-table td {
|
.order-page-table td {
|
||||||
@@ -846,6 +853,12 @@ input[type=radio]:focus:before {
|
|||||||
color: #9e9e9e !important;
|
color: #9e9e9e !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.td-border-0 td {
|
||||||
|
border: 0 !important;
|
||||||
|
padding: 3px 0;
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
|
||||||
.paging {
|
.paging {
|
||||||
margin: 30px 0;
|
margin: 30px 0;
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -991,4 +1004,16 @@ input[type=radio]:focus:before {
|
|||||||
.input-file .btn-input-file:hover {
|
.input-file .btn-input-file:hover {
|
||||||
background: #0041e8;
|
background: #0041e8;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modal .order-page-table td {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
.modal .brand-letters a {
|
||||||
|
width: 11.1111111111%;
|
||||||
|
text-transform: capitalize;
|
||||||
|
color: #0041e8;
|
||||||
|
}
|
||||||
|
.modal .brand-letters a:hover {
|
||||||
|
text-decoration: underline;
|
||||||
}/*# sourceMappingURL=pc_style.css.map */
|
}/*# sourceMappingURL=pc_style.css.map */
|
||||||
File diff suppressed because one or more lines are too long
@@ -4,11 +4,8 @@
|
|||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
button,
|
button,
|
||||||
input,
|
|
||||||
select {
|
select {
|
||||||
outline: none !important;
|
cursor: pointer;
|
||||||
color: #000;
|
|
||||||
border-radius: 0;
|
|
||||||
}
|
}
|
||||||
button,
|
button,
|
||||||
input {
|
input {
|
||||||
@@ -19,10 +16,12 @@ input,
|
|||||||
optgroup,
|
optgroup,
|
||||||
select,
|
select,
|
||||||
textarea {
|
textarea {
|
||||||
|
outline: none;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
font-family: inherit;
|
font-family: inherit;
|
||||||
font-size: inherit;
|
font-size: inherit;
|
||||||
line-height: inherit;
|
line-height: inherit;
|
||||||
|
color: #000;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
}
|
}
|
||||||
input::-webkit-outer-spin-button,
|
input::-webkit-outer-spin-button,
|
||||||
@@ -356,6 +355,7 @@ a {
|
|||||||
&:nth-child(n + 10) {
|
&:nth-child(n + 10) {
|
||||||
.sub-menu {
|
.sub-menu {
|
||||||
top: unset;
|
top: unset;
|
||||||
|
bottom: -45px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -757,6 +757,15 @@ input[type="radio"] {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* Bán hàng */
|
/* Bán hàng */
|
||||||
|
.page-input {
|
||||||
|
width: 100%;
|
||||||
|
height: 36px;
|
||||||
|
padding: 0 10px;
|
||||||
|
border-radius: 4px;
|
||||||
|
border: 1px solid #d8d8d8;
|
||||||
|
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
|
||||||
|
}
|
||||||
|
|
||||||
.order-page {
|
.order-page {
|
||||||
.order-page-title {
|
.order-page-title {
|
||||||
a {
|
a {
|
||||||
@@ -784,13 +793,11 @@ input[type="radio"] {
|
|||||||
td {
|
td {
|
||||||
padding: 14px 8px;
|
padding: 14px 8px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
vertical-align: middle;
|
||||||
&:nth-child(4),
|
&:nth-child(4),
|
||||||
&:nth-child(10) {
|
&:nth-child(10) {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
* {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -798,9 +805,6 @@ input[type="radio"] {
|
|||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
a {
|
a {
|
||||||
color: #0041e8;
|
color: #0041e8;
|
||||||
&:hover {
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
table {
|
table {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@@ -814,9 +818,14 @@ input[type="radio"] {
|
|||||||
padding: 8px;
|
padding: 8px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
tr {
|
tbody {
|
||||||
&:hover {
|
td {
|
||||||
background: #f5f7ff;
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
tr {
|
||||||
|
&:hover {
|
||||||
|
background: #f5f7ff;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
td {
|
td {
|
||||||
@@ -866,6 +875,13 @@ input[type="radio"] {
|
|||||||
right: 10px !important;
|
right: 10px !important;
|
||||||
color: #9e9e9e !important;
|
color: #9e9e9e !important;
|
||||||
}
|
}
|
||||||
|
.td-border-0 {
|
||||||
|
td {
|
||||||
|
border: 0 !important;
|
||||||
|
padding: 3px 0;
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
.paging {
|
.paging {
|
||||||
margin: 30px 0;
|
margin: 30px 0;
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -1024,3 +1040,20 @@ input[type="radio"] {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.modal {
|
||||||
|
.order-page-table {
|
||||||
|
td {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.brand-letters {
|
||||||
|
a {
|
||||||
|
width: calc(100% / 9);
|
||||||
|
text-transform: capitalize;
|
||||||
|
color: #0041e8;
|
||||||
|
&:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
@@ -38,7 +38,7 @@ return array(
|
|||||||
'view' => 'store-design',
|
'view' => 'store-design',
|
||||||
'id' => 'system/store-design',
|
'id' => 'system/store-design',
|
||||||
'name' => 'Banner pop-up',
|
'name' => 'Banner pop-up',
|
||||||
'url' => '/admin/system/store-design§ion=popup',
|
'url' => '/admin/system/store-design?section=popup',
|
||||||
),
|
),
|
||||||
|
|
||||||
array(
|
array(
|
||||||
@@ -56,11 +56,11 @@ return array(
|
|||||||
'view' => 'store-design',
|
'view' => 'store-design',
|
||||||
'id' => 'system/store-design',
|
'id' => 'system/store-design',
|
||||||
'name' => 'Hình nền website',
|
'name' => 'Hình nền website',
|
||||||
'url' => '/admin/system/store-design§ion=background',
|
'url' => '/admin/system/store-design?section=background',
|
||||||
),*/
|
),*/
|
||||||
|
|
||||||
/* array(
|
/* array(
|
||||||
'enable' => false,
|
'enable' => true,
|
||||||
'module' => 'email',
|
'module' => 'email',
|
||||||
'view' => 'home',
|
'view' => 'home',
|
||||||
'id' => 'email/home',
|
'id' => 'email/home',
|
||||||
@@ -69,7 +69,7 @@ return array(
|
|||||||
),*/
|
),*/
|
||||||
|
|
||||||
array(
|
array(
|
||||||
'enable' => false,
|
'enable' => true,
|
||||||
'module' => 'url',
|
'module' => 'url',
|
||||||
'view' => 'meta-list',
|
'view' => 'meta-list',
|
||||||
'id' => 'url/meta-list',
|
'id' => 'url/meta-list',
|
||||||
@@ -78,7 +78,7 @@ return array(
|
|||||||
),
|
),
|
||||||
|
|
||||||
array(
|
array(
|
||||||
'enable' => false,
|
'enable' => true,
|
||||||
'module' => 'url',
|
'module' => 'url',
|
||||||
'view' => 'url-seo',
|
'view' => 'url-seo',
|
||||||
'id' => 'url/url-seo',
|
'id' => 'url/url-seo',
|
||||||
@@ -87,7 +87,7 @@ return array(
|
|||||||
),
|
),
|
||||||
|
|
||||||
array(
|
array(
|
||||||
'enable' => false ,
|
'enable' => true ,
|
||||||
'module' => 'marketing',
|
'module' => 'marketing',
|
||||||
'view' => 'feed',
|
'view' => 'feed',
|
||||||
'id' => 'marketing/feed',
|
'id' => 'marketing/feed',
|
||||||
@@ -96,7 +96,7 @@ return array(
|
|||||||
),
|
),
|
||||||
|
|
||||||
array(
|
array(
|
||||||
'enable' => false ,
|
'enable' => true ,
|
||||||
'module' => 'marketing',
|
'module' => 'marketing',
|
||||||
'view' => 'product-offer',
|
'view' => 'product-offer',
|
||||||
'id' => 'marketing/product-offer',
|
'id' => 'marketing/product-offer',
|
||||||
@@ -114,7 +114,7 @@ return array(
|
|||||||
),*/
|
),*/
|
||||||
|
|
||||||
array(
|
array(
|
||||||
'enable' => false ,
|
'enable' => true ,
|
||||||
'module' => 'marketing',
|
'module' => 'marketing',
|
||||||
'view' => 'program',
|
'view' => 'program',
|
||||||
'id' => 'marketing/program',
|
'id' => 'marketing/program',
|
||||||
@@ -132,7 +132,7 @@ return array(
|
|||||||
),
|
),
|
||||||
|
|
||||||
array(
|
array(
|
||||||
'enable' => false ,
|
'enable' => true ,
|
||||||
'module' => 'marketing',
|
'module' => 'marketing',
|
||||||
'view' => 'combo-deal',
|
'view' => 'combo-deal',
|
||||||
'id' => 'marketing/combo-deal',
|
'id' => 'marketing/combo-deal',
|
||||||
@@ -141,7 +141,7 @@ return array(
|
|||||||
),
|
),
|
||||||
|
|
||||||
array(
|
array(
|
||||||
'enable' => false ,
|
'enable' => true ,
|
||||||
'module' => 'marketing',
|
'module' => 'marketing',
|
||||||
'view' => 'conditional-promotion',
|
'view' => 'conditional-promotion',
|
||||||
'id' => 'marketing/conditional-promotion',
|
'id' => 'marketing/conditional-promotion',
|
||||||
@@ -150,7 +150,7 @@ return array(
|
|||||||
),
|
),
|
||||||
|
|
||||||
array(
|
array(
|
||||||
'enable' => false ,
|
'enable' => true ,
|
||||||
'module' => 'marketing',
|
'module' => 'marketing',
|
||||||
'view' => 'live-support-per-category',
|
'view' => 'live-support-per-category',
|
||||||
'id' => 'marketing/live-support-per-category',
|
'id' => 'marketing/live-support-per-category',
|
||||||
|
|||||||
@@ -15,7 +15,7 @@ return array(
|
|||||||
),
|
),
|
||||||
|
|
||||||
array(
|
array(
|
||||||
'enable' => false ,
|
'enable' => true ,
|
||||||
'module' => 'order',
|
'module' => 'order',
|
||||||
'view' => 'bargain',
|
'view' => 'bargain',
|
||||||
'id' => 'order/bargain',
|
'id' => 'order/bargain',
|
||||||
|
|||||||
@@ -41,16 +41,16 @@ return array(
|
|||||||
'url' => '/admin/system/store-address',
|
'url' => '/admin/system/store-address',
|
||||||
),
|
),
|
||||||
|
|
||||||
/*4 => array(
|
4 => array(
|
||||||
'enable' => true ,
|
'enable' => true ,
|
||||||
'module' => 'system',
|
'module' => 'system',
|
||||||
'view' => 'domain',
|
'view' => 'domain',
|
||||||
'id' => 'system/domain',
|
'id' => 'system/domain',
|
||||||
'name' => 'Cài đặt tên miền',
|
'name' => 'Cài đặt tên miền',
|
||||||
'url' => '/admin/system/domain',
|
'url' => '/admin/system/domain',
|
||||||
),*/
|
),
|
||||||
|
|
||||||
/*array(
|
array(
|
||||||
'enable' => true ,
|
'enable' => true ,
|
||||||
'module' => 'system',
|
'module' => 'system',
|
||||||
'view' => 'ban-ip',
|
'view' => 'ban-ip',
|
||||||
@@ -66,9 +66,9 @@ return array(
|
|||||||
'id' => '',
|
'id' => '',
|
||||||
'name' => 'Thông tin website',
|
'name' => 'Thông tin website',
|
||||||
'url' => '/admin/system/change-info',
|
'url' => '/admin/system/change-info',
|
||||||
),*/
|
),
|
||||||
|
|
||||||
|
|
||||||
/*
|
|
||||||
|
|
||||||
array(
|
array(
|
||||||
'enable' => true ,
|
'enable' => true ,
|
||||||
@@ -77,52 +77,52 @@ return array(
|
|||||||
'id' => '',
|
'id' => '',
|
||||||
'name' => 'Cài đặt tỉnh thành',
|
'name' => 'Cài đặt tỉnh thành',
|
||||||
'url' => '/admin/system/province-list',
|
'url' => '/admin/system/province-list',
|
||||||
),*/
|
),
|
||||||
|
|
||||||
/*9 => array(
|
9 => array(
|
||||||
'enable' => true ,
|
'enable' => true ,
|
||||||
'module' => 'system',
|
'module' => 'system',
|
||||||
'view' => 'home',
|
'view' => 'home',
|
||||||
'id' => '',
|
'id' => '',
|
||||||
'name' => 'Tình trạng đơn hàng',
|
'name' => 'Tình trạng đơn hàng',
|
||||||
'url' => '/admin/system/order-status',
|
'url' => '/admin/system/order-status',
|
||||||
),*/
|
),
|
||||||
|
|
||||||
/*array(
|
array(
|
||||||
'enable' => true ,
|
'enable' => true ,
|
||||||
'module' => 'online_support',
|
'module' => 'online_support',
|
||||||
'view' => 'home',
|
'view' => 'home',
|
||||||
'id' => '',
|
'id' => '',
|
||||||
'name' => 'Hỗ trợ bán hàng',
|
'name' => 'Hỗ trợ bán hàng',
|
||||||
'url' => '/admin/online_support',
|
'url' => '/admin/online_support',
|
||||||
),*/
|
),
|
||||||
|
|
||||||
/*array(
|
array(
|
||||||
'enable' => true ,
|
'enable' => true ,
|
||||||
'module' => 'system',
|
'module' => 'system',
|
||||||
'view' => 'country',
|
'view' => 'country',
|
||||||
'id' => '',
|
'id' => '',
|
||||||
'name' => 'Quốc gia',
|
'name' => 'Quốc gia',
|
||||||
'url' => '/admin/system/country',
|
'url' => '/admin/system/country',
|
||||||
),*/
|
),
|
||||||
|
|
||||||
/*12 => array(
|
12 => array(
|
||||||
'enable' => true ,
|
'enable' => true ,
|
||||||
'module' => 'report_out',
|
'module' => 'report_out',
|
||||||
'view' => 'home',
|
'view' => 'home',
|
||||||
'id' => '',
|
'id' => '',
|
||||||
'name' => 'Cài đặt thông báo ngoài',
|
'name' => 'Cài đặt thông báo ngoài',
|
||||||
'url' => '/admin/report_out',
|
'url' => '/admin/report_out',
|
||||||
),*/
|
),
|
||||||
|
|
||||||
/*array(
|
array(
|
||||||
'enable' => true ,
|
'enable' => true ,
|
||||||
'module' => 'shipping2',
|
'module' => 'shipping2',
|
||||||
'view' => 'home',
|
'view' => 'home',
|
||||||
'id' => '',
|
'id' => '',
|
||||||
'name' => 'Cài đặt phí vận chuyển',
|
'name' => 'Cài đặt phí vận chuyển',
|
||||||
'url' => '/admin/shipping2',
|
'url' => '/admin/shipping2',
|
||||||
),*/
|
),
|
||||||
|
|
||||||
array(
|
array(
|
||||||
'enable' => true ,
|
'enable' => true ,
|
||||||
@@ -142,7 +142,7 @@ return array(
|
|||||||
'url' => '/admin/tool',
|
'url' => '/admin/tool',
|
||||||
),
|
),
|
||||||
|
|
||||||
/*array(
|
array(
|
||||||
'enable' => true ,
|
'enable' => true ,
|
||||||
'module' => 'civi',
|
'module' => 'civi',
|
||||||
'view' => 'home',
|
'view' => 'home',
|
||||||
@@ -167,7 +167,7 @@ return array(
|
|||||||
'id' => 'system/keyword-suggest',
|
'id' => 'system/keyword-suggest',
|
||||||
'name' => 'Từ khóa gợi ý',
|
'name' => 'Từ khóa gợi ý',
|
||||||
'url' => '/admin/system/keyword-suggest',
|
'url' => '/admin/system/keyword-suggest',
|
||||||
),*/
|
),
|
||||||
|
|
||||||
array(
|
array(
|
||||||
'enable' => true ,
|
'enable' => true ,
|
||||||
|
|||||||
1
template/article/home.html
Normal file
1
template/article/home.html
Normal file
@@ -0,0 +1 @@
|
|||||||
|
template/article/home.html
|
||||||
@@ -1 +1,197 @@
|
|||||||
template/banner/home.html
|
<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>
|
||||||
|
|
||||||
|
<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='q' 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=submit value='Tìm kiếm'
|
||||||
|
class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div class="flex items-center flex-wrap justify-between">
|
||||||
|
<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)]">
|
||||||
|
<option value="">Xem theo vị trí banner</option>
|
||||||
|
<option value='43'> - Banner MB Webmau4</option>
|
||||||
|
<option value='42'> - Brand Homepage</option>
|
||||||
|
</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)]">
|
||||||
|
<option value="">Lọc hiển thị</option>
|
||||||
|
<option value="">Chưa hiển thị</option>
|
||||||
|
<option value="">Đang hiển thị</option>
|
||||||
|
</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>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<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]">
|
||||||
|
<span
|
||||||
|
class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
|
||||||
|
<span>Thêm banner mới</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="/admin/banner/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>
|
||||||
|
<span>Quản trị vị trí banner</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="order-page-table td-top">
|
||||||
|
<table>
|
||||||
|
<thead style="font-weight: 500;">
|
||||||
|
<td> STT </td>
|
||||||
|
<td width="280"> Ảnh </td>
|
||||||
|
<td> Thông tin </td>
|
||||||
|
<td> Thứ tự </td>
|
||||||
|
<td> Click </td>
|
||||||
|
<td> Chỉnh sửa </td>
|
||||||
|
</thead>
|
||||||
|
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td align="center"> 1 </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>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="paging">
|
||||||
|
<a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
|
||||||
|
<a href="" class="current">1</a>
|
||||||
|
<a href="">2</a>
|
||||||
|
<a href="">3</a>
|
||||||
|
<a href="">4</a>
|
||||||
|
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
250
template/banner/upload.html
Normal file
250
template/banner/upload.html
Normal file
@@ -0,0 +1,250 @@
|
|||||||
|
<div class="global-breadcrumb-container">
|
||||||
|
<a href="/admin/banner"> Danh sách banner </a>
|
||||||
|
<a href=""> Form sửa banner </a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="max-w-[1141px] m-auto">
|
||||||
|
<div class="text-right m-[0_0_12px]">
|
||||||
|
<a href="/admin/banner/upload" class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
<span class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
|
||||||
|
<span>Thêm banner mới</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="/admin/banner" class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[35px] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
<i class="fas fa-clipboard-list mr-[8px]"></i>
|
||||||
|
<span>Danh sách banner</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex flex-wrap items-start m-[16px_0]">
|
||||||
|
{% if global.url contains 'id=' %} <!-- Form chỉnh sửa -->
|
||||||
|
{% endif %}
|
||||||
|
<p class="w-[100%] bg-white m-[0_0_16px] text-center rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[54px] text-[18px] font-bold"> Cập nhật lại banner </p>
|
||||||
|
|
||||||
|
<div class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
|
||||||
|
<a href="javascript:void(0)" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition" style="color: #Fff;background: #0041E8;"> Chỉnh sửa </a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<form method="post" enctype="multipart/form-data" class="w-[852px] bg-white p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
|
||||||
|
|
||||||
|
<input type="hidden" name="info[id]" value="236">
|
||||||
|
<input type='hidden' name='info[category_list]' id='selected_cat' value="9,148">
|
||||||
|
<input type="hidden" value="product_list" id="current_template_page">
|
||||||
|
<input type="hidden" name="action" value="send">
|
||||||
|
|
||||||
|
<table>
|
||||||
|
<tr>
|
||||||
|
<td width="220" style="vertical-align: top;">
|
||||||
|
<p class="leading-[32px]">File</p>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<p class="leading-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"> /media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg </p>
|
||||||
|
|
||||||
|
<img src="https://demopc8.hurasoft.com/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg" class="block m-[15px_0_22px] max-h[390px]"/>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<div class="order-page-table">
|
||||||
|
<table>
|
||||||
|
<tr>
|
||||||
|
<td width="220"> Link theo dõi</td>
|
||||||
|
<td> /ad.php?id=236 </td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr id="banner_location">
|
||||||
|
<td>Vị trí quảng cáo</td>
|
||||||
|
<td>
|
||||||
|
<div class="flex items-center">
|
||||||
|
<select name="info[locationId]" class="mr-[10px]">
|
||||||
|
<option>--Chọn vị trí--</option>
|
||||||
|
<option value='43,homepage'>Banner MB Webmau4</option>
|
||||||
|
</select>
|
||||||
|
|
||||||
|
<a href="/admin/banner/location" class="whitespace-nowrap">Quản lý vị trí</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="location_detail_holder" class="mt-[10px] overflow-auto max-h-[350px]">
|
||||||
|
<p class="font-bold mb-[7px]">Chọn vị trí </p>
|
||||||
|
|
||||||
|
<div class="pl-[3px]">
|
||||||
|
<label for="cat_special_all" class="flex items-center cursor-pointer m-[0_0_7px_0]">
|
||||||
|
<input id="cat_special_all" value="-1" onchange="select_cat('cat_special_all', -1)" type="checkbox" class="scale-[1.5] mr-[10px]">
|
||||||
|
<span>Tất cả danh mục</span>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="pl-[3px]"> <!-- Cấp 1 -->
|
||||||
|
<label class="flex items-center cursor-pointer m-[0_0_7px_0]">
|
||||||
|
<input type="checkbox" id="cat_special_9" value="9" onchange="select_cat('cat_special_9', 9)" class="scale-[1.5] mr-[10px]">
|
||||||
|
<span> Danh mục cấp 1 </span>
|
||||||
|
</label>
|
||||||
|
|
||||||
|
<div class="pl-[30px]"> <!-- Cấp 2 -->
|
||||||
|
<div>
|
||||||
|
<label class="flex items-center cursor-pointer m-[0_0_7px_0]">
|
||||||
|
<input type="checkbox" id="cat_special_1" value="1" onchange="select_cat('cat_special_1', 1)" class="scale-[1.5] mr-[10px]">
|
||||||
|
<span> Danh mục cấp 2 </span>
|
||||||
|
</label>
|
||||||
|
|
||||||
|
<div class="pl-[30px]"><!-- Cấp 3 -->
|
||||||
|
<label class="table items-center cursor-pointer m-[0_0_7px_0]">
|
||||||
|
<input type="checkbox" id="cat_special_1" value="1" onchange="select_cat('cat_special_1', 1)" class="scale-[1.5] mr-[10px]">
|
||||||
|
<span> Danh mục cấp 3 </span>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- cloned -->
|
||||||
|
<div> <label class="flex items-center cursor-pointer m-[0_0_7px_0]"> <input type="checkbox" id="cat_special_1" value="1" onchange="select_cat('cat_special_1', 1)" class="scale-[1.5] mr-[10px]"> <span> Danh mục cấp 2 </span> </label> <div class="pl-[30px]"> <label class="table items-center cursor-pointer m-[0_0_7px_0]"> <input type="checkbox" id="cat_special_1" value="1" onchange="select_cat('cat_special_1', 1)" class="scale-[1.5] mr-[10px]"> <span> Danh mục cấp 3 </span> </label> <label class="table items-center cursor-pointer m-[0_0_7px_0]"> <input type="checkbox" id="cat_special_1" value="1" onchange="select_cat('cat_special_1', 1)" class="scale-[1.5] mr-[10px]"> <span> Danh mục cấp 3 </span> </label> </div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Cloned -->
|
||||||
|
<div class="pl-[3px]"> <label class="flex items-center cursor-pointer m-[0_0_7px_0]"> <input type="checkbox" id="cat_special_9" value="9" onchange="select_cat('cat_special_9', 9)" class="scale-[1.5] mr-[10px]"> <span> Danh mục cấp 1 </span> </label> <div class="pl-[30px]"> <div> <label class="flex items-center cursor-pointer m-[0_0_7px_0]"> <input type="checkbox" id="cat_special_1" value="1" onchange="select_cat('cat_special_1', 1)" class="scale-[1.5] mr-[10px]"> <span> Danh mục cấp 2 </span> </label> <div class="pl-[30px]"> <label class="table items-center cursor-pointer m-[0_0_7px_0]"> <input type="checkbox" id="cat_special_1" value="1" onchange="select_cat('cat_special_1', 1)" class="scale-[1.5] mr-[10px]"> <span> Danh mục cấp 3 </span> </label> <label class="table items-center cursor-pointer m-[0_0_7px_0]"> <input type="checkbox" id="cat_special_1" value="1" onchange="select_cat('cat_special_1', 1)" class="scale-[1.5] mr-[10px]"> <span> Danh mục cấp 3 </span> </label> </div></div></div></div>
|
||||||
|
<div class="pl-[3px]"> <label class="flex items-center cursor-pointer m-[0_0_7px_0]"> <input type="checkbox" id="cat_special_9" value="9" onchange="select_cat('cat_special_9', 9)" class="scale-[1.5] mr-[10px]"> <span> Danh mục cấp 1 </span> </label> <div class="pl-[30px]"> <div> <label class="flex items-center cursor-pointer m-[0_0_7px_0]"> <input type="checkbox" id="cat_special_1" value="1" onchange="select_cat('cat_special_1', 1)" class="scale-[1.5] mr-[10px]"> <span> Danh mục cấp 2 </span> </label> <div class="pl-[30px]"> <label class="table items-center cursor-pointer m-[0_0_7px_0]"> <input type="checkbox" id="cat_special_1" value="1" onchange="select_cat('cat_special_1', 1)" class="scale-[1.5] mr-[10px]"> <span> Danh mục cấp 3 </span> </label> <label class="table items-center cursor-pointer m-[0_0_7px_0]"> <input type="checkbox" id="cat_special_1" value="1" onchange="select_cat('cat_special_1', 1)" class="scale-[1.5] mr-[10px]"> <span> Danh mục cấp 3 </span> </label> </div></div></div></div>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td>Đặt tên banner để theo dõi</td>
|
||||||
|
<td>
|
||||||
|
<input type="text" name="info[name]" value="" class="w-[100%] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td>Mô tả</td>
|
||||||
|
<td>
|
||||||
|
<textarea name="info[summary]" class="w-[100%] min-h-[76px] max-h-[150px] outline-[0px] p-[4px_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td>Kích thước file</td>
|
||||||
|
<td>
|
||||||
|
Chiều dài (width) : <input type="text" name="info[width]" value="3130" class="w-[80px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"> px -
|
||||||
|
Chiều cao (height) <input type="text" name="info[height]" value="2075" class="w-[80px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"> px
|
||||||
|
(<span style="color:#F00">* bắt buộc cho file flash</span>)
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td>File banner</td>
|
||||||
|
<td>
|
||||||
|
<div>
|
||||||
|
<span> Upload từ máy tính </span>
|
||||||
|
<input type="file" name="media_file_1">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<p class="m-[7px_0]">Hoặc điền địa chỉ đầy đủ trên mạng (v.d. http://web-acb.com/anh.jpg):</p>
|
||||||
|
|
||||||
|
<input type="text" name="info[file_external_url]" value="/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg" class="w-[100%] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td style="font-weight:bold;">Địa chỉ URL đích</td>
|
||||||
|
<td>
|
||||||
|
<input type="text" name="info[desUrl]" value="" class="w-[100%] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td>Thứ tự hiển thị</td>
|
||||||
|
<td>
|
||||||
|
<input type="text" name="info[ordering]" value="0" class="w-[80px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
||||||
|
<i>(nếu nhiều banner cùng 1 vị trí, số cao xếp trước)</i>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td>Thời gian hiển thị</td>
|
||||||
|
<td>
|
||||||
|
<label class="flex items-center cursor-pointer relative pl-[30px] mb-[8px]">
|
||||||
|
<input type="radio" checked="checked" name="time_valid" value="1" class="left-0"/>
|
||||||
|
<span>Luôn hiển thị, chỉ ẩn khi hạ bằng tay</span>
|
||||||
|
</label>
|
||||||
|
|
||||||
|
<label class="flex items-center cursor-pointer relative pl-[30px] mb-[8px]">
|
||||||
|
<input type="radio" name="time_valid" value="2" class="left-0" />
|
||||||
|
<span>Thời gian hiển thị:</span>
|
||||||
|
</label>
|
||||||
|
|
||||||
|
<div class="items-center mb-[7px]" style="display: flex;">
|
||||||
|
<p style="width: 65px;"> Bắt đầu </p>
|
||||||
|
<div class="relative m-[0_20px_0_10px]">
|
||||||
|
<i class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
|
||||||
|
<input type="date" name="info[from_time_date]" value="" placeholder="Từ ngày" class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p class="mr-[10px]"> Giờ </p>
|
||||||
|
|
||||||
|
<select name='info[from_time_minute]' id='from_time_minute' style="width: 85px;">
|
||||||
|
<option value="00:00">00:00</option><option value="00:30">00:30</option><option value="01:00">01:00</option><option value="01:30">01:30</option><option value="02:00">02:00</option><option value="02:30">02:30</option><option value="03:00">03:00</option><option value="03:30">03:30</option><option value="04:00">04:00</option><option value="04:30">04:30</option><option value="05:00">05:00</option><option value="05:30">05:30</option><option value="06:00">06:00</option><option value="06:30">06:30</option><option value="07:00">07:00</option><option value="07:30">07:30</option><option value="08:00">08:00</option><option value="08:30">08:30</option><option value="09:00">09:00</option><option value="09:30">09:30</option><option value="10:00">10:00</option><option value="10:30">10:30</option><option value="11:00">11:00</option><option value="11:30">11:30</option><option value="12:00">12:00</option><option value="12:30">12:30</option><option value="13:00">13:00</option><option value="13:30">13:30</option><option value="14:00">14:00</option><option value="14:30">14:30</option><option value="15:00">15:00</option><option value="15:30">15:30</option><option value="16:00">16:00</option><option value="16:30">16:30</option><option value="17:00">17:00</option><option value="17:30">17:30</option><option value="18:00">18:00</option><option value="18:30">18:30</option><option value="19:00">19:00</option><option value="19:30">19:30</option><option value="20:00">20:00</option><option value="20:30">20:30</option><option value="21:00">21:00</option><option value="21:30">21:30</option><option value="22:00">22:00</option><option value="22:30">22:30</option><option value="23:00">23:00</option><option value="23:30">23:30</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="items-center" style="display: flex;">
|
||||||
|
<p style="width: 65px;"> Kết thúc </p>
|
||||||
|
<div class="relative m-[0_20px_0_10px]">
|
||||||
|
<i class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
|
||||||
|
<input type="date" name="info[to_time_date]" value="" placeholder="Từ ngày" class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p class="mr-[10px]"> Giờ </p>
|
||||||
|
|
||||||
|
<select name='info[to_time_minute]' id='from_time_minute' style="width: 85px;">
|
||||||
|
<option value="00:00">00:00</option><option value="00:30">00:30</option><option value="01:00">01:00</option><option value="01:30">01:30</option><option value="02:00">02:00</option><option value="02:30">02:30</option><option value="03:00">03:00</option><option value="03:30">03:30</option><option value="04:00">04:00</option><option value="04:30">04:30</option><option value="05:00">05:00</option><option value="05:30">05:30</option><option value="06:00">06:00</option><option value="06:30">06:30</option><option value="07:00">07:00</option><option value="07:30">07:30</option><option value="08:00">08:00</option><option value="08:30">08:30</option><option value="09:00">09:00</option><option value="09:30">09:30</option><option value="10:00">10:00</option><option value="10:30">10:30</option><option value="11:00">11:00</option><option value="11:30">11:30</option><option value="12:00">12:00</option><option value="12:30">12:30</option><option value="13:00">13:00</option><option value="13:30">13:30</option><option value="14:00">14:00</option><option value="14:30">14:30</option><option value="15:00">15:00</option><option value="15:30">15:30</option><option value="16:00">16:00</option><option value="16:30">16:30</option><option value="17:00">17:00</option><option value="17:30">17:30</option><option value="18:00">18:00</option><option value="18:30">18:30</option><option value="19:00">19:00</option><option value="19:30">19:30</option><option value="20:00">20:00</option><option value="20:30">20:30</option><option value="21:00">21:00</option><option value="21:30">21:30</option><option value="22:00">22:00</option><option value="22:30">22:30</option><option value="23:00">23:00</option><option value="23:30">23:30</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td>Hiển thị</td>
|
||||||
|
<td>
|
||||||
|
<label class="inline-flex items-center cursor-pointer relative pl-[30px] mr-[15px]">
|
||||||
|
<input type="radio" name="info[status]" value="1" class="left-0">
|
||||||
|
<span>Cho hiển thị</span>
|
||||||
|
</label>
|
||||||
|
|
||||||
|
<label class="inline-flex items-center cursor-pointer relative pl-[30px]">
|
||||||
|
<input type="radio" name="info[status]" value="0" checked class="left-0">
|
||||||
|
<span>Ẩn hiển thị</span>
|
||||||
|
</label>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td>Khác</td>
|
||||||
|
<td>
|
||||||
|
<label class="inline-flex items-center cursor-pointer">
|
||||||
|
<input type="checkbox" name="info[show_in_mobile]" value="1" class="scale-[1.5] mr-[10px]">
|
||||||
|
<span> Hiển thị tại mobile </span>
|
||||||
|
</label>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<input name="commit" type="submit" value="Cập nhật" class="inline-block mt-[12px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]"/>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<script>
|
||||||
|
function show_content(ty){
|
||||||
|
var list_type = ['pro', 'cash', 'priceoff'];
|
||||||
|
|
||||||
|
for(var i=0; i < list_type.length; i++){
|
||||||
|
var t_ty = list_type[i];
|
||||||
|
if(ty == t_ty) document.getElementById('js-type-'+t_ty).style.display = 'block';
|
||||||
|
else document.getElementById('js-type-'+t_ty).style.display = 'none';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
220
template/deal/deal_add.html
Normal file
220
template/deal/deal_add.html
Normal file
@@ -0,0 +1,220 @@
|
|||||||
|
{% if global.url contains '?id=' %}
|
||||||
|
|
||||||
|
{% include 'deal/deal_detail' %}
|
||||||
|
|
||||||
|
{% else %}
|
||||||
|
<div class="global-breadcrumb-container">
|
||||||
|
<a href="/admin/deal"> Deal/giờ vàng </a>
|
||||||
|
<a href=""> Thêm sản phẩm deal </a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="bg-white m-[0_0_16px_16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
|
||||||
|
<p class="leading-[30px] text-[24px] font-bold m-[0_0_12px]"> Chọn sản phẩm Deal </p>
|
||||||
|
|
||||||
|
<form method="get" enctype="multipart/form-data" action="/admin/" class="border border-[#F6F6F6] m-[12px_0_20px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
|
||||||
|
<input type="text" name="q" id="keyword" value="" placeholder="Tìm sản phẩm" class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
|
||||||
|
<input type="submit" value="Tìm kiếm" class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div class="flex items-center justify-between m-[20px_0_16px]">
|
||||||
|
<div class="flex items-center">
|
||||||
|
<a href="javascript:void(0)" onclick="js_list_category.showModal()" class="leading-[34px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] mr-[15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
|
||||||
|
Chọn danh mục để xem
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="javascript:void(0)" onclick="js_list_brand.showModal()" class="leading-[34px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] mr-[15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
|
||||||
|
Chọn thương hiệu để xem
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex items-center">
|
||||||
|
<select class="min-w-[160px] h-[36px] p-[0_5px] border border-[#D8D8D8] rounded-[4px] mr-[15px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
|
||||||
|
<option value=""> Lọc sản phẩm </option>
|
||||||
|
<option value=""> option </option>
|
||||||
|
</select>
|
||||||
|
|
||||||
|
<select class="min-w-[160px] h-[36px] p-[0_5px] border border-[#D8D8D8] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
|
||||||
|
<option value=""> Sắp xếp sản phẩm </option>
|
||||||
|
<option value=""> option </option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="order-page-table">
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<td width="40"> STT </td>
|
||||||
|
<td> Sản phẩm (Tổng số: 1.742) </td>
|
||||||
|
<td> Thông tin khác </td>
|
||||||
|
<td width="160"> Lựa chọn </td>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
|
||||||
|
<tbody>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td align="center"> 1 </td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<a href="" target="_blank"> Màn hình Viewsonic VA3209U-4K (32 inch/UHD/IPS/60Hz/4ms) </a>
|
||||||
|
<p> Mã kho: <b> MOVI213 </b> </p>
|
||||||
|
<p> Danh mục: <b> Màn Hình Máy Tính, Màn Hình Theo Hãng, Màn Hình ViewSonic </b> </p>
|
||||||
|
<p> Bảo hành: 36 Tháng </p>
|
||||||
|
<p> Khuyến mại: + "ƯU ĐÃI Giảm ngay 10% vào thẻ nhớ khi khách hàng mua kèm Camera" </p>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<p> Giá: 10.599.000 </p>
|
||||||
|
<p> Kho hàng: 0 </p>
|
||||||
|
<p> Bảo hành: 36 Tháng </p>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td align="center">
|
||||||
|
<a href="/admin/deal/deal-add?id=1" class="block leading-[36px] bg-[#0041E8] text-[#fff_!important] font-[500] p-[0_14px] cursor-pointer rounded-[4px]">
|
||||||
|
Chọn sản phẩm
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="paging">
|
||||||
|
<a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
|
||||||
|
<a href="" class="current">1</a>
|
||||||
|
<a href="">2</a>
|
||||||
|
<a href="">3</a>
|
||||||
|
<a href="">4</a>
|
||||||
|
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Popup Danh mục + thương hiệu -->
|
||||||
|
<dialog id="js_list_category" class="modal">
|
||||||
|
<div class="modal-box max-w-xl p-[16px]">
|
||||||
|
<form method="dialog">
|
||||||
|
<button class="absolute bg-[#ECECEC] font-bold leading-[30px] right-2 rounded-[50%] text-[#9E9E9E] top-2 w-[30px]">✕</button>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<p class="mb-[6px] font-bold text-[20px] leading-[26px]"> Chọn danh mục để xem </p>
|
||||||
|
<p class="m-[6px_0]"> Tổng số sản phẩm: 1.740 </p>
|
||||||
|
|
||||||
|
<ul class="h-[400px] overflow-auto leading-[24px]">
|
||||||
|
<li class="mb-[7px]">
|
||||||
|
<div>
|
||||||
|
+ (#1) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 1 </a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<ul class="pl-[15px]">
|
||||||
|
|
||||||
|
<li class="mb-[2px]">
|
||||||
|
<div>
|
||||||
|
+ (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<ul class="pl-[15px]">
|
||||||
|
<li class="mb-[2px]">
|
||||||
|
<div>
|
||||||
|
+ (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5)
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<ul class="pl-[15px]">
|
||||||
|
<li>
|
||||||
|
<div>
|
||||||
|
+ (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5)
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="mb-[2px]">
|
||||||
|
<div>
|
||||||
|
+ (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5)
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="mb-[2px]">
|
||||||
|
<div>
|
||||||
|
+ (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5)
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<!-- loop -->
|
||||||
|
<li class="mb-[2px]"> <div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div><ul class="pl-[15px]"> <li> <div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div></li></ul> </li></ul> </li>
|
||||||
|
<!-- // -->
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<!-- Clone -->
|
||||||
|
<li class="mb-[7px]"> <div> + (#1) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 1 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div><ul class="pl-[15px]"> <li> <div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div></li></ul> </li></ul> </li><li class="mb-[2px]"> <div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div><ul class="pl-[15px]"> <li> <div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div></li></ul> </li></ul> </li></ul> </li><li class="mb-[2px]"> <div> + (#1) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 1 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div><ul class="pl-[15px]"> <li> <div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div></li></ul> </li></ul> </li><li class="mb-[2px]"> <div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div><ul class="pl-[15px]"> <li> <div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div></li></ul> </li></ul> </li></ul> </li>
|
||||||
|
<!-- // clone -->
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<form method="dialog" class="modal-backdrop">
|
||||||
|
<button>close</button>
|
||||||
|
</form>
|
||||||
|
</dialog>
|
||||||
|
|
||||||
|
<dialog id="js_list_brand" class="modal">
|
||||||
|
<div class="modal-box max-w-xl p-[16px]">
|
||||||
|
<form method="dialog">
|
||||||
|
<button class="absolute bg-[#ECECEC] font-bold leading-[30px] right-2 rounded-[50%] text-[#9E9E9E] top-2 w-[30px]">✕</button>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<p class="mb-[6px] font-bold text-[20px] leading-[26px]"> Chọn thương hiệu để xem </p>
|
||||||
|
|
||||||
|
<div class="h-[400px] overflow-auto">
|
||||||
|
<p class="mb-[6px]"> Tìm theo chữ cái: </p>
|
||||||
|
|
||||||
|
<div class="flex flex-wrap items-center brand-letters leading-[24px] mb-[20px]">
|
||||||
|
<a href="">
|
||||||
|
A <span class="text-[black]">(73)</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href=""> b <span class="text-[black]">(73)</span></a><a href=""> c <span class="text-[black]">(73)</span></a><a href=""> d <span class="text-[black]">(73)</span></a><a href=""> e <span class="text-[black]">(73)</span></a><a href=""> f <span class="text-[black]">(73)</span></a><a href=""> g <span class="text-[black]">(73)</span></a><a href=""> 123 <span class="text-[black]">(73)</span></a><a href=""> b <span class="text-[black]">(73)</span></a><a href=""> c <span class="text-[black]">(73)</span></a><a href=""> d <span class="text-[black]">(73)</span></a><a href=""> e <span class="text-[black]">(73)</span></a><a href=""> f <span class="text-[black]">(73)</span></a><a href=""> g <span class="text-[black]">(73)</span></a><a href=""> 123 <span class="text-[black]">(73)</span></a><a href=""> b <span class="text-[black]">(73)</span></a><a href=""> c <span class="text-[black]">(73)</span></a><a href=""> d <span class="text-[black]">(73)</span></a><a href=""> e <span class="text-[black]">(73)</span></a><a href=""> f <span class="text-[black]">(73)</span></a><a href=""> g <span class="text-[black]">(73)</span></a><a href=""> 123 <span class="text-[black]">(73)</span></a><a href=""> b <span class="text-[black]">(73)</span></a><a href=""> c <span class="text-[black]">(73)</span></a><a href=""> d <span class="text-[black]">(73)</span></a><a href=""> e <span class="text-[black]">(73)</span></a><a href=""> f <span class="text-[black]">(73)</span></a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="order-page-table">
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<td width="40">STT</td>
|
||||||
|
<td>Thương hiệu</td>
|
||||||
|
<td width="120">Số sản phẩm</td>
|
||||||
|
<td width="80"></td>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
|
||||||
|
<tbody>
|
||||||
|
<tr align="center">
|
||||||
|
<td> 1 </td>
|
||||||
|
<td align="left"> ABS </td>
|
||||||
|
<td> 1 </td>
|
||||||
|
<td>
|
||||||
|
<a href="/admin/deal/deal-add?id=1" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<!-- loop -->
|
||||||
|
<tr align="center"> <td> 2 </td><td align="left"> A </td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 3</td><td align="left"> B</td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 4 </td><td align="left"> C</td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 5 </td><td align="left"> ABS </td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr>
|
||||||
|
<tr align="center"> <td> 2 </td><td align="left"> A </td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 3</td><td align="left"> B</td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 4 </td><td align="left"> C</td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 5 </td><td align="left"> ABS </td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr>
|
||||||
|
<!-- // -->
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<form method="dialog" class="modal-backdrop">
|
||||||
|
<button>close</button>
|
||||||
|
</form>
|
||||||
|
</dialog>
|
||||||
|
{% endif %}
|
||||||
175
template/deal/deal_detail.html
Normal file
175
template/deal/deal_detail.html
Normal file
@@ -0,0 +1,175 @@
|
|||||||
|
<div class="global-breadcrumb-container">
|
||||||
|
<a href="/admin/deal"> Deal/giờ vàng </a>
|
||||||
|
<a href="/admin/deal/deal-add"> Thêm sản phẩm deal </a>
|
||||||
|
<a href=""> Form thêm deal </a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="max-w-[1141px] m-[0_auto_20px]">
|
||||||
|
<div class="flex flex-wrap items-start justify-center">
|
||||||
|
|
||||||
|
<div class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] flex flex-wrap items-center justify-between">
|
||||||
|
<p class="font-bold text-[20px]"> Cập nhật deal </p>
|
||||||
|
|
||||||
|
<div class="flex items-center">
|
||||||
|
<a href="/admin/deal/deal-add" class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
<span class="border-[1px] border-[#6B7280] h-[13px] w-[13px] leading-[10.3px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
|
||||||
|
<span>Thêm deal</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="/admin/deal" title="Danh sách deal" class="fas fa-ellipsis-h text-[18px] border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] text-center min-w-[36px] group hover:bg-[#0041E8] hover:text-[#fff]"></a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p class="w-[100%] text-[#6B7280]">
|
||||||
|
Màn hình máy tính HKC M20A6 20 Inch Full HD
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- col left -->
|
||||||
|
<div class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
|
||||||
|
<a href="javascript:void(0)" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition" style="color: #Fff;background: #0041E8;"> Thông tin </a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- col right -->
|
||||||
|
<form method="post" enctype="multipart/form-data" class="order-page-table w-[852px] bg-white p-[16pX_16px_20px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] block">
|
||||||
|
|
||||||
|
<p class="mb-[20px] font-bold text-[20px]"> Thông tin deal </p>
|
||||||
|
|
||||||
|
<div class="mb-[24px]">
|
||||||
|
<p class="mb-[7px]"> <b>Tiêu đề của Deal</b> </p>
|
||||||
|
|
||||||
|
<input type="text" value="" class="w-[100%] h-[34px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mb-[24px]">
|
||||||
|
<p class="mb-[7px]"> <b>Sản phẩm liên quan</b> </p>
|
||||||
|
|
||||||
|
<p class="text-[#6B7280]">
|
||||||
|
Màn hình máy tính HKC M20A6 20 Inch Full HD
|
||||||
|
<a href="">Xem link</a>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mb-[24px]">
|
||||||
|
<p class="mb-[7px]"> <b>Mô tả tóm tắt về deal nếu có</b> </p>
|
||||||
|
|
||||||
|
<textarea class="w-[100%] min-h-[122px] max-h-[170px] p-[6px_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p class="bg-[#FAFAFB] h-[6px] m-[20px_-16px]"></p>
|
||||||
|
|
||||||
|
<p class="mb-[20px] font-bold text-[20px]"> Thông tin bán Sản phẩm </p>
|
||||||
|
|
||||||
|
<div class="mb-[24px] flex items-center">
|
||||||
|
<p class="w-[140px]"> <b>Giá sản phẩm</b> </p>
|
||||||
|
|
||||||
|
<p class="text-[#6B7280]"> 17.999.000 VNĐ </p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mb-[24px] flex items-center">
|
||||||
|
<p class="w-[140px]"> <b> Giá deal </b> </p>
|
||||||
|
|
||||||
|
<input type="text" value="" class="w-[50%] h-[34px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex flex-wrap justify-between">
|
||||||
|
<div class="mb-[24px] w-[32%]">
|
||||||
|
<p class="mb-[6px]">
|
||||||
|
<b> Số lượng bán </b>
|
||||||
|
(Số đang có: 8)
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<input type="text" value="" class="w-[100%] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mb-[24px] w-[32%]">
|
||||||
|
<div class="mb-[6px] relative">
|
||||||
|
<b> Số lượng tối thiểu phải mua </b>
|
||||||
|
|
||||||
|
<div class="inline-block relative group">
|
||||||
|
<i class="far fa-question-circle cursor-pointer ml-1 text-[#FFC700]"></i>
|
||||||
|
|
||||||
|
<p class="hidden leading-[16px] text-[13px] absolute left-[-10px] bg-[rgba(0,0,0,0.60)] p-[6px_10px] rounded-[5px] text-white top-[100%] w-[280px] z-[1] group-hover:block">
|
||||||
|
Đây là số lượng mà người mua phải mua ở một lần đặt hàng nếu muốn đặt hàng deal này. Có thể áp dụng trường hợp bạn đang có số lượng hàng tồn lớn và muốn bán nhanh
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<input type="text" value="" class="w-[100%] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mb-[24px] w-[32%]">
|
||||||
|
<div class="mb-[6px]">
|
||||||
|
<b> Số lượng tối đa được mua </b>
|
||||||
|
|
||||||
|
<div class="inline-block relative group">
|
||||||
|
<i class="far fa-question-circle cursor-pointer ml-1 text-[#FFC700]"></i>
|
||||||
|
|
||||||
|
<p class="hidden leading-[16px] text-[13px] absolute left-[-30px] bg-[rgba(0,0,0,0.60)] p-[6px_10px] rounded-[5px] text-white top-[100%] w-[250px] z-[1] group-hover:block">
|
||||||
|
Số lượng tối đa 1 khách hàng được phép đặt mua
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<input type="text" value="" class="w-[100%] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mb-[24px]">
|
||||||
|
<p class="mb-[10px]"> <b>Thời gian hiệu lực *</b> </p>
|
||||||
|
|
||||||
|
<div class="flex items-center mb-[12px]">
|
||||||
|
<p style="width: 65px;"> Bắt đầu </p>
|
||||||
|
<div class="relative m-[0_35px_0_10px]">
|
||||||
|
<i class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
|
||||||
|
<input type="date" name="from_time_date" value="" placeholder="Từ ngày" class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p class="mr-[10px]"> Giờ </p>
|
||||||
|
|
||||||
|
<select name='info[from_time_minute]' id='from_time_minute' style="width: 85px;">
|
||||||
|
<option value="00:00">00:00</option><option value="00:30">00:30</option><option value="01:00">01:00</option><option value="01:30">01:30</option><option value="02:00">02:00</option><option value="02:30">02:30</option><option value="03:00">03:00</option><option value="03:30">03:30</option><option value="04:00">04:00</option><option value="04:30">04:30</option><option value="05:00">05:00</option><option value="05:30">05:30</option><option value="06:00">06:00</option><option value="06:30">06:30</option><option value="07:00">07:00</option><option value="07:30">07:30</option><option value="08:00">08:00</option><option value="08:30">08:30</option><option value="09:00">09:00</option><option value="09:30">09:30</option><option value="10:00">10:00</option><option value="10:30">10:30</option><option value="11:00">11:00</option><option value="11:30">11:30</option><option value="12:00">12:00</option><option value="12:30">12:30</option><option value="13:00">13:00</option><option value="13:30">13:30</option><option value="14:00">14:00</option><option value="14:30">14:30</option><option value="15:00">15:00</option><option value="15:30">15:30</option><option value="16:00">16:00</option><option value="16:30">16:30</option><option value="17:00">17:00</option><option value="17:30">17:30</option><option value="18:00">18:00</option><option value="18:30">18:30</option><option value="19:00">19:00</option><option value="19:30">19:30</option><option value="20:00">20:00</option><option value="20:30">20:30</option><option value="21:00">21:00</option><option value="21:30">21:30</option><option value="22:00">22:00</option><option value="22:30">22:30</option><option value="23:00">23:00</option><option value="23:30">23:30</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex items-center">
|
||||||
|
<p style="width: 65px;"> Kết thúc </p>
|
||||||
|
<div class="relative m-[0_35px_0_10px]">
|
||||||
|
<i class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
|
||||||
|
<input type="date" name="to_time_date" value="" placeholder="Từ ngày" class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p class="mr-[10px]"> Giờ </p>
|
||||||
|
|
||||||
|
<select name='info[to_time_minute]' id='from_time_minute' style="width: 85px;">
|
||||||
|
<option value="00:00">00:00</option><option value="00:30">00:30</option><option value="01:00">01:00</option><option value="01:30">01:30</option><option value="02:00">02:00</option><option value="02:30">02:30</option><option value="03:00">03:00</option><option value="03:30">03:30</option><option value="04:00">04:00</option><option value="04:30">04:30</option><option value="05:00">05:00</option><option value="05:30">05:30</option><option value="06:00">06:00</option><option value="06:30">06:30</option><option value="07:00">07:00</option><option value="07:30">07:30</option><option value="08:00">08:00</option><option value="08:30">08:30</option><option value="09:00">09:00</option><option value="09:30">09:30</option><option value="10:00">10:00</option><option value="10:30">10:30</option><option value="11:00">11:00</option><option value="11:30">11:30</option><option value="12:00">12:00</option><option value="12:30">12:30</option><option value="13:00">13:00</option><option value="13:30">13:30</option><option value="14:00">14:00</option><option value="14:30">14:30</option><option value="15:00">15:00</option><option value="15:30">15:30</option><option value="16:00">16:00</option><option value="16:30">16:30</option><option value="17:00">17:00</option><option value="17:30">17:30</option><option value="18:00">18:00</option><option value="18:30">18:30</option><option value="19:00">19:00</option><option value="19:30">19:30</option><option value="20:00">20:00</option><option value="20:30">20:30</option><option value="21:00">21:00</option><option value="21:30">21:30</option><option value="22:00">22:00</option><option value="22:30">22:30</option><option value="23:00">23:00</option><option value="23:30">23:30</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mb-[24px]">
|
||||||
|
<p class="mb-[7px]"> <b>Thứ tự hiển thị</b> </p>
|
||||||
|
|
||||||
|
<input type="text" value="0" class="w-[50%] h-[34px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="flex items-center">
|
||||||
|
<p> <b>Hiển thị</b> </p>
|
||||||
|
|
||||||
|
<label class="flex items-center cursor-pointer relative pl-[30px] m-[0_76px]">
|
||||||
|
<input type="radio" name="info[status]" value="1" class="left-0" checked>
|
||||||
|
<span>Cho hiển thị</span>
|
||||||
|
</label>
|
||||||
|
|
||||||
|
<label class="flex items-center cursor-pointer relative pl-[30px]">
|
||||||
|
<input type="radio" name="info[status]" value="0" class="left-0">
|
||||||
|
<span>Ẩn hiển thị</span>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p class="bg-[#FAFAFB] h-[6px] m-[20px_-16px]"></p>
|
||||||
|
|
||||||
|
<input name="commit" type="submit" value="Cập nhật" class="inline-block cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]"/>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
135
template/deal/home.html
Normal file
135
template/deal/home.html
Normal file
@@ -0,0 +1,135 @@
|
|||||||
|
<div class="bg-white m-[16px_0_16px_16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
|
||||||
|
<p class="leading-[30px] mb-[13px] font-bold text-[24px]"> Danh sách Deal </p>
|
||||||
|
|
||||||
|
<form method="get" enctype="multipart/form-data" action="/admin/" class="border border-[#F6F6F6] m-[12px_0_16px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
|
||||||
|
<input type="hidden" name="opt" value="deal">
|
||||||
|
<input type="hidden" name="q" value="">
|
||||||
|
<input type="hidden" name="page" value="">
|
||||||
|
|
||||||
|
<input type="text" name="q" id="keyword" value="" placeholder="Tìm sản phẩm" class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
|
||||||
|
<input type="submit" value="Tìm kiếm" class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div class="flex items-center flex-wrap justify-between mb-[20px]">
|
||||||
|
<a href="" class="leading-[35px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
|
||||||
|
Xóa danh sách được chọn
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<div class="flex items-center font-[500] leading-[35px]">
|
||||||
|
<a href="/admin/deal/deal-add" class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_16px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
<span class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
|
||||||
|
<span>Thêm deal mới</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="" class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_16px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
<span class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
|
||||||
|
<span>Thêm deal excel</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="" class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
<i class="fas fa-file-download m-[0_4px_0_0]"></i>
|
||||||
|
<span>Tải file excel</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="order-page-table">
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<td width="40"> <input type="checkbox" class="scale-[1.5]"/> </td>
|
||||||
|
<td width="40"> STT </td>
|
||||||
|
<td width="80"> Ảnh </td>
|
||||||
|
<td> Sản phẩm (Tổng số: 1.742) </td>
|
||||||
|
<td> Thông tin Deal </td>
|
||||||
|
<td> Thời gian Deal </td>
|
||||||
|
<td width="130">
|
||||||
|
<select>
|
||||||
|
<option value="">Tình trạng</option>
|
||||||
|
<option value="not-started"> Chưa bắt đầu </option>
|
||||||
|
<option value="started"> Đang bắt đầu </option>
|
||||||
|
<option value="ended"> Hết thời gian </option>
|
||||||
|
<option value="hidden"> Ẩn hiển thị </option>
|
||||||
|
<option value="featured"> Đang nổi bật </option>
|
||||||
|
</select>
|
||||||
|
</td>
|
||||||
|
<td> Công cụ </td>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
|
||||||
|
<tbody>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td align="center">
|
||||||
|
<input type="checkbox" class="scale-[1.5] js-checkbox-id"/>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td align="center"> 1 </td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<img src="https://via.placeholder.com/500x500" class="block"/>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<a href=""> HH WORKSTATION CORE i9 10900K | 32GB | NVIDIA RTX 2060 6GB </a>
|
||||||
|
<p> [SKU: LTLE950] </p>
|
||||||
|
<p> Số lượng: <b>60</b> </p>
|
||||||
|
<p> Số tối thiểu cho 1 đơn hàng: <b>1</b> </p>
|
||||||
|
<p> Tạo lúc: 25-10-2022, 4:56 pm </p>
|
||||||
|
<p> Cập nhật: 17-01-2024, 9:36 am </p>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<p> Giá Deal:
|
||||||
|
<b class="text-[red] mr-1"> 35.000.000 vnđ </b>
|
||||||
|
(Giảm: <b class="text-[red]"> 4% </b>)
|
||||||
|
</p>
|
||||||
|
<p> Giá thị trường: <b class="text-[red]"> 36.000.000 vnd </b></p>
|
||||||
|
<p> Số đơn hàng : <b> 6 </b> </p>
|
||||||
|
<p> Số lượng đặt mua: <b> 10 </b> </p>
|
||||||
|
<p> Lượt xem: <b> 0 </b> </p>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<b> 01-01-2024, 1:00 pm </b> đến
|
||||||
|
<b class="block"> 31-03-2024, 8:00 pm </b>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<i title="Chưa bắt đầu" style="background: #0041E8;" class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i>
|
||||||
|
<i title="Đang bắt đầu" style="background: #299D00;" class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i>
|
||||||
|
<i title="Hết thời gian" style="background: #E00000;" class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i>
|
||||||
|
<i title="Ẩn hiển thị" style="background: #C8C8C8;" class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i>
|
||||||
|
<i title="Đang nổi bật" style="background: #FFC700;" class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<div class="items-center flex">
|
||||||
|
<a href="/admin/deal/deal-add?id=1" title="Sửa lại" class="icons icon-edit"></a>
|
||||||
|
|
||||||
|
<a href="" title="Cho nổi bật" class="fas fa-crown bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
|
||||||
|
|
||||||
|
<a href="" title="Hạ nổi bật" class="fas fa-crown bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
|
||||||
|
|
||||||
|
<a href="" title="Hạ xuống" class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
|
||||||
|
|
||||||
|
<a href="" title="Cho Hiển thị" class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"> </a>
|
||||||
|
|
||||||
|
<a href="" class="icons icon-delete" title="Xóa"></a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="paging">
|
||||||
|
<a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
|
||||||
|
<a href="" class="current">1</a>
|
||||||
|
<a href="">2</a>
|
||||||
|
<a href="">3</a>
|
||||||
|
<a href="">4</a>
|
||||||
|
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
@@ -1,14 +1,19 @@
|
|||||||
{% include javascript/global %}
|
{% include javascript/global %}
|
||||||
|
|
||||||
{% if global.module == 'home' %}
|
{% if global.module == 'home' %}
|
||||||
{% include javascript/homepage %}
|
|
||||||
|
{% include javascript/homepage %}
|
||||||
|
|
||||||
{% elsif global.module == 'product' %}
|
{% elsif global.module == 'product' %}
|
||||||
|
|
||||||
{% if global.view == 'home' %}
|
{% if global.view == 'home' %}
|
||||||
{% include javascript/product_list %}
|
{% include javascript/product_list %}
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
{% include javascript/product_form %}
|
{% include javascript/product_form %}
|
||||||
|
|
||||||
|
{% elsif global.module == 'deal' %}
|
||||||
|
|
||||||
|
{% include javascript/product_form %}
|
||||||
|
|
||||||
{% endif %}
|
{% endif %}
|
||||||
1
template/job/home.html
Normal file
1
template/job/home.html
Normal file
@@ -0,0 +1 @@
|
|||||||
|
template/job/home.html
|
||||||
70
template/marketing/conditional_promotion.html
Normal file
70
template/marketing/conditional_promotion.html
Normal file
@@ -0,0 +1,70 @@
|
|||||||
|
<div class="bg-white m-[16px_0_16px_16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
|
||||||
|
<p class="leading-[30px] mb-[13px] font-bold text-[24px]"> Khuyến mại cấu hình máy tính </p>
|
||||||
|
|
||||||
|
<div class="text-right font-[500] leading-[35px] m-[0_0_20px_0] ">
|
||||||
|
<a href="/admin/marketing/conditional-promotion-add" class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
<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 khuyến mại mới</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="order-page-table">
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<td> STT </td>
|
||||||
|
<td> Khuyến mại </td>
|
||||||
|
<td> Điều kiện áp dụng </td>
|
||||||
|
<td> Thông tin khác </td>
|
||||||
|
<td> Lựa chọn </td>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
|
||||||
|
<tbody>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td align="center"> 1 </td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<p class="font-bold"> 20.000.000 </p>
|
||||||
|
<p> - Tặng tiền mặt: 500.000 </p>
|
||||||
|
<p> - Tùy chọn gói sản phẩm: 500.000 </p>
|
||||||
|
<p> - Nội dung:Tặng ngay tiền mặt 500.000 VNĐ </p>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<p>1. Bắt buộc phải có sản phẩm thuộc các danh mục: 30,31,32,164,35,36 </p>
|
||||||
|
<p>2. Giá trị đơn hàng trong khoảng: 20.000.000 VND - 30.000.000 VND </p>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<p> Tạo bởi: Nguyễn Tiến Dinh (10-11-2023, 10:06 am) </p>
|
||||||
|
<p> Cập nhật: Nguyễn Tiến Dinh (18-12-2023, 2:59 pm) </p>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<div class="items-center flex">
|
||||||
|
<a href="/admin/marketing/conditional-promotion-add?id=1" title="Sửa lại" class="icons icon-edit"></a>
|
||||||
|
|
||||||
|
<a href="" title="Hạ xuống" class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
|
||||||
|
|
||||||
|
<a href="" title="Cho Hiển thị" class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"> </a>
|
||||||
|
|
||||||
|
<a href="" class="icons icon-delete" title="Xóa"></a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="paging">
|
||||||
|
<a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
|
||||||
|
<a href="" class="current">1</a>
|
||||||
|
<a href="">2</a>
|
||||||
|
<a href="">3</a>
|
||||||
|
<a href="">4</a>
|
||||||
|
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
124
template/marketing/conditional_promotion_add.html
Normal file
124
template/marketing/conditional_promotion_add.html
Normal file
@@ -0,0 +1,124 @@
|
|||||||
|
<div class="global-breadcrumb-container">
|
||||||
|
<a href="/admin/marketing/conditional-promotion"> Khuyến mại BuildPC </a>
|
||||||
|
<a href=""> Form thêm / sửa khuyến mại </a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="max-w-[1141px] flex flex-wrap items-start m-[0_auto_16px_auto]">
|
||||||
|
<div class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] flex flex-wrap items-center justify-between">
|
||||||
|
<p class="font-bold text-[20px]"> Cập nhật khuyến mại </p>
|
||||||
|
|
||||||
|
<a href="/admin/marketing/conditional-promotion-add" class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
<span class="border-[1px] border-[#6B7280] h-[13px] w-[13px] leading-[10.3px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
|
||||||
|
<span>Thêm khuyến mại</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<p class="w-[100%] text-[#6B7280]">
|
||||||
|
100 triệu
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
|
||||||
|
<a href="javascript:void(0)" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition" style="color: #Fff;background: #0041E8;"> Thông tin </a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<form method="post" enctype="multipart/form-data" class="order-page-table w-[852px] bg-white p-[16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
|
||||||
|
<table>
|
||||||
|
<tr>
|
||||||
|
<td width="215"> <b>Tên gọi</b> </td>
|
||||||
|
<td>
|
||||||
|
<input type="text" value="" placeholder="Tên gọi" class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
|
||||||
|
<i class="block text-[#6B7280] mt-[8px]"> * Phần này chỉ dùng cho quản trị viên phân biệt. </i>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td> <b>Nội dung khuyến mại</b> </td>
|
||||||
|
<td>
|
||||||
|
|
||||||
|
<div class="mb-[15px]">
|
||||||
|
<p class="mb-[8px]">1. Tặng tiền mặt: <i class="text-[#6B7280] font-[300]">VND</i></p>
|
||||||
|
<input type="text" value="" class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mb-[15px]">
|
||||||
|
<p class="mb-[8px]">2. Tùy chọn gói sản phẩm: <i class="text-[#6B7280] font-[300]">VND</i></p>
|
||||||
|
<input type="text" value="" class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mb-[15px]">
|
||||||
|
<p class="mb-[8px]">3. Nội dung: </p>
|
||||||
|
<textarea id="product-desc"> </textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td> <b> Điều kiện áp dụng * </b> </td>
|
||||||
|
<td>
|
||||||
|
|
||||||
|
<div class="mb-[15px]">
|
||||||
|
<p class="mb-[8px]"> 1. Bắt buộc phải có sản phẩm thuộc các danh mục: </p>
|
||||||
|
<input type="text" value="" class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p class="mb-[8px]">2. Giá trị đơn hàng trong khoảng: <i class="text-[#6B7280] font-[300]">VND</i></p>
|
||||||
|
|
||||||
|
<div class="flex items-center justify-between">
|
||||||
|
<div>
|
||||||
|
<p class="inline-block mr-[13px]"> Giá từ </p>
|
||||||
|
<input type="text" value="" class="w-[220px] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<p class="inline-block mr-[13px]"> Đến </p>
|
||||||
|
<input type="text" value="" class="w-[220px] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td> <b> Hiển thị </b> </td>
|
||||||
|
<td style="padding: 14px">
|
||||||
|
<label class="items-center cursor-pointer relative pl-[30px] mr-[15px]" style="display: inline-flex;">
|
||||||
|
<input type="radio" name="info[status]" value="1" class="left-0">
|
||||||
|
<span>Cho hiển thị</span>
|
||||||
|
</label>
|
||||||
|
|
||||||
|
<label class="items-center cursor-pointer relative pl-[30px]" style="display: inline-flex;">
|
||||||
|
<input type="radio" name="info[status]" value="0" checked class="left-0">
|
||||||
|
<span>Ẩn hiển thị</span>
|
||||||
|
</label>
|
||||||
|
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<input type="submit" value="Cập nhật" class="inline-block mt-[12px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]"/>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<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 }'
|
||||||
|
});
|
||||||
|
</script>
|
||||||
@@ -58,8 +58,6 @@
|
|||||||
Đã dừng
|
Đã dừng
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<p>- Giá trị đơn hàng tối thiểu: <b class="text-[#E00000] font-bold">2.000.000 đ</b> </p>
|
|
||||||
</td>
|
</td>
|
||||||
|
|
||||||
<td>
|
<td>
|
||||||
@@ -70,10 +68,11 @@
|
|||||||
<td>
|
<td>
|
||||||
<p> - Tạo bởi: Đức (05-09-2022, 9:48 am) </p>
|
<p> - Tạo bởi: Đức (05-09-2022, 9:48 am) </p>
|
||||||
<p> - Cập nhật cuối: hongvt@hurasoft.com<br>(03-10-2023, 8:31 am) </p>
|
<p> - Cập nhật cuối: hongvt@hurasoft.com<br>(03-10-2023, 8:31 am) </p>
|
||||||
|
<p>- Giá trị đơn hàng tối thiểu: <b class="text-[#E00000] font-bold">2.000.000 đ</b> </p>
|
||||||
</td>
|
</td>
|
||||||
|
|
||||||
<td>
|
<td>
|
||||||
<div class="items-center" style="display: flex;">
|
<div class="items-center flex">
|
||||||
<a href="/admin/marketing/coupon-add?id=8" class="icons icon-edit" title="Sửa lại"></a>
|
<a href="/admin/marketing/coupon-add?id=8" class="icons icon-edit" title="Sửa lại"></a>
|
||||||
|
|
||||||
<!-- <a href="javascript:setStatus('8','off')" title="Hạ xuống" class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a> -->
|
<!-- <a href="javascript:setStatus('8','off')" title="Hạ xuống" class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a> -->
|
||||||
@@ -85,7 +84,7 @@
|
|||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
<tr> <td align="center"> 2 </td><td class="whitespace-nowrap"> CP231020233 </td><td> <p class="font-bold"> Test phiếu giảm giá </p><div> Test phiếu giảm giá </div></td><td> <p class="font-bold"> Tặng sản phẩm </p><p> Balo thời trang </p></td><td> <div style="display: block;"> <p class="inline-block m-[0_6px_6px_0]"> - Bắt đầu: 23-10-2023, 12:00 am </p><span class="inline-block m-[0_0_6px_0] bg-[#F7F5FF] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#0041E8] shadow-[0_0_0_1px_#0041E8]"> Đã chạy </span> </div><div> <p class="inline-block m-[0_6px_6px_0]"> - Kết thúc: 28-10-2023, 12:00 am </p><span class="inline-block m-[0_0_6px_0] bg-[#F9F2F2] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#E00000] shadow-[0_0_0_1px_#E00000]"> Đã dừng </span> </div><p>- Giá trị đơn hàng tối thiểu: <b class="text-[#E00000] font-bold">2.000.000 đ</b> </p></td><td> <p> 0 đã dùng </p><p> Tổng số: 20 </p></td><td> <p> - Tạo bởi: Đức (05-09-2022, 9:48 am) </p><p> - Cập nhật cuối: hongvt@hurasoft.com<br>(03-10-2023, 8:31 am) </p></td><td> <div class="items-center" style="display: flex;"> <a href="/admin/marketing/coupon-add?id=8" class="icons icon-edit" title="Sửa lại"></a> <a href="javascript:setStatus('8','off')" title="Hạ xuống" class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a> <a href="javascript:delete_coupon('8')" class="icons icon-delete" title="Xóa"></a> </div></td></tr>
|
<tr> <td align="center"> 2 </td><td class="whitespace-nowrap"> CP231020233 </td><td> <p class="font-bold"> Test phiếu giảm giá </p><div> Test phiếu giảm giá </div></td><td> <p class="font-bold"> Tặng sản phẩm </p><p> Balo thời trang </p></td><td> <div style="display: block;"> <p class="inline-block m-[0_6px_6px_0]"> - Bắt đầu: 23-10-2023, 12:00 am </p><span class="inline-block m-[0_0_6px_0] bg-[#F7F5FF] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#0041E8] shadow-[0_0_0_1px_#0041E8]"> Đã chạy </span> </div><div> <p class="inline-block m-[0_6px_6px_0]"> - Kết thúc: 28-10-2023, 12:00 am </p><span class="inline-block m-[0_0_6px_0] bg-[#F9F2F2] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#E00000] shadow-[0_0_0_1px_#E00000]"> Đã dừng </span> </div></td><td> <p> 0 đã dùng </p><p> Tổng số: 20 </p></td><td> <p> - Tạo bởi: Đức (05-09-2022, 9:48 am) </p><p> - Cập nhật cuối: hongvt@hurasoft.com<br>(03-10-2023, 8:31 am) </p><p>- Giá trị đơn hàng tối thiểu: <b class="text-[#E00000] font-bold">2.000.000 đ</b> </p></td><td> <div class="items-center" style="display: flex;"> <a href="/admin/marketing/coupon-add?id=8" class="icons icon-edit" title="Sửa lại"></a> <a href="javascript:setStatus('8','off')" title="Hạ xuống" class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a> <a href="javascript:delete_coupon('8')" class="icons icon-delete" title="Xóa"></a> </div></td></tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -4,29 +4,27 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="max-w-[1141px] m-auto">
|
<div class="max-w-[1141px] m-auto">
|
||||||
<div class="text-right m-[0_0_12px]">
|
|
||||||
<a href="/admin/marketing/coupon-add" class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
|
|
||||||
<span class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
|
|
||||||
<span>Thêm phiếu mới</span>
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<a href="/admin/marketing/coupon" class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[35px] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
|
|
||||||
<i class="fas fa-clipboard-list mr-[8px]"></i>
|
|
||||||
<span>Danh sách</span>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="flex flex-wrap items-start m-[16px_0]">
|
<div class="flex flex-wrap items-start m-[16px_0]">
|
||||||
{% if global.url contains 'id=' %} <!-- Form chỉnh sửa -->
|
{% if global.url contains 'id=' %} <!-- Form chỉnh sửa -->
|
||||||
|
<div class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] flex flex-wrap items-center justify-between">
|
||||||
|
<p class="font-bold text-[20px]"> Cập nhật </p>
|
||||||
|
|
||||||
<p class="w-[100%] bg-white m-[0_0_16px] text-center rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[54px] text-[18px] font-bold"> Cập nhật coupon: Giảm tiền mặt </p>
|
<a href="/admin/marketing/coupon-add" class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
<span class="border-[1px] border-[#6B7280] h-[13px] w-[13px] leading-[10.3px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
|
||||||
|
<span>Thêm phiếu mới</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<p class="w-[100%] text-[#6B7280]">
|
||||||
|
Giảm 10.000đ khi mua đặt hàng online (nhập mã test2023)
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
|
<div class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
|
||||||
<a href="javascript:void(0)" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition" style="color: #Fff;background: #0041E8;"> Chỉnh sửa </a>
|
<a href="javascript:void(0)" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition" style="color: #Fff;background: #0041E8;"> Chỉnh sửa </a>
|
||||||
<a href="/admin/marketing/coupon-product?id=8" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Danh sách sản phẩm </a>
|
<a href="/admin/marketing/coupon-product?id=8" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Danh sách sản phẩm </a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<form method="post" enctype="multipart/form-data" class="order-page-table w-[852px] bg-white p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
|
<form method="post" enctype="multipart/form-data" class="order-page-table w-[852px] bg-white p-[16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
|
||||||
|
|
||||||
<input type="hidden" name="info[id]" value="0" />
|
<input type="hidden" name="info[id]" value="0" />
|
||||||
|
|
||||||
|
|||||||
82
template/marketing/feed.html
Normal file
82
template/marketing/feed.html
Normal file
@@ -0,0 +1,82 @@
|
|||||||
|
{% if global.url contains 'view=' %}
|
||||||
|
|
||||||
|
{% include 'marketing/feed_add' %}
|
||||||
|
|
||||||
|
{% else %}
|
||||||
|
<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]"> Facebook Product Ads </p>
|
||||||
|
|
||||||
|
<div class="flex items-center justify-between mb-[20px]">
|
||||||
|
<p class="mr-[15px]">Tổng hợp các danh sách chứa Sản phẩm dùng quảng cáo trên Facebook. Dùng link Facebook Feed ở danh sách phù hợp để nhập trong facebook ad manager</p>
|
||||||
|
|
||||||
|
<a href="/admin/marketing/feed" class="flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[34px] p-[0_12px] 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 danh sách mới</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="order-page-table">
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<td width="45"> STT </td>
|
||||||
|
<td> Danh sách </td>
|
||||||
|
<td> Sản phẩm </td>
|
||||||
|
<td> Facebook feed </td>
|
||||||
|
<td> Google feed </td>
|
||||||
|
<td> Cập nhật </td>
|
||||||
|
<td width="270"> Lựa chọn </td>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
|
||||||
|
<tbody>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td align="center"> 1 </td>
|
||||||
|
|
||||||
|
<td class="font-bold"> 2023 còn hàng </td>
|
||||||
|
|
||||||
|
<td align="center"> 6.055 sp </td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<input type="text" value="/feed/facebook.php?id=70" readonly class="block leading-[32px] w-[100%] bg-[#fff] p-[0_10px] m-[0_0_4px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]"/>
|
||||||
|
<a href=""> FB feed </a>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<input type="text" value="/feed/google.php?id=70" readonly class="block leading-[32px] w-[100%] bg-[#fff] p-[0_10px] m-[0_0_4px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]"/>
|
||||||
|
<a href=""> Google feed </a>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<p> Trương Thị Thái Ninh </p>
|
||||||
|
<p> 25-10-2023, 3:05 pm </p>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<div class="flex items-center flex-wrap justify-center">
|
||||||
|
<a href="" class="block text-center font-[500] text-[#fff_!important] bg-[#0041E8] rounded-[4px] p-[0_9px] leading-[30px] mr-[8px]">Xem sản phẩm</a>
|
||||||
|
|
||||||
|
<a href="" class="icons icon-edit" title="Sửa lại"></a>
|
||||||
|
|
||||||
|
<a href="/admin/marketing/feed?view=fb-product-select" class="fas fa-plus-circle w-[30px] leading-[30px] mr-[8px] text-center rounded-[4px] border border-[#0041E8] bg-[#F5F7FF]" title="Thêm sản phẩm"></a>
|
||||||
|
|
||||||
|
<a href="" class="icons icon-delete" title="Xóa"></a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="paging">
|
||||||
|
<a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
|
||||||
|
<a href="" class="current">1</a>
|
||||||
|
<a href="">2</a>
|
||||||
|
<a href="">3</a>
|
||||||
|
<a href="">4</a>
|
||||||
|
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
83
template/marketing/feed_add.html
Normal file
83
template/marketing/feed_add.html
Normal file
@@ -0,0 +1,83 @@
|
|||||||
|
<div class="global-breadcrumb-container">
|
||||||
|
<a href="/admin/marketing/feed"> Facebook Product Ads </a>
|
||||||
|
<a href=""> Thêm sản phẩm hiển thị Facebook </a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="m-[0_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]"> Chọn sản phẩm hiển thị Facebook </p>
|
||||||
|
|
||||||
|
<form method="get" enctype="multipart/form-data" action="/admin/" class="border border-[#F6F6F6] m-[12px_0_20px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
|
||||||
|
<input type="text" name="q" id="keyword" value="" placeholder="Tìm sản phẩm" class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
|
||||||
|
<input type="submit" value="Tìm kiếm" class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div class="flex items-center justify-between m-[20px_0_16px]">
|
||||||
|
<div class="flex items-center">
|
||||||
|
<a href="" class="leading-[34px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] mr-[15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
|
||||||
|
Thêm toàn bộ sản phẩm
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="" class="leading-[34px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] mr-[15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
|
||||||
|
Chọn danh mục Sản phẩm để xem
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex items-center">
|
||||||
|
<select class="min-w-[160px] h-[36px] p-[0_5px] border border-[#D8D8D8] rounded-[4px] mr-[15px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
|
||||||
|
<option value=""> Lọc sản phẩm </option>
|
||||||
|
<option value=""> option </option>
|
||||||
|
</select>
|
||||||
|
|
||||||
|
<select class="min-w-[160px] h-[36px] p-[0_5px] border border-[#D8D8D8] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
|
||||||
|
<option value=""> Sắp xếp sản phẩm </option>
|
||||||
|
<option value=""> option </option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="order-page-table">
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<td width="50"> STT </td>
|
||||||
|
<td width="70"> Ảnh </td>
|
||||||
|
<td> Tên Sản phẩm </td>
|
||||||
|
<td> Thông tin bán hàng </td>
|
||||||
|
<td width="160"> Lựa chọn </td>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
|
||||||
|
<tbody>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td align="center"> 1 </td>
|
||||||
|
<td> <img src="https://via.placeholder.com/500x350" class="block max-w-[52px] m-auto"/> </td>
|
||||||
|
<td>
|
||||||
|
<a href=""> Chuột game Steelseries Prime Mini (62421) (USB/RGB) </a>
|
||||||
|
<p> Mã kho: <b> MOVI213 </b> </p>
|
||||||
|
<p> Lượt xem: 3.360 </p>
|
||||||
|
<p> Cập nhật: Hôm nay, 8:59 am </p>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<p> Giá: <b class="text-[red]">999.000</b> vnđ </p>
|
||||||
|
<p> Kho hàng: <b>5</b> </p>
|
||||||
|
<p> Bảo hành: <b>36 Tháng</b> </p>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<a href="" class="block text-center leading-[36px] bg-[#0041E8] text-[#fff_!important] font-[500] p-[0_12px] cursor-pointer rounded-[4px]"> Chọn sản phẩm </a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="paging">
|
||||||
|
<a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
|
||||||
|
<a href="" class="current">1</a>
|
||||||
|
<a href="">2</a>
|
||||||
|
<a href="">3</a>
|
||||||
|
<a href="">4</a>
|
||||||
|
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
49
template/marketing/product_offer.html
Normal file
49
template/marketing/product_offer.html
Normal file
@@ -0,0 +1,49 @@
|
|||||||
|
<div class="max-w-[1141px] m-[17px_auto_20px]">
|
||||||
|
<div class="flex flex-wrap items-start justify-center">
|
||||||
|
|
||||||
|
<div class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] flex flex-wrap items-center justify-between">
|
||||||
|
<p class="font-bold text-[20px]"> Sản phẩm phiếu khuyến mại </p>
|
||||||
|
|
||||||
|
<a href="/admin/deal/deal-add" class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
<i class="far fa-file-excel mr-2"></i>
|
||||||
|
<span>Tải danh sách hiện tại</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<p class="w-[100%] text-[#6B7280] mt-[10px]"> Hướng dẫn: Để cập nhật/xoá Sản phẩm có mã khuyến mại, tải file excel mới nhất về và sửa từ đó. Để xoá sp thì chỉ cần xoá sp khỏi file excel. Sau khi chỉnh xong file excel thì Upload lại để hệ thống nhận mới. </p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- col left -->
|
||||||
|
<div class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
|
||||||
|
<a href="javascript:void(0)" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition" style="color: #Fff;background: #0041E8;"> Thông tin </a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- col right -->
|
||||||
|
<form method="post" enctype="multipart/form-data" class="order-page-table w-[852px] bg-white p-[16pX_16px_20px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block text-[#6B7280]">
|
||||||
|
|
||||||
|
<table>
|
||||||
|
<tr>
|
||||||
|
<td width="215"> File cập nhật </td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<input type="file">
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td> Lựa chọn </td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<label class="inline-flex items-center mb-[5px] cursor-pointer">
|
||||||
|
<input type="checkbox" class="mr-[10px] scale-[1.5]"/>
|
||||||
|
<span> Xóa dữ liệu cũ trước khi cập nhật </span>
|
||||||
|
</label>
|
||||||
|
|
||||||
|
<i class="block font-[300]">(* Nếu lựa chọn, hệ thống sẽ xóa bỏ hết dữ liệu đang có trước khi cập nhật dữ liệu nhận được từ file excel)</i>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<input name="commit" type="submit" value="Cập nhật" class="inline-block cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px] mt-[17px]"/>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
@@ -1 +1,78 @@
|
|||||||
template/marketing/promotion.html
|
<div class="marketing-coupon-page bg-white m-[16px_0_16px_16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
|
||||||
|
<p class="leading-[30px] text-[24px] font-bold m-[0_0_12px]"> Khuyến mại theo sản phẩm </p>
|
||||||
|
|
||||||
|
<form method="get" enctype="multipart/form-data" action="/admin/" class="border border-[#F6F6F6] m-[12px_0_20px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
|
||||||
|
<input type="hidden" name="opt" value="marketing">
|
||||||
|
<input type="hidden" name="view" value="promotion">
|
||||||
|
|
||||||
|
<input type="text" name="q" id="keyword" value="" class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
|
||||||
|
<input type="submit" value="Tìm kiếm" class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div class="flex items-center justify-between m-[20px_0_25px]">
|
||||||
|
<p> Danh sách các khuyến mại đi kèm khi người dùng mua Sản phẩm. Bạn cần tạo khuyến mại và lựa chọn Sản phẩm phù hợp cho từng khuyến mại </p>
|
||||||
|
|
||||||
|
<div class="flex items-center">
|
||||||
|
<a href="/admin/marketing/promotion-add" class="flex items-center whitespace-nowrap border border-[#0041E8] mr-[15px] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[35px] p-[0_12px]">
|
||||||
|
<span class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10px] text-center rounded-[50%] mr-1">+</span>
|
||||||
|
<span>Thêm khuyến mại mới</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="" class="flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[35px] p-[0_12px]">
|
||||||
|
<i class="far fa-bookmark mr-[8px]"></i>
|
||||||
|
<span>Nhóm khuyến mại</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="order-page-table">
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr class="font-[600]">
|
||||||
|
<td width="50"> STT </td>
|
||||||
|
<td> Khuyến mại </td>
|
||||||
|
<td> Thời gian </td>
|
||||||
|
<td> Cập nhật cuối </td>
|
||||||
|
<td> Sản phẩm </td>
|
||||||
|
<td width="180"> Lựa chọn </td>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
|
||||||
|
<tbody>
|
||||||
|
<td align="center"> 1 </td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<p>
|
||||||
|
[Quà tặng] <b class="text-[#0041E8] font-bold">Phiếu mua hàng trị giá 100.000 VND</b>
|
||||||
|
</p>
|
||||||
|
<p> - Mô tả: Phiếu mua hàng </p>
|
||||||
|
<p> - Giá trị: 0 VND </p>
|
||||||
|
<p> - Số lượng: 0 </p>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<p>Không giới hạn thời gian</p>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<p>Admin</p>
|
||||||
|
<p>06-06-2020, 10:57 am</p>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<a href="/admin/marketing/promotion-product?id=1" class="block text-center font-[500] text-[#fff_!important] bg-[#0041E8] rounded-[4px] p-[0_9px] leading-[30px]">Xem</a>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<div class="flex items-center flex-wrap justify-center">
|
||||||
|
<a href="/admin/marketing/promotion-add?id=1" class="icons icon-edit" title="Sửa lại"></a>
|
||||||
|
<a href="" title="Cho Hiển thị" class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"> </a>
|
||||||
|
<!-- <a href="" title="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-[6px]"></a> -->
|
||||||
|
<a href="" title="Dừng khuyến mại" class="fas fa-volume-mute bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
|
||||||
|
<a href="" class="icons icon-delete" title="Xóa"></a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
153
template/marketing/promotion_add.html
Normal file
153
template/marketing/promotion_add.html
Normal file
@@ -0,0 +1,153 @@
|
|||||||
|
<div class="global-breadcrumb-container">
|
||||||
|
<a href="/admin/marketing/promotion"> Khuyến mại theo sản phẩm </a>
|
||||||
|
<a href=""> Form thêm/sửa khuyến mại </a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="max-w-[1141px] m-[0_auto_20px]">
|
||||||
|
<div class="flex flex-wrap items-start justify-center">
|
||||||
|
{% if global.url contains 'id=' %}
|
||||||
|
<div class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] flex flex-wrap items-center justify-between">
|
||||||
|
<p class="font-bold text-[20px]"> Cập nhật </p>
|
||||||
|
|
||||||
|
<a href="/admin/marketing/promotion-add" class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
<span class="border-[1px] border-[#6B7280] h-[13px] w-[13px] leading-[10.3px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
|
||||||
|
<span>Thêm khuyến mại mới</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<p class="w-[100%] text-[#6B7280]">
|
||||||
|
Tặng phiếu vệ sinh bảo dưỡng Laptop, PC miễn phí trọn đời trị giá 999.000đ (THEK417)
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
|
||||||
|
<a href="javascript:void(0)" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition" style="color: #Fff;background: #0041E8;"> Chỉnh sửa </a>
|
||||||
|
<a href="" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Danh sách sản phẩm </a>
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
<form method="post" enctype="multipart/form-data" class="order-page-table w-[852px] bg-white p-[16pX_16px_20px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] block">
|
||||||
|
|
||||||
|
<p class="mb-[20px] font-bold text-[20px]">Thông tin cơ bản</p>
|
||||||
|
|
||||||
|
<div class="mb-[18px]">
|
||||||
|
<p class="mb-[7px]"> <b>Hình thức</b> </p>
|
||||||
|
|
||||||
|
<select class="w-[400px_!important]">
|
||||||
|
<option value="" selected> Quà tặng </option>
|
||||||
|
<option value=""> Dịch vụ </option>
|
||||||
|
<option value=""> Sản phẩm </option>
|
||||||
|
<option value=""> Khác </option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mb-[18px]">
|
||||||
|
<p class="inline-block m-[0_17px_7px_0]"> <b>Ảnh đại diện (nếu có)</b> </p>
|
||||||
|
<input type="file" name="file_thumbnail" />
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<img src="https://via.placeholder.com/400x300" class="block m-[10px_0_0] max-h-[100px]"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mb-[18px]">
|
||||||
|
<p class="mb-[7px]"> <b>Đặt tiêu đề khuyến mại</b> </p>
|
||||||
|
|
||||||
|
<input type="text" value="" class="w-[100%] h-[34px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex flex-wrap justify-between">
|
||||||
|
<div class="mb-[18px] w-[49%]">
|
||||||
|
<p class="mb-[7px]"> <b>Giá trị bằng</b> (VNĐ) </p>
|
||||||
|
|
||||||
|
<input type="text" value="0" class="w-[100%] h-[34px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mb-[18px] w-[49%]">
|
||||||
|
<p class="mb-[7px]"> <b>Số lượng</b> (Để = -1 nếu không hạn chế số lượng)</p>
|
||||||
|
<input type="text" value="0" class="w-[100%] h-[34px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mb-[18px]">
|
||||||
|
<p class="mb-[7px]"> <b>Mô tả</b> </p>
|
||||||
|
|
||||||
|
<textarea class="w-[100%] min-h-[122px] max-h-[170px] p-[6px_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mb-[18px] flex flex-wrap">
|
||||||
|
<p class="mr-[45px]"> <b>Thời gian hiệu lực</b> </p>
|
||||||
|
|
||||||
|
<div class="mb-[18px]">
|
||||||
|
<label class="items-center cursor-pointer relative pl-[30px] mb-[10px]" style="display: inline-flex;">
|
||||||
|
<input type="radio" name="info[time_valid]" value="1" class="left-0" checked>
|
||||||
|
<span> Không giới hạn thời gian </span>
|
||||||
|
</label>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<label class="items-center cursor-pointer relative pl-[30px] mb-[13px]" style="display: inline-flex;">
|
||||||
|
<input type="radio" name="info[time_valid]" value="2" class="left-0">
|
||||||
|
<span> Thời gian giới hạn </span>
|
||||||
|
</label>
|
||||||
|
|
||||||
|
<div class="items-center mb-[10px]" style="display: flex;">
|
||||||
|
<p style="width: 65px;"> Bắt đầu </p>
|
||||||
|
<div class="relative m-[0_20px_0_10px]">
|
||||||
|
<i class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
|
||||||
|
<input type="date" name="from_time_date" value="" placeholder="Từ ngày" class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p class="mr-[10px]"> Giờ </p>
|
||||||
|
|
||||||
|
<select name='info[from_time_minute]' id='from_time_minute' style="width: 85px;">
|
||||||
|
<option value="00:00">00:00</option><option value="00:30">00:30</option><option value="01:00">01:00</option><option value="01:30">01:30</option><option value="02:00">02:00</option><option value="02:30">02:30</option><option value="03:00">03:00</option><option value="03:30">03:30</option><option value="04:00">04:00</option><option value="04:30">04:30</option><option value="05:00">05:00</option><option value="05:30">05:30</option><option value="06:00">06:00</option><option value="06:30">06:30</option><option value="07:00">07:00</option><option value="07:30">07:30</option><option value="08:00">08:00</option><option value="08:30">08:30</option><option value="09:00">09:00</option><option value="09:30">09:30</option><option value="10:00">10:00</option><option value="10:30">10:30</option><option value="11:00">11:00</option><option value="11:30">11:30</option><option value="12:00">12:00</option><option value="12:30">12:30</option><option value="13:00">13:00</option><option value="13:30">13:30</option><option value="14:00">14:00</option><option value="14:30">14:30</option><option value="15:00">15:00</option><option value="15:30">15:30</option><option value="16:00">16:00</option><option value="16:30">16:30</option><option value="17:00">17:00</option><option value="17:30">17:30</option><option value="18:00">18:00</option><option value="18:30">18:30</option><option value="19:00">19:00</option><option value="19:30">19:30</option><option value="20:00">20:00</option><option value="20:30">20:30</option><option value="21:00">21:00</option><option value="21:30">21:30</option><option value="22:00">22:00</option><option value="22:30">22:30</option><option value="23:00">23:00</option><option value="23:30">23:30</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="items-center" style="display: flex;">
|
||||||
|
<p style="width: 65px;"> Kết thúc </p>
|
||||||
|
<div class="relative m-[0_20px_0_10px]">
|
||||||
|
<i class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
|
||||||
|
<input type="date" name="to_time_date" value="" placeholder="Từ ngày" class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p class="mr-[10px]"> Giờ </p>
|
||||||
|
|
||||||
|
<select name='info[to_time_minute]' id='from_time_minute' style="width: 85px;">
|
||||||
|
<option value="00:00">00:00</option><option value="00:30">00:30</option><option value="01:00">01:00</option><option value="01:30">01:30</option><option value="02:00">02:00</option><option value="02:30">02:30</option><option value="03:00">03:00</option><option value="03:30">03:30</option><option value="04:00">04:00</option><option value="04:30">04:30</option><option value="05:00">05:00</option><option value="05:30">05:30</option><option value="06:00">06:00</option><option value="06:30">06:30</option><option value="07:00">07:00</option><option value="07:30">07:30</option><option value="08:00">08:00</option><option value="08:30">08:30</option><option value="09:00">09:00</option><option value="09:30">09:30</option><option value="10:00">10:00</option><option value="10:30">10:30</option><option value="11:00">11:00</option><option value="11:30">11:30</option><option value="12:00">12:00</option><option value="12:30">12:30</option><option value="13:00">13:00</option><option value="13:30">13:30</option><option value="14:00">14:00</option><option value="14:30">14:30</option><option value="15:00">15:00</option><option value="15:30">15:30</option><option value="16:00">16:00</option><option value="16:30">16:30</option><option value="17:00">17:00</option><option value="17:30">17:30</option><option value="18:00">18:00</option><option value="18:30">18:30</option><option value="19:00">19:00</option><option value="19:30">19:30</option><option value="20:00">20:00</option><option value="20:30">20:30</option><option value="21:00">21:00</option><option value="21:30">21:30</option><option value="22:00">22:00</option><option value="22:30">22:30</option><option value="23:00">23:00</option><option value="23:30">23:30</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mb-[18px]">
|
||||||
|
<p class="mb-[7px]"> <b>Link liên quan (nếu có)</b> (Link tới 1 bài viết giới thiệu chi tiết hoặc link sản phẩm) </p>
|
||||||
|
|
||||||
|
<input type="text" value="" class="w-[100%] h-[34px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mb-[18px]">
|
||||||
|
<p class="mb-[7px]"> <b>Ghi chú</b> </p>
|
||||||
|
|
||||||
|
<textarea class="w-[100%] min-h-[70px] max-h-[100px] p-[6px_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex items-center">
|
||||||
|
<p> <b>Hiển thị</b> </p>
|
||||||
|
|
||||||
|
<label class="flex items-center cursor-pointer relative pl-[30px] m-[0_76px]">
|
||||||
|
<input type="radio" name="info[status]" value="1" class="left-0" checked>
|
||||||
|
<span>Cho hiển thị</span>
|
||||||
|
</label>
|
||||||
|
|
||||||
|
<label class="flex items-center cursor-pointer relative pl-[30px]">
|
||||||
|
<input type="radio" name="info[status]" value="0" class="left-0">
|
||||||
|
<span>Ẩn hiển thị</span>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p class="bg-[#FAFAFB] h-[6px] m-[20px_-16px]"></p>
|
||||||
|
|
||||||
|
<input name="commit" type="submit" value="Cập nhật" class="inline-block cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]"/>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
@@ -1 +1,94 @@
|
|||||||
template/order/bargain.html
|
<div class="bg-white m-[16px_0_16px_16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
|
||||||
|
<p class="leading-[30px] text-[24px] font-bold m-[0_0_12px]"> Danh sách mặc cả giá </p>
|
||||||
|
|
||||||
|
<div class="flex flex-wrap mb-[20px] leading-[36px]">
|
||||||
|
<a href="" style="background: #0041E8;color: #fff;" class="text-[#919699] font-[500] p-[0_20px] mr-[2px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
Chưa xử lý
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="" class="text-[#919699] font-[500] p-[0_20px] mr-[2px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
Thành công
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="" class="text-[#919699] font-[500] p-[0_20px] mr-[2px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
Hủy bỏ
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p class="m-[20px_0]">
|
||||||
|
Tổng số mặc cả giá nhận được: <b> 1.458 </b>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div class="order-page-table">
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr class="font-[600]">
|
||||||
|
<td width="50"> STT </td>
|
||||||
|
<td width="200"> Thời gian </td>
|
||||||
|
<td width="300"> Khách hàng </td>
|
||||||
|
<td> Thông tin sản phẩm </td>
|
||||||
|
<td width="220"> Trạng thái </td>
|
||||||
|
<td width="50"> </td>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
|
||||||
|
<tbody>
|
||||||
|
<tr id="row_1">
|
||||||
|
<td align="center"> 1 </td>
|
||||||
|
<td> 16-11-2023, 9:59 am </td>
|
||||||
|
<td>
|
||||||
|
<p> - Họ tên: <b> Ngô Quang Sơn </b> </p>
|
||||||
|
<p> - Email: sonnq57@yahoo.com.sg </p>
|
||||||
|
<p> - Tel: 0913236989 </p>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<p> - Sản phẩm: Tai nghe NICEHCK Traceless có Mic (Type-C) </p>
|
||||||
|
<p> - Giá bán (lúc mặc cả): 258.850.000 </p>
|
||||||
|
<p> - Giá mặc cả: 0 </p>
|
||||||
|
<p> - Nguồn mặc cả: https://hacom.vn/ </p>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<div id="status_1">
|
||||||
|
<span class="text-[#6DC580] border-[#6DC580] bg-[#F0F9F2] rounded-[50px] border inline-block leading-[20px] text-[12px] font-[500] p-[0_8px] m-[0_7px_0px_0]"> Thành công </span>
|
||||||
|
<span class="text-[#0041E8] border-[#0041E8] bg-[#F7F5FF] rounded-[50px] border inline-block leading-[20px] text-[12px] font-[500] p-[0_8px] m-[0_7px_0px_0]"> Chưa xử lý </span>
|
||||||
|
<span class="text-[#E00000] border-[#E00000] bg-[#F9F2F2] rounded-[50px] border inline-block leading-[20px] text-[12px] font-[500] p-[0_8px] m-[0_7px_0px_0]"> Hủy bỏ </span>
|
||||||
|
|
||||||
|
<a href="javascript:edit_order_status(1)" title="Chỉnh sửa" class="icons inline-block w-[18px_!important] h-[18px_!important] bg-[transparent_!important] border-[transparent_!important] rounded-[0_!important]" style="background-position: -113px -88px;vertical-align: sub;"></a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p class="mt-[7px]"> Lúc 28-02-2015, 12:40 pm </p>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td align="center">
|
||||||
|
<a href="" class="icons icon-delete" title="Xóa"></a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="paging">
|
||||||
|
<a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
|
||||||
|
<a href="" class="current">1</a>
|
||||||
|
<a href="">2</a>
|
||||||
|
<a href="">3</a>
|
||||||
|
<a href="">4</a>
|
||||||
|
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
function edit_order_status(id){
|
||||||
|
$('#status_' + id).html(`
|
||||||
|
<select class="min-w-[140px] w-[auto_!important]">
|
||||||
|
<option> Trạng thái </option>
|
||||||
|
<option value="1"> Đã xử lý </option>
|
||||||
|
<option value="0"> Chưa xử lý </option>
|
||||||
|
<option value="-1"> Hủy bỏ </option>
|
||||||
|
</select>
|
||||||
|
`);
|
||||||
|
}
|
||||||
|
|
||||||
|
</script>
|
||||||
@@ -1 +0,0 @@
|
|||||||
template/order/detail-new.html
|
|
||||||
1
template/order/detail_new.html
Normal file
1
template/order/detail_new.html
Normal file
@@ -0,0 +1 @@
|
|||||||
|
template/order/detail_new.html
|
||||||
@@ -119,14 +119,14 @@
|
|||||||
</td>
|
</td>
|
||||||
<td> Hà Nội </td>
|
<td> Hà Nội </td>
|
||||||
<td> 69.600.000 </td>
|
<td> 69.600.000 </td>
|
||||||
<td> <span class="block w-[14px] h-[14px] rounded-[50%]" style="background-color: red"></span> </td>
|
<td> <span class="block m-auto w-[14px] h-[14px] rounded-[50%]" style="background-color: red"></span> </td>
|
||||||
<td> <span class="block w-[14px] h-[14px] rounded-[50%]" style="background-color: yellow"></span> </td>
|
<td> <span class="block m-auto w-[14px] h-[14px] rounded-[50%]" style="background-color: yellow"></span> </td>
|
||||||
<td> <span class="block w-[14px] h-[14px] rounded-[50%]" style="background-color: green"></span> </td>
|
<td> <span class="block m-auto w-[14px] h-[14px] rounded-[50%]" style="background-color: green"></span> </td>
|
||||||
<td>
|
<td>
|
||||||
<a href=""> Nguyen Duc Quan </a>
|
<a href=""> Nguyen Duc Quan </a>
|
||||||
</td>
|
</td>
|
||||||
<td>
|
<td>
|
||||||
<div style="display: flex">
|
<div class="flex justify-center">
|
||||||
<a href="/admin/order/detail?id=369" class="icons icon-edit" title="Chi tiết"></a>
|
<a href="/admin/order/detail?id=369" class="icons icon-edit" title="Chi tiết"></a>
|
||||||
<a href="" class="icons icon-delete" title="Xóa"></a>
|
<a href="" class="icons icon-delete" title="Xóa"></a>
|
||||||
</div>
|
</div>
|
||||||
@@ -144,14 +144,14 @@
|
|||||||
</td>
|
</td>
|
||||||
<td> Hà Nội </td>
|
<td> Hà Nội </td>
|
||||||
<td> 69.600.000 </td>
|
<td> 69.600.000 </td>
|
||||||
<td> <span class="block w-[14px] h-[14px] rounded-[50%]" style="background-color: blue"></span> </td>
|
<td> <span class="block m-auto w-[14px] h-[14px] rounded-[50%]" style="background-color: blue"></span> </td>
|
||||||
<td> <span class="block w-[14px] h-[14px] rounded-[50%]" style="background-color: yellow"></span> </td>
|
<td> <span class="block m-auto w-[14px] h-[14px] rounded-[50%]" style="background-color: yellow"></span> </td>
|
||||||
<td> <span class="block w-[14px] h-[14px] rounded-[50%]" style="background-color: green"></span> </td>
|
<td> <span class="block m-auto w-[14px] h-[14px] rounded-[50%]" style="background-color: green"></span> </td>
|
||||||
<td>
|
<td>
|
||||||
<a href=""> test hura </a>
|
<a href=""> test hura </a>
|
||||||
</td>
|
</td>
|
||||||
<td>
|
<td>
|
||||||
<div style="display: flex">
|
<div class="flex justify-center">
|
||||||
<a href="/admin/order/detail?id=369" class="icons icon-edit" title="Chi tiết"></a>
|
<a href="/admin/order/detail?id=369" class="icons icon-edit" title="Chi tiết"></a>
|
||||||
<a href="" class="icons icon-delete" title="Xóa"></a>
|
<a href="" class="icons icon-delete" title="Xóa"></a>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
121
template/order/paygate.html
Normal file
121
template/order/paygate.html
Normal file
@@ -0,0 +1,121 @@
|
|||||||
|
<div class="bg-white m-[16px_0_16px_16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
|
||||||
|
<p class="leading-[30px] text-[24px] font-bold m-[0_0_12px]"> Thanh toán qua cổng dịch vụ </p>
|
||||||
|
|
||||||
|
<div class="flex flex-wrap mb-[20px] leading-[36px]">
|
||||||
|
<a href="" style="background: #0041E8;color: #fff;" class="text-[#919699] font-[500] p-[0_20px] mr-[2px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
Chưa xử lý
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="" class="text-[#919699] font-[500] p-[0_20px] mr-[2px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
Thành công
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="" class="text-[#919699] font-[500] p-[0_20px] mr-[2px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
Hủy bỏ
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<form method="get" enctype="multipart/form-data" action="/admin/" class="flex items-center border-[#F6F6F6] m-[12px_0_20px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_4px_0px_rgba(0,0,0,0.10)]">
|
||||||
|
<input type="text" name="q" id="keyword" value="" placeholder="Tìm theo email hoặc số điện thoại" class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
|
||||||
|
|
||||||
|
<div class="items-center flex">
|
||||||
|
<p class="mr-1"> Từ ngày </p>
|
||||||
|
|
||||||
|
<div class="relative m-[0_20px_0_10px]">
|
||||||
|
<i class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
|
||||||
|
<input type="date" name="from_time_date" value="" placeholder="Từ ngày" class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="items-center flex">
|
||||||
|
<p class="mr-1"> Đến ngày </p>
|
||||||
|
|
||||||
|
<div class="relative m-[0_20px_0_10px]">
|
||||||
|
<i class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
|
||||||
|
<input type="date" name="to_time_date" value="" placeholder="Từ ngày" class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<input type="submit" value="Tìm kiếm" class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div class="m-[14px_0] flex items-center justify-between">
|
||||||
|
<p>
|
||||||
|
Tổng số: <b class="mr-[40px]">8</b>
|
||||||
|
Tổng giá trị: <b>800.000 VNĐ</b>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<a href="" class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[35px] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
<i class="far fa-file-excel mr-2"></i>
|
||||||
|
<span>Tải file excel</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="order-page-table">
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr class="font-[600]">
|
||||||
|
<td width="50"> STT </td>
|
||||||
|
<td> ID </td>
|
||||||
|
<td> Cổng </td>
|
||||||
|
<td> Thời gian </td>
|
||||||
|
<td> Khách hàng </td>
|
||||||
|
<td> Thanh toán cho </td>
|
||||||
|
<td> Giá trị </td>
|
||||||
|
<td> Trạng thái </td>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
|
||||||
|
<tbody>
|
||||||
|
<tr id="row_1" align="center">
|
||||||
|
<td> 1 </td>
|
||||||
|
|
||||||
|
<td> 10 </td>
|
||||||
|
|
||||||
|
<td> viettelpay </td>
|
||||||
|
|
||||||
|
<td> 06-11-2022, 11:26 am </td>
|
||||||
|
|
||||||
|
<td align="left">
|
||||||
|
<p> - Họ tên: <b> Ngô Quang Sơn </b> </p>
|
||||||
|
<p> - Email: sonnq57@yahoo.com.sg </p>
|
||||||
|
<p> - Tel: 0913236989 </p>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td> [order] 123 </td>
|
||||||
|
|
||||||
|
<td> 100.000 </td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<span class="text-[#6DC580] border-[#6DC580] bg-[#F0F9F2] rounded-[50px] border inline-block leading-[20px] text-[12px] font-[500] p-[0_8px] m-[0_7px_0px_0]"> Thành công </span>
|
||||||
|
<!-- <span class="text-[#0041E8] border-[#0041E8] bg-[#F7F5FF] rounded-[50px] border inline-block leading-[20px] text-[12px] font-[500] p-[0_8px] m-[0_7px_0px_0]"> Chưa xử lý </span>
|
||||||
|
<span class="text-[#E00000] border-[#E00000] bg-[#F9F2F2] rounded-[50px] border inline-block leading-[20px] text-[12px] font-[500] p-[0_8px] m-[0_7px_0px_0]"> Hủy bỏ </span> -->
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="paging">
|
||||||
|
<a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
|
||||||
|
<a href="" class="current">1</a>
|
||||||
|
<a href="">2</a>
|
||||||
|
<a href="">3</a>
|
||||||
|
<a href="">4</a>
|
||||||
|
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
function edit_order_status(id){
|
||||||
|
$('#status_' + id).html(`
|
||||||
|
<select class="min-w-[140px] w-[auto_!important]">
|
||||||
|
<option> Trạng thái </option>
|
||||||
|
<option value="1"> Đã xử lý </option>
|
||||||
|
<option value="0"> Chưa xử lý </option>
|
||||||
|
<option value="-1"> Hủy bỏ </option>
|
||||||
|
</select>
|
||||||
|
`);
|
||||||
|
}
|
||||||
|
|
||||||
|
</script>
|
||||||
@@ -1 +0,0 @@
|
|||||||
template/order/wait-order.html
|
|
||||||
105
template/order/wait_order.html
Normal file
105
template/order/wait_order.html
Normal file
@@ -0,0 +1,105 @@
|
|||||||
|
<div class="bg-white m-[16px_0_16px_16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
|
||||||
|
<p class="leading-[30px] text-[24px] font-bold m-[0_0_12px]"> Đặt chờ sản phẩm </p>
|
||||||
|
|
||||||
|
<div class="flex flex-wrap mb-[20px] leading-[36px]">
|
||||||
|
<a href="" style="background: #0041E8;color: #fff;" class="text-[#919699] font-[500] p-[0_20px] mr-[2px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
Chưa xử lý
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="" class="text-[#919699] font-[500] p-[0_20px] mr-[2px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
Thành công
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="" class="text-[#919699] font-[500] p-[0_20px] mr-[2px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
Hủy bỏ
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<form method="get" enctype="multipart/form-data" action="/admin/" class="border border-[#F6F6F6] m-[12px_0_20px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
|
||||||
|
<input type="text" name="q" id="keyword" value="" placeholder="Tìm theo email hoặc số điện thoại" class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
|
||||||
|
<input type="submit" value="Tìm kiếm" class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div class="m-[14px_0] flex items-center justify-between">
|
||||||
|
<p> Danh sách các Sản phẩm khách hàng chờ đặt hàng </p>
|
||||||
|
|
||||||
|
<a href="" class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[35px] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
<i class="far fa-file-excel mr-2"></i>
|
||||||
|
<span>Tải file excel</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="order-page-table">
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr class="font-[600]">
|
||||||
|
<td width="55"> STT </td>
|
||||||
|
<td> Khách hàng </td>
|
||||||
|
<td width="420"> Sản phẩm </td>
|
||||||
|
<td> Nhận hàng tại </td>
|
||||||
|
<td> Ghi chú </td>
|
||||||
|
<td> Trạng thái </td>
|
||||||
|
<td width="55"> </td>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
|
||||||
|
<tbody>
|
||||||
|
<tr id="row_1">
|
||||||
|
<td align="center"> 1 </td>
|
||||||
|
<td>
|
||||||
|
<p> - Họ tên: <b> Ngô Quang Sơn </b> </p>
|
||||||
|
<p> - Email: sonnq57@yahoo.com.sg </p>
|
||||||
|
<p> - Tel: 0913236989 </p>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<a href="" target="_blank"> [Mới 100%] Dell Gaming G16 7620 (Intel core i7-12700H, 16GB, 1TB, RTX 3060 6GB, 16″ QHD+ 165Hz IPS) </a>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td> 20 Láng Hạ, Đống Đa, Hà Nội </td>
|
||||||
|
|
||||||
|
<td> Nhận hàng giờ hành chính </td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<div id="status_1">
|
||||||
|
<span class="text-[#6DC580] border-[#6DC580] bg-[#F0F9F2] rounded-[50px] border inline-block leading-[20px] text-[12px] font-[500] p-[0_8px] m-[0_7px_0px_0]"> Thành công </span>
|
||||||
|
<span class="text-[#0041E8] border-[#0041E8] bg-[#F7F5FF] rounded-[50px] border inline-block leading-[20px] text-[12px] font-[500] p-[0_8px] m-[0_7px_0px_0]"> Chưa xử lý </span>
|
||||||
|
<span class="text-[#E00000] border-[#E00000] bg-[#F9F2F2] rounded-[50px] border inline-block leading-[20px] text-[12px] font-[500] p-[0_8px] m-[0_7px_0px_0]"> Hủy bỏ </span>
|
||||||
|
|
||||||
|
<a href="javascript:edit_order_status(1)" title="Chỉnh sửa" class="icons inline-block w-[18px_!important] h-[18px_!important] bg-[transparent_!important] border-[transparent_!important] rounded-[0_!important]" style="background-position: -113px -88px;vertical-align: sub;"></a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p class="mt-[7px]"> Lúc 28-02-2015, 12:40 pm </p>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td align="center">
|
||||||
|
<a href="" class="icons icon-delete" title="Xóa"></a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="paging">
|
||||||
|
<a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
|
||||||
|
<a href="" class="current">1</a>
|
||||||
|
<a href="">2</a>
|
||||||
|
<a href="">3</a>
|
||||||
|
<a href="">4</a>
|
||||||
|
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
function edit_order_status(id){
|
||||||
|
$('#status_' + id).html(`
|
||||||
|
<select class="min-w-[140px] w-[auto_!important]">
|
||||||
|
<option> Trạng thái </option>
|
||||||
|
<option value="1"> Đã xử lý </option>
|
||||||
|
<option value="0"> Chưa xử lý </option>
|
||||||
|
<option value="-1"> Hủy bỏ </option>
|
||||||
|
</select>
|
||||||
|
`);
|
||||||
|
}
|
||||||
|
|
||||||
|
</script>
|
||||||
18
template/system/form_store_design/background.html
Normal file
18
template/system/form_store_design/background.html
Normal file
@@ -0,0 +1,18 @@
|
|||||||
|
<form method="post" enctype="multipart/form-data" class="order-page-table w-[852px] bg-white p-[16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
|
||||||
|
<table>
|
||||||
|
<tr>
|
||||||
|
<td width="230"> Thay Ảnh nền </td>
|
||||||
|
<td>
|
||||||
|
<div>
|
||||||
|
<img src="https://via.placeholder.com/1920x900" class="block"/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<input type="file" class="cursor-pointer m-[12px_0]" />
|
||||||
|
|
||||||
|
<i class="block text-[#E00000] font-[300]"> Bạn có thể thay nền website bằng hình ảnh. Với file ảnh, yêu cầu là .jpg, .gif, hoặc .png và dung lượng tối đa 300KB. </i>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<input type="submit" value="Cập nhật" class="inline-block mt-[12px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]"/>
|
||||||
|
</form>
|
||||||
28
template/system/form_store_design/header.html
Normal file
28
template/system/form_store_design/header.html
Normal file
@@ -0,0 +1,28 @@
|
|||||||
|
<form method="post" enctype="multipart/form-data" class="order-page-table w-[852px] bg-white p-[16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
|
||||||
|
<table>
|
||||||
|
<tr>
|
||||||
|
<td width="215"> Thay Logo </td>
|
||||||
|
<td>
|
||||||
|
<div class="mb-[15px]">
|
||||||
|
<img src="https://via.placeholder.com/400x300" class="block max-h-[100px]"/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<input type="file" class="cursor-pointer" />
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td> Thay Ảnh header </td>
|
||||||
|
<td>
|
||||||
|
|
||||||
|
<div class="mb-[15px]">
|
||||||
|
<img src="https://via.placeholder.com/400x300" class="block max-h-[100px]"/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<input type="file" class="cursor-pointer" />
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<input type="submit" value="Cập nhật" class="inline-block mt-[12px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]"/>
|
||||||
|
</form>
|
||||||
86
template/system/form_store_design/other.html
Normal file
86
template/system/form_store_design/other.html
Normal file
@@ -0,0 +1,86 @@
|
|||||||
|
<form method="post" enctype="multipart/form-data" class="order-page-table w-[852px] bg-white p-[16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
|
||||||
|
<i class="block text-[#E00000] leading-[20px] mb-[20px]">
|
||||||
|
<b>Cảnh báo:</b> Vì các cài đặt sau sẽ được sử dụng ở biến global. Nên hệ thống sẽ cho phép tạo tối đa 20 giá trị và giới hạn số ký tự không quá 500 mỗi giá trị để đảm bảo website hoạt động tốt. Do vậy chỉ cài đặt các nội dung thật sự sẽ được hiển thị ở tất cả các nơi (v.d. Header/Footer).
|
||||||
|
</i>
|
||||||
|
|
||||||
|
<div class="order-page-table">
|
||||||
|
<table id="js-tb-settings">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<td width="50"> STT </td>
|
||||||
|
<td width="250"> Code giao diện </td>
|
||||||
|
<td width="200"> Chú thích (cho quản trị viên) </td>
|
||||||
|
<td> Giá trị </td>
|
||||||
|
<td width="110"> Hành động </td>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
|
||||||
|
<tbody>
|
||||||
|
<tr id="js-row-1">
|
||||||
|
<td align="center"> 1 </td>
|
||||||
|
<td> global.settings.builpc_category_special_offer </td>
|
||||||
|
<td> Danh sách khuyến mại theo từng danh mục trang Xây dựng cấu hình </td>
|
||||||
|
<td>
|
||||||
|
<textarea class="block border border-[#D8D8D8] w-[100%] p-[8px]">0000000000</textarea>
|
||||||
|
</td>
|
||||||
|
<td align="center">
|
||||||
|
<a href="" class="block border border-[#0041E8] text-[#0041E8] bg-[#F5F7FF] mb-[5px] rounded-[4px] leading-[32px] hover:bg-[#0041E8] hover:text-[#fff]">Cập nhật</a>
|
||||||
|
<a href="javascript:void(0)" class="icons icon-delete" title="Xóa"></a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<div class="text-center mt-[15px]">
|
||||||
|
<a href="javascript:add_form_setting()" class="inline-flex items-center">
|
||||||
|
<span class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10px] text-center rounded-[50%] mr-1">+</span>
|
||||||
|
<span> Thêm quản trị biến nội dung </span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<script>
|
||||||
|
var $tb_setting = $('#js-tb-settings');
|
||||||
|
var current_index = $tb_setting.find("tr").length - 1;
|
||||||
|
var $row_tpl = `
|
||||||
|
<tr>
|
||||||
|
<td>{index}</td>
|
||||||
|
<td colspan="4" id="js-new-{index}">
|
||||||
|
<div class="mb-4">
|
||||||
|
<p class="mb-1">
|
||||||
|
KEY <i class="text-[#6B7280] font-[300]">(* yêu cầu: viết thường, không dấu và viết liền, chỉ gồm ký tự a->z 1->9 hoặc _ . Ví dụ: mau_sac_banner)</i>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<input type='text' name='setting_key' class="page-input">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mb-4">
|
||||||
|
<p class="mb-1">
|
||||||
|
Chú thích (cho quản trị viên) <i class="text-[#6B7280] font-[300]">(tối đa 50 từ)</i>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<input type='text' name='comment' class="page-input">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mb-[10px]">
|
||||||
|
<p class="mb-1"> Giá trị </p>
|
||||||
|
|
||||||
|
<textarea name='setting_value' class="page-input min-h-[76px] max-h-[120px]"></textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="js-create-status-{index}"></div>
|
||||||
|
<input type="button" value="Tạo mới" onclick="createNew('{index}')" class="inline-block cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]">
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
`;
|
||||||
|
|
||||||
|
function add_form_setting() {
|
||||||
|
current_index += 1;
|
||||||
|
$tb_setting.append($row_tpl.replace(/{index}/g, current_index));
|
||||||
|
}
|
||||||
|
|
||||||
|
</script>
|
||||||
51
template/system/form_store_design/popup.html
Normal file
51
template/system/form_store_design/popup.html
Normal file
@@ -0,0 +1,51 @@
|
|||||||
|
<form method="post" enctype="multipart/form-data" class="order-page-table w-[852px] bg-white p-[16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
|
||||||
|
<table>
|
||||||
|
<tr>
|
||||||
|
<td width="230"> Link nhảy đến </td>
|
||||||
|
<td>
|
||||||
|
<input type="text" value="" class="page-input"/>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td> File ảnh </td>
|
||||||
|
<td>
|
||||||
|
<div class="mb-[15px]">
|
||||||
|
<img src="https://via.placeholder.com/900x900" class="block max-h-[300px]"/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<input type="file" class="cursor-pointer" />
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td> Lựa chọn hiển thị người dùng </td>
|
||||||
|
|
||||||
|
<td style="padding: 14px">
|
||||||
|
<label class="items-center cursor-pointer relative pl-[30px] mr-[15px]" style="display: inline-flex;">
|
||||||
|
<input type="radio" name="popup_display" value="session" class="left-0">
|
||||||
|
<span>Theo session</span>
|
||||||
|
</label>
|
||||||
|
|
||||||
|
<label class="items-center cursor-pointer relative pl-[30px]" style="display: inline-flex;">
|
||||||
|
<input type="radio" name="popup_display" value="homepage" checked class="left-0">
|
||||||
|
<span>Trang chủ website</span>
|
||||||
|
</label>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td> Khác </td>
|
||||||
|
<td>
|
||||||
|
|
||||||
|
<label class="items-center cursor-pointer" style="display: inline-flex;">
|
||||||
|
<input type="checkbox" name="popup_activate" value="1" class="scale-[1.5] mr-[12px]">
|
||||||
|
<span> Tích chọn để hiển thị hoặc dừng hiển thị </span>
|
||||||
|
</label>
|
||||||
|
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<input type="submit" value="Cập nhật" class="inline-block mt-[12px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]"/>
|
||||||
|
</form>
|
||||||
50
template/system/store_design.html
Normal file
50
template/system/store_design.html
Normal file
@@ -0,0 +1,50 @@
|
|||||||
|
<div class="global-breadcrumb-container">
|
||||||
|
<a href="/admin/marketing/conditional-promotion"> Banner popup </a>
|
||||||
|
<a href=""> Form sửa phần header </a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="max-w-[1141px] flex flex-wrap items-start m-[0_auto_16px_auto]">
|
||||||
|
<div class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px]">
|
||||||
|
<p class="font-bold text-[20px] leading-[26px] mb-[10px]"> Tùy chỉnh thành phần giao diện </p>
|
||||||
|
|
||||||
|
<p class="w-[100%] text-[#6B7280]">
|
||||||
|
<b>Chú ý:</b> Chức năng này chỉ áp dụng với các giao diện đã được cài đặt cho phép thay đổi 1 số thành phần của giao diện. Biến template sử dụng $settings (global)
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
|
||||||
|
<a href="/admin/system/store-design?section=header" {% if global.url contains 'section=header' %} style="color: #Fff;background: #0041E8;"{% endif %} class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
|
||||||
|
Phần header
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="/admin/system/store-design?section=popup" {% if global.url contains 'section=popup' %} style="color: #Fff;background: #0041E8;"{% endif %} class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
|
||||||
|
Banner Pop-Up
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="/admin/system/store-design?section=background" {% if global.url contains 'section=background' %} style="color: #Fff;background: #0041E8;"{% endif %} class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
|
||||||
|
Hình nền website
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="/admin/system/store-design?section=other" {% if global.url contains 'section=other' %} style="color: #Fff;background: #0041E8;"{% endif %} class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
|
||||||
|
Thông tin khác
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% if global.url contains 'section=header' %}
|
||||||
|
|
||||||
|
{% include 'system/form_store_design/header' %}
|
||||||
|
|
||||||
|
{% elsif global.url contains 'section=popup' %}
|
||||||
|
|
||||||
|
{% include 'system/form_store_design/popup' %}
|
||||||
|
|
||||||
|
{% elsif global.url contains 'section=background' %}
|
||||||
|
|
||||||
|
{% include 'system/form_store_design/background' %}
|
||||||
|
|
||||||
|
{% elsif global.url contains 'section=other' %}
|
||||||
|
|
||||||
|
{% include 'system/form_store_design/other' %}
|
||||||
|
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
65
template/url/url_seo.html
Normal file
65
template/url/url_seo.html
Normal file
@@ -0,0 +1,65 @@
|
|||||||
|
<div class="max-w-[1141px] m-[17px_auto_20px]">
|
||||||
|
<div class="flex flex-wrap items-start justify-center">
|
||||||
|
|
||||||
|
<div class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
|
||||||
|
<p class="font-bold text-[20px]"> Upload Excel SEO sản phẩm </p>
|
||||||
|
|
||||||
|
<p class="text-[#6B7280] mt-[10px]"> Yêu cầu file excel theo đúng Cấu hình cột Excel bên dưới </p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- col left -->
|
||||||
|
<div class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
|
||||||
|
<a href="javascript:void(0)" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition" style="color: #Fff;background: #0041E8;"> Thông tin </a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- col right -->
|
||||||
|
<form method="post" enctype="multipart/form-data" class="order-page-table w-[852px] bg-white p-[16pX_16px_20px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
|
||||||
|
<table>
|
||||||
|
<tr>
|
||||||
|
<td width="215"> File cập nhật </td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<input type="file">
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td> Cấu hình cột Excel </td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
|
||||||
|
<table>
|
||||||
|
<tr class="font-[600] bg-[#ECECEC_!important]">
|
||||||
|
<td> Cột Excel </td>
|
||||||
|
<td> Nội dung </td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td> A </td>
|
||||||
|
<td> ID Sản phẩm Web </td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td> B </td>
|
||||||
|
<td> Mã kho (SKU) </td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td> C </td>
|
||||||
|
<td> Thẻ Meta Title </td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td> D </td>
|
||||||
|
<td> Thẻ Meta Keyword </td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td> E </td>
|
||||||
|
<td> Thẻ Meta Description </td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<input name="commit" type="submit" value="Cập nhật" class="inline-block cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px] mt-[17px]"/>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
Reference in New Issue
Block a user