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

upload

Browse Source
This commit is contained in:
Tieptk
2025-12-02 09:30:52 +07:00
parent 2ad52e7ce8
commit 6233a30284
8 changed files with 386 additions and 509 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
assets/script/style_hura.css
View File

@@ -82,3 +82,11 @@
.max-w-3xl {
max-width: 48rem;
}
.menu-form a {
border-top: 0;
}
.menu-form a:hover {
color: #fff;
background: #0041e8;
}

60
template/product/addon.html
View File

@@ -1,24 +1,21 @@
<div class="m-[15px] p-[15px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto">
<h1 class="text-[24px] font-[700] mb-3">Danh sách sản phẩm/dịch vụ bán kèm sản phẩm</h1>
<div class="bg-white shadow p-3 rounded-sm">
<h1 class="text-2xl font-bold">Danh sách sản phẩm/dịch vụ bán kèm sản phẩm</h1>
<div class="flex items-center justify-end">
<a href="/admin/product/addon_add"
class="block border-[1px] border-[#0041E8] rounded-[4px] p-[5px_10px_5px_10px]">
<span
class="inline-block w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#0041E8] text-center leading-[11px] text-[#0041E8] mb-[2px]">+</span>
<span class="text-[#0041E8] font-[500]">Thêm danh sách mới</span>
<div class=" flex items-center justify-end gap-3">
<a href="/admin/product/addon_add" class="btn btn-view btn-outline">
<i class="iconify lucide--circle-plus">+</i>
<span class="">Thêm danh sách mới</span>
</a>
<a href="/admin/product/attribute_update"
class="block border-[1px] border-[#0041E8] rounded-[4px] p-[5px_10px_5px_10px] ml-[10px]">
<i class="fa-regular fa-file-excel text-[#0041E8]"></i>
<span class="text-[#0041E8] font-[500]">Cập nhật Excel</span>
<a href="/admin/product/attribute_update" class="btn btn-view btn-outline">
<i class=" iconify lucide--file-x"></i>
<span class="">Cập nhật Excel</span>
</a>
</div>
<div class="overflow-x-auto sm:whitespace-nowrap">
<table class="mt-[15px] table">
<thead class="bg-[#f6f6f6] text-[#000] text-[14px]">
<tr>
<div class="overflow-x-auto sm:whitespace-nowrap border border-base-200 rounded-sm mt-5">
<table class="table">
<thead>
<tr class="bg-base-200 font-bold text-black">
<th>STT</th>
<th>Thông tin</th>
<th>Giá</th>
@@ -30,32 +27,27 @@
<tr>
<td>1</td>
<td>
<div class="flex items-center">
<div class="flex items-center gap-3">
<span>[8]</span>
<a href="" class="name ml-[5px]">Bộ phím chuột không dây Kenoo KM600 trị giá 249.000 VND
<a href="" class="link-primary">Bộ phím chuột không dây Kenoo KM600 trị giá 249.000 VND
(KBKN002)</a>
</div>
<p>Ghi chú: KM màn hình 27 1</p>
<p>Tạo lúc: 04-06-2022, 8:28 am, cập nhật: 04-06-2022, 8:28 am</p>
</td>
<td>3.849.000 vnd</td>
<td class="w-[90px]"><a href=""
class="block btn w-[86px] h-[30px] min-h-[30px] leading-[28px] text-center text-white bg-[#0041E8] rounded-[4px]">Xem
<td><a href="" class="btn btn-active btn-sm">Xem
SP</a></td>
<td class="w-[150px]">
<div class='list-btn flex items-center'>
<a href=""
class='w-[32px] h-[32px] 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-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
class='fa fa-plus text-[#0041E8]'></i></a>
<a href=""
class='w-[32px] h-[32px] 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-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
class='icons icon-delete'></i></a>
<td class="">
<div class='list-btn flex items-center gap-3'>
<a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-view'><i
class='iconify lucide--pencil'></i></a>
<a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-view'><i
class='iconify lucide--plus'></i></a>
<a href="" class='btn btn-soft btn-xs btn-square'><i
class="iconify lucide--eye-off"></i></a>
<a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-error'><i
class='iconify lucide--trash'></i></a>
</div>
</td>
</tr>

97
template/product/config_group.html
View File

