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

Compare commits

base: tieptk:e5525fd7f247f3b18ab1b821ff3666e0cbf3ea45
Branches Tags
tieptk:master
...
compare: tieptk:b7ca602739be1b538aeab9fd2af2ff083b643909
Branches Tags
tieptk:master

2 Commits
e5525fd7f2 ... b7ca602739

Author SHA1 Message Date
Glee
b7ca602739 s 2024-01-19 20:19:35 +07:00
Glee
9d04c298a8 s 2024-01-19 20:14:21 +07:00
44 changed files with 1291 additions and 1023 deletions
Expand all files Collapse all files

172
data/product/form.php
View File

@@ -1 +1,173 @@
<?php <?php
$view_part = getRequest("part", "basic");
$view_part_file = str_replace("-", "_", $view_part);
$part_file = __DIR__."/form_components/". $view_part_file .".php";
if(@file_exists($part_file)) {
include $part_file;
}else{
die("File: /form_components/". $view_part_file .".php does not exist!");
}
return [
"product_info" => _get_product_info(),
"product_menu" => _get_product_menu(),
"view_part" => $view_part,
];
// helpers
function _get_product_info() {
return [
"id" => 12,
"title" => "Máy in mã vạch MH241",
];
}
function _get_product_menu() {
$current_selected = getRequest('part', 'basic');
$product_menu = array(
array(
'id' => 'basic',
"name" => "Cơ bản",
),
array(
'id' => 'store',
"name" => "Cửa hàng",
),
array(
'id' => 'category',
"name" => "Danh mục",
),
array(
'id' => 'seo',
"name" => "SEO",
),
array(
'id' => 'description',
"name" => "Mô tả",
),
array(
'id' => 'spec-group',
"name" => "Thông số kỹ thuật",//"Thông số",
),
/*"spec" => array(
"name" => "Thông số kỹ thuật nhập text", //"Bộ lọc thuộc tính", //"Thông số",
"must_have_id" => true,
"change_language" => true,
),*/
/*"image-spec" => array(
"name" => "Ảnh thông số",
"must_have_id" => true,
"change_language" => true,
),*/
array(
'id' => 'instruction',
"name" => "Hướng dẫn sử dụng",
),
array(
'id' => 'image',
"name" => "Ảnh",
),
array(
'id' => 'variant',
"name" => "Cấu hình",
),
array(
'id' => 'accessory',
"name" => "Phụ kiện",
),
array(
'id' => 'addon',
"name" => "Dịch vụ/SP đi kèm",
),
array(
'id' => 'video',
"name" => "Youtube",
),
/* "video-list" => array(
"name" => "Thư viện Youtube",
"must_have_id" => true,
"change_language" => false,
),*/
/*"relate-article" => array(
"name" => "Nội dung liên quan",
"must_have_id" => true,
"change_language" => false,
),*/
/*"web-link" => array(
"name" => "So sánh giá",
"must_have_id" => true,
"change_language" => false,
),*/
array(
'id' => 'tag',
"name" => "Tags",
),
array(
'id' => 'relation',
"name" => "Nội dung liên quan",
),
array(
'id' => 'customer-group',
"name" => "Giá theo nhóm khách hàng",
),
array(
'id' => 'component',
"name" => "Thành phần",
),
array(
'id' => 'configurable',
"name" => "Tùy chọn thành phần",
),
array(
'id' => 'compatible',
"name" => "Sp tương thích",
),
array(
'id' => 'similar',
"name" => "Sp tương tự",
),
array(
'id' => 'combo-set',
"name" => "Combo Set",
),
);
return array_map(function ($item) use ($current_selected){
$copy = $item;
$copy['is_current'] = $item['id'] == $current_selected ? 1 : 0;
return $copy;
}, $product_menu);
}

1
data/product/form_components/accessory.php Normal file
View File

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

1
data/product/form_components/accessory_add.php Normal file
View File

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

1
data/product/form_components/addon.php Normal file
View File

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

1
data/product/form_components/basic.php Normal file
View File

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

1
data/product/form_components/category.php Normal file
View File

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

1
data/product/form_components/combo-set.php Normal file
View File

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

1
data/product/form_components/compatible.php Normal file
View File

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

1
data/product/form_components/component.php Normal file
View File

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

1
data/product/form_components/component_add.php Normal file
View File

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

1
data/product/form_components/configurable.php Normal file
View File

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

1
data/product/form_components/description.php Normal file
View File

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

1
data/product/form_components/image.php Normal file
View File

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

1
data/product/form_components/instruction.php Normal file
View File

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

1
data/product/form_components/relation.php Normal file
View File

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

1
data/product/form_components/seo.php Normal file
View File

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

1
data/product/form_components/similar.php Normal file
View File

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

1
data/product/form_components/sitemanager.php Normal file
View File

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

1
data/product/form_components/spec.php Normal file
View File

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

1
data/product/form_components/spec_group.php Normal file
View File

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

1
data/product/form_components/tag.php Normal file
View File

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

1
data/product/form_components/variant.php Normal file
View File

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

1
data/product/form_components/video.php Normal file
View File

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

28
inc/common.php
View File

@@ -6,3 +6,31 @@ function init_autoload(){
return $classLoader; return $classLoader;
} }
//get current paging id
function getPageId(){
return getRequestInt('page', 1);
}
function getPageSize($default=10){
return getRequestInt('pageSize', $default);
}
//Function to get the post value in submit
function getPost($var, $default="", $encode = false, $keep_tag=""){
return isset($_POST[$var]) ? $_POST[$var] : $default;
}
//Function to get the INTERGER request value of a variable
function getRequestInt($var, $min_value = 0){
$request = isset($_REQUEST[$var]) ? (int) $_REQUEST[$var] : (int) $min_value;
$request = ($request >= $min_value ) ? $request : $min_value; //if user tampers request parameter
return $request;
}
//Function to get the request value of a variable
function getRequest($var, $default=""){
return $_REQUEST[$var] ?? $default;
}

1083
template/product/form.html
View File

File diff suppressed because it is too large Load Diff

101
template/product/form_components/accessory.html Normal file
View File

@@ -0,0 +1,101 @@
<!-- phu kien -->
<div
class="bg-white rounded-[15px] shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] py-[18px] px-[16px] mb-[20px]">
<b>1.Các loại phụ kiện của sản phẩm</b>
<a href="" class="flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13"
fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M1.77273 2.36364C1.61601 2.36364 1.46571 2.42589 1.35489 2.53671C1.24407 2.64753 1.18182 2.79783 1.18182 2.95455V11.2273C1.18182 11.384 1.24407 11.5343 1.35489 11.6451C1.46571 11.7559 1.61601 11.8182 1.77273 11.8182H10.0455C10.2022 11.8182 10.3525 11.7559 10.4633 11.6451C10.5741 11.5343 10.6364 11.384 10.6364 11.2273V8.07182C10.6364 7.74547 10.9009 7.48091 11.2273 7.48091C11.5536 7.48091 11.8182 7.74547 11.8182 8.07182V11.2273C11.8182 11.6974 11.6314 12.1483 11.299 12.4808C10.9665 12.8132 10.5156 13 10.0455 13H1.77273C1.30257 13 0.85167 12.8132 0.51922 12.4808C0.186769 12.1483 0 11.6974 0 11.2273V2.95455C0 2.48439 0.186769 2.03349 0.51922 1.70104C0.851671 1.36859 1.30257 1.18182 1.77273 1.18182H4.92818C5.25453 1.18182 5.51909 1.44638 5.51909 1.77273C5.51909 2.09908 5.25453 2.36364 4.92818 2.36364H1.77273Z"
fill="#0041E8" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M9.62762 0.173073C9.85838 -0.0576911 10.2325 -0.0576911 10.4633 0.173073L12.8269 2.53671C13.0577 2.76747 13.0577 3.14162 12.8269 3.37238L6.91784 9.28147C6.80702 9.39229 6.65672 9.45455 6.5 9.45455H4.13636C3.81001 9.45455 3.54545 9.18999 3.54545 8.86364V6.5C3.54545 6.34328 3.60771 6.19298 3.71853 6.08216L9.62762 0.173073ZM4.72727 6.74476V8.27273H6.25524L11.5734 2.95455L10.0455 1.42658L4.72727 6.74476Z"
fill="#0041E8" />
</svg>
<span class="ml-[5px] text-[#0041E8] font-[500]">Chọn Sản phẩm phụ kiện</span>
</a>
<div class="list-item-cate flex items-center flex-wrap mt-[10px] mb-[30px]">
<a href=""
class="border-[1px] border-dashed border-[#9E9E9E] px-[10px] py-[5px] rounded-[4px] mr-[10px] font-[14px] text-[#9E9E9E] mb-[10px]">
PC, Workstation
</a>
<a href=""
class="border-[1px] border-dashed border-[#9E9E9E] px-[10px] py-[5px] rounded-[4px] mr-[10px] font-[14px] text-[#9E9E9E] mb-[10px]">
CPU - Bộ Vi Xử Lý
</a>
<a href=""
class="border-[1px] border-dashed border-[#9E9E9E] px-[10px] py-[5px] rounded-[4px] mr-[10px] font-[14px] text-[#9E9E9E] mb-[10px]">
Mainboard - Bo Mạch Chủ
</a>
<a href=""
class="border-[1px] border-dashed border-[#9E9E9E] px-[10px] py-[5px] rounded-[4px] mr-[10px] font-[14px] text-[#9E9E9E] mb-[10px]">
VGA - Card Màn Hình
</a>
<a href=""
class="border-[1px] border-dashed border-[#9E9E9E] px-[10px] py-[5px] rounded-[4px] mr-[10px] font-[14px] text-[#9E9E9E] mb-[10px]">
PC, Workstation
</a>
<a href=""
class="border-[1px] border-dashed border-[#9E9E9E] px-[10px] py-[5px] rounded-[4px] mr-[10px] font-[14px] text-[#9E9E9E] mb-[10px]">
PC, Workstation
</a>
<a href=""
class="border-[1px] border-dashed border-[#9E9E9E] px-[10px] py-[5px] rounded-[4px] mr-[10px] font-[14px] text-[#9E9E9E] mb-[10px]">
PC, Workstation
</a>
</div>
<b>2.Các danh mục</b>
<b>PC, Workstation</b>
<table class="accessory">
<thead>
<tr>
<th>STT</th>
<th>Ảnh</th>
<th>Sản phẩm</th>
<th>Giá hiện tại</th>
<th>Quản lý</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>
<img src="https://via.placeholder.com/50" alt="">
</td>
<td>
<a href="">CPU Intel Xeon E5-2665 2.40 GHz / 20MB / 8 Cores 16 Threads /
Socket 2011</a>
<div class="flex items-center">
<span>SKU: HN123567</span>
<span class="mx-[5px]">/</span>
<span>Số lượng: 1</span>
</div>
</td>
<td>
24.900.000 VND
</td>
<td>
<div
class="flex items-center justify-center w-[32px] h-[32px] leading-[32px] bg-[#ECECEC] rounded-[4px]">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="13"
viewBox="0 0 12 13" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0 2.95455C0 2.6282 0.264559 2.36364 0.590909 2.36364H11.2273C11.5536 2.36364 11.8182 2.6282 11.8182 2.95455C11.8182 3.2809 11.5536 3.54545 11.2273 3.54545H0.590909C0.264559 3.54545 0 3.2809 0 2.95455Z"
fill="#9E9E9E" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M4.72727 1.18182C4.57055 1.18182 4.42025 1.24407 4.30944 1.35489C4.19862 1.46571 4.13636 1.61601 4.13636 1.77273V2.36364H7.68182V1.77273C7.68182 1.61601 7.61956 1.46571 7.50875 1.35489C7.39793 1.24407 7.24763 1.18182 7.09091 1.18182H4.72727ZM8.86364 2.36364V1.77273C8.86364 1.30257 8.67687 0.85167 8.34442 0.51922C8.01197 0.186769 7.56107 0 7.09091 0H4.72727C4.25712 0 3.80622 0.186769 3.47377 0.51922C3.14132 0.85167 2.95455 1.30257 2.95455 1.77273V2.36364H1.77273C1.44638 2.36364 1.18182 2.6282 1.18182 2.95455V11.2273C1.18182 11.6974 1.36859 12.1483 1.70104 12.4808C2.03349 12.8132 2.48439 13 2.95455 13H8.86364C9.33379 13 9.78469 12.8132 10.1171 12.4808C10.4496 12.1483 10.6364 11.6974 10.6364 11.2273V2.95455C10.6364 2.6282 10.3718 2.36364 10.0455 2.36364H8.86364ZM2.36364 3.54545V11.2273C2.36364 11.384 2.42589 11.5343 2.53671 11.6451C2.64753 11.7559 2.79783 11.8182 2.95455 11.8182H8.86364C9.02036 11.8182 9.17066 11.7559 9.28147 11.6451C9.39229 11.5343 9.45455 11.384 9.45455 11.2273V3.54545H2.36364Z"
fill="#9E9E9E" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M4.72727 5.31818C5.05362 5.31818 5.31818 5.58274 5.31818 5.90909V9.45455C5.31818 9.7809 5.05362 10.0455 4.72727 10.0455C4.40092 10.0455 4.13636 9.7809 4.13636 9.45455V5.90909C4.13636 5.58274 4.40092 5.31818 4.72727 5.31818Z"
fill="#9E9E9E" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M7.09091 5.31818C7.41726 5.31818 7.68182 5.58274 7.68182 5.90909V9.45455C7.68182 9.7809 7.41726 10.0455 7.09091 10.0455C6.76456 10.0455 6.5 9.7809 6.5 9.45455V5.90909C6.5 5.58274 6.76456 5.31818 7.09091 5.31818Z"
fill="#9E9E9E" />
</svg>
</div>
</td>
</tr>
</tbody>
</table>
</div>

