tieptk/admin_hura_8
2
1
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity

update product

Browse Source
This commit is contained in:
Tieptk
2024-02-29 14:49:03 +07:00
parent 6166366250
commit 6f393f6e64
22 changed files with 866 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/images/brand-1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.1 KiB

74
assets/script/pc_style.css
View File

@@ -1016,4 +1016,78 @@ input[type=radio]:focus:before {
}
.modal .brand-letters a:hover {
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 */

2
assets/script/pc_style.css.map
View File

File diff suppressed because one or more lines are too long

82
assets/script/pc_style.scss
View File

@@ -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
View File

@@ -0,0 +1,3 @@
<?php

6
data/menu_item/product.php
View File

@@ -57,7 +57,7 @@ return array(
'view' => 'home',
'id' => 'brand/home',
'name' => 'Thương hiệu',
'url' => '/admin/brand',
'url' => '/admin/product/brand',
),
array(
'enable' => true ,
@@ -91,7 +91,7 @@ return array(
'view' => 'home',
'id' => 'addon/home',
'name' => 'SP/Dịch vụ mua kèm',
'url' => '/admin/addon',
'url' => '/admin/product/addon',
),
array(
@@ -100,7 +100,7 @@ return array(
'view' => 'home',
'id' => 'config_group/home',
'name' => 'Nhóm cấu hình',
'url' => '/admin/config_group',
'url' => '/admin/product/config_group',
),
/*array(

1
data/product/attribute.php Normal file
View File

@@ -0,0 +1 @@
<?php

1
data/product/attribute_add.php Normal file
View File

@@ -0,0 +1 @@
<?php

1
data/product/brand.php Normal file
View File

@@ -0,0 +1 @@
<?php

1
data/product/brand_add.php Normal file
View File

@@ -0,0 +1 @@
<?php

1
data/product/config_group.php Normal file
View File

@@ -0,0 +1 @@
<?php

1
data/product/config_group_form.php Normal file
View File

@@ -0,0 +1 @@
<?php

148
template/brand/add.html Normal file
View 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
View 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&amp;letter=A">A</a> (13) |
<a href="?opt=brand&amp;letter=B">B</a> (2) |
<a href="?opt=brand&amp;letter=C">C</a> (5) |
<a href="?opt=brand&amp;letter=D">D</a> (3) |
<a href="?opt=brand&amp;letter=E">E</a> (3) |
<a href="?opt=brand&amp;letter=F">F</a> (1) |
<a href="?opt=brand&amp;letter=G">G</a> (4) |
<a href="?opt=brand&amp;letter=H">H</a> (4) |
<a href="?opt=brand&amp;letter=I">I</a> (5) |
<a href="?opt=brand&amp;letter=J">J</a> (2) |
<a href="?opt=brand&amp;letter=K">K</a> (2) |
<a href="?opt=brand&amp;letter=L">L</a> (4) |
<a href="?opt=brand&amp;letter=M">M</a> (3) |
<a href="?opt=brand&amp;letter=N">N</a> (4) |
<a href="?opt=brand&amp;letter=O">O</a> (1) |
<a href="?opt=brand&amp;letter=P">P</a> (5) |
<a href="?opt=brand&amp;letter=Q">Q</a> (1) |
<a href="?opt=brand&amp;letter=S">S</a> (8) |
<a href="?opt=brand&amp;letter=T">T</a> (5) |
<a href="?opt=brand&amp;letter=V">V</a> (2) |
<a href="?opt=brand&amp;letter=W">W</a> (2) |
<a href="?opt=brand&amp;letter=X">X</a> (1) |
<a href="?opt=brand&amp;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
View 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>

4
template/javascript/index.html
View File

@@ -16,4 +16,8 @@
{% include javascript/product_form %}
{% elsif global.module == 'brand' %}
{% include javascript/brand %}
{% endif %}

101
template/product/attribute.html Normal file
View 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
View 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
View 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
View 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>

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

@@ -176,7 +176,7 @@
</td>
</tr>
</table>
<input class="btn w-[82px] h-[32px] bg-[#0041E8] rounded-[4px] mt-[10px] text-white cursor-pointer"
name="commit" type="submit" value="Cập nhật">
<input class="w-[82px] h-[32px] bg-[#0041E8] rounded-[4px] mt-[10px] text-white cursor-pointer" name="commit"
type="submit" value="Cập nhật">
</div>
</div>

5
template/theme.html
View File

@@ -22,10 +22,7 @@
<script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script>
</head>
<!--
{{ global|show_var }}
{{ page|show_var }}
-->
<body>
<div class="admin-global-container">