@@ -1,56 +1,49 @@
<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>
<div class="bg-white shadow p-3 rounded-sm">
<h1 class="text-2xl font-bold mb-3">Nhóm cấu hình sản phẩm</h1>
<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>
<div
class="lg:max-w-[1600px] xl:max-w-[1600px] md:max-w-[1600px] sm:max-w-[1600px] 2xl:max-w-full overflow-x-auto whitespace-nowrap">
<table class="table mt-[15px]">
<thead class="bg-[#f6f6f6] text-[#000] text-[14px]">
<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-[32px] h-[32px] 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-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
class='icons icon-delete'></i></a>
</div>
</td>
</tr>
</tbody>
</table>
<div class="shadow p-3 rounded-sm border border-base-200">
<div class="flex items-center gap-3">
<input type="text" size="60" name="info[title]" placeholder="" class="input input-sm rounded-sm shadow">
<a href="javascript:void(0)" class="btn btn-sm btn-active">Tìm kiếm</a>
</div>
</div>
<div class="flex items-center justify-end mt-5 mb-3">
<a href=" /admin/product/config_group_form" class=" btn btn-sm btn-outline btn-view">
<i class="iconify lucide--circle-plus">+</i>
<span class="">Thêm nhóm cấu hình</span>
</a>
</div>
<div class=" overflow-x-auto border border-base-200 rounded-sm mt-5">
<table class="table">
<thead>
<tr class="bg-base-200 font-bold text-black">
<th>STT</th>
<th>Thông tin</th>
<th>Cập nhật</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>
<a href="" class="link-primary">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>
<div class='list-btn flex items-center gap-3'>
<a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-view'><i
class='iconify lucide--pencil'></i></a>
<a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-error'><i
class='iconify lucide--trash'></i></a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>

201
template/product/form.html
View File