237
template/product/form_components/basic.html Normal file
View File

@@ -0,0 +1,237 @@
<!-- thong tin san pham -->
<div class="bg-white rounded-[15px] shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] py-[18px] px-[16px] mb-[20px]"
role="tabpanel">
<div class="info-product">
<b>1. Thông tin cơ bản</b>
<div class="flex items-center mb-[12px]">
<label for="" class="w-[210px] mr-[15px]">Đặt tên Sản phẩm</label>
<input type="text" value="Máy in mã vạch MH241" placeholder="Đặt tên sản phẩm"
class="w-[440px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
<div class="box-note" data-tip="">
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15"
viewBox="0 0 13 13" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M6.5 1.18182C3.56285 1.18182 1.18182 3.56285 1.18182 6.5C1.18182 9.43715 3.56285 11.8182 6.5 11.8182C9.43715 11.8182 11.8182 9.43715 11.8182 6.5C11.8182 3.56285 9.43715 1.18182 6.5 1.18182ZM0 6.5C0 2.91015 2.91015 0 6.5 0C10.0899 0 13 2.91015 13 6.5C13 10.0899 10.0899 13 6.5 13C2.91015 13 0 10.0899 0 6.5Z"
fill="#FFC700" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M6.65259 4.15075C6.37751 4.10356 6.09461 4.15526 5.85399 4.29667C5.61337 4.43808 5.43056 4.66009 5.33795 4.92338C5.22965 5.23123 4.89229 5.39301 4.58443 5.28471C4.27658 5.17641 4.1148 4.83905 4.2231 4.5312C4.40833 4.00463 4.77395 3.56061 5.25518 3.27779C5.73642 2.99496 6.30223 2.89157 6.85239 2.98594C7.40255 3.08031 7.90156 3.36634 8.26104 3.79337C8.62044 4.22032 8.81718 4.76066 8.81643 5.31873C8.81617 6.22303 8.14571 6.82022 7.66694 7.13941C7.40952 7.31102 7.1563 7.4372 6.96978 7.52011C6.87567 7.56193 6.79643 7.59367 6.73933 7.61542C6.71073 7.62631 6.68754 7.63476 6.67066 7.64076L6.65014 7.64795L6.64361 7.65018L6.6413 7.65096L6.6404 7.65126C6.6404 7.65126 6.63966 7.65151 6.4528 7.09092L6.63966 7.65151C6.33005 7.75471 5.99541 7.58739 5.89221 7.27778C5.78908 6.96839 5.95611 6.63398 6.26532 6.53054L6.26456 6.5308L6.26532 6.53054L6.27474 6.52723C6.28383 6.524 6.29873 6.5186 6.31861 6.51103C6.35845 6.49585 6.4177 6.47219 6.48979 6.44015C6.63565 6.37532 6.82562 6.27992 7.01138 6.15607C7.41887 5.88441 7.63461 5.59541 7.63461 5.31819L7.63461 5.31731C7.63503 5.03822 7.53666 4.76798 7.35692 4.55446C7.17718 4.34095 6.92767 4.19793 6.65259 4.15075Z"
fill="#FFC700" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M5.90909 9.45455C5.90909 9.12819 6.17365 8.86364 6.5 8.86364H6.50591C6.83226 8.86364 7.09682 9.12819 7.09682 9.45455C7.09682 9.7809 6.83226 10.0455 6.50591 10.0455H6.5C6.17365 10.0455 5.90909 9.7809 5.90909 9.45455Z"
fill="#FFC700" />
</svg>
</div>
</div>
<div class="flex items-center mb-[12px]">
<label for="" class="w-[210px] mr-[15px]">Model (nếu có)</label>
<input type="text" value="MH241" placeholder="Model (nếu có)"
class="w-[440px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
<div class="box-note">
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15"
viewBox="0 0 13 13" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M6.5 1.18182C3.56285 1.18182 1.18182 3.56285 1.18182 6.5C1.18182 9.43715 3.56285 11.8182 6.5 11.8182C9.43715 11.8182 11.8182 9.43715 11.8182 6.5C11.8182 3.56285 9.43715 1.18182 6.5 1.18182ZM0 6.5C0 2.91015 2.91015 0 6.5 0C10.0899 0 13 2.91015 13 6.5C13 10.0899 10.0899 13 6.5 13C2.91015 13 0 10.0899 0 6.5Z"
fill="#FFC700" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M6.65259 4.15075C6.37751 4.10356 6.09461 4.15526 5.85399 4.29667C5.61337 4.43808 5.43056 4.66009 5.33795 4.92338C5.22965 5.23123 4.89229 5.39301 4.58443 5.28471C4.27658 5.17641 4.1148 4.83905 4.2231 4.5312C4.40833 4.00463 4.77395 3.56061 5.25518 3.27779C5.73642 2.99496 6.30223 2.89157 6.85239 2.98594C7.40255 3.08031 7.90156 3.36634 8.26104 3.79337C8.62044 4.22032 8.81718 4.76066 8.81643 5.31873C8.81617 6.22303 8.14571 6.82022 7.66694 7.13941C7.40952 7.31102 7.1563 7.4372 6.96978 7.52011C6.87567 7.56193 6.79643 7.59367 6.73933 7.61542C6.71073 7.62631 6.68754 7.63476 6.67066 7.64076L6.65014 7.64795L6.64361 7.65018L6.6413 7.65096L6.6404 7.65126C6.6404 7.65126 6.63966 7.65151 6.4528 7.09092L6.63966 7.65151C6.33005 7.75471 5.99541 7.58739 5.89221 7.27778C5.78908 6.96839 5.95611 6.63398 6.26532 6.53054L6.26456 6.5308L6.26532 6.53054L6.27474 6.52723C6.28383 6.524 6.29873 6.5186 6.31861 6.51103C6.35845 6.49585 6.4177 6.47219 6.48979 6.44015C6.63565 6.37532 6.82562 6.27992 7.01138 6.15607C7.41887 5.88441 7.63461 5.59541 7.63461 5.31819L7.63461 5.31731C7.63503 5.03822 7.53666 4.76798 7.35692 4.55446C7.17718 4.34095 6.92767 4.19793 6.65259 4.15075Z"
fill="#FFC700" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M5.90909 9.45455C5.90909 9.12819 6.17365 8.86364 6.5 8.86364H6.50591C6.83226 8.86364 7.09682 9.12819 7.09682 9.45455C7.09682 9.7809 6.83226 10.0455 6.50591 10.0455H6.5C6.17365 10.0455 5.90909 9.7809 5.90909 9.45455Z"
fill="#FFC700" />
</svg>
</div>
</div>
<div class="flex items-center mb-[12px]">
<label for="" class="w-[210px] mr-[15px]">Mã kho hàng - SKU (nếu có)</label>
<input type="text" value="MH241" placeholder="Mã kho hàng - SKU (nếu có)"
class="w-[440px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
<div class="box-note">
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15"
viewBox="0 0 13 13" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M6.5 1.18182C3.56285 1.18182 1.18182 3.56285 1.18182 6.5C1.18182 9.43715 3.56285 11.8182 6.5 11.8182C9.43715 11.8182 11.8182 9.43715 11.8182 6.5C11.8182 3.56285 9.43715 1.18182 6.5 1.18182ZM0 6.5C0 2.91015 2.91015 0 6.5 0C10.0899 0 13 2.91015 13 6.5C13 10.0899 10.0899 13 6.5 13C2.91015 13 0 10.0899 0 6.5Z"
fill="#FFC700" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M6.65259 4.15075C6.37751 4.10356 6.09461 4.15526 5.85399 4.29667C5.61337 4.43808 5.43056 4.66009 5.33795 4.92338C5.22965 5.23123 4.89229 5.39301 4.58443 5.28471C4.27658 5.17641 4.1148 4.83905 4.2231 4.5312C4.40833 4.00463 4.77395 3.56061 5.25518 3.27779C5.73642 2.99496 6.30223 2.89157 6.85239 2.98594C7.40255 3.08031 7.90156 3.36634 8.26104 3.79337C8.62044 4.22032 8.81718 4.76066 8.81643 5.31873C8.81617 6.22303 8.14571 6.82022 7.66694 7.13941C7.40952 7.31102 7.1563 7.4372 6.96978 7.52011C6.87567 7.56193 6.79643 7.59367 6.73933 7.61542C6.71073 7.62631 6.68754 7.63476 6.67066 7.64076L6.65014 7.64795L6.64361 7.65018L6.6413 7.65096L6.6404 7.65126C6.6404 7.65126 6.63966 7.65151 6.4528 7.09092L6.63966 7.65151C6.33005 7.75471 5.99541 7.58739 5.89221 7.27778C5.78908 6.96839 5.95611 6.63398 6.26532 6.53054L6.26456 6.5308L6.26532 6.53054L6.27474 6.52723C6.28383 6.524 6.29873 6.5186 6.31861 6.51103C6.35845 6.49585 6.4177 6.47219 6.48979 6.44015C6.63565 6.37532 6.82562 6.27992 7.01138 6.15607C7.41887 5.88441 7.63461 5.59541 7.63461 5.31819L7.63461 5.31731C7.63503 5.03822 7.53666 4.76798 7.35692 4.55446C7.17718 4.34095 6.92767 4.19793 6.65259 4.15075Z"
fill="#FFC700" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M5.90909 9.45455C5.90909 9.12819 6.17365 8.86364 6.5 8.86364H6.50591C6.83226 8.86364 7.09682 9.12819 7.09682 9.45455C7.09682 9.7809 6.83226 10.0455 6.50591 10.0455H6.5C6.17365 10.0455 5.90909 9.7809 5.90909 9.45455Z"
fill="#FFC700" />
</svg>
</div>
</div>
<div class="flex items-center mb-[12px]">
<label for="" class="w-[210px] mr-[15px]">Trọng lượng (tính phí
shipping)</label>
<input type="text" value="0" placeholder="Trọng lượng (tính phí shipping)"
class="w-[440px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
<div class="box-note flex items-center">
<span class="mr-[10px]">gram</span>
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15"
viewBox="0 0 13 13" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M6.5 1.18182C3.56285 1.18182 1.18182 3.56285 1.18182 6.5C1.18182 9.43715 3.56285 11.8182 6.5 11.8182C9.43715 11.8182 11.8182 9.43715 11.8182 6.5C11.8182 3.56285 9.43715 1.18182 6.5 1.18182ZM0 6.5C0 2.91015 2.91015 0 6.5 0C10.0899 0 13 2.91015 13 6.5C13 10.0899 10.0899 13 6.5 13C2.91015 13 0 10.0899 0 6.5Z"
fill="#FFC700" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M6.65259 4.15075C6.37751 4.10356 6.09461 4.15526 5.85399 4.29667C5.61337 4.43808 5.43056 4.66009 5.33795 4.92338C5.22965 5.23123 4.89229 5.39301 4.58443 5.28471C4.27658 5.17641 4.1148 4.83905 4.2231 4.5312C4.40833 4.00463 4.77395 3.56061 5.25518 3.27779C5.73642 2.99496 6.30223 2.89157 6.85239 2.98594C7.40255 3.08031 7.90156 3.36634 8.26104 3.79337C8.62044 4.22032 8.81718 4.76066 8.81643 5.31873C8.81617 6.22303 8.14571 6.82022 7.66694 7.13941C7.40952 7.31102 7.1563 7.4372 6.96978 7.52011C6.87567 7.56193 6.79643 7.59367 6.73933 7.61542C6.71073 7.62631 6.68754 7.63476 6.67066 7.64076L6.65014 7.64795L6.64361 7.65018L6.6413 7.65096L6.6404 7.65126C6.6404 7.65126 6.63966 7.65151 6.4528 7.09092L6.63966 7.65151C6.33005 7.75471 5.99541 7.58739 5.89221 7.27778C5.78908 6.96839 5.95611 6.63398 6.26532 6.53054L6.26456 6.5308L6.26532 6.53054L6.27474 6.52723C6.28383 6.524 6.29873 6.5186 6.31861 6.51103C6.35845 6.49585 6.4177 6.47219 6.48979 6.44015C6.63565 6.37532 6.82562 6.27992 7.01138 6.15607C7.41887 5.88441 7.63461 5.59541 7.63461 5.31819L7.63461 5.31731C7.63503 5.03822 7.53666 4.76798 7.35692 4.55446C7.17718 4.34095 6.92767 4.19793 6.65259 4.15075Z"
fill="#FFC700" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M5.90909 9.45455C5.90909 9.12819 6.17365 8.86364 6.5 8.86364H6.50591C6.83226 8.86364 7.09682 9.12819 7.09682 9.45455C7.09682 9.7809 6.83226 10.0455 6.50591 10.0455H6.5C6.17365 10.0455 5.90909 9.7809 5.90909 9.45455Z"
fill="#FFC700" />
</svg>
</div>
</div>
<div class="flex items-center mb-[12px]">
<label for="" class="w-[210px] mr-[15px]">Thương hiệu</label>
<select name="" id=""
class="w-[215px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
<option value="">Chọn thương hiệu</option>
<option value="">ABS</option>
</select>
<div class="box-note flex items-center">
<span class="mr-[10px] text-[#0041E8]">Quản lý thương hiệu</span>
</div>
</div>
<div class="flex items-center mb-[12px]">
<label for="" class="w-[210px] mr-[15px]">Tóm tắt đặc tính chính</label>
<textarea name="" id="" placeholder="Nhập tóm tắt đặt tính chính"
class="w-[440px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px] h-[75px]"></textarea>
</div>
<div class="flex items-center mb-[12px]">
<label for="" class="w-[210px] mr-[15px]">Phụ kiện đi kèm</label>
<input type="text" value="Test" placeholder="Phụ kiện đi kèm"
class="w-[440px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
</div>
</div>
<div class="product-sale-info mt-[25px]">
<b>1. Thông tin cơ bản</b>
<table class="mt-[10px] w-[100%] border-[1px]">
<tr>
<td class="w-[216px]">Giá bán lẻ</td>
<td>
<div class="flex items-center">
<input type="text" value="0" placeholder="Giá sản phẩm"
class="w-[176px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
<select name="" id=""
class="w-[88px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mx-[15px] ">
<option value="">VNĐ</option>
</select>
<span>/</span>
<select name="" id=""
class="w-[88px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mx-[15px] ">
<option value="">Chiếc</option>
</select>
</div>
<div class="flex items-center pt-[8px]">
<i>(* Nếu dùng USD thì theo chuẩn quốc tế v.d. $134.05).</i>
<span>Tỷ giá:</span>
<b>1</b>
<a href="" class="ml-[5px]">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="13"
viewBox="0 0 12 13" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M6.67307 0.173073C6.90384 -0.0576911 7.27798 -0.0576911 7.50875 0.173073L9.87238 2.53671C10.1031 2.76747 10.1031 3.14162 9.87238 3.37238L3.37238 9.87238C3.26156 9.9832 3.11126 10.0455 2.95455 10.0455H0.590909C0.264559 10.0455 0 9.7809 0 9.45455V7.09091C0 6.93419 0.0622563 6.78389 0.173073 6.67307L6.67307 0.173073ZM1.18182 7.33567V8.86364H2.70978L8.61887 2.95455L7.09091 1.42658L1.18182 7.33567Z"
fill="#0041E8" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0 12.4091C0 12.0828 0.264559 11.8182 0.590909 11.8182H11.2273C11.5536 11.8182 11.8182 12.0828 11.8182 12.4091C11.8182 12.7355 11.5536 13.0001 11.2273 13.0001H0.590909C0.264559 13.0001 0 12.7355 0 12.4091Z"
fill="#0041E8" />
</svg>
</a>
</div>
</td>
</tr>
<tr>
<td>Thuế VAT</td>
<td class="flex items-center">
<span class="mr-[20px]">Giá bán</span>
<div class="flex items-center mr-[20px]">
<div class="flex items-center mr-[30px]">
<input type="radio" name="tax_vat" value="0" checked>
<label for="" class="ml-[25px]">Không hiển thị VAT</label>
</div>
<div class="flex items-center mr-[20px]">
<input type="radio" name="tax_vat" value="1">
<label for="" class="ml-[25px]">Không hiển thị VAT</label>
</div>
<div class="flex items-center">
<input type="radio" name="tax_vat" value="2">
<label for="" class="ml-[25px]">Chưa có VAT</label>
</div>
</div>
</td>
</tr>
<tr>
<td>Giá nhập hàng</td>
<td>
<div class="flex items-center">
<input type="text" value="0" placeholder="Giá sản phẩm"
class="w-[176px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
<span>vnd (để tham khảo khi cần)</span>
</div>
</td>
</tr>
<tr>
<td>Giá thị trường</td>
<td>
<div class="flex items-center">
<input type="text" value="0" placeholder="Giá sản phẩm"
class="w-[176px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
<span>vnd (để tham khảo khi cần)</span>
</div>
</td>
</tr>
<tr>
<td>Số lượng kho hàng</td>
<td>
<div class="flex items-center">
<input type="text" value="0" placeholder="Giá sản phẩm"
class="w-[176px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
</div>
</td>
</tr>
<tr>
<td>Khuyến mại riêng</td>
<td>
<textarea type="text" placeholder="Nhập khuyến mại riêng"
class="w-[442px] h-[76px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]"></textarea>
</td>
</tr>
<tr>
<td>Khuyến mại riêng</td>
<td>
<textarea type="text" placeholder="Nhập khuyến mại riêng"
class="w-[442px] h-[35px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]"></textarea>
</td>
</tr>
<tr>
<td>Tình trạng (Mới / Cũ)</td>
<td>
<input type="text" value="" placeholder=""
class="w-[176px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
</td>
</tr>
<tr>
<td>Hiển thị</td>
<td>
<div class="flex items-center">
<div class="flex items-center mr-[30px]">
<input type="radio" name="info[status]" value="1" checked>
<label for="" class="ml-[25px]">Cho hiển thị</label>
</div>
<div class="flex items-center mr-[20px]">
<input type="radio" name="info[status]" value="0">
<label for="" class="ml-[25px]">Ẩn hiển thị</label>
</div>
</div>
</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">
</div>
</div>

