update product
This commit is contained in:
BIN
assets/images/brand-1.png
Normal file
BIN
assets/images/brand-1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.1 KiB |
@@ -1016,4 +1016,78 @@ input[type=radio]:focus:before {
|
|||||||
}
|
}
|
||||||
.modal .brand-letters a:hover {
|
.modal .brand-letters a:hover {
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.table-brand th {
|
||||||
|
padding: 7px 5px;
|
||||||
|
background: #f6f6f6;
|
||||||
|
border: 1px solid #ececec;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
.table-brand td {
|
||||||
|
padding: 7px 6px;
|
||||||
|
border: 1px solid #ececec;
|
||||||
|
}
|
||||||
|
|
||||||
|
.table-attribute th {
|
||||||
|
padding: 7px 5px;
|
||||||
|
background: #f6f6f6;
|
||||||
|
border: 1px solid #ececec;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
.table-attribute td {
|
||||||
|
padding: 7px 6px;
|
||||||
|
border: 1px solid #ececec;
|
||||||
|
}
|
||||||
|
.table-attribute a {
|
||||||
|
color: #0041e8;
|
||||||
|
}
|
||||||
|
.table-attribute .status {
|
||||||
|
width: 106px;
|
||||||
|
display: block;
|
||||||
|
height: 20px;
|
||||||
|
border: 1px solid gray;
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: 700;
|
||||||
|
text-align: center;
|
||||||
|
color: gray;
|
||||||
|
border-radius: 50px;
|
||||||
|
background: #fff;
|
||||||
|
}
|
||||||
|
.table-attribute .status.on {
|
||||||
|
border: 1px solid #6dc580;
|
||||||
|
color: #03781d;
|
||||||
|
background: #f0f9f2;
|
||||||
|
}
|
||||||
|
.table-attribute .status.off {
|
||||||
|
border: 1px solid red;
|
||||||
|
color: red;
|
||||||
|
background: rgb(255, 245, 245);
|
||||||
|
}
|
||||||
|
|
||||||
|
.table-value th {
|
||||||
|
padding: 7px 5px;
|
||||||
|
background: #f6f6f6;
|
||||||
|
border: 1px solid #ececec;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
.table-value td {
|
||||||
|
padding: 7px 6px;
|
||||||
|
border: 1px solid #ececec;
|
||||||
|
}
|
||||||
|
|
||||||
|
.table-config-group th {
|
||||||
|
padding: 7px 5px;
|
||||||
|
background: #f6f6f6;
|
||||||
|
border: 1px solid #ececec;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
.table-config-group td {
|
||||||
|
padding: 7px 6px;
|
||||||
|
border: 1px solid #ececec;
|
||||||
|
}
|
||||||
|
.table-config-group a {
|
||||||
|
color: #0041e8;
|
||||||
}/*# sourceMappingURL=pc_style.css.map */
|
}/*# sourceMappingURL=pc_style.css.map */
|
||||||
File diff suppressed because one or more lines are too long
@@ -1057,3 +1057,85 @@ input[type="radio"] {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.table-brand {
|
||||||
|
th {
|
||||||
|
padding: 7px 5px;
|
||||||
|
background: #f6f6f6;
|
||||||
|
border: 1px solid #ececec;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
td {
|
||||||
|
padding: 7px 6px;
|
||||||
|
border: 1px solid #ececec;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.table-attribute {
|
||||||
|
th {
|
||||||
|
padding: 7px 5px;
|
||||||
|
background: #f6f6f6;
|
||||||
|
border: 1px solid #ececec;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
td {
|
||||||
|
padding: 7px 6px;
|
||||||
|
border: 1px solid #ececec;
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
color: #0041e8;
|
||||||
|
}
|
||||||
|
.status {
|
||||||
|
width: 106px;
|
||||||
|
display: block;
|
||||||
|
height: 20px;
|
||||||
|
border: 1px solid gray;
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: 700;
|
||||||
|
text-align: center;
|
||||||
|
color: gray;
|
||||||
|
border-radius: 50px;
|
||||||
|
background: #fff;
|
||||||
|
&.on {
|
||||||
|
border: 1px solid #6dc580;
|
||||||
|
color: #03781d;
|
||||||
|
background: #f0f9f2;
|
||||||
|
}
|
||||||
|
&.off {
|
||||||
|
border: 1px solid red;
|
||||||
|
color: red;
|
||||||
|
background: rgb(255, 245, 245);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.table-value {
|
||||||
|
th {
|
||||||
|
padding: 7px 5px;
|
||||||
|
background: #f6f6f6;
|
||||||
|
border: 1px solid #ececec;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
td {
|
||||||
|
padding: 7px 6px;
|
||||||
|
border: 1px solid #ececec;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.table-config-group {
|
||||||
|
th {
|
||||||
|
padding: 7px 5px;
|
||||||
|
background: #f6f6f6;
|
||||||
|
border: 1px solid #ececec;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
td {
|
||||||
|
padding: 7px 6px;
|
||||||
|
border: 1px solid #ececec;
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
color: #0041e8;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
3
data/customer/home.php
Normal file
3
data/customer/home.php
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
|
||||||
@@ -57,7 +57,7 @@ return array(
|
|||||||
'view' => 'home',
|
'view' => 'home',
|
||||||
'id' => 'brand/home',
|
'id' => 'brand/home',
|
||||||
'name' => 'Thương hiệu',
|
'name' => 'Thương hiệu',
|
||||||
'url' => '/admin/brand',
|
'url' => '/admin/product/brand',
|
||||||
),
|
),
|
||||||
array(
|
array(
|
||||||
'enable' => true ,
|
'enable' => true ,
|
||||||
@@ -91,7 +91,7 @@ return array(
|
|||||||
'view' => 'home',
|
'view' => 'home',
|
||||||
'id' => 'addon/home',
|
'id' => 'addon/home',
|
||||||
'name' => 'SP/Dịch vụ mua kèm',
|
'name' => 'SP/Dịch vụ mua kèm',
|
||||||
'url' => '/admin/addon',
|
'url' => '/admin/product/addon',
|
||||||
),
|
),
|
||||||
|
|
||||||
array(
|
array(
|
||||||
@@ -100,7 +100,7 @@ return array(
|
|||||||
'view' => 'home',
|
'view' => 'home',
|
||||||
'id' => 'config_group/home',
|
'id' => 'config_group/home',
|
||||||
'name' => 'Nhóm cấu hình',
|
'name' => 'Nhóm cấu hình',
|
||||||
'url' => '/admin/config_group',
|
'url' => '/admin/product/config_group',
|
||||||
),
|
),
|
||||||
|
|
||||||
/*array(
|
/*array(
|
||||||
|
|||||||
1
data/product/attribute.php
Normal file
1
data/product/attribute.php
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<?php
|
||||||
1
data/product/attribute_add.php
Normal file
1
data/product/attribute_add.php
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<?php
|
||||||
1
data/product/brand.php
Normal file
1
data/product/brand.php
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<?php
|
||||||
1
data/product/brand_add.php
Normal file
1
data/product/brand_add.php
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<?php
|
||||||
1
data/product/config_group.php
Normal file
1
data/product/config_group.php
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<?php
|
||||||
1
data/product/config_group_form.php
Normal file
1
data/product/config_group_form.php
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<?php
|
||||||
148
template/brand/add.html
Normal file
148
template/brand/add.html
Normal file
@@ -0,0 +1,148 @@
|
|||||||
|
<div class="w-[100%] mb-[50px]">
|
||||||
|
|
||||||
|
<div class="text-sm breadcrumbs ml-[10px]">
|
||||||
|
<ul>
|
||||||
|
<li><a href="/admin/product">Danh sách thương hiệu</a></li>
|
||||||
|
<li class="text-[#0041E8]">Form thêm/sửa thương hiệu</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="w-[1140px] my-0 mx-auto">
|
||||||
|
<div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A] mb-[15px]">
|
||||||
|
<div class="flex items-center justify-between">
|
||||||
|
<h1 class="text-[20px] font-[700]">Cập nhật Thương hiệu</h1>
|
||||||
|
<a href="/admin/brand/add"
|
||||||
|
class="flex items-center border-[1px] border-[#ECECEC] rounded-[4px] p-[5px_10px_5px_10px]">
|
||||||
|
<span
|
||||||
|
class="w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#6B7280] text-center leading-[11px] mr-[5px] text-[#6B7280]">+</span>
|
||||||
|
<span class="text-[#6B7280]">Thêm thương hiệu mới</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex">
|
||||||
|
<div class="left w-[270px] mr-[10px]">
|
||||||
|
<div class="list-tab">
|
||||||
|
<a href="javascript:void(0)"
|
||||||
|
class="item block w-[100%] h-[36px] text-white bg-[#0041E8] rounded-[10px] text-[13px] leading-[35px] px-[10px]">Nội
|
||||||
|
dung</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="right w-[860px]">
|
||||||
|
<div
|
||||||
|
class="bg-white p-[10px] rounded-[10px_10px_0_0] shadow-[0_-1px_1px_0px_#0000001A] border-b-[6px] border-[#FAFAFB]">
|
||||||
|
<b class="text-[20px] mb-[10px] block">Thông tin cơ bản</b>
|
||||||
|
|
||||||
|
<div class="form-control mb-[10px]">
|
||||||
|
<label class="font-[600] mb-[5px] text-[14px]">Tên thương hiệu</label>
|
||||||
|
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||||
|
placeholder="Tên thương hiệu"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-control mb-[10px]">
|
||||||
|
<label class="font-[600] mb-[5px] text-[14px]">Link Index</label>
|
||||||
|
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||||
|
placeholder="link index"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-control mb-[10px]">
|
||||||
|
<label class="font-[600] mb-[5px] text-[14px]">Mô tả tóm tắt</label>
|
||||||
|
<textarea type="text" size="60" name="info[title]" id="title" placeholder="Mô tả tóm tắt"
|
||||||
|
class="w-[100%] h-[120px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-control mb-[10px]">
|
||||||
|
<label class="font-[600] mb-[5px] text-[14px]">Ảnh logo thương hiệu</label>
|
||||||
|
<div class="flex items-center">
|
||||||
|
<img src="{{'brand-1.png' | asset_url }}" alt="">
|
||||||
|
<div class="input-file">
|
||||||
|
<input type="file" size="30" name="catThumnail" id="file_input" multiple
|
||||||
|
placeholder="No file selected">
|
||||||
|
<div class="title">
|
||||||
|
<div class="btn-input-file">
|
||||||
|
<i class="fa-solid fa-file-arrow-up"></i> Upload file
|
||||||
|
</div>
|
||||||
|
<span style="color:gray;font-style: italic;">No file chosen</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="bg-white p-[10px] border-t-[6px] border-[#FAFAFB]">
|
||||||
|
<div class="flex items-center justify-between">
|
||||||
|
<div>
|
||||||
|
<b>Mô tả (nếu có)</b>
|
||||||
|
</div>
|
||||||
|
<div class="flex items-center">
|
||||||
|
<a href="" class="p-[7px] rounded-[4px] border-[1px] border-[#0041E8] mr-[10px]">
|
||||||
|
<i class="fa-solid fa-arrow-up-from-bracket text-[#0041E8]"></i>
|
||||||
|
<span class="pl-[3px] text-[#0041E8] font-[500]">Upload ảnh</span>
|
||||||
|
</a>
|
||||||
|
<a href="" class="p-[7px] rounded-[4px] border-[1px] border-[#0041E8] mr-[10px]">
|
||||||
|
<i class="fa-regular fa-folder text-[#0041E8]"></i>
|
||||||
|
<span class="pl-[3px] text-[#0041E8] font-[500]">Quản lý</span>
|
||||||
|
</a>
|
||||||
|
<a href="" class="p-[7px] rounded-[4px] border-[1px] border-[#0041E8]">
|
||||||
|
<i class="fa-regular fa-file-image text-[#0041E8]"></i>
|
||||||
|
<span class="pl-[3px] text-[#0041E8] font-[500]">Chọn ảnh trong kho ảnh</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<p class="text-[#6B7280]">Chưa có thư viện ảnh cho phần miêu tả</p>
|
||||||
|
<div class="py-[10px]">
|
||||||
|
<textarea id="product-desc"> </textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="bg-white p-[10px] border-t-[6px] border-[#FAFAFB]">
|
||||||
|
<b class="block text-[20px] mb-[15px]">Dùng cho SEO</b>
|
||||||
|
<div class="form-control w-[100%] mb-[10px]">
|
||||||
|
<label class="flex items-center mb-[5px] text-[14px]">
|
||||||
|
<b>Meta Title</b>
|
||||||
|
<span class="ml-[10px] italic text-[#6B7280] text-[13px]">* nếu để trống sẽ dùng tên</span>
|
||||||
|
</label>
|
||||||
|
<input type="text" size="60" name="redirect_url" id="redirect_url" value="0"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
<div class="form-control w-[100%] mb-[10px]">
|
||||||
|
<label class="flex items-center mb-[5px] text-[14px]">
|
||||||
|
<b>Meta Keyword</b>
|
||||||
|
</label>
|
||||||
|
<input type="text" size="60" name="Keyword" id="Keyword" value="0"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
<div class="form-control w-[100%] mb-[10px]">
|
||||||
|
<label class="flex items-center mb-[5px] text-[14px]">
|
||||||
|
<b>Meta Description</b>
|
||||||
|
<span class="ml-[10px] italic text-[#6B7280] text-[13px]">* nếu để trống sẽ dùng Mô tả tóm
|
||||||
|
tắt</span>
|
||||||
|
</label>
|
||||||
|
<textarea type="text" size="60" name="description" id="description" value="0"
|
||||||
|
class="w-[100%] h-[120px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</textarea>
|
||||||
|
</div>
|
||||||
|
<div class="form-control w-[100%] mb-[10px]">
|
||||||
|
<label class="flex items-center mb-[5px] text-[14px]">
|
||||||
|
<b>Thứ tự xuất hiện</b>
|
||||||
|
<span class="ml-[10px] italic text-[#6B7280] text-[13px]">(cao xếp trước)</span>
|
||||||
|
</label>
|
||||||
|
<input type="text" size="60" name="" id="" value="0"
|
||||||
|
class="w-[40%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="bg-white p-[10px] border-t-[6px] border-[#FAFAFB]">
|
||||||
|
<input class="w-[82px] h-[32px] bg-[#0041E8] rounded-[4px] text-white cursor-pointer"
|
||||||
|
id="submit-collection-btn" name="commit" type="submit" value="Cập nhật" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
108
template/brand/home.html
Normal file
108
template/brand/home.html
Normal file
@@ -0,0 +1,108 @@
|
|||||||
|
<div class="w-[100%]">
|
||||||
|
<div
|
||||||
|
class="m-[15px] px-[15px] py-[20px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto">
|
||||||
|
<h1 class="text-[24px] font-[700] mb-3">Danh sách thương hiệu</h1>
|
||||||
|
|
||||||
|
<div class="flex items-center justify-between">
|
||||||
|
<div>
|
||||||
|
<b>Tìm theo chữ cái</b>:
|
||||||
|
<a href="?opt=brand&letter=A">A</a> (13) |
|
||||||
|
<a href="?opt=brand&letter=B">B</a> (2) |
|
||||||
|
<a href="?opt=brand&letter=C">C</a> (5) |
|
||||||
|
<a href="?opt=brand&letter=D">D</a> (3) |
|
||||||
|
<a href="?opt=brand&letter=E">E</a> (3) |
|
||||||
|
<a href="?opt=brand&letter=F">F</a> (1) |
|
||||||
|
<a href="?opt=brand&letter=G">G</a> (4) |
|
||||||
|
<a href="?opt=brand&letter=H">H</a> (4) |
|
||||||
|
<a href="?opt=brand&letter=I">I</a> (5) |
|
||||||
|
<a href="?opt=brand&letter=J">J</a> (2) |
|
||||||
|
<a href="?opt=brand&letter=K">K</a> (2) |
|
||||||
|
<a href="?opt=brand&letter=L">L</a> (4) |
|
||||||
|
<a href="?opt=brand&letter=M">M</a> (3) |
|
||||||
|
<a href="?opt=brand&letter=N">N</a> (4) |
|
||||||
|
<a href="?opt=brand&letter=O">O</a> (1) |
|
||||||
|
<a href="?opt=brand&letter=P">P</a> (5) |
|
||||||
|
<a href="?opt=brand&letter=Q">Q</a> (1) |
|
||||||
|
<a href="?opt=brand&letter=S">S</a> (8) |
|
||||||
|
<a href="?opt=brand&letter=T">T</a> (5) |
|
||||||
|
<a href="?opt=brand&letter=V">V</a> (2) |
|
||||||
|
<a href="?opt=brand&letter=W">W</a> (2) |
|
||||||
|
<a href="?opt=brand&letter=X">X</a> (1) |
|
||||||
|
<a href="?opt=brand&letter=Z">Z</a> (2) |
|
||||||
|
</div>
|
||||||
|
<a href="/admin/brand/add"
|
||||||
|
class="flex items-center px-[10px] py-[8px] border-[#0041E8] border-[1px] rounded-[4px] text-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[25px] font-[500]">
|
||||||
|
<span
|
||||||
|
class="border-[1px] border-[#0041E8] h-[14px] w-[14px] leading-[12px] text-center rounded-[50%] mr-1">+</span>
|
||||||
|
<span class="whitespace-nowrap ">Thêm thương hiệu mới</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<table class="table-brand mt-[15px]">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>STT</th>
|
||||||
|
<th>ID</th>
|
||||||
|
<th>Thương hiệu</th>
|
||||||
|
<th>Lượt xem</th>
|
||||||
|
<th>Logo</th>
|
||||||
|
<th>Số Sản phẩm</th>
|
||||||
|
<th>Cài đặt</th>
|
||||||
|
<th>Cập nhật</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>1</td>
|
||||||
|
<td>750</td>
|
||||||
|
<td>
|
||||||
|
<b>10MOONS</b>
|
||||||
|
<p class="flex items-center text-[#0041E8]">
|
||||||
|
<span>Link:</span>
|
||||||
|
<a href="">/brand/10moons</a>
|
||||||
|
</p>
|
||||||
|
<p>Cập nhật cuối: 0000-00-00 00:00:00</p>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
0
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<a href="">
|
||||||
|
<img src="{{'brand-1.png'| asset_url }}" alt="">
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="flex items-center">
|
||||||
|
<p>1</p>
|
||||||
|
<a href="" class="px-[7px] py-[4px] bg-[#0041E8] text-white ml-[10px] rounded-[4px]">Xem
|
||||||
|
SP</a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="flex items-center">
|
||||||
|
<span>STT</span>
|
||||||
|
<input type="text" value="0"
|
||||||
|
class="w-[80px] h-[30px] p-[10px] border-[1px] border-[#D8D8D8] ml-[7px] rounded-[4px] shadow-[0_2px_4px_0_#0000001F]">
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class='list-btn flex items-center'>
|
||||||
|
<a href=""
|
||||||
|
class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||||
|
class='icons icon-edit'></i></a>
|
||||||
|
<a class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'
|
||||||
|
href=''><i class='icons icon-feature'></i></a>
|
||||||
|
<a href=""
|
||||||
|
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||||
|
class="fa-regular fa-eye-slash text-[#9E9E9E]"></i></a>
|
||||||
|
<a href=""
|
||||||
|
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||||
|
class='icons icon-remove'></i></a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
40
template/javascript/brand.html
Normal file
40
template/javascript/brand.html
Normal file
@@ -0,0 +1,40 @@
|
|||||||
|
<script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
|
||||||
|
|
||||||
|
|
||||||
|
<script>
|
||||||
|
|
||||||
|
tinymce.init({
|
||||||
|
selector: 'textarea#product-desc',
|
||||||
|
height: 350,
|
||||||
|
menubar: true,
|
||||||
|
plugins: [
|
||||||
|
'advlist autolink lists link image charmap print preview anchor',
|
||||||
|
'searchreplace visualblocks code fullscreen',
|
||||||
|
'insertdatetime media table paste code help wordcount'
|
||||||
|
],
|
||||||
|
toolbar: 'undo redo | formatselect | ' +
|
||||||
|
'bold italic backcolor | alignleft aligncenter ' +
|
||||||
|
'alignright alignjustify | bullist numlist outdent indent | ' +
|
||||||
|
'removeformat | help',
|
||||||
|
content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
tinymce.init({
|
||||||
|
selector: 'textarea#product-static',
|
||||||
|
height: 350,
|
||||||
|
menubar: true,
|
||||||
|
plugins: [
|
||||||
|
'advlist autolink lists link image charmap print preview anchor',
|
||||||
|
'searchreplace visualblocks code fullscreen',
|
||||||
|
'insertdatetime media table paste code help wordcount'
|
||||||
|
],
|
||||||
|
toolbar: 'undo redo | formatselect | ' +
|
||||||
|
'bold italic backcolor | alignleft aligncenter ' +
|
||||||
|
'alignright alignjustify | bullist numlist outdent indent | ' +
|
||||||
|
'removeformat | help',
|
||||||
|
content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
</script>
|
||||||
@@ -16,4 +16,8 @@
|
|||||||
|
|
||||||
{% include javascript/product_form %}
|
{% include javascript/product_form %}
|
||||||
|
|
||||||
|
{% elsif global.module == 'brand' %}
|
||||||
|
|
||||||
|
{% include javascript/brand %}
|
||||||
|
|
||||||
{% endif %}
|
{% endif %}
|
||||||
101
template/product/attribute.html
Normal file
101
template/product/attribute.html
Normal file
@@ -0,0 +1,101 @@
|
|||||||
|
<div class="w-[100%]">
|
||||||
|
<div class="m-[15px] p-[15px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto">
|
||||||
|
<h1 class="text-[24px] font-[700] mb-3">Danh sách thuộc tính</h1>
|
||||||
|
|
||||||
|
<a href="/admin/product/attribute_add" class="
|
||||||
|
block m-[auto_0_auto_auto] w-[185px] border-[1px] border-[#0041E8] rounded-[4px] p-[5px_10px_5px_10px]">
|
||||||
|
<span
|
||||||
|
class="inline-block w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#0041E8] text-center leading-[11px] text-[#0041E8] mb-[2px]">+</span>
|
||||||
|
<span class="text-[#0041E8] font-[500]">Thêm thuộc tính mới</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<table class="table-attribute mt-[20px]">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>STT</th>
|
||||||
|
<th>Mã</th>
|
||||||
|
<th>Tên hiển thị</th>
|
||||||
|
<th>Giá trị</th>
|
||||||
|
<th>Danh mục đang có</th>
|
||||||
|
<th>Thứ tự</th>
|
||||||
|
<th>Trạng thái</th>
|
||||||
|
<th>Cập nhật</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>1</td>
|
||||||
|
<td>phong-cach</td>
|
||||||
|
<td>Phong cách</td>
|
||||||
|
<td>5</td>
|
||||||
|
<td class="w-[390px]">
|
||||||
|
<a href="">Máy Tính Xách Tay,</a>
|
||||||
|
<a href="">Macbook,</a>
|
||||||
|
<a href="">Surface,</a>
|
||||||
|
<a href="">Laptop Acer,</a>
|
||||||
|
<a href="">Laptop Acer Aspire,</a>
|
||||||
|
<a href="">Laptop Acer TravelMate,</a>
|
||||||
|
<a href="">Test,</a>
|
||||||
|
</td>
|
||||||
|
<td class="w-[145px]">
|
||||||
|
<input type="text" value="0"
|
||||||
|
class="w-[120px] h-[30px] p-[10px] border-[1px] border-[#D8D8D8] ml-[7px] rounded-[4px] shadow-[0_2px_4px_0_#0000001F]">
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<a href="" class="status on">Đang hoạt động</a>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class='list-btn flex items-center'>
|
||||||
|
<a href=""
|
||||||
|
class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||||
|
class='icons icon-edit'></i></a>
|
||||||
|
<a href=""
|
||||||
|
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||||
|
class="fa-regular fa-eye-slash text-[#9E9E9E]"></i></a>
|
||||||
|
<a href=""
|
||||||
|
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||||
|
class='icons icon-remove'></i></a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>1</td>
|
||||||
|
<td>phong-cach</td>
|
||||||
|
<td>Phong cách</td>
|
||||||
|
<td>5</td>
|
||||||
|
<td class="w-[390px]">
|
||||||
|
<a href="">Máy Tính Xách Tay,</a>
|
||||||
|
<a href="">Macbook,</a>
|
||||||
|
<a href="">Surface,</a>
|
||||||
|
<a href="">Laptop Acer,</a>
|
||||||
|
<a href="">Laptop Acer Aspire,</a>
|
||||||
|
<a href="">Laptop Acer TravelMate,</a>
|
||||||
|
<a href="">Test,</a>
|
||||||
|
</td>
|
||||||
|
<td class="w-[145px]">
|
||||||
|
<input type="text" value="0"
|
||||||
|
class="w-[120px] h-[30px] p-[10px] border-[1px] border-[#D8D8D8] ml-[7px] rounded-[4px] shadow-[0_2px_4px_0_#0000001F]">
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<a href="" class="status off">Ẩn hiển thị</a>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class='list-btn flex items-center'>
|
||||||
|
<a href=""
|
||||||
|
class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||||
|
class='icons icon-edit'></i></a>
|
||||||
|
<a href=""
|
||||||
|
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||||
|
class="fa-regular fa-eye-slash text-[#9E9E9E]"></i></a>
|
||||||
|
<a href=""
|
||||||
|
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||||
|
class='icons icon-remove'></i></a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
210
template/product/attribute_add.html
Normal file
210
template/product/attribute_add.html
Normal file
@@ -0,0 +1,210 @@
|
|||||||
|
<div class="w-[100%] mb-[50px]">
|
||||||
|
|
||||||
|
<div class="text-sm breadcrumbs ml-[10px]">
|
||||||
|
<ul>
|
||||||
|
<li><a href="/admin/product/attribute">Thuộc tính sản phẩm</a></li>
|
||||||
|
<li class="text-[#0041E8]">Form thêm/sửa thuộc tính</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="w-[1140px] my-0 mx-auto">
|
||||||
|
<div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A] mb-[15px]">
|
||||||
|
<div class="flex items-center justify-between">
|
||||||
|
<h1 class="text-[20px] font-[700]">Cập nhật thuộc tính sản phẩm</h1>
|
||||||
|
<a href="/admin/product/attribute-add"
|
||||||
|
class="flex items-center border-[1px] border-[#ECECEC] rounded-[4px] p-[5px_10px_5px_10px]">
|
||||||
|
<span
|
||||||
|
class="w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#6B7280] text-center leading-[11px] mr-[5px] text-[#6B7280]">+</span>
|
||||||
|
<span class="text-[#6B7280]">Thêm thuộc tính mới</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex">
|
||||||
|
<div class="left w-[270px] mr-[10px]">
|
||||||
|
<div class="list-tab">
|
||||||
|
<a href="javascript:void(0)"
|
||||||
|
class="item block w-[100%] h-[36px] text-white bg-[#0041E8] rounded-[10px] text-[13px] leading-[35px] px-[10px]">Nội
|
||||||
|
dung</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="right w-[860px]">
|
||||||
|
<div
|
||||||
|
class="bg-white p-[10px] rounded-[10px_10px_0_0] shadow-[0_-1px_1px_0px_#0000001A] border-b-[6px] border-[#FAFAFB]">
|
||||||
|
<b class="text-[20px] mb-[10px] block">Thông tin cơ bản</b>
|
||||||
|
|
||||||
|
<div class="form-control mb-[10px]">
|
||||||
|
<label class="font-[600] mb-[5px] text-[14px]">Tên thuộc tính</label>
|
||||||
|
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||||
|
placeholder="Tên thuộc tính"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-control w-[100%] mb-[10px]">
|
||||||
|
<label class="flex items-center mb-[5px] text-[14px]">
|
||||||
|
<b>Mã nhận dạng cho quản trị</b>
|
||||||
|
<span class="ml-[10px] italic text-[#6B7280] text-[13px]">v.d. kich_thuoc_quan (không có dấu
|
||||||
|
cách, không viết dấu của tiếng Việt)</span>
|
||||||
|
</label>
|
||||||
|
<input type="text" size="60" name="redirect_url" id="redirect_url" value="0"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-control w-[100%] mb-[10px]">
|
||||||
|
<label class="flex items-center mb-[5px] text-[14px]">
|
||||||
|
<b>Mô tả tóm tắt</b>
|
||||||
|
<span class="ml-[10px] italic text-[#6B7280] text-[13px]">(nếu muốn hiển thị và giải thích ý
|
||||||
|
nghĩa cho khách hàng)</span>
|
||||||
|
</label>
|
||||||
|
<textarea type="text" size="60" name="redirect_url" id="redirect_url" value="0"
|
||||||
|
class="w-[100%] h-[120px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-control w-[100%] mb-[10px]">
|
||||||
|
<label class="flex items-center mb-[5px] text-[14px]">
|
||||||
|
<b>Mã bộ lọc trên Url</b>
|
||||||
|
<span class="ml-[10px] italic text-[#6B7280] text-[13px]">v.d. cpu (trên link lọc
|
||||||
|
?cpu=32Ghz&ram=32GB)
|
||||||
|
</span>
|
||||||
|
</label>
|
||||||
|
<input type="text" size="60" name="redirect_url" id="redirect_url" value="0"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-control w-[100%] mb-[10px]">
|
||||||
|
<label class="flex items-center mb-[5px] text-[14px]">
|
||||||
|
<b>Thứ tự xuất hiện</b>
|
||||||
|
<span class="ml-[10px] italic text-[#6B7280] text-[13px]">(cao xếp trước)</span>
|
||||||
|
</label>
|
||||||
|
<input type="text" size="60" name="redirect_url" id="redirect_url" value="0"
|
||||||
|
class="w-[45%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex mb-[10px]">
|
||||||
|
<b class="w-[140px]">Lựa chọn áp dụng</b>
|
||||||
|
<div class="">
|
||||||
|
<div class="check-form flex items-center mb-[10px]">
|
||||||
|
<input type="checkbox" name="change_url_on_update" value="1" checked
|
||||||
|
class="checked:bg-[#0041E8] w-[18px] h-[18px] rounded-[4px]">
|
||||||
|
<span class="ml-[10px] text-[#6B7280]">Dùng là tiêu đề nhóm cho các thuộc tính đứng
|
||||||
|
sau</span>
|
||||||
|
</div>
|
||||||
|
<div class="check-form flex items-center mb-[10px]">
|
||||||
|
<input type="checkbox" name="change_url_on_update" value="1"
|
||||||
|
class="checked:bg-[#0041E8] w-[18px] h-[18px] rounded-[4px]">
|
||||||
|
<span class="ml-[10px] text-[#6B7280]">Dùng lọc Sản phẩm ở danh mục</span>
|
||||||
|
</div>
|
||||||
|
<div class="check-form flex items-center mb-[10px]">
|
||||||
|
<input type="checkbox" name="change_url_on_update" value="1"
|
||||||
|
class="checked:bg-[#0041E8] w-[18px] h-[18px] rounded-[4px]">
|
||||||
|
<span class="ml-[10px] text-[#6B7280]">Hiển thị ở thông tin tóm tắt Sản phẩm</span>
|
||||||
|
</div>
|
||||||
|
<div class="check-form flex items-center mb-[10px]">
|
||||||
|
<input type="checkbox" name="change_url_on_update" value="1"
|
||||||
|
class="checked:bg-[#0041E8] w-[18px] h-[18px] rounded-[4px]">
|
||||||
|
<span class="ml-[10px] text-[#6B7280]">Hiển thị ở bảng thông số kỹ thuật</span>
|
||||||
|
</div>
|
||||||
|
<div class="check-form flex items-center mb-[10px]">
|
||||||
|
<input type="checkbox" name="change_url_on_update" value="1"
|
||||||
|
class="checked:bg-[#0041E8] w-[18px] h-[18px] rounded-[4px]">
|
||||||
|
<span class="ml-[10px] text-[#6B7280]">Dùng để tạo các cấu hình của Sản phẩm</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex mb-[10px]">
|
||||||
|
<b class="w-[140px]">Phân loại</b>
|
||||||
|
<div>
|
||||||
|
<div class="check-form flex items-center mb-[10px]">
|
||||||
|
<input type="radio" name="info[scope]" value="0" checked="">
|
||||||
|
<label for="" class="ml-[25px] text-[#6B7280]">Local - Chỉ áp dụng cho một số loại Sản
|
||||||
|
phẩm</label>
|
||||||
|
</div>
|
||||||
|
<div class="check-form flex items-center mb-[10px]">
|
||||||
|
<input type="radio" name="info[scope]" value="1" checked="">
|
||||||
|
<label for="" class="ml-[25px] text-[#6B7280]">Global - Áp dụng cho tất cả Sản phẩm
|
||||||
|
(v.d: Xuất xứ, Màu sắc, Bảo hành)
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mb-[10px]">
|
||||||
|
<b class="text-[14px] mb-[10px] block text-[#383C44]">Thông tin cơ bản</b>
|
||||||
|
<table class="mt-[15px] table-value">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>STT</th>
|
||||||
|
<th>ID</th>
|
||||||
|
<th>Giá trị</th>
|
||||||
|
<th>Mô tả</th>
|
||||||
|
<th>Thứ tự hiển thị</th>
|
||||||
|
<th>Lựa chọn</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>1</td>
|
||||||
|
<td>4939</td>
|
||||||
|
<td>Nam</td>
|
||||||
|
<td class="w-[230px]"></td>
|
||||||
|
<td class="w-[120px]">
|
||||||
|
<input type="text" value="0" class="w-[120px]">
|
||||||
|
</td>
|
||||||
|
<td class="w-[85px]">
|
||||||
|
<div class='list-btn flex items-center'>
|
||||||
|
<a href=""
|
||||||
|
class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||||
|
class='icons icon-edit'></i></a>
|
||||||
|
<a href=""
|
||||||
|
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||||
|
class='icons icon-remove'></i></a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="bg-white p-[10px]">
|
||||||
|
<b class="text-[20px] block">Thêm giá trị mới</b>
|
||||||
|
<span class="text-[#6B7280] italic">(**) Dùng để sắp xếp Sản phẩm theo thuộc tính khi cần (v.d. theo
|
||||||
|
dung
|
||||||
|
lượng ổ cứng laptop giảm
|
||||||
|
dần)
|
||||||
|
</span>
|
||||||
|
<div class="flex justify-between mt-[10px]">
|
||||||
|
<div class="form-control w-[30%] mb-[10px] mr-[6px]">
|
||||||
|
<label class="font-[600] mb-[5px] text-[14px]">Tên (*)</label>
|
||||||
|
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||||
|
placeholder="Tên (*)"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
<div class="form-control w-[30%] mb-[10px] mx-[6px]">
|
||||||
|
<label class="font-[600] mb-[5px] text-[14px]">Giá trị sắp xếp (**)</label>
|
||||||
|
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||||
|
placeholder="Giá trị sắp xếp"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
<div class="form-control w-[30%] mb-[10px] ml-[6px]">
|
||||||
|
<label class="font-[600] mb-[5px] text-[14px]">STT</label>
|
||||||
|
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||||
|
placeholder="STT"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
<a href="javascript:void(0)"
|
||||||
|
class="w-[80px] h-[33px] border-[1px] border-[#0041E8] text-center leading-[33px] rounded-[4px] text-[#0041E8] font-[500] ml-[10px] mt-[25px] hover:bg-[#0041E8] hover:text-white">Thêm
|
||||||
|
mới</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="bg-white p-[10px] border-t-[6px] border-[#FAFAFB]">
|
||||||
|
<input class="w-[82px] h-[32px] bg-[#0041E8] rounded-[4px] text-white cursor-pointer"
|
||||||
|
id="submit-collection-btn" name="commit" type="submit" value="Cập nhật" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
54
template/product/config_group.html
Normal file
54
template/product/config_group.html
Normal file
@@ -0,0 +1,54 @@
|
|||||||
|
<div class="w-[100%]">
|
||||||
|
<div class="m-[15px] p-[15px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto">
|
||||||
|
<h1 class="text-[24px] font-[700] mb-3">Nhóm cấu hình sản phẩm</h1>
|
||||||
|
<div class="shadow-[0px_1px_1px_0px_#0000001A] p-[10px] rounded-[10px] border-[1px] border-[#F6F6F6]">
|
||||||
|
<div class="flex items-center">
|
||||||
|
<input type="text" size="60" name="info[title]" placeholder=""
|
||||||
|
class="w-[300px] h-[30px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
<a href="javascript:void(0)"
|
||||||
|
class="w-[70px] h-[29px] leading-[30px] text-center rounded-[4px] bg-[#0041E8] text-white ml-[10px]">Tìm
|
||||||
|
kiếm</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<a href="/admin/product/config_group_form"
|
||||||
|
class="
|
||||||
|
block m-[15px_0_auto_auto] w-[185px] border-[1px] border-[#0041E8] rounded-[4px] p-[5px_10px_5px_10px]">
|
||||||
|
<span
|
||||||
|
class="inline-block w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#0041E8] text-center leading-[11px] text-[#0041E8] mb-[2px]">+</span>
|
||||||
|
<span class="text-[#0041E8] font-[500]">Thêm nhóm cấu hình</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<table class="table-config-group mt-[15px]">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>STT</th>
|
||||||
|
<th>Thông tin</th>
|
||||||
|
<th>Cập nhật</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td class="w-[40px]">1</td>
|
||||||
|
<td>
|
||||||
|
<a href="">Máy In Canon Pixma IX6870-In Phun Mầu</a>
|
||||||
|
<p>
|
||||||
|
<span>Tạo lúc: 28-12-2023, 11:34 am,</span>
|
||||||
|
<span>cập nhật: 28-12-2023, 11:34 am</span>
|
||||||
|
</p>
|
||||||
|
</td>
|
||||||
|
<td class="w-[90px]">
|
||||||
|
<div class='list-btn flex items-center justify-center'>
|
||||||
|
<a href=""
|
||||||
|
class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||||
|
class='icons icon-edit'></i></a>
|
||||||
|
<a href=""
|
||||||
|
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
|
||||||
|
class='icons icon-remove'></i></a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
23
template/product/config_group_form.html
Normal file
23
template/product/config_group_form.html
Normal file
@@ -0,0 +1,23 @@
|
|||||||
|
<div class="w-[100%] mb-[50px]">
|
||||||
|
|
||||||
|
<div class="text-sm breadcrumbs ml-[10px]">
|
||||||
|
<ul>
|
||||||
|
<li><a href="/admin/product/config_group">Nhóm cấu hình sản phẩm</a></li>
|
||||||
|
<li class="text-[#0041E8]">Form thêm/sửa cấu hình</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="w-[1140px] my-0 mx-auto">
|
||||||
|
<div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A] mb-[15px]">
|
||||||
|
<div class="flex items-center justify-between">
|
||||||
|
<h1 class="text-[20px] font-[700]">Cập nhật cấu hình sản phẩm</h1>
|
||||||
|
<a href="/admin/brand/add"
|
||||||
|
class="flex items-center border-[1px] border-[#ECECEC] rounded-[4px] p-[5px_10px_5px_10px]">
|
||||||
|
<span
|
||||||
|
class="w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#6B7280] text-center leading-[11px] mr-[5px] text-[#6B7280]">+</span>
|
||||||
|
<span class="text-[#6B7280]">Thêm thương hiệu mới</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
@@ -176,7 +176,7 @@
|
|||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
<input class="btn w-[82px] h-[32px] bg-[#0041E8] rounded-[4px] mt-[10px] text-white cursor-pointer"
|
<input class="w-[82px] h-[32px] bg-[#0041E8] rounded-[4px] mt-[10px] text-white cursor-pointer" name="commit"
|
||||||
name="commit" type="submit" value="Cập nhật">
|
type="submit" value="Cập nhật">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -22,10 +22,7 @@
|
|||||||
<script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script>
|
<script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script>
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
<!--
|
|
||||||
{{ global|show_var }}
|
|
||||||
{{ page|show_var }}
|
|
||||||
-->
|
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<div class="admin-global-container">
|
<div class="admin-global-container">
|
||||||
|
|||||||
Reference in New Issue
Block a user