@@ -1,116 +1,111 @@
<div class="w-[100%] mb-[50px]">
<div class="breadcrumbs tw-zab tw-zpa tw-iia">
<ul>
<li><a href="/admin/product" data-discover="true">Danh sách sản phẩm</a></li>
<li class="">Form thêm/sửa sản phẩm</li>
</ul>
</div>
<div class="text-sm breadcrumbs ml-[10px]">
<ul>
<li><a href="/admin/product">Danh sách sản phẩm</a></li>
<li class="text-[#0041E8]">Form thêm/sửa sản phẩm</li>
</ul>
</div>
<div class="w-[1141px] m-auto p-[0_15px]">
<div class="w-[80%] m-auto mt-5">
<div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A] mb-[15px]">
<div class="flex items-center justify-between">
<div>
<h1 class="text-[20px] font-[700]">Cập nhật #{{ page.product_info.id }}</h1>
</div>
<div class="flex items-center ">
<a href="/admin/customer/customer-add"
class="flex items-center border-[1px] border-[#ECECEC] rounded-[4px] p-[5px_10px_5px_10px]">
<span
class="w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#6B7280] text-center leading-[11px] mr-[5px] text-[#6B7280]">+</span>
<span class="text-[#6B7280]">Thêm sp mới</span>
</a>
<a href="javascript:void(0)"
class="flex items-center border-[1px] border-[#ECECEC] rounded-[4px] p-[5px_10px_5px_10px] ml-[10px]">
<div class="icons icon-copy"></div>
<span class="text-[#6B7280] ml-[5px]">Tạo sp tương tự</span>
</a>
</div>
<div class="bg-white p-3 rounded-sm shadow">
<div class="flex items-center justify-between">
<div>
<h1 class="text-xl font-bold">Cập nhật #{{ page.product_info.id }}</h1>
</div>
<div class="flex items-center gap-3">
<a href="/admin/product/product-add" class="btn btn-md btn-outline btn-view">
<i class="iconify lucide--circle-plus"></i>
<span class="">Thêm sp mới</span>
</a>
<a href="javascript:void(0)" class="btn btn-md btn-outline btn-view">
<div class="iconify lucide--copy"></div>
<span class="text-[#6B7280] ml-[5px]">Tạo sp tương tự</span>
</a>
</div>
<span class="text-[#6B7280]">{{ page.product_info.title }}</span>
</div>
<span class="text-primary">{{ page.product_info.title }}</span>
</div>
<div class="flex">
<div class="left w-[273px] mr-[15px]">
<div class="bg-white rounded-[10px] shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-hidden">
<div class="grid grid-cols-4 gap-5 mt-5">
<div class="left">
<div class="bg-white rounded-md shadow overflow-hidden menu-form">
{% for _menu in page.product_menu %}
<a role="tab" href="/admin/product/form?id={{ page.product_info.id }}&part={{ _menu.id }}"
title="{{ _menu.name }}"
class="py-[7px] px-[15px] block border-b-[1px] border-[#fafafb] {% if _menu.is_current == 1 %}bg-[#0041E8] text-[#fff]{% else %}text-[#919699]{% endif %}">
{{ _menu.name }}
</a>
{% endfor %}
</div>
</div>
<div class="right w-[852px]">
{% if page.view_part == "store" %}
{% include 'product/form_components/store' %}
{% elsif page.view_part == "category" %}
{% include 'product/form_components/category' %}
{% elsif page.view_part == "seo" %}
{% include 'product/form_components/seo' %}
{% elsif page.view_part == "description" %}
{% include 'product/form_components/description' %}
{% elsif page.view_part == "spec-group" %}
{% include 'product/form_components/spec_group' %}
{% elsif page.view_part == "instruction" %}
{% include 'product/form_components/instruction' %}
{% elsif page.view_part == "image" %}
{% include 'product/form_components/image' %}
{% elsif page.view_part == "variant" %}
{% include 'product/form_components/variant' %}
{% elsif page.view_part == "accessory" %}
{% include 'product/form_components/accessory' %}
{% elsif page.view_part == "addon" %}
{% include 'product/form_components/addon' %}
{% elsif page.view_part == "video" %}
{% include 'product/form_components/video' %}
{% elsif page.view_part == "tag" %}
{% include 'product/form_components/tag' %}
{% elsif page.view_part == "relation" %}
{% include 'product/form_components/relation' %}
{% elsif page.view_part == "customer-group" %}
{% include 'product/form_components/customer_group' %}
{% elsif page.view_part == "component" %}
{% include 'product/form_components/component' %}
{% elsif page.view_part == "configurable" %}
{% include 'product/form_components/configurable' %}
{% elsif page.view_part == "compatible" %}
{% include 'product/form_components/compatible' %}
{% elsif page.view_part == "similar" %}
{% include 'product/form_components/similar' %}
{% elsif page.view_part == "combo-set" %}
{% include 'product/form_components/combo_set' %}
{% else %}
<!--//default-->
{% include 'product/form_components/basic' %}
{% endif %}
{% for _menu in page.product_menu %}
<a role="tab" href="/admin/product/form?id={{ page.product_info.id }}&part={{ _menu.id }}"
title="{{ _menu.name }}"
class="btn w-full justify-start rounded-none text-black {% if _menu.is_current == 1 %}btn-active text-white bg-primary {% else %} bg-white {% endif %}">
{{ _menu.name }}
</a>
{% endfor %}
</div>
</div>
<div class="col-span-3">
{% if page.view_part == "store" %}
{% include 'product/form_components/store' %}
{% elsif page.view_part == "category" %}
{% include 'product/form_components/category' %}
{% elsif page.view_part == "seo" %}
{% include 'product/form_components/seo' %}
{% elsif page.view_part == "description" %}
{% include 'product/form_components/description' %}
{% elsif page.view_part == "spec-group" %}
{% include 'product/form_components/spec_group' %}
{% elsif page.view_part == "instruction" %}
{% include 'product/form_components/instruction' %}
{% elsif page.view_part == "image" %}
{% include 'product/form_components/image' %}
{% elsif page.view_part == "variant" %}
{% include 'product/form_components/variant' %}
{% elsif page.view_part == "accessory" %}
{% include 'product/form_components/accessory' %}
{% elsif page.view_part == "addon" %}
{% include 'product/form_components/addon' %}
{% elsif page.view_part == "video" %}
{% include 'product/form_components/video' %}
{% elsif page.view_part == "tag" %}
{% include 'product/form_components/tag' %}
{% elsif page.view_part == "relation" %}
{% include 'product/form_components/relation' %}
{% elsif page.view_part == "customer-group" %}
{% include 'product/form_components/customer_group' %}
{% elsif page.view_part == "component" %}
{% include 'product/form_components/component' %}
{% elsif page.view_part == "configurable" %}
{% include 'product/form_components/configurable' %}
{% elsif page.view_part == "compatible" %}
{% include 'product/form_components/compatible' %}
{% elsif page.view_part == "similar" %}
{% include 'product/form_components/similar' %}
{% elsif page.view_part == "combo-set" %}
{% include 'product/form_components/combo_set' %}
{% else %}
<!--//default-->
{% include 'product/form_components/basic' %}
{% endif %}
</div>
</div>
</div>

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