41
template/product/form_components/category.html Normal file
View File

@@ -0,0 +1,41 @@
<!-- danh muc san pham -->
<div class="bg-white rounded-[15px] shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] py-[18px] px-[16px] mb-[20px]"
role="tabpanel">
<b class="block mb-[5px]">Hiện tại Sản phẩm đang được đặt trong các danh mục sau :</b>
<ul>
<li><a href="" class="text-[#0041E8]">Màn hình máy tính</a></li>
<li><a href="" class="text-[#0041E8]">Màn hình máy tính</a></li>
</ul>
<p class="mt-[20px] mb-[10px]">
Bạn có thể chọn thêm danh mục khác cho Sản phẩm hoặc chỉnh lại.
</p>
<div class="list-category">
<div class="item flex items-center mb-[10px]">
<input type="checkbox" checked="checked"
class="checkbox checked:bg-[#0041E8] w-[20px] h-[20px] [--chkbg:theme(#0041E8)] [--chkfg:white] rounded-[4px]" />
<span class="ml-[10px]">Màn hình máy tính</span>
</div>
<div class="item flex items-center mb-[10px]">
<input type="checkbox"
class="checkbox checked:bg-[#0041E8] w-[20px] h-[20px] [--chkbg:theme(#0041E8)] [--chkfg:white] rounded-[4px]" />
<span class="ml-[10px]">Màn hình máy tính</span>
</div>
<div class="item flex items-center mb-[10px]">
<input type="checkbox"
class="checkbox checked:bg-[#0041E8] w-[20px] h-[20px] [--chkbg:theme(#0041E8)] [--chkfg:white] rounded-[4px]" />
<span class="ml-[10px]">Màn hình máy tính</span>
</div>
<div class="item flex items-center mb-[10px]">
<input type="checkbox"
class="checkbox checked:bg-[#0041E8] w-[20px] h-[20px] [--chkbg:theme(#0041E8)] [--chkfg:white] rounded-[4px]" />
<span class="ml-[10px]">Màn hình máy tính</span>
</div>
<div class="item flex items-center mb-[10px]">
<input type="checkbox"
class="checkbox checked:bg-[#0041E8] w-[20px] h-[20px] [--chkbg:theme(#0041E8)] [--chkfg:white] rounded-[4px]" />
<span class="ml-[10px]">Màn hình máy tính</span>
</div>
</div>
</div>

