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-w-3xl {
max-width: 48rem; 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"> <div class="bg-white shadow p-3 rounded-sm">
<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> <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"> <div class=" flex items-center justify-end gap-3">
<a href="/admin/product/addon_add" <a href="/admin/product/addon_add" class="btn btn-view btn-outline">
class="block border-[1px] border-[#0041E8] rounded-[4px] p-[5px_10px_5px_10px]"> <i class="iconify lucide--circle-plus">+</i>
<span <span class="">Thêm danh sách mới</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>
</a> </a>
<a href="/admin/product/attribute_update" <a href="/admin/product/attribute_update" class="btn btn-view btn-outline">
class="block border-[1px] border-[#0041E8] rounded-[4px] p-[5px_10px_5px_10px] ml-[10px]"> <i class=" iconify lucide--file-x"></i>
<i class="fa-regular fa-file-excel text-[#0041E8]"></i> <span class="">Cập nhật Excel</span>
<span class="text-[#0041E8] font-[500]">Cập nhật Excel</span>
</a> </a>
</div> </div>
<div class="overflow-x-auto sm:whitespace-nowrap"> <div class="overflow-x-auto sm:whitespace-nowrap border border-base-200 rounded-sm mt-5">
<table class="mt-[15px] table"> <table class="table">
<thead class="bg-[#f6f6f6] text-[#000] text-[14px]"> <thead>
<tr> <tr class="bg-base-200 font-bold text-black">
<th>STT</th> <th>STT</th>
<th>Thông tin</th> <th>Thông tin</th>
<th>Giá</th> <th>Giá</th>
@@ -30,32 +27,27 @@
<tr> <tr>
<td>1</td> <td>1</td>
<td> <td>
<div class="flex items-center"> <div class="flex items-center gap-3">
<span>[8]</span> <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> (KBKN002)</a>
</div> </div>
<p>Ghi chú: KM màn hình 27 1</p> <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> <p>Tạo lúc: 04-06-2022, 8:28 am, cập nhật: 04-06-2022, 8:28 am</p>
</td> </td>
<td>3.849.000 vnd</td> <td>3.849.000 vnd</td>
<td class="w-[90px]"><a href="" <td><a href="" class="btn btn-active btn-sm">Xem
class="block btn w-[86px] h-[30px] min-h-[30px] leading-[28px] text-center text-white bg-[#0041E8] rounded-[4px]">Xem
SP</a></td> SP</a></td>
<td class="w-[150px]"> <td class="">
<div class='list-btn flex items-center'> <div class='list-btn flex items-center gap-3'>
<a href="" <a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-view'><i
class='w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i class='iconify lucide--pencil'></i></a>
class='icons icon-edit'></i></a> <a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-view'><i
<a href="" class='iconify lucide--plus'></i></a>
class='w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i <a href="" class='btn btn-soft btn-xs btn-square'><i
class='fa fa-plus text-[#0041E8]'></i></a> class="iconify lucide--eye-off"></i></a>
<a href="" <a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-error'><i
class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i class='iconify lucide--trash'></i></a>
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> </div>
</td> </td>
</tr> </tr>

97
template/product/config_group.html
View File

@@ -1,56 +1,49 @@
<div class="w-[100%]"> <div class="bg-white shadow p-3 rounded-sm">
<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-2xl font-bold mb-3">Nhóm cấu hình sản phẩm</h1>
<h1 class="text-[24px] font-[700] mb-3">Nhóm cấu hình sản phẩm</h1>
<div class="shadow-[0px_1px_1px_0px_#0000001A] p-[10px] rounded-[10px] border-[1px] border-[#F6F6F6]">
<div class="flex items-center">
<input type="text" size="60" name="info[title]" placeholder=""
class="w-[300px] h-[30px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
<a href="javascript:void(0)"
class="w-[70px] h-[29px] leading-[30px] text-center rounded-[4px] bg-[#0041E8] text-white ml-[10px]">Tìm
kiếm</a>
</div>
</div>
<a href="/admin/product/config_group_form" <div class="shadow p-3 rounded-sm border border-base-200">
class=" <div class="flex items-center gap-3">
block m-[15px_0_auto_auto] w-[185px] border-[1px] border-[#0041E8] rounded-[4px] p-[5px_10px_5px_10px]"> <input type="text" size="60" name="info[title]" placeholder="" class="input input-sm rounded-sm shadow">
<span <a href="javascript:void(0)" class="btn btn-sm btn-active">Tìm kiếm</a>
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> </div>
</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> </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]"> <div class="w-[80%] m-auto mt-5">
<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="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A] mb-[15px]"> <div class="bg-white p-3 rounded-sm shadow">
<div class="flex items-center justify-between"> <div class="flex items-center justify-between">
<div> <div>
<h1 class="text-[20px] font-[700]">Cập nhật #{{ page.product_info.id }}</h1> <h1 class="text-xl font-bold">Cập nhật #{{ page.product_info.id }}</h1>
</div> </div>
<div class="flex items-center "> <div class="flex items-center gap-3">
<a href="/admin/customer/customer-add" <a href="/admin/product/product-add" class="btn btn-md btn-outline btn-view">
class="flex items-center border-[1px] border-[#ECECEC] rounded-[4px] p-[5px_10px_5px_10px]"> <i class="iconify lucide--circle-plus"></i>
<span <span class="">Thêm sp mới</span>
class="w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#6B7280] text-center leading-[11px] mr-[5px] text-[#6B7280]">+</span> </a>
<span class="text-[#6B7280]">Thêm sp mới</span> <a href="javascript:void(0)" class="btn btn-md btn-outline btn-view">
</a> <div class="iconify lucide--copy"></div>
<a href="javascript:void(0)" <span class="text-[#6B7280] ml-[5px]">Tạo sp tương tự</span>
class="flex items-center border-[1px] border-[#ECECEC] rounded-[4px] p-[5px_10px_5px_10px] ml-[10px]"> </a>
<div class="icons icon-copy"></div>
<span class="text-[#6B7280] ml-[5px]">Tạo sp tương tự</span>
</a>
</div>
</div> </div>
<span class="text-[#6B7280]">{{ page.product_info.title }}</span>
</div> </div>
<span class="text-primary">{{ page.product_info.title }}</span>
</div>
<div class="flex"> <div class="grid grid-cols-4 gap-5 mt-5">
<div class="left w-[273px] mr-[15px]"> <div class="left">
<div class="bg-white rounded-[10px] shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-hidden"> <div class="bg-white rounded-md shadow overflow-hidden menu-form">
{% for _menu in page.product_menu %} {% for _menu in page.product_menu %}
<a role="tab" href="/admin/product/form?id={{ page.product_info.id }}&part={{ _menu.id }}" <a role="tab" href="/admin/product/form?id={{ page.product_info.id }}&part={{ _menu.id }}"
title="{{ _menu.name }}" 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 %}"> 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 }} {{ _menu.name }}
</a> </a>
{% endfor %} {% 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 %}
</div> </div>
</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>
</div> </div>

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