@@ -1,26 +1,23 @@
<!-- thong tin san pham -->
<form method="post" enctype="multipart/form-data">
<div
class="bg-white p-[15px] rounded-[10px_10px_0_0] shadow-[0_-1px_1px_0px_#0000001A] border-b-[6px] border-[#FAFAFB]">
<b class="text-[20px] mb-[25px] block">Thông tin cơ bản</b>
<div class="mb-[25px]">
<div class="flex items-center mb-[5px]">
<label for="" class="mr-[5px] font-[700] text-[14px] text-[#383C44]">Đặt tên Sản phẩm</label>
<div class="box-note" data-tip="">
<i class="fa-regular fa-circle-question text-[#FFC700]"></i>
<div class="content">
Bạn muốn Google tìm ra Sản phẩm này hoặc người xem hiểu ngay về Sản phẩm ? Hãy viết tên Sản phẩm
một cách cụ thể, đầy đủ
nhất. Thay vì viết Vaio ABC, hãy viết : Máy tính xách tay Sony Vaio ABC, 500GB, 4GB RAM, 2.4GHz,
USA, mới 100% Hoặc thay
vì viết Áo 123, hãy viết : Áo khoác nam Made In VietNam, màu đen, đủ size, mã 123
</div>
<div class="bg-white p-3 rounded shadow">
<b class="text-xl mb-6 block">Thông tin cơ bản</b>
<div class="flex items-center mt-3">
<label for="" class="font-[700] text-[14px] text-[#383C44]">Đặt tên Sản phẩm</label>
<div class="box-note" data-tip="">
<i class="fa-regular fa-circle-question text-[#FFC700]"></i>
<div class="content">
Bạn muốn Google tìm ra Sản phẩm này hoặc người xem hiểu ngay về Sản phẩm ? Hãy viết tên Sản phẩm
một cách cụ thể, đầy đủ
nhất. Thay vì viết Vaio ABC, hãy viết : Máy tính xách tay Sony Vaio ABC, 500GB, 4GB RAM, 2.4GHz,
USA, mới 100% Hoặc thay
vì viết Áo 123, hãy viết : Áo khoác nam Made In VietNam, màu đen, đủ size, mã 123
</div>
</div>
<input type="text" name="info[proName]" id="pro_name" value="Máy in mã vạch MH241"
placeholder="Đặt tên sản phẩm"
class="w-[100%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
</div>
<input type="text" name="info[proName]" id="pro_name" value="Máy in mã vạch MH241"
placeholder="Đặt tên sản phẩm"
class="w-[100%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
<div class="flex items-center flex-wrap mr-[-12px]">
<div class="w-[calc(50%_-_12px)] mr-[12px] mb-[25px]">

229
template/product/list_competitor.html
View File