0
template/product/form_components/combo_set.html Normal file
View File

0
template/product/form_components/combo_set_select.html Normal file
View File

0
template/product/form_components/configurable.html Normal file
View File

49
template/product/form_components/description.html Normal file
View File

@@ -0,0 +1,49 @@
<!-- mo ta -->
<div
class="bg-white rounded-[15px] shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] py-[18px] px-[16px] mb-[20px]">
<div class="flex items-center">
<b class="text-[18px] mr-[5px]">THƯ VIỆN ẢNH</b>
<span>Chưa có thư viện ảnh cho phần miêu tả</span>
</div>
<div class="list-btn flex items-center mt-[5px] mb-[20px]">
<a href="" class="flex items-center mr-[20px]">
<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13"
viewBox="0 0 13 13" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0.65 7.8C1.00899 7.8 1.3 8.09101 1.3 8.45V11.05C1.3 11.2224 1.36848 11.3877 1.49038 11.5096C1.61228 11.6315 1.77761 11.7 1.95 11.7H11.05C11.2224 11.7 11.3877 11.6315 11.5096 11.5096C11.6315 11.3877 11.7 11.2224 11.7 11.05V8.45C11.7 8.09101 11.991 7.8 12.35 7.8C12.709 7.8 13 8.09101 13 8.45V11.05C13 11.5672 12.7946 12.0632 12.4289 12.4289C12.0632 12.7946 11.5672 13 11.05 13H1.95C1.43283 13 0.936837 12.7946 0.571142 12.4289C0.205446 12.0632 0 11.5672 0 11.05V8.45C0 8.09101 0.291015 7.8 0.65 7.8Z"
fill="#0041E8" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M6.04038 0.190381C6.29422 -0.0634602 6.70578 -0.0634602 6.95962 0.190381L10.2096 3.44038C10.4635 3.69422 10.4635 4.10578 10.2096 4.35962C9.95578 4.61346 9.54422 4.61346 9.29038 4.35962L6.5 1.56924L3.70962 4.35962C3.45578 4.61346 3.04422 4.61346 2.79038 4.35962C2.53654 4.10578 2.53654 3.69422 2.79038 3.44038L6.04038 0.190381Z"
fill="#0041E8" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M6.5 9.68575e-09C6.85898 9.68575e-09 7.15 0.291015 7.15 0.65V8.45C7.15 8.80898 6.85898 9.1 6.5 9.1C6.14101 9.1 5.85 8.80898 5.85 8.45V0.65C5.85 0.291015 6.14101 9.68575e-09 6.5 9.68575e-09Z"
fill="#0041E8" />
</svg>
<span class="text-[#0041E8] ml-[5px]">Upload ảnh</span>
</a>
<a href="" class="flex items-center mr-[20px]">
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="13"
viewBox="0 0 15 13" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M1.95 1.3C1.77761 1.3 1.61228 1.36848 1.49038 1.49038C1.36848 1.61228 1.3 1.77761 1.3 1.95V11.05C1.3 11.2224 1.36848 11.3877 1.49038 11.5096C1.61228 11.6315 1.77761 11.7 1.95 11.7H12.35C12.5224 11.7 12.6877 11.6315 12.8096 11.5096C12.9315 11.3877 13 11.2224 13 11.05V3.9C13 3.72761 12.9315 3.56228 12.8096 3.44038C12.6877 3.31848 12.5224 3.25 12.35 3.25H6.5C6.28267 3.25 6.07972 3.14138 5.95917 2.96055L4.85213 1.3H1.95ZM0.571142 0.571142C0.936838 0.205446 1.43283 0 1.95 0H5.2C5.41733 0 5.62028 0.108616 5.74083 0.289445L6.84787 1.95H12.35C12.8672 1.95 13.3632 2.15545 13.7289 2.52114C14.0946 2.88684 14.3 3.38283 14.3 3.9V11.05C14.3 11.5672 14.0946 12.0632 13.7289 12.4289C13.3632 12.7946 12.8672 13 12.35 13H1.95C1.43283 13 0.936837 12.7946 0.571142 12.4289C0.205446 12.0632 0 11.5672 0 11.05V1.95C0 1.43283 0.205446 0.936838 0.571142 0.571142Z"
fill="#0041E8" />
</svg>
<span class="text-[#0041E8] ml-[5px]">Quản lý</span>
</a>
<a href="" class="flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13"
viewBox="0 0 13 13" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M1.77273 2.36364C1.61601 2.36364 1.46571 2.42589 1.35489 2.53671C1.24407 2.64753 1.18182 2.79783 1.18182 2.95455V11.2273C1.18182 11.384 1.24407 11.5343 1.35489 11.6451C1.46571 11.7559 1.61601 11.8182 1.77273 11.8182H10.0455C10.2022 11.8182 10.3525 11.7559 10.4633 11.6451C10.5741 11.5343 10.6364 11.384 10.6364 11.2273V8.07182C10.6364 7.74547 10.9009 7.48091 11.2273 7.48091C11.5536 7.48091 11.8182 7.74547 11.8182 8.07182V11.2273C11.8182 11.6974 11.6314 12.1483 11.299 12.4808C10.9665 12.8132 10.5156 13 10.0455 13H1.77273C1.30257 13 0.85167 12.8132 0.51922 12.4808C0.186769 12.1483 0 11.6974 0 11.2273V2.95455C0 2.48439 0.186769 2.03349 0.51922 1.70104C0.851671 1.36859 1.30257 1.18182 1.77273 1.18182H4.92818C5.25453 1.18182 5.51909 1.44638 5.51909 1.77273C5.51909 2.09908 5.25453 2.36364 4.92818 2.36364H1.77273Z"
fill="#0041E8" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M9.62762 0.173073C9.85838 -0.0576911 10.2325 -0.0576911 10.4633 0.173073L12.8269 2.53671C13.0577 2.76747 13.0577 3.14162 12.8269 3.37238L6.91784 9.28147C6.80702 9.39229 6.65672 9.45455 6.5 9.45455H4.13636C3.81001 9.45455 3.54545 9.18999 3.54545 8.86364V6.5C3.54545 6.34328 3.60771 6.19298 3.71853 6.08216L9.62762 0.173073ZM4.72727 6.74476V8.27273H6.25524L11.5734 2.95455L10.0455 1.42658L4.72727 6.74476Z"
fill="#0041E8" />
</svg>
<span class="text-[#0041E8] ml-[5px]">Chọn ảnh trong kho ảnh chính</span>
</a>
</div>
<textarea id="product-desc"> </textarea>
</div>

170
template/product/form_components/image.html Normal file
View File