@@ -1,26 +1,23 @@
<!-- thong tin san pham --> <!-- thong tin san pham -->
<form method="post" enctype="multipart/form-data"> <form method="post" enctype="multipart/form-data">
<div <div class="bg-white p-3 rounded shadow">
class="bg-white p-[15px] rounded-[10px_10px_0_0] shadow-[0_-1px_1px_0px_#0000001A] border-b-[6px] border-[#FAFAFB]"> <b class="text-xl mb-6 block">Thông tin cơ bản</b>
<b class="text-[20px] mb-[25px] block">Thông tin cơ bản</b> <div class="flex items-center mt-3">
<div class="mb-[25px]"> <label for="" class="font-[700] text-[14px] text-[#383C44]">Đặt tên Sản phẩm</label>
<div class="flex items-center mb-[5px]"> <div class="box-note" data-tip="">
<label for="" class="mr-[5px] font-[700] text-[14px] text-[#383C44]">Đặt tên Sản phẩm</label> <i class="fa-regular fa-circle-question text-[#FFC700]"></i>
<div class="box-note" data-tip=""> <div class="content">
<i class="fa-regular fa-circle-question text-[#FFC700]"></i> 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
<div class="content"> một cách cụ thể, đầy đủ
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 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,
một cách cụ thể, đầy đủ USA, mới 100% Hoặc thay
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, vì viết Áo 123, hãy viết : Áo khoác nam Made In VietNam, màu đen, đủ size, mã 123
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> </div>
</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> </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="flex items-center flex-wrap mr-[-12px]">
<div class="w-[calc(50%_-_12px)] mr-[12px] mb-[25px]"> <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="bg-white shadow p-3 rounded-sm">
<div <h1 class="text-2xl font-bold mb-3">So sánh giá đối thủ</h1>
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="shadow-[0px_1px_1px_0px_#0000001A] p-[10px] rounded-[10px] border-[1px] border-[#F6F6F6]"> <div class="shadow p-3 rounded-sm border border-base-200">
<div class="flex items-center"> <div class="flex items-center gap-3">
<input type="text" size="60" name="info[title]" placeholder="" <input type="text" size="60" name="info[title]" placeholder="" class="input input-md rounded-sm shadow">
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="btn btn-md btn-active">Tìm
<a href="javascript:void(0)" kiếm</a>
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> </div>
</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"> <dialog id="js_list_category" class="modal">
<form method="dialog"> <div class="modal-box w-11/12 max-w-5xl">
<button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</button> <form method="dialog">
</form> <button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</button>
<div class="list-category mt-[5px] max-h-[400px] max-h-[400px] overflow-x-auto"> </form>
{% for cate in page.list_category %} <div class="list-category mt-[5px] max-h-[400px] max-h-[400px] overflow-x-auto">
<a href="{{cate.url}}" class="item block mb-[5px] text-[#0041E8]"> {% for cate in page.list_category %}
{% if cate.children.size > 0 %} <a href="{{cate.url}}" class="item block mb-[5px] text-[#0041E8]">
<b class="text-[#0041E8]">+ (#{{cate.id}}){{cate.title}}</b> {% 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 %} {% else %}
+ (#{{cate.id}}){{cate.title}} + (#{{cate2.id}}){{cate2.title}} ({{cate2.totalProduct}})
{% endif %} {% endif %}
</a> </a>
{% if cate.children.size > 0 %} {% if cate2.children.size > 0 %}
<div class="ml-[15px]"> <div class="ml-[15px]">
{% for cate2 in cate.children %} {% for cate3 in cate2.children %}
<a href="{{cate2.url}}" class="item block mb-[5px] text-[#0041E8]"> <a href="{{cate3.url}}" class="item block mb-[5px] text-[#0041E8]">+
{% if cate2.children.size > 0 %} (#{{cate3.id}}){{cate3.title}}
<b class="text-[#0041E8]">+ (#{{cate2.id}}){{cate2.title}}</b> ({{cate3.totalProduct}})</a>
{% 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 %}
{% endfor %} {% endfor %}
</div> </div>
{% endif %} {% endif %}
{% endfor %} {% endfor %}
</div> </div>
{% endif %}
{% endfor %}
</div> </div>
<form method="dialog" class="modal-backdrop"> </div>
<button>close</button> <form method="dialog" class="modal-backdrop">
</form> <button>close</button>
</dialog> </form>
</div> </dialog>

136
template/product/set.html
View File

@@ -1,30 +1,27 @@
<div class="w-[100%]"> <div class="bg-white shadow p-3 rounded-sm">
<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-2xl font-bold mb-3">Danh sách set</h1>
<h1 class="text-[24px] font-[700] mb-3">Danh sách set</h1> <div class="flex items-start justify-between gap-5">
<div class="flex items-center justify-between"> <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á
<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.
sẵn. Các
Các mức giá giảm này
mức giá giảm này sẽ được áp
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ụ
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
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
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
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
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 đã
trong set mà bạn đã thiết lập.</div>
thiết lập.</div> <a href="/admin/product/set_form" id="add-prod" class="btn btn-view btn-outline">
<a href="/admin/product/set_form" id="add-prod" <span class=" iconify lucide--circle-plus"></span>
class="p-[5px_10px] border-[1px] border-[#0041E8] rounded-[4px] text-[14px] text-[#0041E8] flex items-center hover:bg-[#0041E8] hover:text-white"><span <span class="">Thêm
class="border-[1px] border-[#0041E8] h-[14px] w-[14px] leading-[11px] text-center rounded-[50%] mr-1">+</span> set mới</span></a>
<span class="font-[500]">Thêm </div>
set mới</span></a> <div class="overflow-x-auto sm:whitespace-nowrap border border-base-200 rounded-sm mt-5">
</div> <table id='tb_padding' cellpadding=2 cellspacing=0 width='100%' border=1 bordercolor='#CCCCCC' class="table">
<thead>
<table id='tb_padding' cellpadding=2 cellspacing=0 width='100%' border=1 bordercolor='#CCCCCC' <tr class="bg-base-200 text-black font-bold">
class="table mt-[20px]">
<thead class="bg-[#f6f6f6] text-[#000] text-[14px]">
<tr>
<td>STT</td> <td>STT</td>
<td>Thông tin</td> <td>Thông tin</td>
<td>Cập nhật</td> <td>Cập nhật</td>
@@ -35,7 +32,7 @@
<tbody> <tbody>
<tr> <tr>
<td>1</td> <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> <p>Thẻ Nhớ cho các dòng CAM: CAEZ CAIM CAIS</p>
</td> </td>
<td> <td>
@@ -43,90 +40,25 @@
<p>01-03-2024, 11:59 am</p> <p>01-03-2024, 11:59 am</p>
</td> </td>
<td> <td>
<div class="flex items-center"> <div class="flex items-center gap-3">
<p class="mr-[10px]">137 sp</p> <p class="mr-[10px]">137 sp</p>
<a href="" <a href="" class="btn btn-sm btn-active">Xem
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> danh sách</a>
</div> </div>
</td> </td>
<td> <td>
<div class="flex items-center"> <div class="flex items-center gap-3">
<a href="" <a href="" class="btn btn-sm btn-active">Chi
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> tiết</a>
<a href="" <a href="" class='btn btn-sm btn-outline btn-view'><i
class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i class="iconify lucide--pencil"></i></a>
class="fa-regular fa-eye-slash text-[#9E9E9E]"></i></a> <a href="" class='btn btn-sm btn-outline btn-error'><i
<a href="" class='iconify lucide--trash'></i></a>
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>
</div> </div>
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div> </div>
</div> </div>

131
template/product/spec_group.html
View File

@@ -1,90 +1,49 @@
<div class="w-[100%]"> <div class="bg-white shadow p-3 rounded-sm">
<div <h1 class="text-2xl font-bold mb-3">Nhóm thông số kỹ thuật</h1>
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="shadow-[0px_1px_1px_0px_#0000001A] p-[10px] rounded-[10px] border-[1px] border-[#F6F6F6]"> <div class="shadow p-3 rounded-sm border border-base-200">
<div class="flex items-center"> <div class="flex items-center gap-3">
<input type="text" size="60" name="info[title]" placeholder="" <input type="text" size="60" name="info[title]" placeholder="" class="input input-md rounded-sm shadow">
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="btn btn-md btn-primary">Tìm
<a href="javascript:void(0)" kiếm</a>
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> </div>
</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> </div>