@@ -1,129 +1,130 @@
<div class="w-[100%]">
<div
class="m-[15px] p-[15px_10px_15px_10px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto">
<h1 class="text-[24px] font-[700] mb-3">So sánh giá đối thủ</h1>
<div class="bg-white shadow p-3 rounded-sm">
<h1 class="text-2xl font-bold mb-3">So sánh giá đối thủ</h1>
<div class="shadow-[0px_1px_1px_0px_#0000001A] p-[10px] rounded-[10px] border-[1px] border-[#F6F6F6]">
<div class="flex items-center">
<input type="text" size="60" name="info[title]" placeholder=""
class="w-[300px] h-[30px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
<a href="javascript:void(0)"
class="w-[70px] h-[29px] leading-[30px] text-center rounded-[4px] bg-[#0041E8] text-white ml-[10px]">Tìm
kiếm</a>
</div>
</div>
<div class="flex items-center justify-between my-[15px]">
<a href="javascript:void(0)" onclick="js_list_category.showModal()"
class="p-[5px] border-[#79B0E2] border-[1px] rounded-[4px] text-[#79B0E2] hover:bg-[#0061ff] hover:text-white mr-[15px]">
Chọn danh mục để xem
</a>
<select name="" id=""
class="w-[115px] h-[35px] shadow-[0px_2px_4px_0px_#0000001F] p-[5px] rounded-[4px] border-[1px] border-[#D8D8D8]">
<option value="">Bộ lọc</option>
</select>
</div>
<div
class="lg:max-w-[1600px] xl:max-w-[1600px] md:max-w-[1600px] sm:max-w-[1600px] 2xl:max-w-full overflow-x-auto whitespace-nowrap">
<table class="table">
<thead class="bg-[#f6f6f6] text-[#000] text-[14px]">
<tr>
<th>STT</th>
<th>Sản phẩm (Tổng số: 53)</th>
<th>Cập nhật</th>
</tr>
</thead>
<tbody>
<tr>
<td class="w-[40px]">1</td>
<td>
<a href="" class="name">Ổ Cứng SSD KINGMAX 120GB SMV32</a>
<p>- Giá: <b>499.000</b></p>
<p>-Mã kho: OCKM0008</p>
<p>- Cập nhật: 25-01-2024, 9:46 am (29 ngày)</p>
</td>
<td class="w-[130px]">
<a href=""
class="block btn w-[100px] bg-[#0041E8] h-[35px] leading-[35px] min-h-[35px] text-center text-white rounded-[4px]">Cập
nhật</a>
</td>
</tr>
<tr>
<td class="w-[40px]">1</td>
<td>
<a href="" class="name">Ổ Cứng SSD KINGMAX 120GB SMV32</a>
<p>- Giá: <b>499.000</b></p>
<p>-Mã kho: OCKM0008</p>
<p>- Cập nhật: 25-01-2024, 9:46 am (29 ngày)</p>
</td>
<td class="w-[130px]">
<a href=""
class="block btn w-[100px] bg-[#0041E8] h-[35px] leading-[35px] min-h-[35px] text-center text-white rounded-[4px]">Cập
nhật</a>
</td>
</tr>
<tr>
<td class="w-[40px]">1</td>
<td>
<a href="" class="name">Ổ Cứng SSD KINGMAX 120GB SMV32</a>
<p>- Giá: <b>499.000</b></p>
<p>-Mã kho: OCKM0008</p>
<p>- Cập nhật: 25-01-2024, 9:46 am (29 ngày)</p>
</td>
<td class="w-[130px]">
<a href=""
class="block btn w-[100px] bg-[#0041E8] h-[35px] leading-[35px] min-h-[35px] text-center text-white rounded-[4px]">Cập
nhật</a>
</td>
</tr>
</tbody>
</table>
<div class="shadow p-3 rounded-sm border border-base-200">
<div class="flex items-center gap-3">
<input type="text" size="60" name="info[title]" placeholder="" class="input input-md rounded-sm shadow">
<a href="javascript:void(0)" class="btn btn-md btn-active">Tìm
kiếm</a>
</div>
</div>
<div class="flex items-center justify-between mt-5">
<a href="javascript:void(0)" onclick="js_list_category.showModal()" class="btn btn-outline btn-view">
Chọn danh mục để xem
</a>
<select name="" id="" class="select select-md rounded-sm shadow w-32">
<option value="">Bộ lọc</option>
</select>
</div>
<div class=" overflow-x-auto border border-base-200 rounded-sm mt-5">
<table class="table">
<thead>
<tr class="bg-base-200 font-bold text-black">
<th>STT</th>
<th>Sản phẩm (Tổng số: 53)</th>
<th>Cập nhật</th>
</tr>
</thead>
<tbody>
<tr>
<td class="w-2">1</td>
<td>
<a href="" class="name link-primary">Ổ Cứng SSD KINGMAX 120GB SMV32</a>
<p>- Giá: <b>499.000</b></p>
<p>-Mã kho: OCKM0008</p>
<p>- Cập nhật: 25-01-2024, 9:46 am (29 ngày)</p>
</td>
<td class="w-32">
<a href="" class="btn btn-sm btn-active">Cập
nhật</a>
</td>
</tr>
<tr>
<td class="w-2">1</td>
<td>
<a href="" class="name link-primary">Ổ Cứng SSD KINGMAX 120GB SMV32</a>
<p>- Giá: <b>499.000</b></p>
<p>-Mã kho: OCKM0008</p>
<p>- Cập nhật: 25-01-2024, 9:46 am (29 ngày)</p>
</td>
<td class="w-32">
<a href="" class="btn btn-sm btn-active">Cập
nhật</a>
</td>
</tr>
<tr>
<td class="w-2">1</td>
<td>
<a href="" class="name link-primary">Ổ Cứng SSD KINGMAX 120GB SMV32</a>
<p>- Giá: <b>499.000</b></p>
<p>-Mã kho: OCKM0008</p>
<p>- Cập nhật: 25-01-2024, 9:46 am (29 ngày)</p>
</td>
<td class="w-32">
<a href="" class="btn btn-sm btn-active">Cập
nhật</a>
</td>
</tr>
<tr>
<td class="w-2">1</td>
<td>
<a href="" class="name link-primary">Ổ Cứng SSD KINGMAX 120GB SMV32</a>
<p>- Giá: <b>499.000</b></p>
<p>-Mã kho: OCKM0008</p>
<p>- Cập nhật: 25-01-2024, 9:46 am (29 ngày)</p>
</td>
<td class="w-32">
<a href="" class="btn btn-sm btn-active">Cập
nhật</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<dialog id="js_list_category" class="modal">
<div class="modal-box w-11/12 max-w-5xl">
<form method="dialog">
<button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</button>
</form>
<div class="list-category mt-[5px] max-h-[400px] max-h-[400px] overflow-x-auto">
{% for cate in page.list_category %}
<a href="{{cate.url}}" class="item block mb-[5px] text-[#0041E8]">
{% if cate.children.size > 0 %}
<b class="text-[#0041E8]">+ (#{{cate.id}}){{cate.title}}</b>
<dialog id="js_list_category" class="modal">
<div class="modal-box w-11/12 max-w-5xl">
<form method="dialog">
<button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</button>
</form>
<div class="list-category mt-[5px] max-h-[400px] max-h-[400px] overflow-x-auto">
{% for cate in page.list_category %}
<a href="{{cate.url}}" class="item block mb-[5px] text-[#0041E8]">
{% if cate.children.size > 0 %}
<b class="text-[#0041E8]">+ (#{{cate.id}}){{cate.title}}</b>
{% else %}
+ (#{{cate.id}}){{cate.title}}
{% endif %}
</a>
{% if cate.children.size > 0 %}
<div class="ml-[15px]">
{% for cate2 in cate.children %}
<a href="{{cate2.url}}" class="item block mb-[5px] text-[#0041E8]">
{% if cate2.children.size > 0 %}
<b class="text-[#0041E8]">+ (#{{cate2.id}}){{cate2.title}}</b>
{% else %}
+ (#{{cate.id}}){{cate.title}}
+ (#{{cate2.id}}){{cate2.title}} ({{cate2.totalProduct}})
{% endif %}
</a>
{% if cate.children.size > 0 %}
{% if cate2.children.size > 0 %}
<div class="ml-[15px]">
{% for cate2 in cate.children %}
<a href="{{cate2.url}}" class="item block mb-[5px] text-[#0041E8]">
{% if cate2.children.size > 0 %}
<b class="text-[#0041E8]">+ (#{{cate2.id}}){{cate2.title}}</b>
{% else %}
+ (#{{cate2.id}}){{cate2.title}} ({{cate2.totalProduct}})
{% endif %}
</a>
{% if cate2.children.size > 0 %}
<div class="ml-[15px]">
{% for cate3 in cate2.children %}
<a href="{{cate3.url}}" class="item block mb-[5px] text-[#0041E8]">+
(#{{cate3.id}}){{cate3.title}}
({{cate3.totalProduct}})</a>
{% endfor %}
</div>
{% endif %}
{% for cate3 in cate2.children %}
<a href="{{cate3.url}}" class="item block mb-[5px] text-[#0041E8]">+
(#{{cate3.id}}){{cate3.title}}
({{cate3.totalProduct}})</a>
{% endfor %}
</div>
{% endif %}
{% endfor %}
</div>
{% endif %}
{% endfor %}
</div>
<form method="dialog" class="modal-backdrop">
<button>close</button>
</form>
</dialog>
</div>
</div>
<form method="dialog" class="modal-backdrop">
<button>close</button>
</form>
</dialog>

136
template/product/set.html
View File

@@ -1,30 +1,27 @@
<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 set</h1>
<div class="flex items-center justify-between">
<div class="w-[80%]"><b>Giới thiệu:</b> "Combo Set" là một "set" (danh sách) các sản phẩm được cài giảm giá
sẵn.
Các
mức giá giảm này
sẽ được áp
dụng khi người mua hàng mua cùng 1 sản phẩm chính. Ví dụ đơn giản: Bạn tạo 1 set (danh sách) các phụ
kiện dành cho
iPhone với các mức chiết khấu đáng kể nếu người dùng mua kèm iPhone. Sau khi tạo set xong, bạn chọn 1
vài sản phẩm
iPhone có thể áp dựng set này. Như vậy xem website có thể chọn mua iPhone và mua thêm 1 số sản phẩm
trong set mà bạn đã
thiết lập.</div>
<a href="/admin/product/set_form" id="add-prod"
class="p-[5px_10px] border-[1px] border-[#0041E8] rounded-[4px] text-[14px] text-[#0041E8] flex items-center hover:bg-[#0041E8] hover:text-white"><span
class="border-[1px] border-[#0041E8] h-[14px] w-[14px] leading-[11px] text-center rounded-[50%] mr-1">+</span>
<span class="font-[500]">Thêm
set mới</span></a>
</div>
<table id='tb_padding' cellpadding=2 cellspacing=0 width='100%' border=1 bordercolor='#CCCCCC'
class="table mt-[20px]">
<thead class="bg-[#f6f6f6] text-[#000] text-[14px]">
<tr>
<div class="bg-white shadow p-3 rounded-sm">
<h1 class="text-2xl font-bold mb-3">Danh sách set</h1>
<div class="flex items-start justify-between gap-5">
<div><b>Giới thiệu:</b> "Combo Set" là một "set" (danh sách) các sản phẩm được cài giảm giá
sẵn.
Các
mức giá giảm này
sẽ được áp
dụng khi người mua hàng mua cùng 1 sản phẩm chính. Ví dụ đơn giản: Bạn tạo 1 set (danh sách) các phụ
kiện dành cho
iPhone với các mức chiết khấu đáng kể nếu người dùng mua kèm iPhone. Sau khi tạo set xong, bạn chọn 1
vài sản phẩm
iPhone có thể áp dựng set này. Như vậy xem website có thể chọn mua iPhone và mua thêm 1 số sản phẩm
trong set mà bạn đã
thiết lập.</div>
<a href="/admin/product/set_form" id="add-prod" class="btn btn-view btn-outline">
<span class=" iconify lucide--circle-plus"></span>
<span class="">Thêm
set mới</span></a>
</div>
<div class="overflow-x-auto sm:whitespace-nowrap border border-base-200 rounded-sm mt-5">
<table id='tb_padding' cellpadding=2 cellspacing=0 width='100%' border=1 bordercolor='#CCCCCC' class="table">
<thead>
<tr class="bg-base-200 text-black font-bold">
<td>STT</td>
<td>Thông tin</td>
<td>Cập nhật</td>
@@ -35,7 +32,7 @@
<tbody>
<tr>
<td>1</td>
<td>(ID: 658) <a href="" class="name font-bold">Thẻ Nhớ CAEZ CAIM CAIS</a>
<td>(ID: 658) <a href="" class=" name font-bold link-primary">Thẻ Nhớ CAEZ CAIM CAIS</a>
<p>Thẻ Nhớ cho các dòng CAM: CAEZ CAIM CAIS</p>
</td>
<td>
@@ -43,90 +40,25 @@
<p>01-03-2024, 11:59 am</p>
</td>
<td>
<div class="flex items-center">
<div class="flex items-center gap-3">
<p class="mr-[10px]">137 sp</p>
<a href=""
class="block bg-white border border-blue-600 w-[130px] h-[35px] min-h-[35px] leading-[32px] text-center text-white bg-[#0041E8] rounded-[4px] hover:bg-blue-700 hover:text-white">Xem
<a href="" class="btn btn-sm btn-active">Xem
danh sách</a>
</div>
</td>
<td>
<div class="flex items-center">
<a href=""
class="mr-[10px] block bg-white border border-blue-600 w-[80px] h-[35px] min-h-[35px] leading-[32px] text-center text-white bg-[#0041E8] rounded-[4px] hover:bg-blue-700 hover:text-white">Chi
<div class="flex items-center gap-3">
<a href="" class="btn btn-sm btn-active">Chi
tiết</a>
<a href=""
class='w-[32px] h-[32px] 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-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
class='icons icon-delete'></i></a>
</div>
</td>
</tr>
<tr>
<td>1</td>
<td>(ID: 658) <a href="" class="name font-bold">Thẻ Nhớ CAEZ CAIM CAIS</a>
<p>Thẻ Nhớ cho các dòng CAM: CAEZ CAIM CAIS</p>
</td>
<td>
<p>Nguyễn Tiến Dinh</p>
<p>01-03-2024, 11:59 am</p>
</td>
<td>
<div class="flex items-center">
<p class="mr-[10px]">137 sp</p>
<a href=""
class="block bg-white border border-blue-600 w-[130px] h-[35px] min-h-[35px] leading-[32px] text-center text-white bg-[#0041E8] rounded-[4px] hover:bg-blue-700 hover:text-white">Xem
danh sách</a>
</div>
</td>
<td>
<div class="flex items-center">
<a href=""
class="mr-[10px] block bg-white border border-blue-600 w-[80px] h-[35px] min-h-[35px] leading-[32px] text-center text-white bg-[#0041E8] rounded-[4px] hover:bg-blue-700 hover:text-white">Chi
tiết</a>
<a href=""
class='w-[32px] h-[32px] 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-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
class='icons icon-delete'></i></a>
</div>
</td>
</tr>
<tr>
<td>1</td>
<td>(ID: 658) <a href="" class="name font-bold">Thẻ Nhớ CAEZ CAIM CAIS</a>
<p>Thẻ Nhớ cho các dòng CAM: CAEZ CAIM CAIS</p>
</td>
<td>
<p>Nguyễn Tiến Dinh</p>
<p>01-03-2024, 11:59 am</p>
</td>
<td>
<div class="flex items-center">
<p class="mr-[10px]">137 sp</p>
<a href=""
class="block bg-white border border-blue-600 w-[130px] h-[35px] min-h-[35px] leading-[32px] text-center text-white bg-[#0041E8] rounded-[4px] hover:bg-blue-700 hover:text-white">Xem
danh sách</a>
</div>
</td>
<td>
<div class="flex items-center">
<a href=""
class="mr-[10px] block bg-white border border-blue-600 w-[80px] h-[35px] min-h-[35px] leading-[32px] text-center text-white bg-[#0041E8] rounded-[4px] hover:bg-blue-700 hover:text-white">Chi
tiết</a>
<a href=""
class='w-[32px] h-[32px] 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-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
class='icons icon-delete'></i></a>
<a href="" class='btn btn-sm btn-outline btn-view'><i
class="iconify lucide--pencil"></i></a>
<a href="" class='btn btn-sm btn-outline btn-error'><i
class='iconify lucide--trash'></i></a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>

131
template/product/spec_group.html
View File

@@ -1,90 +1,49 @@
<div class="w-[100%]">
<div
class="m-[15px] p-[15px_10px_15px_10px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto">
<h1 class="text-[24px] font-[700] mb-3">Nhóm thông số kỹ thuật</h1>
<div class="bg-white shadow p-3 rounded-sm">
<h1 class="text-2xl font-bold mb-3">Nhóm thông số kỹ thuật</h1>
<div class="shadow-[0px_1px_1px_0px_#0000001A] p-[10px] rounded-[10px] border-[1px] border-[#F6F6F6]">
<div class="flex items-center">
<input type="text" size="60" name="info[title]" placeholder=""
class="w-[300px] h-[30px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
<a href="javascript:void(0)"
class="w-[70px] h-[29px] leading-[30px] text-center rounded-[4px] bg-[#0041E8] text-white ml-[10px]">Tìm
kiếm</a>
</div>
</div>
<div class="flex items-center justify-between mt-[15px]">
<p>
<b>Hướng dẫn:</b>
<span class="ml-[5px]">Nhóm thông số kỹ thuật được ghép cho từng sản phẩm cụ thể</span>
</p>
<a href="/admin/product/spec-group"
class="flex items-center border-[1px] border-[#0041E8] rounded-[4px] p-[5px_10px_5px_10px] ml-[10px]">
<span
class="w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#0041E8] text-center leading-[11px] mr-[5px] text-[#0041E8]">+</span>
<span class="text-[#0041E8] whitespace-nowrap">Thêm nhóm mới</span>
</a>
</div>
<div class="overflow-x-auto sm:whitespace-nowrap">
<table class="table mt-[15px]">
<thead class="bg-[#f6f6f6] text-[#000] text-[14px]">
<tr>
<th>STT</th>
<th>Tên gọi/miêu tả</th>
<th>Cập nhật</th>
</tr>
</thead>
<tbody>
<tr>
<td class="w-[38px]">1</td>
<td>
<a href="" class="name">Camera</a>
</td>
<td class="w-[100px]">
<div class='list-btn flex items-center justify-center'>
<a href=""
class='w-[32px] h-[32px] 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-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
class='icons icon-delete'></i></a>
</div>
</td>
</tr>
<tr>
<td class="w-[38px]">1</td>
<td>
<a href="" class="name">Camera</a>
</td>
<td class="w-[100px]">
<div class='list-btn flex items-center justify-center'>
<a href=""
class='w-[32px] h-[32px] 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-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
class='icons icon-delete'></i></a>
</div>
</td>
</tr>
<tr>
<td class="w-[38px]">1</td>
<td>
<a href="" class="name">Camera</a>
</td>
<td class="w-[100px]">
<div class='list-btn flex items-center justify-center'>
<a href=""
class='w-[32px] h-[32px] 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-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
class='icons icon-delete'></i></a>
</div>
</td>
</tr>
</tbody>
</table>
<div class="shadow p-3 rounded-sm border border-base-200">
<div class="flex items-center gap-3">
<input type="text" size="60" name="info[title]" placeholder="" class="input input-md rounded-sm shadow">
<a href="javascript:void(0)" class="btn btn-md btn-primary">Tìm
kiếm</a>
</div>
</div>
<div class="flex items-center justify-between mt-5">
<p>
<b>Hướng dẫn:</b>
<span class="ml-1">Nhóm thông số kỹ thuật được ghép cho từng sản phẩm cụ thể</span>
</p>
<a href="/admin/product/spec-group" class="btn btn-md btn-outline btn-view flex items-center">
<i class="iconify lucide--circle-plus"></i>
<span class="text-[#0041E8] whitespace-nowrap">Thêm nhóm mới</span>
</a>
</div>
<div class="overflow-x-auto sm:whitespace-nowrap mt-5 border border-base-200 rounded-sm">
<table class="table">
<thead>
<tr class="bg-base-200 font-bold text-black">
<th>STT</th>
<th>Tên gọi/miêu tả</th>
<th>Cập nhật</th>
</tr>
</thead>
<tbody>
<tr>
<td class="w-2">1</td>
<td>
<a href="" class="name link-primary">Camera</a>
</td>
<td class="w-12">
<div class='list-btn flex items-center justify-center gap-3'>
<a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-view'><i
class='iconify lucide--pencil'></i></a>
<a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-error'><i
class='iconify lucide--trash-2'></i></a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>