@@ -0,0 +1,170 @@
<!-- hinh anh -->
<div class="bg-white rounded-[15px] shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] py-[18px] px-[16px] mb-[20px]"
role="tabpanel">
<div class="flex items-center overflow-x-scroll">
<div class="item w-[50%] rounded-[10px] border-[1px] border-[#f6f6f6] p-[15px]">
<b class="text-center block">Ảnh chính</b>
<img src="./images/image-big.png" alt="">
<p class="text-center block">(Hình sản phẩm)</p>
<a href="" class="text-center flex justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="13"
viewBox="0 0 12 13" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0 2.95455C0 2.6282 0.264559 2.36364 0.590909 2.36364H11.2273C11.5536 2.36364 11.8182 2.6282 11.8182 2.95455C11.8182 3.2809 11.5536 3.54545 11.2273 3.54545H0.590909C0.264559 3.54545 0 3.2809 0 2.95455Z"
fill="#9E9E9E" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M4.72727 1.18182C4.57055 1.18182 4.42025 1.24407 4.30944 1.35489C4.19862 1.46571 4.13636 1.61601 4.13636 1.77273V2.36364H7.68182V1.77273C7.68182 1.61601 7.61956 1.46571 7.50875 1.35489C7.39793 1.24407 7.24763 1.18182 7.09091 1.18182H4.72727ZM8.86364 2.36364V1.77273C8.86364 1.30257 8.67687 0.85167 8.34442 0.51922C8.01197 0.186769 7.56107 0 7.09091 0H4.72727C4.25712 0 3.80622 0.186769 3.47377 0.51922C3.14132 0.85167 2.95455 1.30257 2.95455 1.77273V2.36364H1.77273C1.44638 2.36364 1.18182 2.6282 1.18182 2.95455V11.2273C1.18182 11.6974 1.36859 12.1483 1.70104 12.4808C2.03349 12.8132 2.48439 13 2.95455 13H8.86364C9.33379 13 9.78469 12.8132 10.1171 12.4808C10.4496 12.1483 10.6364 11.6974 10.6364 11.2273V2.95455C10.6364 2.6282 10.3718 2.36364 10.0455 2.36364H8.86364ZM2.36364 3.54545V11.2273C2.36364 11.384 2.42589 11.5343 2.53671 11.6451C2.64753 11.7559 2.79783 11.8182 2.95455 11.8182H8.86364C9.02036 11.8182 9.17066 11.7559 9.28147 11.6451C9.39229 11.5343 9.45455 11.384 9.45455 11.2273V3.54545H2.36364Z"
fill="#9E9E9E" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M4.72727 5.31818C5.05362 5.31818 5.31818 5.58274 5.31818 5.90909V9.45455C5.31818 9.7809 5.05362 10.0455 4.72727 10.0455C4.40092 10.0455 4.13636 9.7809 4.13636 9.45455V5.90909C4.13636 5.58274 4.40092 5.31818 4.72727 5.31818Z"
fill="#9E9E9E" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M7.09091 5.31818C7.41726 5.31818 7.68182 5.58274 7.68182 5.90909V9.45455C7.68182 9.7809 7.41726 10.0455 7.09091 10.0455C6.76456 10.0455 6.5 9.7809 6.5 9.45455V5.90909C6.5 5.58274 6.76456 5.31818 7.09091 5.31818Z"
fill="#9E9E9E" />
</svg>
</a>
<div class="flex items-center justify-between mt-[10px]">
<div class="item flex items-center mr-[20px]">
<p class="whitespace-nowrap">STT</p>
<input type="text"
class="w-[112px] h-[32px] px-[10px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] ml-[10px] rounded-[4px] border-[#d8d8d8] border-[1px]">
</div>
<div class="item flex items-center">
<p class="whitespace-nowrap">ALT</p>
<input type="text"
class="w-[112px] h-[32px] px-[10px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] ml-[10px] rounded-[4px] border-[#d8d8d8] border-[1px]">
</div>
</div>
</div>
<div class="item w-[50%] rounded-[10px] border-[1px] border-[#f6f6f6] p-[15px]">
<b class="text-center block">Ảnh chính</b>
<img src="./images/image-big.png" alt="">
<p class="text-center block">(Hình sản phẩm)</p>
<a href="" class="text-center flex justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="13"
viewBox="0 0 12 13" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0 2.95455C0 2.6282 0.264559 2.36364 0.590909 2.36364H11.2273C11.5536 2.36364 11.8182 2.6282 11.8182 2.95455C11.8182 3.2809 11.5536 3.54545 11.2273 3.54545H0.590909C0.264559 3.54545 0 3.2809 0 2.95455Z"
fill="#9E9E9E" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M4.72727 1.18182C4.57055 1.18182 4.42025 1.24407 4.30944 1.35489C4.19862 1.46571 4.13636 1.61601 4.13636 1.77273V2.36364H7.68182V1.77273C7.68182 1.61601 7.61956 1.46571 7.50875 1.35489C7.39793 1.24407 7.24763 1.18182 7.09091 1.18182H4.72727ZM8.86364 2.36364V1.77273C8.86364 1.30257 8.67687 0.85167 8.34442 0.51922C8.01197 0.186769 7.56107 0 7.09091 0H4.72727C4.25712 0 3.80622 0.186769 3.47377 0.51922C3.14132 0.85167 2.95455 1.30257 2.95455 1.77273V2.36364H1.77273C1.44638 2.36364 1.18182 2.6282 1.18182 2.95455V11.2273C1.18182 11.6974 1.36859 12.1483 1.70104 12.4808C2.03349 12.8132 2.48439 13 2.95455 13H8.86364C9.33379 13 9.78469 12.8132 10.1171 12.4808C10.4496 12.1483 10.6364 11.6974 10.6364 11.2273V2.95455C10.6364 2.6282 10.3718 2.36364 10.0455 2.36364H8.86364ZM2.36364 3.54545V11.2273C2.36364 11.384 2.42589 11.5343 2.53671 11.6451C2.64753 11.7559 2.79783 11.8182 2.95455 11.8182H8.86364C9.02036 11.8182 9.17066 11.7559 9.28147 11.6451C9.39229 11.5343 9.45455 11.384 9.45455 11.2273V3.54545H2.36364Z"
fill="#9E9E9E" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M4.72727 5.31818C5.05362 5.31818 5.31818 5.58274 5.31818 5.90909V9.45455C5.31818 9.7809 5.05362 10.0455 4.72727 10.0455C4.40092 10.0455 4.13636 9.7809 4.13636 9.45455V5.90909C4.13636 5.58274 4.40092 5.31818 4.72727 5.31818Z"
fill="#9E9E9E" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M7.09091 5.31818C7.41726 5.31818 7.68182 5.58274 7.68182 5.90909V9.45455C7.68182 9.7809 7.41726 10.0455 7.09091 10.0455C6.76456 10.0455 6.5 9.7809 6.5 9.45455V5.90909C6.5 5.58274 6.76456 5.31818 7.09091 5.31818Z"
fill="#9E9E9E" />
</svg>
</a>
<div class="flex items-center justify-between mt-[10px]">
<div class="item flex items-center mr-[20px]">
<p class="whitespace-nowrap">STT</p>
<input type="text"
class="w-[112px] h-[32px] px-[10px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] ml-[10px] rounded-[4px] border-[#d8d8d8] border-[1px]">
</div>
<div class="item flex items-center">
<p class="whitespace-nowrap">ALT</p>
<input type="text"
class="w-[112px] h-[32px] px-[10px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] ml-[10px] rounded-[4px] border-[#d8d8d8] border-[1px]">
</div>
</div>
</div>
<div class="item w-[50%] rounded-[10px] border-[1px] border-[#f6f6f6] p-[15px]">
<b class="text-center block">Ảnh chính</b>
<img src="./images/image-big.png" alt="">
<p class="text-center block">(Hình sản phẩm)</p>
<a href="" class="text-center flex justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="13"
viewBox="0 0 12 13" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0 2.95455C0 2.6282 0.264559 2.36364 0.590909 2.36364H11.2273C11.5536 2.36364 11.8182 2.6282 11.8182 2.95455C11.8182 3.2809 11.5536 3.54545 11.2273 3.54545H0.590909C0.264559 3.54545 0 3.2809 0 2.95455Z"
fill="#9E9E9E" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M4.72727 1.18182C4.57055 1.18182 4.42025 1.24407 4.30944 1.35489C4.19862 1.46571 4.13636 1.61601 4.13636 1.77273V2.36364H7.68182V1.77273C7.68182 1.61601 7.61956 1.46571 7.50875 1.35489C7.39793 1.24407 7.24763 1.18182 7.09091 1.18182H4.72727ZM8.86364 2.36364V1.77273C8.86364 1.30257 8.67687 0.85167 8.34442 0.51922C8.01197 0.186769 7.56107 0 7.09091 0H4.72727C4.25712 0 3.80622 0.186769 3.47377 0.51922C3.14132 0.85167 2.95455 1.30257 2.95455 1.77273V2.36364H1.77273C1.44638 2.36364 1.18182 2.6282 1.18182 2.95455V11.2273C1.18182 11.6974 1.36859 12.1483 1.70104 12.4808C2.03349 12.8132 2.48439 13 2.95455 13H8.86364C9.33379 13 9.78469 12.8132 10.1171 12.4808C10.4496 12.1483 10.6364 11.6974 10.6364 11.2273V2.95455C10.6364 2.6282 10.3718 2.36364 10.0455 2.36364H8.86364ZM2.36364 3.54545V11.2273C2.36364 11.384 2.42589 11.5343 2.53671 11.6451C2.64753 11.7559 2.79783 11.8182 2.95455 11.8182H8.86364C9.02036 11.8182 9.17066 11.7559 9.28147 11.6451C9.39229 11.5343 9.45455 11.384 9.45455 11.2273V3.54545H2.36364Z"
fill="#9E9E9E" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M4.72727 5.31818C5.05362 5.31818 5.31818 5.58274 5.31818 5.90909V9.45455C5.31818 9.7809 5.05362 10.0455 4.72727 10.0455C4.40092 10.0455 4.13636 9.7809 4.13636 9.45455V5.90909C4.13636 5.58274 4.40092 5.31818 4.72727 5.31818Z"
fill="#9E9E9E" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M7.09091 5.31818C7.41726 5.31818 7.68182 5.58274 7.68182 5.90909V9.45455C7.68182 9.7809 7.41726 10.0455 7.09091 10.0455C6.76456 10.0455 6.5 9.7809 6.5 9.45455V5.90909C6.5 5.58274 6.76456 5.31818 7.09091 5.31818Z"
fill="#9E9E9E" />
</svg>
</a>
<div class="flex items-center justify-between mt-[10px]">
<div class="item flex items-center mr-[20px]">
<p class="whitespace-nowrap">STT</p>
<input type="text"
class="w-[112px] h-[32px] px-[10px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] ml-[10px] rounded-[4px] border-[#d8d8d8] border-[1px]">
</div>
<div class="item flex items-center">
<p class="whitespace-nowrap">ALT</p>
<input type="text"
class="w-[112px] h-[32px] px-[10px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] ml-[10px] rounded-[4px] border-[#d8d8d8] border-[1px]">
</div>
</div>
</div>
</div>
<div
class="border-[1px] my-[15px] shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] rounded-[10px] p-[15px]">
<b>Thêm ảnh cho sản phẩm</b>
<p>Bạn có thể: Chọn ảnh có sẵn trong kho ảnh, hoặc upload ảnh từ máy tính:</p>
<div class="flex items-center mt-[10px]">
<a href=""
class="item flex items-center px-[15px] py-[8px] border-[1px] border-[#0041E8] rounded-[4px] mr-[15px]">
<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13"
viewBox="0 0 13 13" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0.65 7.8C1.00899 7.8 1.3 8.09101 1.3 8.45V11.05C1.3 11.2224 1.36848 11.3877 1.49038 11.5096C1.61228 11.6315 1.77761 11.7 1.95 11.7H11.05C11.2224 11.7 11.3877 11.6315 11.5096 11.5096C11.6315 11.3877 11.7 11.2224 11.7 11.05V8.45C11.7 8.09101 11.991 7.8 12.35 7.8C12.709 7.8 13 8.09101 13 8.45V11.05C13 11.5672 12.7946 12.0632 12.4289 12.4289C12.0632 12.7946 11.5672 13 11.05 13H1.95C1.43283 13 0.936837 12.7946 0.571142 12.4289C0.205446 12.0632 0 11.5672 0 11.05V8.45C0 8.09101 0.291015 7.8 0.65 7.8Z"
fill="#0041E8" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M6.04038 0.190381C6.29422 -0.0634602 6.70578 -0.0634602 6.95962 0.190381L10.2096 3.44038C10.4635 3.69422 10.4635 4.10578 10.2096 4.35962C9.95578 4.61346 9.54422 4.61346 9.29038 4.35962L6.5 1.56924L3.70962 4.35962C3.45578 4.61346 3.04422 4.61346 2.79038 4.35962C2.53654 4.10578 2.53654 3.69422 2.79038 3.44038L6.04038 0.190381Z"
fill="#0041E8" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M6.5 9.68575e-09C6.85898 9.68575e-09 7.15 0.291015 7.15 0.65V8.45C7.15 8.80898 6.85898 9.1 6.5 9.1C6.14101 9.1 5.85 8.80898 5.85 8.45V0.65C5.85 0.291015 6.14101 9.68575e-09 6.5 9.68575e-09Z"
fill="#0041E8" />
</svg>
<span class="pl-[5px] text-[#0041E8] font-[500]">Upload ảnh</span>
</a>
<a href=""
class="item flex items-center px-[15px] py-[8px] border-[1px] border-[#0041E8] rounded-[4px]">
<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13"
viewBox="0 0 13 13" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M1.77273 2.36364C1.61601 2.36364 1.46571 2.42589 1.35489 2.53671C1.24407 2.64753 1.18182 2.79783 1.18182 2.95455V11.2273C1.18182 11.384 1.24407 11.5343 1.35489 11.6451C1.46571 11.7559 1.61601 11.8182 1.77273 11.8182H10.0455C10.2022 11.8182 10.3525 11.7559 10.4633 11.6451C10.5741 11.5343 10.6364 11.384 10.6364 11.2273V8.07182C10.6364 7.74547 10.9009 7.48091 11.2273 7.48091C11.5536 7.48091 11.8182 7.74547 11.8182 8.07182V11.2273C11.8182 11.6974 11.6314 12.1483 11.299 12.4808C10.9665 12.8132 10.5156 13 10.0455 13H1.77273C1.30257 13 0.85167 12.8132 0.51922 12.4808C0.186769 12.1483 0 11.6974 0 11.2273V2.95455C0 2.48439 0.186769 2.03349 0.51922 1.70104C0.851671 1.36859 1.30257 1.18182 1.77273 1.18182H4.92818C5.25453 1.18182 5.51909 1.44638 5.51909 1.77273C5.51909 2.09908 5.25453 2.36364 4.92818 2.36364H1.77273Z"
fill="#0041E8" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M9.62762 0.173073C9.85838 -0.0576911 10.2325 -0.0576911 10.4633 0.173073L12.8269 2.53671C13.0577 2.76747 13.0577 3.14162 12.8269 3.37238L6.91784 9.28147C6.80702 9.39229 6.65672 9.45455 6.5 9.45455H4.13636C3.81001 9.45455 3.54545 9.18999 3.54545 8.86364V6.5C3.54545 6.34328 3.60771 6.19298 3.71853 6.08216L9.62762 0.173073ZM4.72727 6.74476V8.27273H6.25524L11.5734 2.95455L10.0455 1.42658L4.72727 6.74476Z"
fill="#0041E8" />
</svg>
<span class="pl-[5px] text-[#0041E8] font-[500]">Chọn ảnh trong kho ảnh
chính</span>
</a>
</div>
<p class="text-[#E00000] italic mt-[10px]">Chú ý: Bạn có thể chọn nhiều ảnh cùng 1
lúc:
Chấp nhận các file ảnh: jpg,gif</p>
</div>
<input
class=" w-[82px] h-[32px] bg-[#0041E8] rounded-[4px] text-white cursor-pointer py-[0]"
name="commit" type="submit" value="Cập nhật">
<div class="note mt-[15px] mb-[5px]">
<b>Chú ý:</b>
<ul>
<li>- Ảnh Sản phẩm kích thước lớn sẽ được tự động co lại thành các ảnh
nhỏ hơn cho những vị trí liên quan. Tùy giao
diện website của bạn mà kích thước ảnh Sản phẩm khác nhau. Click vào đây để
quy định kích thước ảnh Sản phẩm.</li>
<li>
- Chỉ dùng file ảnh đuôi .jpg và .gif.
</li>
<li>
- Cập nhật hình ảnh cho Sản phẩm ở nhiều góc cạnh, màu sắc để người dùng xem
rõ nhất. Nên cập nhật ảnh có kích thước lớn
và độ phân giải cao.
</li>
</ul>
</div>
</div>

0
template/product/form_components/instruction.html Normal file
View File

0
template/product/form_components/price.html Normal file
View File

0
template/product/form_components/relation.html Normal file
View File

63
template/product/form_components/seo.html Normal file
View File

@@ -0,0 +1,63 @@
<!-- box seo -->
<div class="bg-white rounded-[15px] shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] py-[18px] px-[16px] mb-[20px]"
role="tabpanel">
<table class="w-[100%] table-seo">
<tr>
<td>
Link truy cập tại website
</td>
<td>
<a href="">https://demopc8.hurasoft.com/may-in-ma-vach-mh241</a>
</td>
</tr>
<tr>
<td>Tên index</td>
<td>
<input type="text"
class="border-[1px] border-[#D8D8D8] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] w-[100%] h-[32px] px-[10px]">
</td>
</tr>
<tr>
<td>Thay đổi link trung cập khi thay đổi tên index ?</td>
<td>
<div class="flex">
<input type="checkbox" name=""
class="checkbox checked:bg-[#0041E8] w-[15px] h-[15px] rounded-[3px] mt-[4px]">
<span class="ml-[7px]">
Có thay đổi (Tích chọn nếu bạn muốn hệ thống thay đổi link truy cập.
Cảnh báo: sẽ ảnh hưởng tới kết quả SEO)
</span>
</div>
</td>
</tr>
<tr>
<td>Url canonical</td>
<td>
<input type="text"
class="border-[1px] border-[#D8D8D8] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] w-[100%] h-[32px] px-[10px]">
<i class="mt-[7px] block">* để trống sẽ dùng link mặc định của hệ thống</i>
</td>
</tr>
<tr>
<td>Meta Title</td>
<td>
<input type="text"
class="border-[1px] border-[#D8D8D8] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] w-[100%] h-[32px] px-[10px]">
<i class="mt-[7px] block">* 0 ký tự , 0 từ</i>
</td>
</tr>
<tr>
<td>Meta Description(nên tối đa 160 ký tự)</td>
<td>
<input type="text"
class="border-[1px] border-[#D8D8D8] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] w-[100%] h-[32px] px-[10px]">
<i class="mt-[7px] block">0 ký tự , 0 từ (Khuyến nghị: 160 ký tự)</i>
</td>
</tr>
</table>
<input
class=" w-[82px] h-[32px] bg-[#0041E8] rounded-[4px] mt-[10px] text-white cursor-pointer py-[0]"
name="commit" type="submit" value="Cập nhật">
</div>

0
template/product/form_components/spec.html Normal file
View File

208
template/product/form_components/spec_group.html Normal file
View File

@@ -0,0 +1,208 @@
<!-- thuoc tinh -->
<div class="bg-white rounded-[15px] shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] py-[18px] px-[16px] mb-[20px]"
role="tabpanel">
<table class="product-specifications">
<tr>
<td>
<b>Màu sắc 5</b>
<p>mau_sac_5</p>
<span class="text-[#E00000]">Dùng tạo lựa chọn SP</span>
</td>
<td>
<div class="flex items-center flex-wrap">
<div class="item w-[50%] flex items-center mb-[10px]">
<input type="checkbox" checked="checked"
class="checkbox checked:bg-[#0041E8] w-[20px] h-[20px] [--chkbg:theme(#0041E8)] [--chkfg:white] rounded-[4px]">
<span class="ml-[10px]">Màn hình máy tính</span>
</div>
<div class="item w-[50%] flex items-center mb-[10px]">
<input type="checkbox" checked="checked"
class="checkbox checked:bg-[#0041E8] w-[20px] h-[20px] [--chkbg:theme(#0041E8)] [--chkfg:white] rounded-[4px]">
<span class="ml-[10px]">Màn hình máy tính</span>
</div>
<div class="item w-[50%] flex items-center mb-[10px]">
<input type="checkbox" checked="checked"
class="checkbox checked:bg-[#0041E8] w-[20px] h-[20px] [--chkbg:theme(#0041E8)] [--chkfg:white] rounded-[4px]">
<span class="ml-[10px]">Màn hình máy tính</span>
</div>
<div class="item w-[50%] flex items-center mb-[10px]">
<input type="checkbox" checked="checked"
class="checkbox checked:bg-[#0041E8] w-[20px] h-[20px] [--chkbg:theme(#0041E8)] [--chkfg:white] rounded-[4px]">
<span class="ml-[10px]">Màn hình máy tính</span>
</div>
</div>
<div class="flex items-center">
<b>Bổ sung giá trị:</b>
<p class="mx-[5px]">mỗi giá trị 1 dòng</p>
<a href="">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="13"
viewBox="0 0 12 13" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M6.67307 0.173073C6.90384 -0.0576911 7.27798 -0.0576911 7.50875 0.173073L9.87238 2.53671C10.1031 2.76747 10.1031 3.14162 9.87238 3.37238L3.37238 9.87238C3.26156 9.9832 3.11126 10.0455 2.95455 10.0455H0.590909C0.264559 10.0455 0 9.7809 0 9.45455V7.09091C0 6.93419 0.0622563 6.78389 0.173073 6.67307L6.67307 0.173073ZM1.18182 7.33567V8.86364H2.70978L8.61887 2.95455L7.09091 1.42658L1.18182 7.33567Z"
fill="#0041E8" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0 12.4091C0 12.0828 0.264559 11.8182 0.590909 11.8182H11.2273C11.5536 11.8182 11.8182 12.0828 11.8182 12.4091C11.8182 12.7355 11.5536 13.0001 11.2273 13.0001H0.590909C0.264559 13.0001 0 12.7355 0 12.4091Z"
fill="#0041E8" />
</svg>
</a>
</div>
<textarea type="text" name="" id=""
class="w-[450px] min-h-[50px] p-[5px] border-[1px] mt-[10px] rounded-[4px]"></textarea>
</td>
</tr>
<tr>
<td>
<b>Màu sắc 5</b>
<p>mau_sac_5</p>
<span class="text-[#E00000]">Dùng tạo lựa chọn SP</span>
</td>
<td>
<div class="flex items-center flex-wrap">
<div class="item w-[50%] flex items-center mb-[10px]">
<input type="checkbox" checked="checked"
class="checkbox checked:bg-[#0041E8] w-[20px] h-[20px] [--chkbg:theme(#0041E8)] [--chkfg:white] rounded-[4px]">
<span class="ml-[10px]">Màn hình máy tính</span>
</div>
<div class="item w-[50%] flex items-center mb-[10px]">
<input type="checkbox" checked="checked"
class="checkbox checked:bg-[#0041E8] w-[20px] h-[20px] [--chkbg:theme(#0041E8)] [--chkfg:white] rounded-[4px]">
<span class="ml-[10px]">Màn hình máy tính</span>
</div>
<div class="item w-[50%] flex items-center mb-[10px]">
<input type="checkbox" checked="checked"
class="checkbox checked:bg-[#0041E8] w-[20px] h-[20px] [--chkbg:theme(#0041E8)] [--chkfg:white] rounded-[4px]">
<span class="ml-[10px]">Màn hình máy tính</span>
</div>
<div class="item w-[50%] flex items-center mb-[10px]">
<input type="checkbox" checked="checked"
class="checkbox checked:bg-[#0041E8] w-[20px] h-[20px] [--chkbg:theme(#0041E8)] [--chkfg:white] rounded-[4px]">
<span class="ml-[10px]">Màn hình máy tính</span>
</div>
</div>
<div class="flex items-center">
<b>Bổ sung giá trị:</b>
<p class="mx-[5px]">mỗi giá trị 1 dòng</p>
<a href="">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="13"
viewBox="0 0 12 13" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M6.67307 0.173073C6.90384 -0.0576911 7.27798 -0.0576911 7.50875 0.173073L9.87238 2.53671C10.1031 2.76747 10.1031 3.14162 9.87238 3.37238L3.37238 9.87238C3.26156 9.9832 3.11126 10.0455 2.95455 10.0455H0.590909C0.264559 10.0455 0 9.7809 0 9.45455V7.09091C0 6.93419 0.0622563 6.78389 0.173073 6.67307L6.67307 0.173073ZM1.18182 7.33567V8.86364H2.70978L8.61887 2.95455L7.09091 1.42658L1.18182 7.33567Z"
fill="#0041E8" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0 12.4091C0 12.0828 0.264559 11.8182 0.590909 11.8182H11.2273C11.5536 11.8182 11.8182 12.0828 11.8182 12.4091C11.8182 12.7355 11.5536 13.0001 11.2273 13.0001H0.590909C0.264559 13.0001 0 12.7355 0 12.4091Z"
fill="#0041E8" />
</svg>
</a>
</div>
<textarea type="text" name="" id=""
class="w-[450px] min-h-[50px] p-[5px] border-[1px] mt-[10px] rounded-[4px]"></textarea>
</td>
</tr>
<tr>
<td>
<b>Màu sắc 5</b>
<p>mau_sac_5</p>
<span class="text-[#E00000]">Dùng tạo lựa chọn SP</span>
</td>
<td>
<div class="flex items-center flex-wrap">
<div class="item w-[50%] flex items-center mb-[10px]">
<input type="checkbox" checked="checked"
class="checkbox checked:bg-[#0041E8] w-[20px] h-[20px] [--chkbg:theme(#0041E8)] [--chkfg:white] rounded-[4px]">
<span class="ml-[10px]">Màn hình máy tính</span>
</div>
<div class="item w-[50%] flex items-center mb-[10px]">
<input type="checkbox" checked="checked"
class="checkbox checked:bg-[#0041E8] w-[20px] h-[20px] [--chkbg:theme(#0041E8)] [--chkfg:white] rounded-[4px]">
<span class="ml-[10px]">Màn hình máy tính</span>
</div>
<div class="item w-[50%] flex items-center mb-[10px]">
<input type="checkbox" checked="checked"
class="checkbox checked:bg-[#0041E8] w-[20px] h-[20px] [--chkbg:theme(#0041E8)] [--chkfg:white] rounded-[4px]">
<span class="ml-[10px]">Màn hình máy tính</span>
</div>
<div class="item w-[50%] flex items-center mb-[10px]">
<input type="checkbox" checked="checked"
class="checkbox checked:bg-[#0041E8] w-[20px] h-[20px] [--chkbg:theme(#0041E8)] [--chkfg:white] rounded-[4px]">
<span class="ml-[10px]">Màn hình máy tính</span>
</div>
</div>
<div class="flex items-center">
<b>Bổ sung giá trị:</b>
<p class="mx-[5px]">mỗi giá trị 1 dòng</p>
<a href="">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="13"
viewBox="0 0 12 13" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M6.67307 0.173073C6.90384 -0.0576911 7.27798 -0.0576911 7.50875 0.173073L9.87238 2.53671C10.1031 2.76747 10.1031 3.14162 9.87238 3.37238L3.37238 9.87238C3.26156 9.9832 3.11126 10.0455 2.95455 10.0455H0.590909C0.264559 10.0455 0 9.7809 0 9.45455V7.09091C0 6.93419 0.0622563 6.78389 0.173073 6.67307L6.67307 0.173073ZM1.18182 7.33567V8.86364H2.70978L8.61887 2.95455L7.09091 1.42658L1.18182 7.33567Z"
fill="#0041E8" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0 12.4091C0 12.0828 0.264559 11.8182 0.590909 11.8182H11.2273C11.5536 11.8182 11.8182 12.0828 11.8182 12.4091C11.8182 12.7355 11.5536 13.0001 11.2273 13.0001H0.590909C0.264559 13.0001 0 12.7355 0 12.4091Z"
fill="#0041E8" />
</svg>
</a>
</div>
<textarea type="text" name="" id=""
class="w-[450px] min-h-[50px] p-[5px] border-[1px] mt-[10px] rounded-[4px]"></textarea>
</td>
</tr>
<tr>
<td>
<b>Màu sắc 5</b>
<p>mau_sac_5</p>
<span class="text-[#E00000]">Dùng tạo lựa chọn SP</span>
</td>
<td>
<div class="flex items-center flex-wrap">
<div class="item w-[50%] flex items-center mb-[10px]">
<input type="checkbox" checked="checked"
class="checkbox checked:bg-[#0041E8] w-[20px] h-[20px] [--chkbg:theme(#0041E8)] [--chkfg:white] rounded-[4px]">
<span class="ml-[10px]">Màn hình máy tính</span>
</div>
<div class="item w-[50%] flex items-center mb-[10px]">
<input type="checkbox" checked="checked"
class="checkbox checked:bg-[#0041E8] w-[20px] h-[20px] [--chkbg:theme(#0041E8)] [--chkfg:white] rounded-[4px]">
<span class="ml-[10px]">Màn hình máy tính</span>
</div>
<div class="item w-[50%] flex items-center mb-[10px]">
<input type="checkbox" checked="checked"
class="checkbox checked:bg-[#0041E8] w-[20px] h-[20px] [--chkbg:theme(#0041E8)] [--chkfg:white] rounded-[4px]">
<span class="ml-[10px]">Màn hình máy tính</span>
</div>
<div class="item w-[50%] flex items-center mb-[10px]">
<input type="checkbox" checked="checked"
class="checkbox checked:bg-[#0041E8] w-[20px] h-[20px] [--chkbg:theme(#0041E8)] [--chkfg:white] rounded-[4px]">
<span class="ml-[10px]">Màn hình máy tính</span>
</div>
</div>
<div class="flex items-center">
<b>Bổ sung giá trị:</b>
<p class="mx-[5px]">mỗi giá trị 1 dòng</p>
<a href="">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="13"
viewBox="0 0 12 13" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M6.67307 0.173073C6.90384 -0.0576911 7.27798 -0.0576911 7.50875 0.173073L9.87238 2.53671C10.1031 2.76747 10.1031 3.14162 9.87238 3.37238L3.37238 9.87238C3.26156 9.9832 3.11126 10.0455 2.95455 10.0455H0.590909C0.264559 10.0455 0 9.7809 0 9.45455V7.09091C0 6.93419 0.0622563 6.78389 0.173073 6.67307L6.67307 0.173073ZM1.18182 7.33567V8.86364H2.70978L8.61887 2.95455L7.09091 1.42658L1.18182 7.33567Z"
fill="#0041E8" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0 12.4091C0 12.0828 0.264559 11.8182 0.590909 11.8182H11.2273C11.5536 11.8182 11.8182 12.0828 11.8182 12.4091C11.8182 12.7355 11.5536 13.0001 11.2273 13.0001H0.590909C0.264559 13.0001 0 12.7355 0 12.4091Z"
fill="#0041E8" />
</svg>
</a>
</div>
<textarea type="text" name="" id=""
class="w-[450px] min-h-[50px] p-[5px] border-[1px] mt-[10px] rounded-[4px]"></textarea>
</td>
</tr>
</table>
<div class="flex items-center mt-[10px]">
<input
class=" w-[82px] h-[32px] bg-[#0041E8] rounded-[4px] text-white cursor-pointer py-[0]"
name="commit" type="submit" value="Cập nhật">
<a href=""
class="px-[10px] py-[5px] rounded-[4px] border-[1px] border-[#0041E8] text-[#0041E8] ml-[7px]">
Cập nhật không thuộc tính
</a>
</div>
</div>

0
template/product/form_components/spec_multiple.html Normal file
View File

0
template/product/form_components/tag.html Normal file
View File

130
template/product/form_components/variant.html Normal file
View File

@@ -0,0 +1,130 @@
<!-- cau hinh -->
<div
class="bg-white rounded-[15px] shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] py-[18px] px-[16px] mb-[20px]">
<b>Chủng loại của sản phẩm</b>
<a href="" class="flex items-center py-[5px]">
<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13"
fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M1.77273 2.36364C1.61601 2.36364 1.46571 2.42589 1.35489 2.53671C1.24407 2.64753 1.18182 2.79783 1.18182 2.95455V11.2273C1.18182 11.384 1.24407 11.5343 1.35489 11.6451C1.46571 11.7559 1.61601 11.8182 1.77273 11.8182H10.0455C10.2022 11.8182 10.3525 11.7559 10.4633 11.6451C10.5741 11.5343 10.6364 11.384 10.6364 11.2273V8.07182C10.6364 7.74547 10.9009 7.48091 11.2273 7.48091C11.5536 7.48091 11.8182 7.74547 11.8182 8.07182V11.2273C11.8182 11.6974 11.6314 12.1483 11.299 12.4808C10.9665 12.8132 10.5156 13 10.0455 13H1.77273C1.30257 13 0.85167 12.8132 0.51922 12.4808C0.186769 12.1483 0 11.6974 0 11.2273V2.95455C0 2.48439 0.186769 2.03349 0.51922 1.70104C0.851671 1.36859 1.30257 1.18182 1.77273 1.18182H4.92818C5.25453 1.18182 5.51909 1.44638 5.51909 1.77273C5.51909 2.09908 5.25453 2.36364 4.92818 2.36364H1.77273Z"
fill="#0041E8" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M9.62762 0.173073C9.85838 -0.0576911 10.2325 -0.0576911 10.4633 0.173073L12.8269 2.53671C13.0577 2.76747 13.0577 3.14162 12.8269 3.37238L6.91784 9.28147C6.80702 9.39229 6.65672 9.45455 6.5 9.45455H4.13636C3.81001 9.45455 3.54545 9.18999 3.54545 8.86364V6.5C3.54545 6.34328 3.60771 6.19298 3.71853 6.08216L9.62762 0.173073ZM4.72727 6.74476V8.27273H6.25524L11.5734 2.95455L10.0455 1.42658L4.72727 6.74476Z"
fill="#0041E8" />
</svg>
<span class="text-[#0041E8] ml-[5px]">
Sửa thuộc tính
</span>
</a>
<p class="text-[#E00000] italic pb-[7px]">* Chú ý: Giá bán của sản phẩm sẽ là giá của
chủng loại
được chọn. Nếu giá chủng
loại=0 thì sẽ mặc định dùng giá sản
phẩm. Cài đặt giá chung cho sản phẩm ở Tab "Cơ bản"</p>
<div
class="border-[1px] border-[#F6F6F6] shadow-[0_1px_1px_0_rgba(0,0,0,0.10)] rounded-[5px] p-[15px] flex items-center justify-between">
<p>Cài nhanh cho tất cả chủng loại:</p>
<div class="item flex items-center">
<p>Giá bán:</p>
<input type="text"
class="w-[190px] h-[32px] border-[1px] rounded-[4px] shadow-[0_1px_1px_0_rgba(0,0,0,0.12)] ml-[10px]">
</div>
<div class="item flex items-center">
<p>Số lượng:</p>
<input type="text"
class="w-[190px] h-[32px] border-[1px] rounded-[4px] shadow-[0_1px_1px_0_rgba(0,0,0,0.12)] ml-[10px]">
</div>
</div>
<table class="w-[100%] table-config">
<tbody>
<tr>
<th>Ảnh</th>
<th>Mã kho</th>
<th>Tên</th>
<th>Giá bán</th>
<th>SL</th>
<th>Linh ngoài</th>
<th>
<div class="flex items-center">
<input type="checkbox" class="w-[15px] h-[15px]">
<span class="ml-[3px]">Hiển thị</span>
</div>
</th>
<th>Quản lý</th>
<th></th>
</tr>
</tbody>
<tbody>
<tr>
<td>
<a href=""><svg xmlns="http://www.w3.org/2000/svg" width="12"
height="13" viewBox="0 0 12 13" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M6.67307 0.173073C6.90384 -0.0576911 7.27798 -0.0576911 7.50875 0.173073L9.87238 2.53671C10.1031 2.76747 10.1031 3.14162 9.87238 3.37238L3.37238 9.87238C3.26156 9.9832 3.11126 10.0455 2.95455 10.0455H0.590909C0.264559 10.0455 0 9.7809 0 9.45455V7.09091C0 6.93419 0.0622563 6.78389 0.173073 6.67307L6.67307 0.173073ZM1.18182 7.33567V8.86364H2.70978L8.61887 2.95455L7.09091 1.42658L1.18182 7.33567Z"
fill="#0041E8" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0 12.4091C0 12.0828 0.264559 11.8182 0.590909 11.8182H11.2273C11.5536 11.8182 11.8182 12.0828 11.8182 12.4091C11.8182 12.7355 11.5536 13.0001 11.2273 13.0001H0.590909C0.264559 13.0001 0 12.7355 0 12.4091Z"
fill="#0041E8" />
</svg></a>
</td>
<td>
<input type="text" value="mh241"
class="w-[80px] h-[32px] py-[5px] px-[10px] border-[1px] border-[#D8D8D8] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
</td>
<td>
<input type="text" value="mh241"
class="w-[112px] h-[32px] py-[5px] px-[10px] border-[1px] border-[#D8D8D8] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
</td>
<td>
<input type="text" value="mh241"
class="w-[68px] h-[32px] py-[5px] px-[10px] border-[1px] border-[#D8D8D8] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
</td>
<td>
<input type="text" value="mh241"
class="w-[42px] h-[32px] py-[5px] px-[10px] border-[1px] border-[#D8D8D8] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
</td>
<td>
<input type="text" value="mh241"
class="w-[142px] h-[32px] py-[5px] px-[10px] border-[1px] border-[#D8D8D8] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
</td>
<td>
<input type="checkbox" class="w-[15px] h-[15px]">
</td>
<td>
<span>STT</span>
<input type="text" value="0"
class="w-[46px] h-[32px] py-[5px] px-[10px] border-[1px] border-[#D8D8D8] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
</td>
<td>
<a href=""
class="w-[32px] h-[32px] leading-[32px] text-center bg-[#ECECEC] flex items-center justify-center rounded-[4px]">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="13"
viewBox="0 0 12 13" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0 2.95455C0 2.6282 0.264559 2.36364 0.590909 2.36364H11.2273C11.5536 2.36364 11.8182 2.6282 11.8182 2.95455C11.8182 3.2809 11.5536 3.54545 11.2273 3.54545H0.590909C0.264559 3.54545 0 3.2809 0 2.95455Z"
fill="#9E9E9E" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M4.72727 1.18182C4.57055 1.18182 4.42025 1.24407 4.30944 1.35489C4.19862 1.46571 4.13636 1.61601 4.13636 1.77273V2.36364H7.68182V1.77273C7.68182 1.61601 7.61956 1.46571 7.50875 1.35489C7.39793 1.24407 7.24763 1.18182 7.09091 1.18182H4.72727ZM8.86364 2.36364V1.77273C8.86364 1.30257 8.67687 0.85167 8.34442 0.51922C8.01197 0.186769 7.56107 0 7.09091 0H4.72727C4.25712 0 3.80622 0.186769 3.47377 0.51922C3.14132 0.85167 2.95455 1.30257 2.95455 1.77273V2.36364H1.77273C1.44638 2.36364 1.18182 2.6282 1.18182 2.95455V11.2273C1.18182 11.6974 1.36859 12.1483 1.70104 12.4808C2.03349 12.8132 2.48439 13 2.95455 13H8.86364C9.33379 13 9.78469 12.8132 10.1171 12.4808C10.4496 12.1483 10.6364 11.6974 10.6364 11.2273V2.95455C10.6364 2.6282 10.3718 2.36364 10.0455 2.36364H8.86364ZM2.36364 3.54545V11.2273C2.36364 11.384 2.42589 11.5343 2.53671 11.6451C2.64753 11.7559 2.79783 11.8182 2.95455 11.8182H8.86364C9.02036 11.8182 9.17066 11.7559 9.28147 11.6451C9.39229 11.5343 9.45455 11.384 9.45455 11.2273V3.54545H2.36364Z"
fill="#9E9E9E" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M4.72727 5.31818C5.05362 5.31818 5.31818 5.58274 5.31818 5.90909V9.45455C5.31818 9.7809 5.05362 10.0455 4.72727 10.0455C4.40092 10.0455 4.13636 9.7809 4.13636 9.45455V5.90909C4.13636 5.58274 4.40092 5.31818 4.72727 5.31818Z"
fill="#9E9E9E" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M7.09091 5.31818C7.41726 5.31818 7.68182 5.58274 7.68182 5.90909V9.45455C7.68182 9.7809 7.41726 10.0455 7.09091 10.0455C6.76456 10.0455 6.5 9.7809 6.5 9.45455V5.90909C6.5 5.58274 6.76456 5.31818 7.09091 5.31818Z"
fill="#9E9E9E" />
</svg>
</a>
</td>
</tr>
</tbody>
</table>
<a href="" class="my-[10px] flex items-center justify-center">
<span
class="w-[15px] h-[15px] rounded-[50%] border-[1px] border-[#0041E8] block leading-[12px] text-center text-[#0041E8]">+</span>
<span class="ml-[5px] text-[#0041E8] font-[500]">Thêm chủng loại</span>
</a>
<input
class=" w-[82px] h-[32px] bg-[#0041E8] rounded-[4px] text-white cursor-pointer py-[0]"
name="commit" type="submit" value="Cập nhật">
</div>

0
template/product/form_components/video.html Normal file
View File

8
template/theme.html
View File

@@ -27,7 +27,6 @@
</head> </head>
<body> <body>
<div>{{ global | show_var }}</div>
<div class="admin-global-container"> <div class="admin-global-container">
@@ -69,13 +68,6 @@
</details> </details>
<div class="sub-menu">
<a href=""> Menu title </a>
<a href=""> Menu title </a>
<a href=""> Menu title </a>
<a href=""> Menu title </a>
</div>
</details>
<details> <details>
<summary> <summary>