u
This commit is contained in:
57
template/product/addon.html
Normal file
57
template/product/addon.html
Normal file
@@ -0,0 +1,57 @@
|
||||
<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 gap-3">
|
||||
<a href="/product/addon_add" class="btn btn-view btn-sm btn-outline">
|
||||
<i data-lucide="circle-plus" class="size-3"></i>
|
||||
<span class="">Thêm danh sách mới</span>
|
||||
</a>
|
||||
<a href="/product/attribute_update" class="btn btn-view btn-sm btn-outline">
|
||||
<i data-lucide="file-x" class="size-3"></i>
|
||||
<span class="">Cập nhật Excel</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<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>
|
||||
<th>Sản phẩm</th>
|
||||
<th class="w-[150px]">Cập nhật</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>
|
||||
<div class="flex items-center gap-3">
|
||||
<span>[8]</span>
|
||||
<a href="" class="link-active">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><a href="" class="btn btn-active btn-sm">Xem
|
||||
SP</a></td>
|
||||
<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
|
||||
data-lucide="pencil" class='size-3'></i></a>
|
||||
<a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-view'><i
|
||||
data-lucide="plus" class='size-3'></i></a>
|
||||
<a href="" class='btn btn-soft btn-xs btn-square'><i data-lucide="eye-off"
|
||||
class='size-3'></i></a>
|
||||
<a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-error'><i
|
||||
data-lucide="trash-2" class='size-3'></i></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
87
template/product/addon_add.html
Normal file
87
template/product/addon_add.html
Normal file
@@ -0,0 +1,87 @@
|
||||
<div class="w-full mb-[50px]">
|
||||
|
||||
<div class="text-sm breadcrumbs">
|
||||
<ul>
|
||||
<li><a href="/product/addon">SP/ Dịch vụ bán kèm sản phẩm</a></li>
|
||||
<li class="text-active">Form sửa SP/ Dịch vụ bán kèm</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="w-7xl mx-auto">
|
||||
<div class="bg-white p-3 rounded-sm shadow mt-5">
|
||||
<div class="flex items-center justify-between">
|
||||
<h1 class="text-xl font-bold">Cập nhật SP/ Dịch vụ bán kèm</h1>
|
||||
<a href="/product/attribute-add" class="btn btn-outline btn-sm btn-view">
|
||||
<i data-lucide="plus" class="size-3"></i>
|
||||
<span class="">Thêm dịch vụ mới</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-4 gap-5 mt-5">
|
||||
<div class="left">
|
||||
<div class="list-tab">
|
||||
<a href="/product/addon_add"
|
||||
class="item block w-full text-white bg-[#0041E8] rounded-sm text-base px-3 py-2 font-bold">Nội
|
||||
dung</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right col-span-3">
|
||||
<div class="bg-white p-3 rounded-sm shadow">
|
||||
<b class="block text-xl">Thông tin sản phẩm</b>
|
||||
|
||||
<div class="mt-5">
|
||||
<label for="" class="block font-bold">Tên dịch vụ</label>
|
||||
<input type="text" name="info[warranty]" id="warranty" value="Test"
|
||||
placeholder="Thông tin bảo hành" class="w-full input input-md rounded-sm shadow mt-3">
|
||||
</div>
|
||||
<div class="mt-5">
|
||||
<label for="" class="block font-bold mb-3">Mô tả</label>
|
||||
<textarea id="product-desc" class="mt-3"> </textarea>
|
||||
</div>
|
||||
|
||||
<div class="mt-5">
|
||||
<label for="" class="block font-bold">Ghi chú (dành cho
|
||||
quản trị)</label>
|
||||
<input type="text" name="info[warranty]" id="warranty" value="Test"
|
||||
placeholder="Thông tin bảo hành" class="w-full input input-md rounded-sm shadow mt-3">
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-2 gap-3 mt-5">
|
||||
<div>
|
||||
<label for="" class=" block font-bold">Giá</label>
|
||||
<input type="text" name="" value="0" placeholder="Giá"
|
||||
class="w-full input input-md rounded-sm shadow mt-3" />
|
||||
</div>
|
||||
<div>
|
||||
<label for="" class=" block font-bold ">Thứ tự hiển
|
||||
thị</label>
|
||||
<input type="text" name="" value="0" placeholder="Giá"
|
||||
class="w-full input input-md rounded-sm shadow mt-3" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center mt-5 gap-5">
|
||||
<b class="">Hiển thị</b>
|
||||
<label class="cursor-pointer flex items-center gap-3">
|
||||
<input type="radio" name="info[status]" value="0" class="radio radio-active radio-sm"
|
||||
checked="checked" />
|
||||
<span class="label-text">Cho hiển thị</span>
|
||||
</label>
|
||||
<label class="cursor-pointer flex items-center gap-3">
|
||||
<input type="radio" name="info[status]" value="0" class="radio radio-active radio-sm"
|
||||
checked="checked" />
|
||||
<span class="label-text">Ẩn hiển thị</span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="bg-white p-3 rounded-sm shadow mt-5">
|
||||
<input type="hidden" name="create" value="yes" />
|
||||
<input name="commit" type="submit" value="Cập nhật" class="btn btn-active" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
97
template/product/attribute.html
Normal file
97
template/product/attribute.html
Normal file
@@ -0,0 +1,97 @@
|
||||
<div class="bg-white shadow p-3 rounded-sm">
|
||||
<h1 class="text-2xl font-bold mb-3">Danh sách thuộc tính</h1>
|
||||
|
||||
<div class="flex items-end justify-end">
|
||||
<a href="/product/attribute_add" class="btn btn-outline btn-view btn-sm">
|
||||
<i data-lucide="circle-plus" class="size-4"></i>
|
||||
<span class="">Thêm thuộc tính mới</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="overflow-x-auto 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>Mã</th>
|
||||
<th>Tên hiển thị</th>
|
||||
<th>Giá trị</th>
|
||||
<th class="w-[30%]">Danh mục đang có</th>
|
||||
<th>Thứ tự</th>
|
||||
<th>Trạng thái</th>
|
||||
<th class="w-[120px]">Cập nhật</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td class="whitespace-nowrap">phong-cach</td>
|
||||
<td>Phong cách</td>
|
||||
<td>5</td>
|
||||
<td>
|
||||
<div class="flex flex-wrap items-center gap-3">
|
||||
<a href="" class="text-primary">Máy Tính Xách Tay,</a>
|
||||
<a href="" class="text-primary">Macbook,</a>
|
||||
<a href="" class="text-primary">Surface,</a>
|
||||
<a href="" class="text-primary">Laptop Acer,</a>
|
||||
<a href="" class="text-primary">Laptop Acer Aspire,</a>
|
||||
<a href="" class="text-primary">Laptop Acer TravelMate,</a>
|
||||
<a href="" class="text-primary">Test,</a>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<input type="text" value="0" class="input w-12 input-sm" />
|
||||
</td>
|
||||
<td>
|
||||
<a href="" class="badge badge-success badge-sm badge-soft">Đang hoạt động</a>
|
||||
</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
|
||||
data-lucide="pencil" class='size-3'></i></a>
|
||||
<a href="" class='btn btn-soft btn-xs btn-square '><i data-lucide="eye"
|
||||
class="size-4"></i></a>
|
||||
<a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-error'><i
|
||||
data-lucide="trash" class="size-3"></i></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td class="whitespace-nowrap">phong-cach</td>
|
||||
<td>Phong cách</td>
|
||||
<td>5</td>
|
||||
<td>
|
||||
<div class="flex flex-wrap items-center gap-3">
|
||||
<a href="" class="text-primary">Máy Tính Xách Tay,</a>
|
||||
<a href="" class="text-primary">Macbook,</a>
|
||||
<a href="" class="text-primary">Surface,</a>
|
||||
<a href="" class="text-primary">Laptop Acer,</a>
|
||||
<a href="" class="text-primary">Laptop Acer Aspire,</a>
|
||||
<a href="" class="text-primary">Laptop Acer TravelMate,</a>
|
||||
<a href="" class="text-primary">Test,</a>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<input type="text" value="0" class="input w-12 input-sm" />
|
||||
</td>
|
||||
<td>
|
||||
<a href="" class="badge badge-success badge-sm badge-soft">Đang hoạt động</a>
|
||||
</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
|
||||
data-lucide="pencil" class='size-3'></i></a>
|
||||
<a href="" class='btn btn-soft btn-xs btn-square '><i data-lucide="eye"
|
||||
class="size-3"></i></a>
|
||||
<a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-error'><i
|
||||
data-lucide="trash-2" class="size-3"></i></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
214
template/product/attribute_add.html
Normal file
214
template/product/attribute_add.html
Normal file
@@ -0,0 +1,214 @@
|
||||
<div class="w-full mb-10">
|
||||
|
||||
<div class="text-sm breadcrumbs">
|
||||
<ul>
|
||||
<li><a href="/product/attribute">Thuộc tính sản phẩm</a></li>
|
||||
<li class="text-active">Form thêm/sửa thuộc tính</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="w-7xl mx-auto">
|
||||
<div class="bg-white p-3 rounded-sm shadow mb-4 mt-5">
|
||||
<div class="flex items-center justify-between">
|
||||
<h1 class="text-xl font-bold">Cập nhật thuộc tính sản phẩm</h1>
|
||||
<a href="/product/attribute-add" class="btn btn-outline btn-sm btn-view">
|
||||
<i data-lucide="plus" class="size-3"></i>
|
||||
<span class="">Thêm thuộc tính mới</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-4 gap-5">
|
||||
<div class="left">
|
||||
<div class="list-tab">
|
||||
<div class="list-tab">
|
||||
<a href="javascript:void(0)"
|
||||
class="item block w-full font-bold text-white bg-[#0041E8] rounded-sm text-base px-3 py-2">Nội
|
||||
dung</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right col-span-3">
|
||||
<div class="bg-white p-3 rounded-sm shadow">
|
||||
<b class="text-xl block">Thông tin cơ bản</b>
|
||||
|
||||
<div class="form-control mt-5">
|
||||
<label class="font-bold text-base">Tên thuộc tính</label>
|
||||
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||
placeholder="Tên thuộc tính" class="w-full input rounded-sm shadow mt-3">
|
||||
</div>
|
||||
|
||||
<div class="form-control w-full mt-5">
|
||||
<label class="flex items-center mb-1 text-base gap-3">
|
||||
<b>Mã nhận dạng cho quản trị</b>
|
||||
<span class="italic text-gray-500 text-xs">v.d. kich_thuoc_quan (không có dấu
|
||||
cách, không viết dấu của tiếng Việt)</span>
|
||||
</label>
|
||||
<input type="text" size="60" name="redirect_url" id="redirect_url" value="0"
|
||||
class="w-full input rounded-sm shadow mt-3">
|
||||
</div>
|
||||
|
||||
<div class="form-control mt-5">
|
||||
<label class="flex items-center mb-1 text-base gap-3">
|
||||
<b>Mô tả tóm tắt</b>
|
||||
<span class="italic text-gray-500 text-xs">(nếu muốn hiển thị và giải thích ý
|
||||
nghĩa cho khách hàng)</span>
|
||||
</label>
|
||||
<textarea type="text" size="60" name="redirect_url" id="redirect_url" value="0"
|
||||
class="w-full h-30 textarea rounded shadow-sm mt-3">
|
||||
</textarea>
|
||||
</div>
|
||||
|
||||
<div class="form-control mt-5">
|
||||
<label class="flex items-center mb-1 text-base gap-3">
|
||||
<b>Mã bộ lọc trên Url</b>
|
||||
<span class="italic text-gray-500 text-xs">v.d. cpu (trên link lọc
|
||||
?cpu=32Ghz&ram=32GB)
|
||||
</span>
|
||||
</label>
|
||||
<input type="text" size="60" name="redirect_url" id="redirect_url" value="0"
|
||||
class="w-full input rounded-sm shadow mt-3">
|
||||
</div>
|
||||
|
||||
<div class="form-control mt-5">
|
||||
<label class="flex items-center mb-1 text-base gap-3">
|
||||
<b>Thứ tự xuất hiện</b>
|
||||
<span class="italic text-gray-500 text-xs">(cao xếp trước)</span>
|
||||
</label>
|
||||
<input type="text" size="60" name="redirect_url" id="redirect_url" value="0"
|
||||
class="w-full input rounded-sm shadow mt-3">
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-4 mt-5 gap-5">
|
||||
<b class="">Lựa chọn áp dụng</b>
|
||||
<div class="col-span-3">
|
||||
<label class="label flex items-center mb-2 gap-3">
|
||||
<input type="checkbox" name="change_url_on_update" value="1" checked
|
||||
class="checkbox checkbox-active checkbox-sm rounded-sm">
|
||||
<span class="">Dùng là tiêu đề nhóm cho các thuộc tính đứng
|
||||
sau</span>
|
||||
</label>
|
||||
<label class="label flex items-center mb-2 gap-3">
|
||||
<input type="checkbox" name="change_url_on_update" value="1"
|
||||
class="checkbox checkbox-active checkbox-sm rounded-sm">
|
||||
<span class="">Dùng lọc Sản phẩm ở danh mục</span>
|
||||
</label>
|
||||
<label class="label flex items-center mb-2 gap-3">
|
||||
<input type="checkbox" name="change_url_on_update" value="1"
|
||||
class="checkbox checkbox-active checkbox-sm rounded-sm">
|
||||
<span class="">Hiển thị ở thông tin tóm tắt Sản phẩm</span>
|
||||
</label>
|
||||
<label class="label flex items-center mb-2 gap-3">
|
||||
<input type="checkbox" name="change_url_on_update" value="1"
|
||||
class="checkbox checkbox-active checkbox-sm rounded-sm">
|
||||
<span class="">Hiển thị ở bảng thông số kỹ thuật</span>
|
||||
</label>
|
||||
<label class="label flex items-center mb-2 gap-3">
|
||||
<input type="checkbox" name="change_url_on_update" value="1"
|
||||
class="checkbox checkbox-active checkbox-sm rounded-sm">
|
||||
<span class="">Dùng để tạo các cấu hình của Sản phẩm</span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-4 mt-5 gap-5">
|
||||
<b class="">Phân loại</b>
|
||||
<div class="col-span-3">
|
||||
<label class="cursor-pointer flex items-center mb-2 gap-3">
|
||||
<input type="radio" name="info[scope]" value="0" class="radio radio-active"
|
||||
checked="checked" />
|
||||
<span class="label-text">Local - Chỉ áp dụng cho một số loại
|
||||
Sản
|
||||
phẩm</span>
|
||||
</label>
|
||||
|
||||
<label class="cursor-pointer flex items-center mb-2 gap-3">
|
||||
<input type="radio" name="info[scope]" value="1" class="radio radio-active" />
|
||||
<span class="label-text">Global - Áp dụng cho tất cả Sản phẩm
|
||||
(v.d: Xuất xứ, Màu sắc, Bảo hành)</span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-5">
|
||||
<b class="text-base mb-2 block">Thông tin cơ bản</b>
|
||||
<div class="border border-gray-200 rounded-sm p-3 mt-3">
|
||||
<table class="table table-sm">
|
||||
<thead>
|
||||
<tr class="bg-base-200 font-bold text-black">
|
||||
<th>STT</th>
|
||||
<th>ID</th>
|
||||
<th>Giá trị</th>
|
||||
<th>Mô tả</th>
|
||||
<th>Thứ tự hiển thị</th>
|
||||
<th>Lựa chọn</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>4939</td>
|
||||
<td>Nam</td>
|
||||
<td></td>
|
||||
<td>
|
||||
<input type="text" value="0" class="w-12 input" />
|
||||
</td>
|
||||
<td class="w-[85px]">
|
||||
<div class='list-btn flex items-center gap-3'>
|
||||
<a href=""
|
||||
class='btn btn-soft btn-xs btn-square btn-outline btn-view'><i
|
||||
data-lucide="pencil" class='size-3'></i></a>
|
||||
<a href=""
|
||||
class='btn btn-soft btn-xs btn-square btn-outline btn-error'><i
|
||||
data-lucide="trash-2" class='size-3'></i></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="bg-white p-3 rounded-sm shadow mt-5">
|
||||
<b class="text-2xl block">Thêm giá trị mới</b>
|
||||
<span class="text-gray-500 italic mt-3">(**) Dùng để sắp xếp Sản phẩm theo thuộc tính khi cần (v.d.
|
||||
theo
|
||||
dung
|
||||
lượng ổ cứng laptop giảm
|
||||
dần)
|
||||
</span>
|
||||
<div class="mt-5 grid grid-cols-3 gap-5">
|
||||
<div class="form-control">
|
||||
<label class="font-bold mb-2 text-base">Tên (*)</label>
|
||||
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||
placeholder="Tên (*)" class="w-full input rounded-sm shadow mt-3">
|
||||
</div>
|
||||
<div class="form-control">
|
||||
<label class="font-base mb-2 text-base">Giá trị sắp xếp (**)</label>
|
||||
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||
placeholder="Giá trị sắp xếp" class="w-full input rounded-sm shadow mt-3">
|
||||
</div>
|
||||
<div class="flex items-end gap-3">
|
||||
<div class="form-control">
|
||||
<label class="font-base mb-2 text-base">STT</label>
|
||||
<input type="text" size="60" name="info[title]" id="title"
|
||||
value="{{page.item_info.title}}" placeholder="STT"
|
||||
class="w-full input rounded-sm shadow mt-3">
|
||||
</div>
|
||||
<a href="javascript:void(0)" class="btn btn-outline btn-view">Thêm
|
||||
mới</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="mt-5 bg-white p-3 rounded-sm shadow">
|
||||
<input class="btn btn-active" id="submit-collection-btn" name="commit" type="submit"
|
||||
value="Cập nhật" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
100
template/product/brand.html
Normal file
100
template/product/brand.html
Normal file
@@ -0,0 +1,100 @@
|
||||
<div class="bg-white shadow p-3 rounded-sm">
|
||||
<h1 class="text-2xl font-bold mb-3">Danh sách thương hiệu</h1>
|
||||
|
||||
<div class="flex items-center justify-between">
|
||||
<div>
|
||||
<b>Tìm theo chữ cái</b>:
|
||||
<a href="?opt=brand&letter=A" class="link-primary">A</a> (13) |
|
||||
<a href="?opt=brand&letter=B" class="link-primary">B</a> (2) |
|
||||
<a href="?opt=brand&letter=C" class="link-primary">C</a> (5) |
|
||||
<a href="?opt=brand&letter=D" class="link-primary">D</a> (3) |
|
||||
<a href="?opt=brand&letter=E" class="link-primary">E</a> (3) |
|
||||
<a href="?opt=brand&letter=F" class="link-primary">F</a> (1) |
|
||||
<a href="?opt=brand&letter=G" class="link-primary">G</a> (4) |
|
||||
<a href="?opt=brand&letter=H" class="link-primary">H</a> (4) |
|
||||
<a href="?opt=brand&letter=I" class="link-primary">I</a> (5) |
|
||||
<a href="?opt=brand&letter=J" class="link-primary">J</a> (2) |
|
||||
<a href="?opt=brand&letter=K" class="link-primary">K</a> (2) |
|
||||
<a href="?opt=brand&letter=L" class="link-primary">L</a> (4) |
|
||||
<a href="?opt=brand&letter=M" class="link-primary">M</a> (3) |
|
||||
<a href="?opt=brand&letter=N" class="link-primary">N</a> (4) |
|
||||
<a href="?opt=brand&letter=O" class="link-primary">O</a> (1) |
|
||||
<a href="?opt=brand&letter=P" class="link-primary">P</a> (5) |
|
||||
<a href="?opt=brand&letter=Q" class="link-primary">Q</a> (1) |
|
||||
<a href="?opt=brand&letter=S" class="link-primary">S</a> (8) |
|
||||
<a href="?opt=brand&letter=T" class="link-primary">T</a> (5) |
|
||||
<a href="?opt=brand&letter=V" class="link-primary">V</a> (2) |
|
||||
<a href="?opt=brand&letter=W" class="link-primary">W</a> (2) |
|
||||
<a href="?opt=brand&letter=X" class="link-primary">X</a> (1) |
|
||||
<a href="?opt=brand&letter=Z" class="link-primary">Z</a> (2) |
|
||||
</div>
|
||||
<a href="/product/brand_add" class="btn btn-sm btn-active">
|
||||
<i data-lucide="plus" class="size-4"></i>
|
||||
<span class="whitespace-nowrap ">Thêm thương hiệu mới</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="overflow-x-auto mt-5 border border-base-200 rounded-sm">
|
||||
<table class="table mt-[15px]">
|
||||
<thead>
|
||||
<tr class="bg-base-200 font-bold text-black">
|
||||
<th>STT</th>
|
||||
<th>ID</th>
|
||||
<th>Thương hiệu</th>
|
||||
<th>Lượt xem</th>
|
||||
<th>Logo</th>
|
||||
<th>Số Sản phẩm</th>
|
||||
<th>Cài đặt</th>
|
||||
<th class="w-[150px]">Cập nhật</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>750</td>
|
||||
<td>
|
||||
<b>10MOONS</b>
|
||||
<p class="flex items-center link-active gap-3">
|
||||
<span>Link:</span>
|
||||
<a href="">/brand/10moons</a>
|
||||
</p>
|
||||
<p>Cập nhật cuối: 0000-00-00 00:00:00</p>
|
||||
</td>
|
||||
<td>
|
||||
0
|
||||
</td>
|
||||
<td>
|
||||
<a href="">
|
||||
<img src="{{'brand-1.png'| asset_url }}" alt="">
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex items-center gap-3">
|
||||
<p>1</p>
|
||||
<a href="" class="btn btn-sm btn-active">Xem
|
||||
SP</a>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex items-center gap-3">
|
||||
<span class="whitespace-nowrap">STT</span>
|
||||
<input type="text" value="0" class="input input-sm w-12" />
|
||||
</div>
|
||||
</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
|
||||
data-lucide="pencil" class='size-3'></i></a>
|
||||
<a class='btn btn-soft btn-xs btn-square btn-outline btn-view' href=''><i
|
||||
data-lucide="crown" class='size-3'></i></a>
|
||||
<a href="" class='btn btn-soft btn-xs btn-square '><i data-lucide="eye"
|
||||
class='size-3'></i></a>
|
||||
<a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-error'><i
|
||||
data-lucide="trash-2" class='size-3'></i></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
133
template/product/brand_add.html
Normal file
133
template/product/brand_add.html
Normal file
@@ -0,0 +1,133 @@
|
||||
<div class="w-full">
|
||||
|
||||
<div class="text-sm breadcrumbs">
|
||||
<ul>
|
||||
<li><a href="/product/brand">Danh sách thương hiệu</a></li>
|
||||
<li class="text-active">Form thêm/sửa thương hiệu</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="w-7xl mx-auto">
|
||||
<div class="bg-white p-3 rounded-sm shadow mb-5">
|
||||
<div class="flex items-center justify-between">
|
||||
<h1 class="text-2xl font-bold">Cập nhật Thương hiệu</h1>
|
||||
<a href="/product/brand_add" class="btn btn-sm btn-outline btn-view">
|
||||
<i class="size-4" data-lucide="plus"></i>
|
||||
<span class="">Thêm thương hiệu mới</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-4 gap-5 mt-5">
|
||||
<div class="left">
|
||||
<div class="list-tab">
|
||||
<a href="javascript:void(0)"
|
||||
class="item block w-[100%] h-[36px] text-white bg-[#0041E8] rounded-[10px] text-[13px] leading-[35px] px-[10px]">Nội
|
||||
dung</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right col-span-3">
|
||||
<div class="bg-white p-3 rounded-sm shadow">
|
||||
<b class="text-xl block">Thông tin cơ bản</b>
|
||||
|
||||
<div class="form-control mt-5">
|
||||
<label class="font-bold text-base">Tên thương hiệu</label>
|
||||
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||
placeholder="Tên thương hiệu" class="input w-full rounded-sm shadow mt-3">
|
||||
</div>
|
||||
|
||||
<div class="form-control mt-5">
|
||||
<label class="font-bold text-base">Link Index</label>
|
||||
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||
placeholder="link index" class="input w-full rounded-sm shadow mt-3">
|
||||
</div>
|
||||
<div class="form-control mt-5">
|
||||
<label class="font-bold text-base">Mô tả tóm tắt</label>
|
||||
<textarea type="text" size="60" name="info[title]" id="title" placeholder="Mô tả tóm tắt"
|
||||
class="textarea w-full rounded-sm shadow mt-3">
|
||||
</textarea>
|
||||
</div>
|
||||
|
||||
<div class="form-control mt-5">
|
||||
<label class="font-bold text-base">Ảnh logo thương hiệu</label>
|
||||
<div class="mt-3">
|
||||
<img src="{{'brand-1.png' | asset_url }}" alt="">
|
||||
<div id="image-brand" class="mt-5 w-full"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="bg-white p-3 rounded-sm shadow mt-5">
|
||||
<div class="flex items-center justify-between">
|
||||
<div>
|
||||
<b>Mô tả (nếu có)</b>
|
||||
</div>
|
||||
<div class="flex items-center">
|
||||
<a href="" class="p-[7px] rounded-[4px] border-[1px] border-[#0041E8] mr-[10px]">
|
||||
<i class="fa-solid fa-arrow-up-from-bracket text-[#0041E8]"></i>
|
||||
<span class="pl-[3px] text-[#0041E8] font-[500]">Upload ảnh</span>
|
||||
</a>
|
||||
<a href="" class="p-[7px] rounded-[4px] border-[1px] border-[#0041E8] mr-[10px]">
|
||||
<i class="fa-regular fa-folder text-[#0041E8]"></i>
|
||||
<span class="pl-[3px] text-[#0041E8] font-[500]">Quản lý</span>
|
||||
</a>
|
||||
<a href="" class="p-[7px] rounded-[4px] border-[1px] border-[#0041E8]">
|
||||
<i class="fa-regular fa-file-image text-[#0041E8]"></i>
|
||||
<span class="pl-[3px] text-[#0041E8] font-[500]">Chọn ảnh trong kho ảnh</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-[#6B7280]">Chưa có thư viện ảnh cho phần miêu tả</p>
|
||||
<div class="py-[10px]">
|
||||
<textarea id="product-desc"> </textarea>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="bg-white p-[10px] border-t-[6px] border-[#FAFAFB]">
|
||||
<b class="block text-[20px] mb-[15px]">Dùng cho SEO</b>
|
||||
<div class="form-control w-[100%] mb-[10px]">
|
||||
<label class="flex items-center mb-[5px] text-[14px]">
|
||||
<b>Meta Title</b>
|
||||
<span class="ml-[10px] italic text-[#6B7280] text-[13px]">* nếu để trống sẽ dùng tên</span>
|
||||
</label>
|
||||
<input type="text" size="60" name="redirect_url" id="redirect_url" value="0"
|
||||
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||
</div>
|
||||
<div class="form-control w-[100%] mb-[10px]">
|
||||
<label class="flex items-center mb-[5px] text-[14px]">
|
||||
<b>Meta Keyword</b>
|
||||
</label>
|
||||
<input type="text" size="60" name="Keyword" id="Keyword" value="0"
|
||||
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||
</div>
|
||||
<div class="form-control w-[100%] mb-[10px]">
|
||||
<label class="flex items-center mb-[5px] text-[14px]">
|
||||
<b>Meta Description</b>
|
||||
<span class="ml-[10px] italic text-[#6B7280] text-[13px]">* nếu để trống sẽ dùng Mô tả tóm
|
||||
tắt</span>
|
||||
</label>
|
||||
<textarea type="text" size="60" name="description" id="description" value="0"
|
||||
class="w-[100%] h-[120px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||
</textarea>
|
||||
</div>
|
||||
<div class="form-control w-[100%] mb-[10px]">
|
||||
<label class="flex items-center mb-[5px] text-[14px]">
|
||||
<b>Thứ tự xuất hiện</b>
|
||||
<span class="ml-[10px] italic text-[#6B7280] text-[13px]">(cao xếp trước)</span>
|
||||
</label>
|
||||
<input type="text" size="60" name="" id="" value="0"
|
||||
class="w-[40%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white p-[10px] border-t-[6px] border-[#FAFAFB]">
|
||||
<input class="w-[82px] h-[32px] bg-[#0041E8] rounded-[4px] text-white cursor-pointer"
|
||||
id="submit-collection-btn" name="commit" type="submit" value="Cập nhật" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
59
template/product/category.html
Normal file
59
template/product/category.html
Normal file
@@ -0,0 +1,59 @@
|
||||
<div class="bg-white shadow p-3 rounded-sm">
|
||||
<h1 class="text-2xl font-bold mb-3">Danh sách sản phẩm</h1>
|
||||
|
||||
<div id="action-links" class="mt-3">
|
||||
<div class="flex item-center justify-between">
|
||||
<div class="btn btn-outline btn-view btn-sm">
|
||||
<a href='javascript:;' onclick="RowExpand.open_all();"><span id='js-row-expand-all'></span> Xem hết
|
||||
danh mục</a>
|
||||
</div>
|
||||
<a href="/product/category-form " id="add-prod" class="btn btn-outline btn-view btn-sm">
|
||||
<i data-lucide="plus" class="size-4"></i>
|
||||
<span class="font-500">Thêm
|
||||
danh mục mới</span></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="overflow-x-auto border border-base-200 rounded-sm mt-5 w-full mt-3">
|
||||
<table id='tb_padding' cellpadding=2 cellspacing=0 width='100%' border=1 bordercolor='#CCCCCC' class="table">
|
||||
<tr class="bg-base-200 font-bold">
|
||||
<td>Danh mục</td>
|
||||
<td>Link web</td>
|
||||
<td class=" whitespace-nowrap">ID</td>
|
||||
<td>Xem</td>
|
||||
<td>SP</td>
|
||||
<td>STT</td>
|
||||
<td>Hiển thị nội dung</td>
|
||||
<td>Thuộc tính</td>
|
||||
<td class="w-[150px]">Cập nhật</td>
|
||||
</tr>
|
||||
|
||||
{{page.category_list}}
|
||||
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<p style="margin-top: 10px">
|
||||
<strong style="color: red">Lưu ý</strong>: Tổng sản phẩm ở danh mục mẹ được tính là tổng sản phẩm sản phẩm
|
||||
của các danh mục con và danh mục mẹ. Bộ đếm không loại trừ sản phẩm trùng nhau (v.d. trường hợp 1 sản phẩm
|
||||
thuộc cả 2 danh mục con thì sẽ được đếm 2 lần)
|
||||
</p>
|
||||
|
||||
<input type="hidden" id="save_open_row" value="," />
|
||||
<input type="hidden" id="track_open_row" value="0" />
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<script>
|
||||
function update_order(id, new_val) {
|
||||
alert("todo");
|
||||
}
|
||||
|
||||
function update_status(id, status) {
|
||||
alert("todo");
|
||||
}
|
||||
|
||||
function deleteThis(id) {
|
||||
alert("todo");
|
||||
}
|
||||
</script>
|
||||
275
template/product/category_form.html
Normal file
275
template/product/category_form.html
Normal file
@@ -0,0 +1,275 @@
|
||||
<div class="w-full mb-5">
|
||||
|
||||
<div class="text-sm breadcrumbs mb-6">
|
||||
<ul>
|
||||
<li><a href="/product">Danh sách sản phẩm</a></li>
|
||||
<li class="text-active">Form thêm/sửa sản phẩm</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="w-7xl mx-auto">
|
||||
<div class="bg-white p-3 rounded-sm shadow mb-6">
|
||||
<div class="flex items-center justify-between">
|
||||
<h1 class="text-xl font-bold">Cập nhật danh mục</h1>
|
||||
<a href="/product/category-form" class="btn btn-sm btn-outline btn-active">
|
||||
<i data-lucide="plus" class="size-4"></i>
|
||||
<span class="">Thêm danh mục mới</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
{% if page.update_status == 'success' %}
|
||||
<p class=" update-success">Cập nhật thành công</p>
|
||||
{% endif %}
|
||||
|
||||
<div class="grid grid-cols-4 gap-5 mb-5">
|
||||
<div class="left ">
|
||||
<div class="list-tab">
|
||||
<a href="javascript:void(0)"
|
||||
class="item block w-full h-[36px] text-white bg-[#0041E8] rounded-[10px] text-[13px] leading-[35px] px-[10px] font-bold">Nội
|
||||
dung</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right col-span-3">
|
||||
<form method="post" enctype="multipart/form-data">
|
||||
|
||||
<input type=hidden name='info[id]' value='{{page.item_info.id}}' />
|
||||
|
||||
<div class="bg-white p-3 rounded-sm shadow mb-5">
|
||||
<b class="text-xl mb-3">Thông tin cơ bản</b>
|
||||
|
||||
<div class="form-control mt-5">
|
||||
<label class="font-bold text-base">Tên danh mục</label>
|
||||
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||
placeholder="Tên danh mục"
|
||||
class="w-full border border-[#d8d8d8] py-2 px-3 rounded-sm shadow mt-3">
|
||||
</div>
|
||||
|
||||
<div class="form-control mt-5">
|
||||
<label class="font-bold text-base block">Từ khóa (tag,nếu có - nhập
|
||||
mỗi cụm từ 1
|
||||
dòng)</label>
|
||||
<textarea type="text" size="60" name="info[tags]" id="tags" value="{{page.item_info.tags}}"
|
||||
placeholder="tag" class="textarea w-full rounded-sm shadow mt-3"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white p-3 rounded-sm shadow mb-5">
|
||||
<div class="flex items-center justify-between">
|
||||
<div>
|
||||
<b>Mô tả (nếu có)</b>
|
||||
</div>
|
||||
<div class="flex items-center gap-3">
|
||||
<a href="" class="btn btn-sm btn-outline btn-view">
|
||||
<i data-lucide="upload" class="size-4"></i>
|
||||
<span class="">Upload ảnh</span>
|
||||
</a>
|
||||
<a href="" class="btn btn-sm btn-outline btn-view">
|
||||
<i data-lucide="folder" class="size-4"></i>
|
||||
<span class="">Quản lý</span>
|
||||
</a>
|
||||
<a href="" class="btn btn-sm btn-outline btn-view">
|
||||
<i data-lucide="image" class="size-4"></i>
|
||||
<span class="">Chọn ảnh trong kho
|
||||
ảnh</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-gray-300">Chưa có thư viện ảnh cho phần miêu tả</p>
|
||||
<div class="py-2">
|
||||
<textarea id="product-desc"> </textarea>
|
||||
</div>
|
||||
|
||||
<div class="flex justify-between mt-3">
|
||||
<div>
|
||||
<b class="font-[20px]">Nhập nội dung cố định (HTML)</b>
|
||||
</div>
|
||||
<div class="flex items-center gap-3">
|
||||
<a href="" class="btn btn-sm btn-outline btn-view">
|
||||
<i data-lucide="upload" class="size-4"></i>
|
||||
<span class="">Upload ảnh</span>
|
||||
</a>
|
||||
<a href="" class="btn btn-sm btn-outline btn-view">
|
||||
<i data-lucide="folder" class="size-4"></i>
|
||||
<span class="">Quản lý</span>
|
||||
</a>
|
||||
<a href="" class="btn btn-sm btn-outline btn-view">
|
||||
<i data-lucide="image" class="size-4"></i>
|
||||
<span class="">Chọn ảnh trong kho
|
||||
ảnh</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-gray-300">Chưa có thư viện ảnh cho phần miêu tả</p>
|
||||
<div class="py-2">
|
||||
<textarea id="product-static"> </textarea>
|
||||
</div>
|
||||
|
||||
<div class="mt-5">
|
||||
<b class="block mb-3">Ảnh icon</b>
|
||||
<div id="image-category-icon" class="mt-5 w-full"></div>
|
||||
</div>
|
||||
|
||||
<div class="mt-5">
|
||||
<b class="block mb-3">Ảnh đại diện</b>
|
||||
<div id="image-category-avatar" class="mt-5 w-full"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white p-3 rounded-sm shadow mb-5">
|
||||
<b class="block text-xl mb-4">Thông tin danh mục</b>
|
||||
<div class="form-control mb-3">
|
||||
<label class="flex items-center mb-2 text-base">
|
||||
<b>Khoảng lọc giá</b>
|
||||
<span class="ml-2 italic text-gray-500">Nhập từng giá các nhau
|
||||
dấu;</span>
|
||||
</label>
|
||||
<input type="text" size="60" name="priceRange" id="priceRange"
|
||||
value="{{page.item_info.priceRange}}" class="input w-full rounded-sm shadow">
|
||||
<div class="note py-2 italic text-gray-500">
|
||||
<p>ví dụ: 300000;800000;1500000 có nghĩa là tạo ra 4 khoảng giá cho
|
||||
khách hàng lọc Sản
|
||||
phẩm, đó là:</p>
|
||||
<p>- Dưới 300000,</p>
|
||||
<p>- Từ 300000 đến 800000,</p>
|
||||
<p>- Từ 800000 đến 1500000</p>
|
||||
<p>- Trên 1500000</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-2 gap-5 mt-5">
|
||||
<div class="form-control">
|
||||
<label class="flex items-center mb-3">
|
||||
<b>Là danh mục con của</b>
|
||||
</label>
|
||||
<select name="parentId" id="parentId" class="select rounded-sm shadow w-full">
|
||||
<option value="">Danh mục gốc</option>
|
||||
{{page.categoryDropBox}}
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-control">
|
||||
<label class="flex items-center mb-3">
|
||||
<b>Loại nội dung hiển thị</b>
|
||||
</label>
|
||||
<select name="display_option" id="display_option"
|
||||
class="select rounded-sm shadow w-full">
|
||||
<option value="child_product" selected="selected">Hiển thị sản phẩm
|
||||
+ Danh mục con
|
||||
</option>
|
||||
<option value="category_as_product">Hiển thị như sản phẩm tổng hợp
|
||||
</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-control">
|
||||
<label class="flex items-center mb-3 gap-3">
|
||||
<b>Thứ tự xuất hiện</b>
|
||||
<span class="">(cao xếp trước)</span>
|
||||
</label>
|
||||
<input type="text" size="60" name="ordering" id="ordering"
|
||||
value="{{page.item_info.ordering}}" class="input w-full rounded-sm shadow">
|
||||
</div>
|
||||
<div class="form-control">
|
||||
<label class="flex items-center mb-3 gap-3">
|
||||
<b>Template File</b>
|
||||
</label>
|
||||
<input type="text" size="60" name="template" id="template"
|
||||
value="{{page.item_info.template}}" class="input w-full rounded-sm shadow">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-control mt-5">
|
||||
<label class="flex items-center mb-3 gap-3">
|
||||
<b>Số Sản phẩm hiển thị</b>
|
||||
<span class="italic text-gray-500">(để = 0 nếu mặc định theo
|
||||
hệ thống cài đặt
|
||||
chung)
|
||||
</span>
|
||||
</label>
|
||||
<input type="text" size="60" name="number_display" id="number_display" value="0"
|
||||
class="input w-full rounded-sm shadow" />
|
||||
</div>
|
||||
|
||||
<div class="form-control w-full mt-5">
|
||||
<label class="flex items-center mb-3 gap-3">
|
||||
<b>Redirect tới URL (khi truy cập danh mục sẽ chuyển sang link này)</b>
|
||||
</label>
|
||||
<input type="text" size="60" name="redirect_url" id="redirect_url" value="0"
|
||||
class="input w-full rounded-sm shadow" />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="bg-white p-3 mt-5 rounded-sm shadow">
|
||||
<b class="block text-xl">Dùng cho SEO</b>
|
||||
<div class="form-control w-full mt-5">
|
||||
<label class="flex items-center mb-3 gap-3">
|
||||
<b>Url canonical</b>
|
||||
</label>
|
||||
<input type="text" size="60" name="redirect_url" id="redirect_url" value="0"
|
||||
class="input w-full rounded-sm shadow">
|
||||
</div>
|
||||
<div class="form-control w-full mt-5">
|
||||
<label class="flex items-center mb-3 gap-3">
|
||||
<b>Link truy cập tại website</b>
|
||||
</label>
|
||||
<input type="text" size="60" name="redirect_url" id="redirect_url" value="0"
|
||||
class="input w-full rounded-sm shadow">
|
||||
</div>
|
||||
<div class="form-control w-full mt-5">
|
||||
<label class="flex items-center mb-3 gap-3">
|
||||
<b>Tên Index</b>
|
||||
</label>
|
||||
<input type="text" size="60" name="redirect_url" id="redirect_url" value="0"
|
||||
class="input w-full rounded-sm shadow">
|
||||
</div>
|
||||
<div class="form-control w-full mt-5">
|
||||
<label class="flex items-center mb-3 gap-3">
|
||||
<b>Meta Title</b>
|
||||
<span class="italic text-gray-500">51 ký tự , 10
|
||||
từ</span>
|
||||
</label>
|
||||
<input type="text" size="60" name="redirect_url" id="redirect_url" value="0"
|
||||
class="input w-full rounded-sm shadow">
|
||||
</div>
|
||||
<div class="form-control w-full mt-5">
|
||||
<label class="flex items-center mb-3 gap-3">
|
||||
<b>Meta Keywords</b>
|
||||
<span class="italic text-gray-500">76 ký tự , 14
|
||||
từ</span>
|
||||
</label>
|
||||
<input type="text" size="60" name="redirect_url" id="redirect_url" value="0"
|
||||
class="input w-full rounded-sm shadow">
|
||||
</div>
|
||||
<div class="form-control w-full mt-5">
|
||||
<label class="flex items-center mb-3 gap-3">
|
||||
<b>Meta Description</b>
|
||||
<span class="italic text-gray-500">142 ký tự , 28
|
||||
từ (Khuyến
|
||||
nghị: 160 ký tự) * nếu để trống sẽ dùng tóm tắt danh mục</span>
|
||||
</label>
|
||||
<textarea name="" id="" cols="30" rows="10" class="textarea w-full rounded-sm shadow"
|
||||
placeholder=""></textarea>
|
||||
</div>
|
||||
<div class="mt-5 gap-3 flex items-center">
|
||||
<b class="">Thay đổi Link truy cập khi thay đổi Tên index?</b>
|
||||
<input type="checkbox" name="change_url_on_update" value="1"
|
||||
class="checkbox checkbox-sm checkbox-active rounded-sm" checked="">
|
||||
<span class="text-gray-500">Tích chọn để hiển thị hoặc dừng hiển
|
||||
thị</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white p-3 rounded-sm shadow mt-5">
|
||||
<input class="btn btn-sm btn-active" id="submit-collection-btn" name="commit" type="submit"
|
||||
value="Cập nhật" />
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
80
template/product/collection.html
Normal file
80
template/product/collection.html
Normal file
@@ -0,0 +1,80 @@
|
||||
<div class="bg-white shadow p-3 rounded-sm">
|
||||
<h1 class="text-2xl font-bold mb-3">Bộ sưu tập</h1>
|
||||
|
||||
<div class="p-3 border border-base-200 rounded-sm shadow flex items-center">
|
||||
<form class="w-full" id="">
|
||||
<div class="content flex items-center gap-3">
|
||||
<input type="search" class="input shadow" id="js-input-search" placeholder="Tìm kiếm">
|
||||
<input name="search" type="submit" value="Tìm kiếm" class="btn btn-active" />
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="mt-5">
|
||||
<b>Hướng dẫn:</b> Bộ sưu tập Sản phẩm bao gồm các Sản phẩm cùng chia sẻ một số đặc điểm nhất định, giúp cho
|
||||
việc
|
||||
quảng bá và
|
||||
định hướng khách hàng hơn. Các bộ sưu tập thường được tạo là: Sản phẩm cho sinh nhật, Sản phẩm cho trẻ mới
|
||||
sinh, Sản
|
||||
phẩm công công nghệ mới nhất, Đồ gia dụng nên mua, Khuyến mại giảm giá tháng 10, Chúng tôi đề xuất với bạn,
|
||||
Top 10 phụ
|
||||
kiện nên có v..v. (mỗi bộ sưu tập sẽ bao gồm các Sản phẩm từ nhiều danh mục Sản phẩm khác nhau)
|
||||
</div>
|
||||
<div class="flex items-center justify-end mt-3">
|
||||
<a href="/product/collection_add" class="btn btn-outline btn-view btn-sm">
|
||||
<i data-lucide="circle-plus" class="size-4"></i>
|
||||
<span class="">Thêm bộ sưu tập mới</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="overflow-x-auto mt-5 border border-base-200 rounded-sm">
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr class="bg-base-200 font-bold text-black">
|
||||
<td>STT</td>
|
||||
<td>ID</td>
|
||||
<td>Tên gọi/miêu tả</td>
|
||||
<td>Sản phẩm</td>
|
||||
<td>Lượt xem</td>
|
||||
<td class="w-[150px]">Cập nhật</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>26</td>
|
||||
<td>
|
||||
<b>Flash Sale | Giảm Giá Cực Sốc !</b>
|
||||
<div class="flex items-center mt-2 gap-3">
|
||||
<p class=" whitespace-nowrap">Link</p>
|
||||
<input type="text" size="60" value="" placeholder="link" class="input shadow input-sm" />
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex items-center gap-3">
|
||||
<p>7 sp</p>
|
||||
<a href="/product/collection_product" class="btn btn-outline btn-view btn-sm">Xem
|
||||
danh sách</a>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
638
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex items-center gap-3">
|
||||
<a href="" class="btn btn-active btn-sm">Xem</a>
|
||||
<a href="/product/collection_add" title="Form sản phẩm"
|
||||
class="btn btn-soft btn-sm btn-square btn-outline btn-view">
|
||||
<i data-lucide="pencil" class="size-3"></i>
|
||||
</a>
|
||||
<a href="" class='btn btn-soft btn-sm btn-square btn-outline btn-error'><i
|
||||
data-lucide="trash-2" class="size-3"></i></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
97
template/product/collection_add.html
Normal file
97
template/product/collection_add.html
Normal file
@@ -0,0 +1,97 @@
|
||||
<div class="w-full mb-[50px]">
|
||||
<div class="text-sm breadcrumbs">
|
||||
<ul>
|
||||
<li><a href="/product/collection">Danh sách bộ sưu tập</a></li>
|
||||
<li class="text-active">Form thêm/sửa sản phẩm</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="w-7xl mx-auto">
|
||||
<div class="bg-white p-3 rounded-sm shadow">
|
||||
<div class="flex items-center justify-between">
|
||||
<h1 class="text-xl font-bold">Cập nhật bộ sưu tập Sản phẩm</h1>
|
||||
<div class="flex items-center gap-3">
|
||||
<a href="/product/add_special_category=131" class="btn btn-outline btn-sm btn-view">
|
||||
<i data-lucide="plus" class="size-3"></i>
|
||||
<span class="">Thêm sản phẩm</span>
|
||||
</a>
|
||||
<a href="/product/collection_add" class="btn btn-outline btn-sm btn-view">
|
||||
<i data-lucide="plus" class="size-3"></i>
|
||||
<span class="">Thêm bộ sưu tập</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-gray-500">Flash Sale | Giảm Giá Cực Sốc !</p>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-4 gap-5 mt-5">
|
||||
<div class="left">
|
||||
<div class="list-tab">
|
||||
<a href="/product/collection"
|
||||
class="item block w-full text-white bg-[#0041E8] rounded-sm text-base px-3 py-2 font-bold">Thông
|
||||
tin</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right col-span-3">
|
||||
<div class="bg-white p-3 rounded-sm shadow">
|
||||
<b class="block text-xl font-bold">Thông tin cơ bản</b>
|
||||
|
||||
<div class="mt-5">
|
||||
<b class="text-base">Ảnh icon</b>
|
||||
<div id="image-brand" class="mt-5 w-full"></div>
|
||||
</div>
|
||||
|
||||
<div class="mt-5">
|
||||
<label for="" class="block font-bold text-base">Đặt tên bộ sưu
|
||||
tập</label>
|
||||
<input type="text" name="" value="" placeholder="Tên bộ sưu tập"
|
||||
class="w-full input input-md rounded-sm shadow mt-3" />
|
||||
</div>
|
||||
|
||||
<div class="mt-5">
|
||||
<label for="" class="block font-bold text-base">Url Index</label>
|
||||
<input type="text" name="" value="" placeholder="url index"
|
||||
class="input input-md rounded-sm shadow mt-3" />
|
||||
</div>
|
||||
|
||||
<div class="mt-5">
|
||||
<label for="" class="block font-bold text-base mb-3">Miêu tả (Nếu
|
||||
có)</label>
|
||||
<textarea id="product-desc" class="mt-3"> </textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white p-3 rounded-sm shadow mt-5">
|
||||
<b class="text-xl">Dùng cho SEO</b>
|
||||
<div class="mt-5">
|
||||
<label for="" class="block font-bold text-base">Meta Title</label>
|
||||
<input type="text" name="" value="" placeholder="Meta title"
|
||||
class="w-full input input-md rounded-sm shadow mt-3">
|
||||
</div>
|
||||
<div class="mt-5">
|
||||
<label for="" class="block font-bold text-base">Meta
|
||||
keywords</label>
|
||||
<input type="text" name="" value="" placeholder="Meta keywords"
|
||||
class="w-full input input-md rounded-sm shadow mt-3">
|
||||
</div>
|
||||
<div class="mt-5">
|
||||
<label for="" class="block font-bold text-base">Meta
|
||||
Description</label>
|
||||
<textarea type="text" name="" value="" placeholder="Meta Description"
|
||||
class="w-full textarea rounded-sm shadow mt-3">
|
||||
</textarea>
|
||||
</div>
|
||||
<div class="mt-5">
|
||||
<label for="" class="block font-bold text-base">Thứ tự xuất hiện
|
||||
<span class="text-[6b7280]">(cao xếp trước)</span></label>
|
||||
<input type="text" name="" value="" placeholder="Thứ tự xuất hiện"
|
||||
class="input input-md rounded-sm shadow mt-3">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white p-3 rounded-sm shadow mt-3">
|
||||
<input class="btn btn-active" name="commit" type="submit" value="Cập nhật">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
49
template/product/config_group.html
Normal file
49
template/product/config_group.html
Normal file
@@ -0,0 +1,49 @@
|
||||
<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>
|
||||
|
||||
<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 data-lucide="circle-plus" class="size-4"></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 class="w-[50px]">STT</th>
|
||||
<th>Thông tin</th>
|
||||
<th class="w-[80px]">Cập nhật</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>
|
||||
<a href="" class="link-active">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
|
||||
data-lucide="pencil" class='size-3'></i></a>
|
||||
<a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-error'><i
|
||||
data-lucide="trash-2" class='size-3'></i></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
125
template/product/config_group_attribute.html
Normal file
125
template/product/config_group_attribute.html
Normal file
@@ -0,0 +1,125 @@
|
||||
<div class="w-full mb-[50px]">
|
||||
|
||||
<div class="text-sm breadcrumbs">
|
||||
<ul>
|
||||
<li><a href="/product/config_group">Nhóm cấu hình sản phẩm</a></li>
|
||||
<li class="text-active">Form thêm/sửa cấu hình</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="w-7xl mx-auto">
|
||||
<div class="bg-white p-3 rounded-sm shadow mt-5">
|
||||
<div class="flex items-center justify-between">
|
||||
<h1 class="text-xl font-bold">Cập nhật cấu hình sản phẩm</h1>
|
||||
<div class="flex items-center gap-3 ">
|
||||
<a href="/brand/add" class="btn btn-sm btn-outline btn-view">
|
||||
<i data-lucide="plus" class="size-4"></i>
|
||||
<span>Thêm sp mới</span>
|
||||
</a>
|
||||
<a href="/brand/add" class="btn btn-sm btn-outline btn-view">
|
||||
<i data-lucide="copy" class="size-4"></i>
|
||||
<span>Tạo sp tương tự</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-4 gap-5 mt-5">
|
||||
<div class="left">
|
||||
<div class="list-tab">
|
||||
<a href="/product/config_group_form"
|
||||
class="item block w-full text-[#6B7280] bg-white rounded-[10px_10px_0_0] shadow-[0px_-1px_1px_0px_#0000001A] text-[13px] p-2">Nội
|
||||
dung</a>
|
||||
<a href="/product/config_group_attribute"
|
||||
class=" item block w-full text-[#fff] bg-[#0041E8] text-[13px] font-500 p-2">Thuộc
|
||||
tính</a>
|
||||
<a href="/product/config_group_product"
|
||||
class=" item block w-full text-[#6B7280] bg-white text-[13px] font-500 p-2 rounded-[0_0_10px_10px] shadow-[0px_1px_1px_0px_#0000001A] border-t-[1px] border-[#f8f8f8]">Sản
|
||||
phẩm</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right col-span-3">
|
||||
|
||||
<div class="bg-white p-3 rounded-sm shadow">
|
||||
<b class="block font-xl">Thuộc tính</b>
|
||||
<div class="grid grid-cols-2 gap-5 mt-5">
|
||||
<div class="form-control">
|
||||
<label class="font-bold text-base">Cập nhật</label>
|
||||
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||
placeholder="Cập nhật" class="w-full input rounded-sm shadow mt-3">
|
||||
</div>
|
||||
<div class="form-control">
|
||||
<label class="font-bold text-base">Thứ tự</label>
|
||||
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||
placeholder="Thứ tự" class="w-full input rounded-sm shadow mt-3">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white p-3 rounded-sm shadow mt-5">
|
||||
<b class="block font-xl">Thuộc tính</b>
|
||||
|
||||
<div class="grid grid-cols-3 gap-3 mt-5">
|
||||
<div class="form-control">
|
||||
<label class="font-bold text-base">Giá trị</label>
|
||||
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||
placeholder="Giá trị" class="w-full input rounded-sm shadow mt-3">
|
||||
</div>
|
||||
<div class="form-control">
|
||||
<label class="font-bold text-base">Mô tả</label>
|
||||
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||
placeholder="Mô tả" class="w-full input rounded-sm shadow mt-3">
|
||||
</div>
|
||||
<div class="form-control">
|
||||
<label class="font-bold text-base">Thứ tự</label>
|
||||
<input type="text" size="60" name="info[title]" id="title" value="0" placeholder="Thứ tự"
|
||||
class="w-full input rounded-sm shadow mt-3">
|
||||
</div>
|
||||
<div class="form-control">
|
||||
<label class="font-bold text-base">Giá trị</label>
|
||||
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||
placeholder="Giá trị" class="w-full input rounded-sm shadow mt-3">
|
||||
</div>
|
||||
<div class="form-control">
|
||||
<label class="font-bold text-base">Mô tả</label>
|
||||
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||
placeholder="Mô tả" class="w-full input rounded-sm shadow mt-3">
|
||||
</div>
|
||||
<div class="form-control">
|
||||
<label class="font-bold text-base">Thứ tự</label>
|
||||
<input type="text" size="60" name="info[title]" id="title" value="0" placeholder="Thứ tự"
|
||||
class="w-full input rounded-sm shadow mt-3">
|
||||
</div>
|
||||
<div class="form-control">
|
||||
<label class="font-bold text-base">Giá trị</label>
|
||||
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||
placeholder="Giá trị" class="w-full input rounded-sm shadow mt-3">
|
||||
</div>
|
||||
<div class="form-control">
|
||||
<label class="font-bold text-base">Mô tả</label>
|
||||
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||
placeholder="Mô tả" class="w-full input rounded-sm shadow mt-3">
|
||||
</div>
|
||||
<div class="form-control">
|
||||
<label class="font-bold text-base">Thứ tự</label>
|
||||
<input type="text" size="60" name="info[title]" id="title" value="0" placeholder="Thứ tự"
|
||||
class="w-full input rounded-sm shadow mt-3">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a href="javascript:void(0)"
|
||||
class="flex items-center text-center justify-center mt-5 gap-2 text-active">
|
||||
<i data-lucide="circle-plus" class="size-4 mt-0.5"></i>
|
||||
<span class="text-active font-bold">Thêm giá trị</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="bg-white p-3 rounded-sm shadow mt-5">
|
||||
<input class="btn btn-active" id="submit-collection-btn" name="commit" type="submit"
|
||||
value="Cập nhật" />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
66
template/product/config_group_form.html
Normal file
66
template/product/config_group_form.html
Normal file
@@ -0,0 +1,66 @@
|
||||
<div class="w-full mb-[50px]">
|
||||
|
||||
<div class="text-sm breadcrumbs">
|
||||
<ul>
|
||||
<li><a href=" /admin/product/config_group">Nhóm cấu hình sản phẩm</a></li>
|
||||
<li class="text-active">Form thêm/sửa cấu hình</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="w-7xl mx-auto">
|
||||
<div class="bg-white p-3 rounded-sm shadow mt-5">
|
||||
<div class="flex items-center justify-between">
|
||||
<h1 class="text-xl font-bold">Cập nhật cấu hình sản phẩm</h1>
|
||||
<div class="flex items-center gap-3 ">
|
||||
<a href="/brand/add" class="btn btn-sm btn-outline btn-view">
|
||||
<i data-lucide="plus" class="size-4"></i>
|
||||
<span>Thêm sp mới</span>
|
||||
</a>
|
||||
<a href="/brand/add" class="btn btn-sm btn-outline btn-view">
|
||||
<i data-lucide="copy" class="size-4"></i>
|
||||
<span>Tạo sp tương tự</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-4 gap-5 mt-5">
|
||||
<div class="left">
|
||||
<div class="list-tab">
|
||||
<a href="/product/config_group_form"
|
||||
class="item block w-full text-[13px] font-bold text-white bg-[#0041E8] rounded-[10px_10px_0_0] p-2">Nội
|
||||
dung</a>
|
||||
<a href="/product/config_group_attribute"
|
||||
class=" item block w-full text-[#6B7280] bg-white text-[13px] p-2 font-500 border-t-1 border-base-100">Thuộc
|
||||
tính</a>
|
||||
<a href="/product/config_group_product"
|
||||
class=" item block w-full text-[#6B7280] bg-white text-[13px] p-2 font-500 rounded-[0_0_10px_10px] shadow-[0px_1px_1px_0px_#0000001A] border-t-[1px] border-[#f8f8f8]">Sản
|
||||
phẩm</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right col-span-3">
|
||||
<div class="bg-white p-3 rounded-sm shadow">
|
||||
|
||||
<div class="form-control mt-5">
|
||||
<label class="font-bold text-base">Tên nhóm</label>
|
||||
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||
placeholder="Tên nhóm" class="w-full input rounded-sm shadow mt-3">
|
||||
</div>
|
||||
|
||||
<div class="form-control mt-5">
|
||||
<label class="font-bold text-base">Mô tả tóm tắt</label>
|
||||
<textarea type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||
placeholder="Tên nhóm" class="w-full textarea rounded-sm shadow mt-3"></textarea>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="bg-white p-3 rounded-sm shadow mt-5">
|
||||
<input class="btn btn-active" id="submit-collection-btn" name="commit" type="submit"
|
||||
value="Cập nhật" />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
88
template/product/config_group_product.html
Normal file
88
template/product/config_group_product.html
Normal file
@@ -0,0 +1,88 @@
|
||||
<div class="w-[100%] mb-[50px]">
|
||||
|
||||
<div class="text-sm breadcrumbs ml-[10px]">
|
||||
<ul>
|
||||
<li><a href="/product/config_group">Nhóm cấu hình sản phẩm</a></li>
|
||||
<li class="text-[#0041E8]">Form thêm/sửa cấu hình</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="w-7xl mx-auto">
|
||||
<div class="bg-white p-3 rounded-sm shadow mt-5">
|
||||
<div class="flex items-center justify-between">
|
||||
<h1 class="text-xl font-bold">Cập nhật cấu hình sản phẩm</h1>
|
||||
<div class="flex items-center gap-3 ">
|
||||
<a href="/brand/add" class="btn btn-sm btn-outline btn-view">
|
||||
<i data-lucide="plus" class="size-4"></i>
|
||||
<span>Thêm sp mới</span>
|
||||
</a>
|
||||
<a href="/brand/add" class="btn btn-sm btn-outline btn-view">
|
||||
<i data-lucide="copy" class="size-4"></i>
|
||||
<span>Tạo sp tương tự</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-4 gap-5 mt-5">
|
||||
<div class="left">
|
||||
<div class="list-tab">
|
||||
<a href="/product/config_group_form"
|
||||
class="item block w-full text-[#6B7280] bg-white rounded-[10px_10px_0_0] shadow-[0px_-1px_1px_0px_#0000001A] text-[13px] p-2">Nội
|
||||
dung</a>
|
||||
<a href="/product/config_group_attribute"
|
||||
class=" item block w-full text-[#6B7280] bg-white text-[13px] font-500 p-2">Thuộc
|
||||
tính</a>
|
||||
<a href="/product/config_group_product"
|
||||
class=" item block w-full text-[#fff] font-bold bg-[#0041E8] text-[13px] p-2 rounded-[0_0_10px_10px] shadow-[0px_1px_1px_0px_#0000001A] border-t-[1px] border-[#f8f8f8]">Sản
|
||||
phẩm</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right col-span-3">
|
||||
<div class="bg-white p-3 rounded-sm shadow">
|
||||
|
||||
<div class="border border-base-200 rounded-sm">
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr class="bg-base-300 text-black font-bold">
|
||||
<th>STT</th>
|
||||
<th>Sản phẩm</th>
|
||||
<th>Thuộc tính</th>
|
||||
<th>Công cụ</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>
|
||||
<a href="" class="text-active">Tai nghe Bluetooth True Wireless WIWU TWS12 Màu
|
||||
Hồng</a>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex items-center gap-2">
|
||||
<p class="whitespace-nowrap">Màu sắc</p>
|
||||
<select name="" id="" class="select select-sm">
|
||||
<option value="">Hồng</option>
|
||||
<option value="">Tím</option>
|
||||
</select>
|
||||
</div>
|
||||
</td>
|
||||
<td class="w-[120px]">
|
||||
<div class='list-btn flex items-center gap-2'>
|
||||
<a href="" class="btn btn-active btn-sm">Cập
|
||||
nhật</a>
|
||||
<a href="" class="btn btn-soft btn-xs btn-error btn-square">
|
||||
<i data-lucide="trash-2" class="size-3 text-red-400"></i>
|
||||
</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
109
template/product/form.html
Normal file
109
template/product/form.html
Normal file
@@ -0,0 +1,109 @@
|
||||
<div class="breadcrumbs tw-zab tw-zpa tw-iia">
|
||||
<ul>
|
||||
<li><a href="/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="w-7xl m-auto mt-5">
|
||||
|
||||
<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="/product/product-add" class="btn btn-md btn-outline btn-view btn-sm">
|
||||
<i data-lucide="circle-plus" class="size-4"></i>
|
||||
<span class="">Thêm sp mới</span>
|
||||
</a>
|
||||
<a href="javascript:void(0)" class="btn btn-md btn-outline btn-view btn-sm">
|
||||
<i data-lucide="copy" class="size-4"></i>
|
||||
<span class="">Tạo sp tương tự</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<span class="text-primary">{{ page.product_info.title }}</span>
|
||||
</div>
|
||||
|
||||
<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="/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{% 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>
|
||||
123
template/product/form_components/accessory.html
Normal file
123
template/product/form_components/accessory.html
Normal file
@@ -0,0 +1,123 @@
|
||||
<!-- phu kien -->
|
||||
<div class="w-full" role="tabpanel">
|
||||
<div class="bg-white p-3 rounded shadow">
|
||||
<div class="flex items-center justify-between">
|
||||
<b class="text-xm">Các loại phụ kiện của sản phẩm</b>
|
||||
<a href="" class="btn btn-outline btn-view btn-sm">
|
||||
Chọn Sản phẩm phụ kiện
|
||||
</a>
|
||||
</div>
|
||||
<div class="list-item-cate flex items-center flex-wrap mt-5 gap-3">
|
||||
<a href="" class="btn btn-outline btn-dash btn-gray btn-sm">
|
||||
PC, Workstation
|
||||
</a>
|
||||
<a href="" class="btn btn-outline btn-dash btn-gray btn-sm">
|
||||
CPU - Bộ Vi Xử Lý
|
||||
</a>
|
||||
<a href="" class="btn btn-outline btn-dash btn-gray btn-sm">
|
||||
Mainboard - Bo Mạch Chủ
|
||||
</a>
|
||||
<a href="" class="btn btn-outline btn-dash btn-gray btn-sm">
|
||||
VGA - Card Màn Hình
|
||||
</a>
|
||||
<a href="" class="btn btn-outline btn-dash btn-gray btn-sm">
|
||||
PC, Workstation
|
||||
</a>
|
||||
<a href="" class="btn btn-outline btn-dash btn-gray btn-sm">
|
||||
PC, Workstation
|
||||
</a>
|
||||
<a href="" class="btn btn-outline btn-dash btn-gray btn-sm">
|
||||
PC, Workstation
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white p-3 rounded shadow">
|
||||
<b class="block text-xl">Các danh mục</b>
|
||||
|
||||
|
||||
<div class="item-accessory mt-5">
|
||||
<b class="">PC, Workstation</b>
|
||||
<div class="border border-base-200 rounded-sm mt-3">
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr class="bg-base-200 font-bold text-black">
|
||||
<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="" class="name link-primary">CPU Intel Xeon E5-2665 2.40 GHz / 20MB / 8 Cores 16 Threads /
|
||||
Socket 2011</a>
|
||||
<div class="flex items-center gap-2">
|
||||
<span>SKU: HN123567</span>
|
||||
<span class="mx-[5px]">/</span>
|
||||
<span>Số lượng: 1</span>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
24.900.000 VND
|
||||
</td>
|
||||
<td>
|
||||
<a href="" class="btn btn-xs btn-outline btn-error">
|
||||
<i data-lucide="trash-2" class="size-3 text-red-500"></i>
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-accessory mt-5">
|
||||
<b class="">PC, Workstation</b>
|
||||
<div class="border border-base-200 rounded-sm mt-3">
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr class="bg-base-200 font-bold text-black">
|
||||
<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="" class="name link-primary">CPU Intel Xeon E5-2665 2.40 GHz / 20MB / 8 Cores 16 Threads /
|
||||
Socket 2011</a>
|
||||
<div class="flex items-center gap-2">
|
||||
<span>SKU: HN123567</span>
|
||||
<span class="mx-[5px]">/</span>
|
||||
<span>Số lượng: 1</span>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
24.900.000 VND
|
||||
</td>
|
||||
<td>
|
||||
<a href="" class="btn btn-xs btn-outline btn-error">
|
||||
<i data-lucide="trash-2" class="size-3 text-red-500"></i>
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
0
template/product/form_components/addon.html
Normal file
0
template/product/form_components/addon.html
Normal file
304
template/product/form_components/basic.html
Normal file
304
template/product/form_components/basic.html
Normal file
@@ -0,0 +1,304 @@
|
||||
<!-- thong tin san pham -->
|
||||
<form method="post" enctype="multipart/form-data">
|
||||
<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 gap-2 mt-3">
|
||||
<label for="" class="font-bold">Đặt tên Sản phẩm</label>
|
||||
<div class="box-note tooltip" data-tip="">
|
||||
<i class="iconify lucide--circle-question-mark mt-2 cursor-pointer text-faq"></i>
|
||||
<div class="tooltip-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>
|
||||
</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="input mt-2 shadow w-full rounded-sm" />
|
||||
|
||||
<div class="grid grid-cols-2 gap-3 mt-3">
|
||||
<div class="mt-3">
|
||||
<div class="flex items-center gap-3">
|
||||
<label for="" class="font-bold">Model (nếu có)</label>
|
||||
<div class="box-note tooltip">
|
||||
<i class="iconify lucide--circle-question-mark mt-2 cursor-pointer text-faq"></i>
|
||||
<div class="tooltip-content">
|
||||
Nhiều khách hàng tìm Sản phẩm theo Model, bạn có nhập model của Sản phẩm nếu có. Ví dụ:
|
||||
Laptop Sony Vaio ABC/12 thì
|
||||
ABC/12 là model Sản phẩm.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<input type="text" value="MH241" name="info[productModel]" id="productModel"
|
||||
placeholder="Model (nếu có)" class="input mt-2 shadow w-full rounded-sm">
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<div class="flex items-center gap-2">
|
||||
<label for="" class="font-bold">Mã kho hàng - SKU (nếu
|
||||
có)</label>
|
||||
<div class="box-note tooltip">
|
||||
<i class="iconify lucide--circle-question-mark mt-2 cursor-pointer text-faq"></i>
|
||||
<div class="tooltip-content">
|
||||
Nếu bạn có phần mềm quản lý kho hàng chuyên nghiệp và bạn muốn theo dõi các đơn hàng nhận từ
|
||||
website của Sản phẩm trong
|
||||
phần mềm này. Khi đó hãy nhập mã kho hàng của Sản phẩm được cung cấp bởi phần mềm kho hàng
|
||||
vào đây.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<input type="text" name="info[storeSKU]" id="storeSKU" value="MH241"
|
||||
placeholder="Mã kho hàng - SKU (nếu có)" class="input mt-2 shadow w-full rounded-sm">
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<div class="flex items-center gap-2">
|
||||
<label for="" class="font-bold">Trọng lượng (tính phí
|
||||
shipping)</label>
|
||||
<span class="">gram</span>
|
||||
<div class="box-note tooltip flex items-center">
|
||||
<i class="iconify lucide--circle-question-mark cursor-pointer text-faq"></i>
|
||||
<div class="tooltip-content">
|
||||
Dùng tính phí Shipping cho Sản phẩm (nếu có). Đơn vị gram, nếu Sản phẩm 1,2kg = 1200 (gram).
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<input type="text" name="info[weight]" id="weight" value="0"
|
||||
placeholder="Trọng lượng (tính phí shipping)" class="input mt-2 shadow w-full rounded-sm">
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<div class="flex items-center gap-2">
|
||||
<label for="" class="font-bold">Thương hiệu</label>
|
||||
<div class="flex items-center">
|
||||
<a href="" class="link-primary">Quản lý thương hiệu</a>
|
||||
</div>
|
||||
</div>
|
||||
<select name="brand" id="brandSelect" class="select select-bordered w-full mt-3 shadow rounded-sm"
|
||||
aria-label="Select">
|
||||
<option value="" class="text-[#6B7280]">--Chọn thương hiệu--</option>
|
||||
<option value="">ABS</option>
|
||||
<option value="83">ABS</option>
|
||||
<option value="67">ACE GAMING</option>
|
||||
<option value="8">ADATA</option>
|
||||
<option value="9">AEROCOOL</option>
|
||||
<option value="52">AIGO</option>
|
||||
<option value="59">AKKO</option>
|
||||
<option value="3">AMD</option>
|
||||
<option value="10">ANTEC</option>
|
||||
<option value="11">AOC</option>
|
||||
<option value="70">AORUS</option>
|
||||
<option value="12">ASROCK</option>
|
||||
<option value="2">ASUS</option>
|
||||
<option value="73">AVerMedia</option>
|
||||
<option value="57">BE QUIET</option>
|
||||
<option value="4">BENQ</option>
|
||||
<option value="79">CISCO</option>
|
||||
<option value="72">Colorful</option>
|
||||
<option value="47">COOLER MASTER</option>
|
||||
<option value="58">COOLMOON</option>
|
||||
<option value="13">CORSAIR</option>
|
||||
<option value="5">DAREU</option>
|
||||
<option value="46">DEEP COOL</option>
|
||||
<option value="14">DELL</option>
|
||||
<option value="60">E-DRA</option>
|
||||
<option value="15">EVGA</option>
|
||||
<option value="68">EXTREME ZERO</option>
|
||||
<option value="64">FUHLEN</option>
|
||||
<option value="16">GALAX</option>
|
||||
<option value="6">GIGABYTE</option>
|
||||
<option value="82">Glee</option>
|
||||
<option value="17">GSKILL</option>
|
||||
<option value="18">HKC</option>
|
||||
<option value="19">HP</option>
|
||||
<option value="45">HUANANZHI</option>
|
||||
<option value="20">HUNTKEY</option>
|
||||
<option value="53">ID - COOLING</option>
|
||||
<option value="21">INNO3D</option>
|
||||
<option value="22">INTEL</option>
|
||||
<option value="23">INWIN</option>
|
||||
<option value="61">IROCKS</option>
|
||||
<option value="24">JETEK</option>
|
||||
<option value="54">JONSBO</option>
|
||||
<option value="25">KINGSTON</option>
|
||||
<option value="26">KINGVIEW</option>
|
||||
<option value="69">LEADTEK</option>
|
||||
<option value="48">LEXAR</option>
|
||||
<option value="27">LG</option>
|
||||
<option value="28">LOGITECH</option>
|
||||
<option value="77">MICRON</option>
|
||||
<option value="80">MICROSOFT</option>
|
||||
<option value="7">MSI</option>
|
||||
<option value="65">NEWMEN</option>
|
||||
<option value="56">NOCTUA</option>
|
||||
<option value="29">NVIDIA</option>
|
||||
<option value="71">NZXT</option>
|
||||
<option value="74">OCPC</option>
|
||||
<option value="30">PHANTEKS</option>
|
||||
<option value="78">PLANET</option>
|
||||
<option value="49">PLEXTOR</option>
|
||||
<option value="31">PNY</option>
|
||||
<option value="66">PSEAT</option>
|
||||
<option value="75">QNAP</option>
|
||||
<option value="32">SAMA</option>
|
||||
<option value="33">SAMSUNG</option>
|
||||
<option value="36">SAPPHIRE</option>
|
||||
<option value="50">SEAGATE</option>
|
||||
<option value="34">SEASONIC</option>
|
||||
<option value="35">SEGOTEP</option>
|
||||
<option value="37">SUPERFLOWER</option>
|
||||
<option value="38">SUPERMICRO</option>
|
||||
<option value="39">TEAMGROUP</option>
|
||||
<option value="55">THERMALRIGHT</option>
|
||||
<option value="40">THERMALTAKE</option>
|
||||
<option value="81">TOSHIBA</option>
|
||||
<option value="76">TP LINK</option>
|
||||
<option value="84">TSC</option>
|
||||
<option value="41">VIEWSONIC</option>
|
||||
<option value="42">VITRA</option>
|
||||
<option value="62">WARRIOR</option>
|
||||
<option value="51">WESTERN DIGITAL</option>
|
||||
<option value="43">XIGMATEK</option>
|
||||
<option value="63">ZIDLI</option>
|
||||
<option value="44">ZOTAC</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="mt-5">
|
||||
<label for="" class="block font-bold">Tóm tắt đặc tính chính</label>
|
||||
<textarea name="info[proSummary]" id="summary" placeholder="Nhập tóm tắt đặt tính chính"
|
||||
class="textarea mt-3 shadow w-full rounded-sm"></textarea>
|
||||
</div>
|
||||
<div class="mt-5">
|
||||
<label for="" class="block font-bold">Phụ kiện đi kèm</label>
|
||||
<input type="text" id="accessory" name="info[accessory]" value="Test" placeholder="Phụ kiện đi kèm"
|
||||
class="input mt-3 shadow w-full rounded-sm">
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white p-3 rounded mt-5 shadow">
|
||||
<b class="block text-xl">Thông tin bán hàng</b>
|
||||
|
||||
<div class="mt-5">
|
||||
<div class="flex items-center gap-2">
|
||||
<label for="" class="font-bold">Giá bán lẻ</label>
|
||||
<div class="box-note flex items-center gap-2 text-gray">
|
||||
<i class="text-gray">(* Nếu dùng USD thì theo chuẩn quốc tế v.d. $134.05).</i>
|
||||
<span>Tỷ giá:</span>
|
||||
<b class="">1</b>
|
||||
<a href="/system/setup/option=general" class="text-primary">
|
||||
<i class="iconify lucide--pencil"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 mt-3">
|
||||
<input type="text" name="info[price]" id="price" value="0" placeholder="Giá bán lẻ"
|
||||
class="input shadow rounded-sm">
|
||||
<select name="currency" id="currency" class="select select-bordered rounded-sm shadow w-32 ">
|
||||
<option value="">VNĐ</option>
|
||||
</select>
|
||||
<span>/</span>
|
||||
<select name="price_unit" id="price_unit" class="select select-bordered rounded-sm shadow w-32">
|
||||
<option value="">Chiếc</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-2 gap-3 mt-5">
|
||||
<div class="">
|
||||
<div class="flex items-center gap-3">
|
||||
<label class="font-bold">Giá nhập hàng</label>
|
||||
<div class="box-note">
|
||||
<i class="text-gray">vnd (để tham khảo khi cần)</i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<input type="text" name="info[purchase_price]" value="0" placeholder="Giá nhập hàng"
|
||||
class="input mt-3 shadow w-full rounded-sm">
|
||||
</div>
|
||||
<div class="">
|
||||
<div class="flex items-center gap-3">
|
||||
<label class="font-bold">Giá thị trường</label>
|
||||
<div class="box-note">
|
||||
<i class="text-gray">vnd (để tham khảo khi cần)</i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<input type="text" value="0" name="info[market_price]" placeholder="Giá thị trường"
|
||||
class="input mt-3 shadow w-full rounded-sm">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-5">
|
||||
<label for="" class="block font-bold">Khuyến mại riêng</label>
|
||||
<textarea name="info[specialOffer]" id="specialOffer" placeholder="Nhập tóm tắt đặt tính chính"
|
||||
class="textarea w-full shadow rounded-sm mt-3"></textarea>
|
||||
</div>
|
||||
|
||||
<div class=" mt-5">
|
||||
<label for="" class="block font-bold">Thông tin bảo hành</label>
|
||||
<input type="text" name="info[warranty]" id="warranty" value="Test" placeholder="Thông tin bảo hành"
|
||||
class="input mt-3 shadow w-full rounded-sm">
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-2 gap-3 mt-5">
|
||||
<div class="">
|
||||
<label class="block font-bold">Số lượng kho hàng</label>
|
||||
<input type="text" value="0" name="info[quantity]" placeholder="Số lượng kho hàng"
|
||||
class="input mt-3 shadow w-full rounded-sm">
|
||||
</div>
|
||||
<div class="">
|
||||
<label class="block font-bold">Tình trạng (Mới /
|
||||
Cũ)</label>
|
||||
<input type="text" name="info[cond]" value="" placeholder="Tình trạng (Mới / Cũ)"
|
||||
class="input mt-3 shadow w-full rounded-sm">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center mt-5">
|
||||
<label class="block font-bold w-32">Thuế VAT
|
||||
</label>
|
||||
<div class="flex items-center gap-2">
|
||||
|
||||
<label class="cursor-pointer flex items-center gap-2">
|
||||
<input type="radio" name="info[hasVAT]" value="0" class="radio radio-sm radio-active"
|
||||
checked="checked" />
|
||||
<span class="label-text">Không hiển thị VAT</span>
|
||||
</label>
|
||||
|
||||
<label class="cursor-pointer flex items-center gap-2">
|
||||
<input type="radio" name="info[hasVAT]" value="1" class="radio radio-sm radio-active" />
|
||||
<span class="label-text">Có VAT</span>
|
||||
</label>
|
||||
|
||||
<label class="cursor-pointer flex items-center gap-2">
|
||||
<input type="radio" name="info[hasVAT]" value="2" class="radio radio-sm radio-active" />
|
||||
<span class="label-text">Chưa có VAT</span>
|
||||
</label>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center mt-5">
|
||||
<label class="block font-bold w-32">Hiển thị
|
||||
</label>
|
||||
<div class="flex items-center gap-3">
|
||||
<label class="cursor-pointer flex items-center gap-3">
|
||||
<input type="radio" name="info[status]" value="0" class="radio radio-sm radio-active"
|
||||
checked="checked" />
|
||||
<span class="label-text">Cho hiển thị</span>
|
||||
</label>
|
||||
<label class="cursor-pointer flex items-center gap-3">
|
||||
<input type="radio" name="info[status]" value="1" class="radio radio-sm radio-active" />
|
||||
<span class="label-text">Ẩn hiển thị</span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-5 bg-white p-3 rounded shadow">
|
||||
<input class="btn btn-active" id="submit-collection-btn" name="commit" type="button" value="Cập nhật"
|
||||
onclick="AdminFunction.checkForm(true)" />
|
||||
</div>
|
||||
</form>
|
||||
43
template/product/form_components/category.html
Normal file
43
template/product/form_components/category.html
Normal file
@@ -0,0 +1,43 @@
|
||||
<!-- danh muc san pham -->
|
||||
<div class="bg-white p-3 rounded shadow-sm" role="tabpanel">
|
||||
<b class="block">Hiện tại Sản phẩm đang được đặt trong các danh mục sau :</b>
|
||||
<ul id="list-category" class="mt-3">
|
||||
<li><a href="" class="text-primary mt-2">Màn hình máy tính</a></li>
|
||||
<li><a href="" class="text-primary mt-2">Màn hình máy tính</a></li>
|
||||
</ul>
|
||||
|
||||
<p class="mt-5">
|
||||
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 mt-3">
|
||||
|
||||
<div class="mt-3 gap-3 flex items-center">
|
||||
<label class="cursor-pointer flex items-center gap-3" onclick="AdminFunction.add_product_to_category(1)">
|
||||
<input type="checkbox" name="" checked="checked" class="checkbox checkbox-active rounded-sm" />
|
||||
<span class="label-text ">Màn hình máy tính</span>
|
||||
</label>
|
||||
<div id="status_1" class=" flex items-center">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-3 gap-3 flex items-center">
|
||||
<label class="cursor-pointer flex items-center gap-3 "
|
||||
onclick="AdminFunction.add_product_to_category(2)">
|
||||
<input type="checkbox" name="" checked="checked" class="checkbox checkbox-active rounded-sm" />
|
||||
<span class="label-text ">Màn hình máy tính</span>
|
||||
</label>
|
||||
<div id="status_2" class=" flex items-center">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-3 gap-3 flex items-center">
|
||||
<label class="cursor-pointer flex items-center gap-3" onclick="AdminFunction.add_product_to_category(3)">
|
||||
<input type="checkbox" name="" checked="checked" class="checkbox checkbox-active rounded-sm" />
|
||||
<span class="label-text ">Màn hình máy tính</span>
|
||||
</label>
|
||||
<div id="status_3" class=" flex items-center">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
0
template/product/form_components/combo_set.html
Normal file
0
template/product/form_components/combo_set.html
Normal file
0
template/product/form_components/compatible.html
Normal file
0
template/product/form_components/compatible.html
Normal file
0
template/product/form_components/component.html
Normal file
0
template/product/form_components/component.html
Normal file
0
template/product/form_components/configurable.html
Normal file
0
template/product/form_components/configurable.html
Normal file
27
template/product/form_components/description.html
Normal file
27
template/product/form_components/description.html
Normal file
@@ -0,0 +1,27 @@
|
||||
<!-- mo ta -->
|
||||
<div class="bg-white rounded-md shadow p-3">
|
||||
<div class="flex items-center justify-between gap-3">
|
||||
<b class="text-xl">THƯ VIỆN ẢNH</b>
|
||||
<div class="list-btn flex items-center gap-3">
|
||||
<a href="" class="btn btn-outline btn-view btn-sm">
|
||||
<i data-lucide="upload" class="size-4"></i>
|
||||
<span class="text-[#0041E8] ml-[5px]">Upload ảnh</span>
|
||||
</a>
|
||||
<a href="" class="btn btn-outline btn-view btn-sm">
|
||||
<i data-lucide="folder" class="size-4"></i>
|
||||
<span class="text-[#0041E8] ml-[5px]">Quản lý</span>
|
||||
</a>
|
||||
<a href="" class="btn btn-outline btn-view btn-sm">
|
||||
<i data-lucide="file-image" class="size-4"></i>
|
||||
<span class="text-[#0041E8] ml-[5px]">Chọn ảnh trong kho ảnh chính</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list-image mt-5">
|
||||
<span class="block text-gray">Chưa có thư viện ảnh cho phần miêu tả</span>
|
||||
</div>
|
||||
<textarea id="product-desc" class="mt-5"> </textarea>
|
||||
|
||||
<input class="btn btn-active mt-5" name="commit" type="submit" value="Cập nhật">
|
||||
|
||||
</div>
|
||||
187
template/product/form_components/image.html
Normal file
187
template/product/form_components/image.html
Normal file
@@ -0,0 +1,187 @@
|
||||
<!-- hinh anh -->
|
||||
<div class="w-full" role="tabpanel">
|
||||
<div class="bg-white rounded-md shadow p-3">
|
||||
<b class="block text-[20px] font-[700] mb-[10px]">Cập nhật ảnh sản phẩm</b>
|
||||
|
||||
<div class="overflow-y-scroll max-h-[500px]">
|
||||
<div class="item grid grid-cols-6 rounded-md shadow p-3 mt-3 gap-3">
|
||||
<div class="image">
|
||||
<img src="{{ 'image-big.png' | asset_url }}" alt="">
|
||||
</div>
|
||||
<div class="right-image col-span-5">
|
||||
<div class="flex justify-between gap-3">
|
||||
<div class="flex items-center gap-3">
|
||||
<b class="text-center block">Hình sản phẩm</b>
|
||||
<p class="text-center block text-gray">(Ảnh chính)</p>
|
||||
</div>
|
||||
<div class="grid grid-cols-2 gap-3">
|
||||
<div class="item flex items-center gap-2">
|
||||
<p class="whitespace-nowrap">STT</p>
|
||||
<input type="text" class="input shadow">
|
||||
</div>
|
||||
<div class="item flex items-center gap-2">
|
||||
<p class="whitespace-nowrap">ALT</p>
|
||||
<input type="text" class="input shadow">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<a href="" class="btn btn-sm btn-outline">
|
||||
<i class="iconify lucide--trash-2"></i>
|
||||
<p class="">Xoá</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item grid grid-cols-6 rounded-md shadow p-3 mt-3 gap-3">
|
||||
<div class="image">
|
||||
<img src="{{ 'image-big.png' | asset_url }}" alt="">
|
||||
</div>
|
||||
<div class="right-image col-span-5">
|
||||
<div class="flex justify-between gap-3">
|
||||
<div class="flex items-center gap-3">
|
||||
<b class="text-center block">Hình sản phẩm</b>
|
||||
<p class="text-center block text-gray">(Ảnh chính)</p>
|
||||
</div>
|
||||
<div class="grid grid-cols-2 gap-3">
|
||||
<div class="item flex items-center gap-2">
|
||||
<p class="whitespace-nowrap">STT</p>
|
||||
<input type="text" class="input shadow">
|
||||
</div>
|
||||
<div class="item flex items-center gap-2">
|
||||
<p class="whitespace-nowrap">ALT</p>
|
||||
<input type="text" class="input shadow">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<a href="" class="btn btn-sm btn-outline">
|
||||
<i class="iconify lucide--trash-2"></i>
|
||||
<p class="">Xoá</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item grid grid-cols-6 rounded-md shadow p-3 mt-3 gap-3">
|
||||
<div class="image">
|
||||
<img src="{{ 'image-big.png' | asset_url }}" alt="">
|
||||
</div>
|
||||
<div class="right-image col-span-5">
|
||||
<div class="flex justify-between gap-3">
|
||||
<div class="flex items-center gap-3">
|
||||
<b class="text-center block">Hình sản phẩm</b>
|
||||
<p class="text-center block text-gray">(Ảnh chính)</p>
|
||||
</div>
|
||||
<div class="grid grid-cols-2 gap-3">
|
||||
<div class="item flex items-center gap-2">
|
||||
<p class="whitespace-nowrap">STT</p>
|
||||
<input type="text" class="input shadow">
|
||||
</div>
|
||||
<div class="item flex items-center gap-2">
|
||||
<p class="whitespace-nowrap">ALT</p>
|
||||
<input type="text" class="input shadow">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<a href="" class="btn btn-sm btn-outline">
|
||||
<i class="iconify lucide--trash-2"></i>
|
||||
<p class="">Xoá</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item grid grid-cols-6 rounded-md shadow p-3 mt-3 gap-3">
|
||||
<div class="image">
|
||||
<img src="{{ 'image-big.png' | asset_url }}" alt="">
|
||||
</div>
|
||||
<div class="right-image col-span-5">
|
||||
<div class="flex justify-between gap-3">
|
||||
<div class="flex items-center gap-3">
|
||||
<b class="text-center block">Hình sản phẩm</b>
|
||||
<p class="text-center block text-gray">(Ảnh chính)</p>
|
||||
</div>
|
||||
<div class="grid grid-cols-2 gap-3">
|
||||
<div class="item flex items-center gap-2">
|
||||
<p class="whitespace-nowrap">STT</p>
|
||||
<input type="text" class="input shadow">
|
||||
</div>
|
||||
<div class="item flex items-center gap-2">
|
||||
<p class="whitespace-nowrap">ALT</p>
|
||||
<input type="text" class="input shadow">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<a href="" class="btn btn-sm btn-outline">
|
||||
<i class="iconify lucide--trash-2"></i>
|
||||
<p class="">Xoá</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item grid grid-cols-6 rounded-md shadow p-3 mt-3 gap-3">
|
||||
<div class="image">
|
||||
<img src="{{ 'image-big.png' | asset_url }}" alt="">
|
||||
</div>
|
||||
<div class="right-image col-span-5">
|
||||
<div class="flex justify-between gap-3">
|
||||
<div class="flex items-center gap-3">
|
||||
<b class="text-center block">Hình sản phẩm</b>
|
||||
<p class="text-center block text-gray">(Ảnh chính)</p>
|
||||
</div>
|
||||
<div class="grid grid-cols-2 gap-3">
|
||||
<div class="item flex items-center gap-2">
|
||||
<p class="whitespace-nowrap">STT</p>
|
||||
<input type="text" class="input shadow">
|
||||
</div>
|
||||
<div class="item flex items-center gap-2">
|
||||
<p class="whitespace-nowrap">ALT</p>
|
||||
<input type="text" class="input shadow">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<a href="" class="btn btn-sm btn-outline">
|
||||
<i class="iconify lucide--trash-2"></i>
|
||||
<p class="">Xoá</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-md shadow p-3 mt-5">
|
||||
<b class="text-xl block">Thêm ảnh cho sản phẩm</b>
|
||||
<p class="text-gray">Bạn có thể: Chọn ảnh có sẵn trong kho ảnh, hoặc upload ảnh từ máy tính:</p>
|
||||
|
||||
<div id="image-preview-filepond" class="mt-5"></div>
|
||||
|
||||
|
||||
<p class="text-gray italic mt-3"><b>Chú ý:</b> 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>
|
||||
<input class="btn btn-active mt-3" name="commit" type="submit" value="Cập nhật">
|
||||
</div>
|
||||
|
||||
<div class="bg-white p-3 rounded-sm shadow mt-5">
|
||||
<b class="block">Chú ý:</b>
|
||||
<ul class="text-sm">
|
||||
<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. <a href="/system/setup"
|
||||
class="text-primary underline">Click
|
||||
vào đây</a> để
|
||||
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
0
template/product/form_components/instruction.html
Normal file
0
template/product/form_components/price.html
Normal file
0
template/product/form_components/price.html
Normal file
12
template/product/form_components/relation.html
Normal file
12
template/product/form_components/relation.html
Normal file
@@ -0,0 +1,12 @@
|
||||
<div class="w-full" role="tabpanel">
|
||||
<div class="bg-white p-3 rounded-sm shadow">
|
||||
<b class="block text-xl">Danh sách liên quan</b>
|
||||
|
||||
<div class="list-tab flex items-center mt-3 gap-3">
|
||||
<a href="javascript:void(0)">Sản phẩm (3)</a>
|
||||
<a href="javascript:void(0)">Bài viết (1)</a>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
76
template/product/form_components/seo.html
Normal file
76
template/product/form_components/seo.html
Normal file
@@ -0,0 +1,76 @@
|
||||
<!-- box seo -->
|
||||
<div class="" role="tabpanel">
|
||||
<div class="bg-white p-3 rounded-sm shadow">
|
||||
<div class="">
|
||||
<label for="" class=" block font-bold">Link truy cập tại website</label>
|
||||
<input type="text" name="url_index"
|
||||
value="https://demopc8.hurasoft.com/may-do-do-bong-horiba-ig-320-gloss-metergoc-do-60-khoang-do-00-1000-phan-do-..."
|
||||
placeholder="Link truy cập tại website" class="input mt-3 shadow w-full rounded-sm-bold">
|
||||
</div>
|
||||
<div class="mt-5">
|
||||
<label for="" class=" block font-bold">Tên Index</label>
|
||||
<input type="text" name="url_index" value="" placeholder="Tên Index"
|
||||
class="input mt-3 shadow w-full rounded-sm-bold">
|
||||
</div>
|
||||
|
||||
<div class="mt-5">
|
||||
<label for="" class="block font-bold">Thay đổi Link truy cập khi thay
|
||||
đổi Tên index?</label>
|
||||
<div class="flex items-center">
|
||||
<label class="flex items-center cursor-pointer text-gray gap-3 text-sm mt-3">
|
||||
Có thay đổi
|
||||
<input type="checkbox" class="checkbox checkbox-active rounded-sm ml-[10px]"
|
||||
name="change_url_on_update" checked="">
|
||||
<i class="label-text">(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)
|
||||
</i>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-5">
|
||||
<div class="flex items-center gap-3">
|
||||
<label for="" class="block font-bold">Url canonical</label>
|
||||
<i class="text-gray">* để trống sẽ dùng link mặc định của hệ thống</i>
|
||||
</div>
|
||||
<input type="text" name="url_canonical" value="" placeholder="Url canonical"
|
||||
class="input mt-3 shadow w-full rounded-sm-bold">
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-2 gap-3 mt-5">
|
||||
<div class="">
|
||||
<div class="flex items-center gap-3">
|
||||
<label for="" class="block font-bold">Meta Title</label>
|
||||
<i class="text-gray">* 0 ký tự , 0 từ</i>
|
||||
</div>
|
||||
<input type="text" value="" name="meta_title" id="meta_title" placeholder="Meta Title"
|
||||
class="input mt-3 shadow w-full rounded-sm-bold">
|
||||
</div>
|
||||
<div class="">
|
||||
<div class="flex items-center gap-3">
|
||||
<label for="" class="block font-bold">Meta Keyword</label>
|
||||
<i class="text-gray">* 0 ký tự , 0 từ</i>
|
||||
</div>
|
||||
<input type="text" value="" name="meta_keyword" id="meta_keyword" placeholder="Meta Keyword"
|
||||
class="input mt-3 shadow w-full rounded-sm-bold">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-5">
|
||||
<div class="flex items-center gap-3">
|
||||
<label for="" class="block font-bold">Meta Description(nên tối đa 160 ký
|
||||
tự)</label>
|
||||
<i class="text-gray">* 0 ký tự , 0 từ (Khuyến nghị: 160 ký tự)</i>
|
||||
</div>
|
||||
<textarea type="text" name="meta_description" value="" placeholder="Meta Description"
|
||||
class="textarea textarea-bordered rounded-sm shadow mt-3 w-full"></textarea>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="bg-white mt-5 p-3 rounded-md shadow">
|
||||
<input class="btn btn-active" id="submit-collection-btn" name="commit" type="submit" value="Cập nhật" />
|
||||
</div>
|
||||
</div>
|
||||
0
template/product/form_components/similar.html
Normal file
0
template/product/form_components/similar.html
Normal file
0
template/product/form_components/spec.html
Normal file
0
template/product/form_components/spec.html
Normal file
151
template/product/form_components/spec_group.html
Normal file
151
template/product/form_components/spec_group.html
Normal file
@@ -0,0 +1,151 @@
|
||||
<!-- thuoc tinh -->
|
||||
<div class="w-100%" role="tabpanel">
|
||||
|
||||
<div class="bg-white p-3 rounded-md shadow">
|
||||
<b class="block text-xl font-bold">Cập nhật thuộc tính cho Sản phẩm</b>
|
||||
<div class="flex items-center gap-2 mt-3">
|
||||
<span class="text-gray">Hoặc</span>
|
||||
<a href="sell_product.php?id=2115&view=spec&noattr=1&l=vn&popup=0" class="text-primary">Cập nhật thông số
|
||||
kỹ thuật không cần
|
||||
thuộc tính
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-md shadow mt-5">
|
||||
|
||||
<div class="item-attributes p-3">
|
||||
<b class="text-gray">Dòng cpu</b>
|
||||
<p class="text-gray">dong-cpu</p>
|
||||
<i class="text-gray">Dùng là bộ lọc - Dùng tạo lựa chọn SP - Hiển thị ở tóm tắt</i>
|
||||
<div class="grid grid-cols-4 mt-3 gap-3">
|
||||
<label class="flex align-items cursor-pointer gap-3">
|
||||
<input type="checkbox" class="checkbox checkbox-sm checkbox-active rounded-sm" name="new"
|
||||
checked="">
|
||||
<span class="label-text">Core i3</span>
|
||||
</label>
|
||||
<label class="flex align-items cursor-pointer gap-3">
|
||||
<input type="checkbox" name="new" checked=""
|
||||
class="checkbox checkbox-sm checkbox-active rounded-sm">
|
||||
<span class="label-text">Core i3</span>
|
||||
</label>
|
||||
<label class="flex align-items cursor-pointer gap-3">
|
||||
<input type="checkbox" name="new" checked=""
|
||||
class="checkbox checkbox-sm checkbox-active rounded-sm">
|
||||
<span class="label-text">Core i3</span>
|
||||
</label>
|
||||
<label class="flex align-items cursor-pointer gap-3">
|
||||
<input type="checkbox" name="new" checked=""
|
||||
class="checkbox checkbox-sm checkbox-active rounded-sm">
|
||||
<span class="label-text">Core i3</span>
|
||||
</label>
|
||||
<label class="flex align-items cursor-pointer gap-3">
|
||||
<input type="checkbox" name="new" checked=""
|
||||
class="checkbox checkbox-sm checkbox-active rounded-sm">
|
||||
<span class="label-text">Core i3</span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="mt-5">
|
||||
<div class="flex items-center gap-3">
|
||||
<b>Bổ sung giá trị:</b>
|
||||
<p class="">mỗi giá trị 1 dòng</p>
|
||||
<a href="/product/attribute-add&id=98#attr_value" class="text-primary"><i
|
||||
class="iconify lucide--pencil"></i></a>
|
||||
</div>
|
||||
<textarea name="" id="" class="w-full textarea textarea-bordered rounded-sm mt-3"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="item-attributes p-3 mt-5">
|
||||
<b class="text-gray">Dòng cpu</b>
|
||||
<p class="text-gray">dong-cpu</p>
|
||||
<i class="text-gray">Dùng là bộ lọc - Dùng tạo lựa chọn SP - Hiển thị ở tóm tắt</i>
|
||||
<div class="grid grid-cols-4 mt-3 gap-3">
|
||||
<label class="flex align-items cursor-pointer gap-3">
|
||||
<input type="checkbox" class="checkbox checkbox-sm checkbox-active rounded-sm" name="new"
|
||||
checked="">
|
||||
<span class="label-text">Core i3</span>
|
||||
</label>
|
||||
<label class="flex align-items cursor-pointer gap-3">
|
||||
<input type="checkbox" name="new" checked=""
|
||||
class="checkbox checkbox-sm checkbox-active rounded-sm">
|
||||
<span class="label-text">Core i3</span>
|
||||
</label>
|
||||
<label class="flex align-items cursor-pointer gap-3">
|
||||
<input type="checkbox" name="new" checked=""
|
||||
class="checkbox checkbox-sm checkbox-active rounded-sm">
|
||||
<span class="label-text">Core i3</span>
|
||||
</label>
|
||||
<label class="flex align-items cursor-pointer gap-3">
|
||||
<input type="checkbox" name="new" checked=""
|
||||
class="checkbox checkbox-sm checkbox-active rounded-sm">
|
||||
<span class="label-text">Core i3</span>
|
||||
</label>
|
||||
<label class="flex align-items cursor-pointer gap-3">
|
||||
<input type="checkbox" name="new" checked=""
|
||||
class="checkbox checkbox-sm checkbox-active rounded-sm">
|
||||
<span class="label-text">Core i3</span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="mt-5">
|
||||
<div class="flex items-center gap-3">
|
||||
<b>Bổ sung giá trị:</b>
|
||||
<p class="">mỗi giá trị 1 dòng</p>
|
||||
<a href="/product/attribute-add&id=98#attr_value" class="text-primary"><i
|
||||
class="iconify lucide--pencil"></i></a>
|
||||
</div>
|
||||
<textarea name="" id="" class="w-full textarea textarea-bordered rounded-sm mt-3"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-attributes p-3 mt-5">
|
||||
<b class="text-gray">Dòng cpu</b>
|
||||
<p class="text-gray">dong-cpu</p>
|
||||
<i class="text-gray">Dùng là bộ lọc - Dùng tạo lựa chọn SP - Hiển thị ở tóm tắt</i>
|
||||
<div class="grid grid-cols-4 mt-3 gap-3">
|
||||
<label class="flex align-items cursor-pointer gap-3">
|
||||
<input type="checkbox" class="checkbox checkbox-sm checkbox-active" name="new" checked="">
|
||||
<span class="label-text">Core i3</span>
|
||||
</label>
|
||||
<label class="flex align-items cursor-pointer gap-3">
|
||||
<input type="checkbox" name="new" checked=""
|
||||
class="checkbox checkbox-sm checkbox-active rounded-sm">
|
||||
<span class="label-text">Core i3</span>
|
||||
</label>
|
||||
<label class="flex align-items cursor-pointer gap-3">
|
||||
<input type="checkbox" name="new" checked=""
|
||||
class="checkbox checkbox-sm checkbox-active rounded-sm">
|
||||
<span class="label-text">Core i3</span>
|
||||
</label>
|
||||
<label class="flex align-items cursor-pointer gap-3">
|
||||
<input type="checkbox" name="new" checked=""
|
||||
class="checkbox checkbox-sm checkbox-active rounded-sm">
|
||||
<span class="label-text">Core i3</span>
|
||||
</label>
|
||||
<label class="flex align-items cursor-pointer gap-3">
|
||||
<input type="checkbox" name="new" checked=""
|
||||
class="checkbox checkbox-sm checkbox-active rounded-sm">
|
||||
<span class="label-text">Core i3</span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="mt-5">
|
||||
<div class="flex items-center gap-3">
|
||||
<b>Bổ sung giá trị:</b>
|
||||
<p class="">mỗi giá trị 1 dòng</p>
|
||||
<a href="/product/attribute-add&id=98#attr_value" class="text-primary"><i
|
||||
class="iconify lucide--pencil"></i></a>
|
||||
</div>
|
||||
<textarea name="" id="" class="w-full textarea textarea-bordered rounded-sm mt-3"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="bg-white p-3 rounded-md shadow mt-5">
|
||||
<div class="flex items-center gap-3">
|
||||
<input class=" btn btn-active btn-md" name="commit" type="submit" value="Cập nhật">
|
||||
<a href="" class="btn btn-outline btn-view btn-md">
|
||||
Cập nhật không thuộc tính
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
0
template/product/form_components/spec_multiple.html
Normal file
0
template/product/form_components/spec_multiple.html
Normal file
0
template/product/form_components/store.html
Normal file
0
template/product/form_components/store.html
Normal file
39
template/product/form_components/tag.html
Normal file
39
template/product/form_components/tag.html
Normal file
@@ -0,0 +1,39 @@
|
||||
<div class="w-full" role="tabpanel">
|
||||
<div class="bg-white p-3 rounded-sm shadow">
|
||||
<div class="flex items-center justify-between">
|
||||
<b class="text-xl">Danh sách tag</b>
|
||||
<a href="/product" class="btn btn-view btn-outline btn-sm">
|
||||
<span class="">
|
||||
Chọn tag cho sản phẩm
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="border-base-300 border rounded mt-5">
|
||||
<table class="table">
|
||||
<tr class="bg-base-200 font-bold text-black">
|
||||
<th>STT</th>
|
||||
<th class="text-center">Tag</th>
|
||||
<th class="w-2"></th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>ATO Test</td>
|
||||
<td>
|
||||
<a href="" class="btn btn-xs btn-outline btn-error">
|
||||
<i data-lucide="trash-2" class="size-3"></i>
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="bg-white p-3 rounded shadow mt-3">
|
||||
<b class="block text-xl font-bold">Thêm tag nhanh cho sản phẩm</b>
|
||||
<p class="">Nhập Tag cho sản phẩm vào ô dưới đây và nhấn cập nhật. Mỗi Tag 1 dòng:</p>
|
||||
<textarea name="" id="" class="w-full mt-3 textarea textarea-bordered rounded shadow"></textarea>
|
||||
|
||||
<input class="btn btn-active mt-5" name=" commit" type="submit" value="Cập nhật">
|
||||
</div>
|
||||
</div>
|
||||
139
template/product/form_components/variant.html
Normal file
139
template/product/form_components/variant.html
Normal file
@@ -0,0 +1,139 @@
|
||||
<!-- cau hinh -->
|
||||
<div class="w-full" role="tabpanel">
|
||||
<div class="bg-white rounded-md shadow p-3">
|
||||
<div class="flex items-center justify-between">
|
||||
<b class="text-xl">Chủng loại của sản phẩm</b>
|
||||
<a href="" class="btn btn-outline btn-view btn-sm">
|
||||
<i data-lucide="pencil" class="size-4"></i>
|
||||
<span class="">
|
||||
Sửa thuộc tính
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="text-gray mt-5 ">
|
||||
<b class="">Chú ý:</b>
|
||||
<span>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"
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="p-3 rounded-sm mt-3 shadow">
|
||||
<b class="text-xl block">Cài nhanh cho tất cả chủng loại</b>
|
||||
|
||||
<div class="grid grid-cols-2 gap-3 mt-3">
|
||||
<div class="">
|
||||
<label for="" class="block font-bold">Giá bán</label>
|
||||
<input type="text" name="price" id="pro_name" value=""
|
||||
class="input input-md w-full mt-3 input-bordered rounded-sm shadow">
|
||||
</div>
|
||||
<div class="">
|
||||
<label for="" class="block font-bold">Số lượng</label>
|
||||
<input type="text" name="quantity" value=""
|
||||
class="input input-md w-full mt-3 input-bordered rounded-sm shadow">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="border border-base-200 rounded-sm mt-5">
|
||||
<table class="table">
|
||||
<tbody>
|
||||
<tr class="bg-base-200 font-bold text-black">
|
||||
<th>Ảnh</th>
|
||||
<th>Chủng loại</th>
|
||||
<th></th>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="align-text-top text-center">
|
||||
<a href="" class="m-0-auto ">
|
||||
<i class="iconify lucide--pencil"></i>
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
<div class="grid grid-cols-3 gap-3">
|
||||
<div class="">
|
||||
<label for="" class="block font-bold">Tên</label>
|
||||
<input type="text" name="info[new-1][label]" value=""
|
||||
class="w-[100%] input input-md input-bordered rounded shadow mt-2">
|
||||
</div>
|
||||
<div class="">
|
||||
<label for="" class="block font-bold">Mã
|
||||
kho</label>
|
||||
<input type="text" name="info[new-1][sku]" value=""
|
||||
class="w-[100%] input input-md input-bordered rounded shadow mt-2">
|
||||
</div>
|
||||
<div class="">
|
||||
<label for="" class="block font-bold">Giá
|
||||
bán</label>
|
||||
<input type="text" name="info[new-1][sale_price]" value=""
|
||||
class="w-[100%] input input-md input-bordered rounded shadow mt-2">
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid grid-cols-3 mt-3 gap-3">
|
||||
<div class="">
|
||||
<label for="" class="block font-bold">Link
|
||||
ngoài</label>
|
||||
<input type="text" name="info[new-1][url]" value=""
|
||||
class="w-[100%] input input-md input-bordered rounded shadow mt-2">
|
||||
</div>
|
||||
<div class="col-span-2 grid grid-cols-4 gap-3">
|
||||
<div>
|
||||
<label for="" class="block font-bold">Số
|
||||
lượng</label>
|
||||
<input type="text" name="info[new-1][stock_quantity]" value=""
|
||||
class="w-[100%] input input-md input-bordered rounded shadow mt-2">
|
||||
</div>
|
||||
<div>
|
||||
<label for="" class="block font-bold">STT</label>
|
||||
<input type="text" name="info[new-1][ordering]" value=""
|
||||
class="w-[100%] input input-md input-bordered rounded shadow mt-2">
|
||||
</div>
|
||||
<div>
|
||||
<label for="" class="block font-bold">Màu</label>
|
||||
<select name="info[new-1][color]" id=""
|
||||
class="w-full select select-bordered rounded shadow mt-2">
|
||||
<option value="">
|
||||
Màu sắc</option>
|
||||
</select>
|
||||
</div>
|
||||
<div>
|
||||
<label for="" class="block font-bold">Kích
|
||||
thước</label>
|
||||
<select name="info[new-1][size]" id=""
|
||||
class="w-full select select-bordered rounded shadow mt-2">
|
||||
<option value="">
|
||||
kích thước</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</td>
|
||||
<td class="align-text-top">
|
||||
<div class="flex items-center gap-3">
|
||||
<a href="" class="btn btn-xs btn-outline btn-view">
|
||||
<i data-lucide="eye" class="size-3"></i>
|
||||
</a>
|
||||
<a href="" class="btn btn-xs btn-outline btn-error">
|
||||
<i data-lucide="trash-2" class="size-3 text-red-500"></i>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<a href="" class="mt-5 flex items-center gap-1 justify-center">
|
||||
<span data-lucide="plus-circle" class="size-4 text-active"></span>
|
||||
<span class="link-active">Thêm chủng loại</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="bg-white p-3 rounded shadow mt-5">
|
||||
<input class="btn btn-active" name="commit" type="submit" value="Cập nhật">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
42
template/product/form_components/video.html
Normal file
42
template/product/form_components/video.html
Normal file
@@ -0,0 +1,42 @@
|
||||
<div class="w-full" role="tabpanel">
|
||||
<div class="bg-white p-3 rounded shadow ">
|
||||
<b class="text-[20px]">Youtobe Video</b>
|
||||
<p class="text-gray">Bạn cần gắn url của video được cung cấp bởi Youtube vào đây
|
||||
</p>
|
||||
<i class="link-primary">Ví dụ: https://www.youtube.com/watch?NR=1&v=QqzJhk1p4rU&feature=endscreen</i>
|
||||
<div class="border-base-200 border rounded mt-5">
|
||||
<table class="table">
|
||||
<tr class="bg-base-200 font-bold text-black">
|
||||
<th>Link youtobe</th>
|
||||
<th>Mô tả (nếu có)</th>
|
||||
<th></th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<input type="text" name="url_index" value=""
|
||||
class="w-full input input-md input-bordered rounded shadow">
|
||||
</td>
|
||||
<td>
|
||||
<input type="text" name="url_index" value=""
|
||||
class="w-full input input-md input-bordered rounded shadow">
|
||||
</td>
|
||||
<td>
|
||||
<a href="" class="btn btn-xs btn-outline btn-error">
|
||||
<i data-lucide="trash-2" class="size-3 text-red-500"></i>
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
|
||||
<a href="" class="mt-5 flex items-center gap-1 justify-center">
|
||||
<span data-lucide="plus-circle" class="size-4 link-active"></span>
|
||||
<span class="link-active">Thêm chủng loại</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="bg-white p-3 rounded shadow mt-3">
|
||||
<input class="btn btn-active" name="commit" type="submit" value="Cập nhật">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
324
template/product/home.html
Normal file
324
template/product/home.html
Normal file
@@ -0,0 +1,324 @@
|
||||
<div class="bg-white shadow p-3 rounded-sm">
|
||||
<h1 class="text-2xl font-bold mb-3">Danh sách sản phẩm ({{ page.total | format_number }})</h1>
|
||||
<div class="flex flex-wrap justify-between items-center">
|
||||
<div class="btn-left flex items-center mb-3 gap-3">
|
||||
<div class="form-control w-30">
|
||||
<div class="dropdown dropdown-bottom w-full">
|
||||
<label tabindex="0" class="btn btn-view btn-sm btn-outline w-full flex justify-between">
|
||||
Chọn danh mục
|
||||
<i class="iconify lucide--chevron-down"></i>
|
||||
</label>
|
||||
|
||||
<ul tabindex="0" class="dropdown-content menu bg-white shadow-xl rounded-box w-80 mt-1 p-2">
|
||||
{% for cate in page.list_category %}
|
||||
{% if cate.children.size > 0 %}
|
||||
<li>
|
||||
<details>
|
||||
<summary><a href="{{cate.url}}">{{cate.title}}</a></summary>
|
||||
{% for cate2 in cate.children %}
|
||||
<ul>
|
||||
<li><a>{{cate2.title}}</a></li>
|
||||
{% if cate2.children.size > 0 %}
|
||||
<ul class="ml-4">
|
||||
{% for cate3 in cate2.children %}
|
||||
<li><a href="{{cate3.url}}">{{cate3.title}} ({{cate3.totalProduct}})</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endif %}
|
||||
</ul>
|
||||
{% endfor %}
|
||||
</details>
|
||||
</li>
|
||||
{% else %}
|
||||
<li><a href="{{cate.url}}">{{cate.title}}</a></li>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<a href="javascript:void(0)" onclick="js_list_brand.showModal()" class="btn btn-outline btn-sm btn-view">
|
||||
Chọn thương hiệu để xem
|
||||
</a>
|
||||
</div>
|
||||
<div class="btn-right flex items-center mb-3 gap-3">
|
||||
<a href="/product/form" class="btn btn-sm btn-outline btn-view">
|
||||
<i data-lucide="plus" class="size-4"></i>
|
||||
<span>Thêm sản phẩm mới</span>
|
||||
</a>
|
||||
<a href="" class="btn btn-outline btn-sm btn-view">
|
||||
<i data-lucide="file-text" class="size-4"></i>
|
||||
<span class="ml-1">Danh sách cập nhật</span>
|
||||
</a>
|
||||
<a href="" class="btn btn-outline btn-sm btn-view">
|
||||
<i data-lucide="file-x" class="size-4"></i>
|
||||
<span class="ml-1">Cập nhật Excel</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="overflow-x-auto mt-5 border border-base-200 rounded-sm">
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr class="bg-base-300 text-black font-bold">
|
||||
<th>STT</th>
|
||||
<th>Ảnh</th>
|
||||
<th>Sản phẩm (Tổng số: {{page.total}})</th>
|
||||
<th>Thông tin bán hàng</th>
|
||||
<th>
|
||||
<select id="" class="select select-sm" onchange="location.href=this.value">
|
||||
<option value="/product?">Lọc sản phẩm</option>
|
||||
<option value="/product?hotType=new">Mới</option>
|
||||
<option value="/product?hotType=hot">HOT (hỏi nhiều)</option>
|
||||
<option value="/product?hotType=bestsale">Bán chạy</option>
|
||||
<option value="/product?hotType=saleoff">Xả hàng (sale-off)</option>
|
||||
<option value="/product?hotType=online-only">Chỉ bán online</option>
|
||||
</select>
|
||||
</th>
|
||||
<th>Công cụ</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% assign counter = 0 %}
|
||||
{% for item in page.item_list %}
|
||||
{% increment counter %}
|
||||
<tr>
|
||||
<td>{{ counter }}</td>
|
||||
<td>
|
||||
<img class="block mx-auto my-0 w-[70px] h-[50px]" src="{{item.image.thumb}}" alt="">
|
||||
<span class="text-center block whitespace-nowrap">{{item.image_count}} ảnh</span>
|
||||
</td>
|
||||
<td>
|
||||
<a href="/product/form?id={{item.id}}">[#{{item.id}}]
|
||||
<span class="link-primary">-
|
||||
{{item.title}}</span>
|
||||
</a>
|
||||
{% if item.config_count > 0 %}<p class="text-sm text-orange">[Có cấu hình]</p>{% endif %}
|
||||
<div class="flex items-center my-1 gap-2">
|
||||
<span>Danh mục:</span>
|
||||
<b class="">Màn hình Máy tính</b>
|
||||
</div>
|
||||
<div class="flex items-center my-1 gap-2">
|
||||
<span>Mã kho</span>
|
||||
<b class="px-2">{{item.sku}}</b>
|
||||
<span class="text-black font-500">|</span>
|
||||
<span class="px-2">Hãng</span>
|
||||
<p class="link-primary">{{item.model}}</p>
|
||||
</div>
|
||||
|
||||
{% assign date_now = "now" | date: format %}
|
||||
{% assign date_last = item.last_update %}
|
||||
{% assign time_conlai = date_now | minus: date_last %}
|
||||
|
||||
<p class="mb-2">Cập nhật: {{item.last_update | date: "Y-m-d h:i" }} <span class="text-red">(
|
||||
{{ time_conlai | divided_by: 86400 | round}}
|
||||
ngày)</span></p>
|
||||
<p>Người cập nhật : {{item.last_update_by}}</p>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex flex-wrap items-center mb-1">
|
||||
<span class="">Giá bán:</span>
|
||||
<b class="text-[#E00000] ml-[3px] whitespace-nowrap">
|
||||
{% if item.price > 0 %}
|
||||
{{item.price | format_price }} vnd
|
||||
{% else %}`
|
||||
{{item.price }} vnd
|
||||
{% endif %}
|
||||
</b>
|
||||
</div>
|
||||
<div class="flex items-center mb-1">
|
||||
<span class="whitespace-nowrap">Giá thị trường:</span>
|
||||
<b class="text-[#E00000] ml-2 whitespace-nowrap">
|
||||
{% if item.market_price > 0 %} {{item.market_price | format_price }} vnd {% else %}
|
||||
0 vnd {% endif %}
|
||||
</b>
|
||||
</div>
|
||||
<p>Bảo hành: {{item.warranty}}</p>
|
||||
<p>Khuyến mại: {{item.special_offer}}</p>
|
||||
<div class="flex items-center mb-1 gap-2">
|
||||
<span>SL tổng:</span>
|
||||
<b class="ml-2">{{item.quantity}}</b>
|
||||
</div>
|
||||
</td>
|
||||
<td class="align-text-top">
|
||||
|
||||
<label class="cursor-pointer flex items-center mb-2 gap-2"
|
||||
onclick="AdminFunction.update_product_hot('{{item.id}}')">
|
||||
<input type="checkbox" name="new" {% if item.hot_type=="new" %}checked="checked" {% endif %}
|
||||
class="checkbox checkbox-active checkbox-sm rounded-sm" />
|
||||
<span class="label-text whitespace-nowrap">Mới Hot (Hỏi nhiều)</span>
|
||||
</label>
|
||||
|
||||
|
||||
<label class="cursor-pointer flex items-center mb-2 gap-2"
|
||||
onclick="AdminFunction.update_product_hot('{{item.id}}')">
|
||||
<input type="checkbox" name="hot" {% if item.hot_type=="hot" %}checked="checked" {% endif %}
|
||||
class="checkbox checkbox-active checkbox-sm rounded-sm" />
|
||||
<span class="label-text whitespace-nowrap">Hot (Hỏi nhiều)</span>
|
||||
</label>
|
||||
|
||||
<label class="cursor-pointer flex items-center mb-2 gap-2"
|
||||
onclick="AdminFunction.update_product_hot('{{item.id}}')">
|
||||
<input type="checkbox" name="bestsale" {% if item.hot_type=="bestsale" %}checked="checked"
|
||||
{% endif %} class="checkbox checkbox-active checkbox-sm rounded-sm" />
|
||||
<span class="label-text whitespace-nowrap">Bán
|
||||
chạy</span>
|
||||
</label>
|
||||
|
||||
<label class="cursor-pointer flex items-center mb-2 gap-2"
|
||||
onclick="AdminFunction.update_product_hot('{{item.id}}')">
|
||||
<input type="checkbox" name="saleoff" {% if item.hot_type=="saleoff" %}checked="checked" {%
|
||||
endif %} class="checkbox checkbox-active checkbox-sm rounded-sm" />
|
||||
<span class="label-text whitespace-nowrap">Xả
|
||||
hàng (sale-off)</span>
|
||||
</label>
|
||||
|
||||
<label class="cursor-pointer flex items-center mb-2 gap-2"
|
||||
onclick="AdminFunction.update_product_hot('{{item.id}}')">
|
||||
<input type="checkbox" name="online-only" {% if item.hot_type=="online-only"
|
||||
%}checked="checked" {% endif %}
|
||||
class="checkbox checkbox-active checkbox-sm rounded-sm" />
|
||||
<span class="label-text whitespace-nowrap">Chỉ bán online</span>
|
||||
</label>
|
||||
|
||||
<div id="js-status-hottype-{{item.id}}" class="flex items-center mt-2"></div>
|
||||
</td>
|
||||
<td class="align-text-top">
|
||||
<div class="list-btn flex items-center gap-3">
|
||||
<a href="/product/form?id={{item.id}}" title="Form sản phẩm"
|
||||
class="btn btn-soft btn-xs btn-square btn-outline btn-view">
|
||||
<i data-lucide="pencil" class="size-3"></i>
|
||||
</a>
|
||||
<a href="{{item.request_path}}" title="Xem tại web" target="_blank"
|
||||
class="btn btn-soft btn-xs btn-square btn-outline btn-view">
|
||||
<i data-lucide="globe" class="size-3"></i>
|
||||
</a>
|
||||
{% if item.status == 0 %}
|
||||
<a href="" class="btn btn-soft btn-xs btn-square btn-outline btn-view">
|
||||
<i data-lucide="eye-off" class="size-3"></i>
|
||||
</a>
|
||||
{% else %}
|
||||
<a href="" class="btn btn-soft btn-xs btn-square btn-outline btn-view">
|
||||
<i data-lucide="eye" class="size-3"></i>
|
||||
</a>
|
||||
{% endif %}
|
||||
<a href="" class="btn btn-soft btn-xs btn-error btn-square">
|
||||
<i data-lucide="trash-2" class="size-3 text-red-400"></i>
|
||||
</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="join mt-5 justify-end flex items-center gap-1">
|
||||
<a href="" class="btn btn-ghost btn-circle btn-sm" aria-label="Pagination controls">
|
||||
<i data-lucide="chevron-left" class="size-4"></i>
|
||||
</a>
|
||||
<a href="" class="btn btn-circle btn-sm btn-ghost">1</a>
|
||||
<a href="" class="btn btn-circle btn-sm btn-ghost btn-active">2</a>
|
||||
<a href="" class="btn btn-circle btn-sm btn-ghost">3</a>
|
||||
<a href="" class="btn btn-circle btn-sm btn-ghost">4</a>
|
||||
<a href="" class="btn btn-circle btn-sm btn-ghost">5</a>
|
||||
<a href="" class="btn btn-ghost btn-circle btn-sm" aria-label="Pagination controls">
|
||||
<i data-lucide="chevron-right" class="size-4"></i>
|
||||
</a>
|
||||
</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="flex items-center gap-2">
|
||||
<b class="text-lg">Tổng sản phẩm:</b>
|
||||
<p class="ml-2">{{page.total}} sản phẩm</p>
|
||||
</div>
|
||||
<div class="list-category mt-1 max-h-400 max-h-400p overflow-x-auto">
|
||||
{% for cate in page.list_category %}
|
||||
<a href="{{cate.url}}" class="item block mb-2 text-primary">
|
||||
{% if cate.children.size > 0 %}
|
||||
<b class="text-primary">+ (#{{cate.id}}){{cate.title}}</b>
|
||||
{% else %}
|
||||
+ (#{{cate.id}}){{cate.title}}
|
||||
{% endif %}
|
||||
</a>
|
||||
{% if cate.children.size > 0 %}
|
||||
<div class="ml-2">
|
||||
{% for cate2 in cate.children %}
|
||||
<a href="{{cate2.url}}" class="item block mb-2 text-primary">
|
||||
{% if cate2.children.size > 0 %}
|
||||
<b class="text-primary">+ (#{{cate2.id}}){{cate2.title}}</b>
|
||||
{% else %}
|
||||
+ (#{{cate2.id}}){{cate2.title}} ({{cate2.totalProduct}})
|
||||
{% endif %}
|
||||
</a>
|
||||
{% if cate2.children.size > 0 %}
|
||||
<div class="ml-2">
|
||||
{% for cate3 in cate2.children %}
|
||||
<a href="{{cate3.url}}" class="item block mb-2 text-primary">+
|
||||
(#{{cate3.id}}){{cate3.title}}
|
||||
({{cate3.totalProduct}})</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
<form method="dialog" class="modal-backdrop">
|
||||
<button>close</button>
|
||||
</form>
|
||||
</dialog>
|
||||
|
||||
|
||||
<dialog id="js_list_brand" class="modal">
|
||||
<div class="modal-box w-11/12 max-w-3xl">
|
||||
<form method="dialog">
|
||||
<button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</button>
|
||||
</form>
|
||||
<div class="flex flex-wrap items-center">
|
||||
<b class="inline-block w-34">Tìm theo chữ cái</b>
|
||||
<div class="list-key inline-block ml-2 max-w-3xl">
|
||||
{% for key in page.brand_letters %}
|
||||
<a href="{{key.url}}">
|
||||
<span class="text-primary underline">{{key.key}}</span> <span>({{key.total}})</span>
|
||||
</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
<div class="overflow-x-auto border border-base-200 rounded-sm mt-5 w-full mt-3">
|
||||
<table class="w-full table table-sm table-brand">
|
||||
<thead>
|
||||
<tr class="bg-base-200">
|
||||
<th>STT</th>
|
||||
<th>Thương hiệu</th>
|
||||
<th class="whitespace-nowrap">Số lượng sản phẩm</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% assign stt = 0 %}
|
||||
{% for item in page.list_brands %}
|
||||
{% for item2 in item.1 %}
|
||||
{% increment stt %}
|
||||
<tr>
|
||||
<td>{{stt}}</td>
|
||||
<td>{{item2.name}}</td>
|
||||
<td>
|
||||
<span>{{item2.product}}</span>
|
||||
<a href="{{item2.url}}" class="text-primary">(Xem sp)</a>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<form method="dialog" class="modal-backdrop">
|
||||
<button>close</button>
|
||||
</form>
|
||||
</dialog>
|
||||
130
template/product/list_competitor.html
Normal file
130
template/product/list_competitor.html
Normal file
@@ -0,0 +1,130 @@
|
||||
<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 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-between mt-5">
|
||||
<a href="javascript:void(0)" onclick="js_list_category.showModal()" class="btn btn-outline btn-view btn-sm">
|
||||
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>
|
||||
{% 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 %}
|
||||
+ (#{{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 %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
<form method="dialog" class="modal-backdrop">
|
||||
<button>close</button>
|
||||
</form>
|
||||
</dialog>
|
||||
64
template/product/set.html
Normal file
64
template/product/set.html
Normal file
@@ -0,0 +1,64 @@
|
||||
<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 class="text-[13px]"><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="/product/set_form" id="add-prod" class="btn btn-view btn-outline btn-sm">
|
||||
<span data-lucide="circle-plus" class="size-4"></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>
|
||||
<td>Sản phẩm sử dụng set này</td>
|
||||
<td class="w-[200px]">Quản lý</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>(ID: 658) <a href="" class=" name font-bold link-active">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 gap-3">
|
||||
<p class="">137 sp</p>
|
||||
<a href="" class="btn btn-sm btn-active">Xem
|
||||
danh sách</a>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex items-center gap-3">
|
||||
<a href="" class="btn btn-sm btn-active">Chi
|
||||
tiết</a>
|
||||
<a href="" class='btn btn-sm btn-outline btn-view'><i data-lucide="pencil"
|
||||
class="size-3"></i></a>
|
||||
<a href="" class='btn btn-sm btn-outline btn-error'><i data-lucide="trash-2"
|
||||
class='size-3'></i></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
320
template/product/set_form.html
Normal file
320
template/product/set_form.html
Normal file
@@ -0,0 +1,320 @@
|
||||
<div class="w-[100%] mb-[50px]">
|
||||
<div class="text-sm breadcrumbs ml-[10px]">
|
||||
<ul>
|
||||
<li><a href="/product/set">Combo set</a></li>
|
||||
<li class="text-[#0041E8]">Form thêm/sửa combo set</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="w-[1140px] my-0 mx-auto">
|
||||
<div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A] my-[15px]">
|
||||
<div class="flex items-center justify-between">
|
||||
<h1 class="text-[20px] font-[700]">Cập nhật combo set</h1>
|
||||
<a href="/product/set-form"
|
||||
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-[10.3px] mr-[5px] text-[#6B7280]">+</span>
|
||||
<span class="text-[#6B7280]">Thêm set mới</span>
|
||||
</a>
|
||||
</div>
|
||||
<p class="text-gray-500">Thẻ Nhớ CAEZ CAIM CAIS</p>
|
||||
</div>
|
||||
|
||||
<div class="flex">
|
||||
<div class="left w-[270px] mr-[10px]">
|
||||
<div class="list-tab">
|
||||
<a href="/product/set_form"
|
||||
class="item block w-[100%] h-[36px] text-white bg-[#0041E8] rounded-[10px] text-[13px] leading-[35px] px-[20px]">Thông
|
||||
tin</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right w-[860px]">
|
||||
<div
|
||||
class="bg-white p-[10px] rounded-[10px] shadow-[0_-1px_1px_0px_#0000001A] border-b-[6px] border-[#FAFAFB]">
|
||||
|
||||
<table>
|
||||
<tr>
|
||||
<td>Tên set</td>
|
||||
<td>
|
||||
<input type="text" size="60" name="info[title]" id="title" value=""
|
||||
placeholder="Tên set"
|
||||
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Mô tả tóm tắt
|
||||
</td>
|
||||
<td>
|
||||
<input type="text" size="60" name="info[description]" id="description" value=""
|
||||
placeholder="Tên nhóm"
|
||||
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Trạng thái
|
||||
</td>
|
||||
<td>
|
||||
<label class="cursor-pointer flex items-center mb-[10px]">
|
||||
<input type="radio" name="info[status]" value="0" class="radio checked:bg-blue-500"
|
||||
checked="checked" />
|
||||
<span class="label-text ml-[10px]">Cho hiển thị</span>
|
||||
</label>
|
||||
<label class="cursor-pointer flex items-center mb-[10px]">
|
||||
<input type="radio" name="info[status]" value="0" class="radio checked:bg-blue-500"
|
||||
checked="checked" />
|
||||
<span class="label-text ml-[10px]">Ẩn hiển thị</span>
|
||||
</label>
|
||||
<label class="cursor-pointer flex items-center mb-[10px]">
|
||||
<input type="radio" name="info[status]" value="0" class="radio checked:bg-blue-500"
|
||||
checked="checked" />
|
||||
<span class="label-text ml-[10px]">Luôn hiển thị, chỉ ẩn khi hạ bằng tay</span>
|
||||
</label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Thời trang hiển thị
|
||||
</td>
|
||||
<td>
|
||||
<div class="items-center mb-[7px]" style="display: flex;">
|
||||
<p style="width: 65px;"> Bắt đầu </p>
|
||||
<div class="relative m-[0_20px_0_10px]">
|
||||
<i
|
||||
class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
|
||||
<input type="date" name="from_time_date" value="" placeholder="Từ ngày"
|
||||
class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
<p class="mr-[10px]"> Giờ </p>
|
||||
<select name='info[from_time_minute]' id='from_time_minute'
|
||||
class="select select-bordered w-[100px] h-[38px] min-h-[38px] rounded-[4px]">
|
||||
<option value="00:00">00:00</option>
|
||||
<option value="00:30">00:30</option>
|
||||
<option value="01:00">01:00</option>
|
||||
<option value="01:30">01:30</option>
|
||||
<option value="02:00">02:00</option>
|
||||
<option value="02:30">02:30</option>
|
||||
<option value="03:00">03:00</option>
|
||||
<option value="03:30">03:30</option>
|
||||
<option value="04:00">04:00</option>
|
||||
<option value="04:30">04:30</option>
|
||||
<option value="05:00">05:00</option>
|
||||
<option value="05:30">05:30</option>
|
||||
<option value="06:00">06:00</option>
|
||||
<option value="06:30">06:30</option>
|
||||
<option value="07:00">07:00</option>
|
||||
<option value="07:30">07:30</option>
|
||||
<option value="08:00">08:00</option>
|
||||
<option value="08:30">08:30</option>
|
||||
<option value="09:00">09:00</option>
|
||||
<option value="09:30">09:30</option>
|
||||
<option value="10:00">10:00</option>
|
||||
<option value="10:30">10:30</option>
|
||||
<option value="11:00">11:00</option>
|
||||
<option value="11:30">11:30</option>
|
||||
<option value="12:00">12:00</option>
|
||||
<option value="12:30">12:30</option>
|
||||
<option value="13:00">13:00</option>
|
||||
<option value="13:30">13:30</option>
|
||||
<option value="14:00">14:00</option>
|
||||
<option value="14:30">14:30</option>
|
||||
<option value="15:00">15:00</option>
|
||||
<option value="15:30">15:30</option>
|
||||
<option value="16:00">16:00</option>
|
||||
<option value="16:30">16:30</option>
|
||||
<option value="17:00">17:00</option>
|
||||
<option value="17:30">17:30</option>
|
||||
<option value="18:00">18:00</option>
|
||||
<option value="18:30">18:30</option>
|
||||
<option value="19:00">19:00</option>
|
||||
<option value="19:30">19:30</option>
|
||||
<option value="20:00">20:00</option>
|
||||
<option value="20:30">20:30</option>
|
||||
<option value="21:00">21:00</option>
|
||||
<option value="21:30">21:30</option>
|
||||
<option value="22:00">22:00</option>
|
||||
<option value="22:30">22:30</option>
|
||||
<option value="23:00">23:00</option>
|
||||
<option value="23:30">23:30</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="items-center mb-[7px]" style="display: flex;">
|
||||
<p style="width: 65px;"> Kết thúc </p>
|
||||
<div class="relative m-[0_20px_0_10px]">
|
||||
<i
|
||||
class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
|
||||
<input type="date" name="from_time_date" value="" placeholder="Từ ngày"
|
||||
class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
<p class="mr-[10px]"> Giờ </p>
|
||||
<select name='info[from_time_minute]' id='from_time_minute'
|
||||
class="select select-bordered w-[100px] h-[38px] min-h-[38px] rounded-[4px]">
|
||||
<option value="00:00">00:00</option>
|
||||
<option value="00:30">00:30</option>
|
||||
<option value="01:00">01:00</option>
|
||||
<option value="01:30">01:30</option>
|
||||
<option value="02:00">02:00</option>
|
||||
<option value="02:30">02:30</option>
|
||||
<option value="03:00">03:00</option>
|
||||
<option value="03:30">03:30</option>
|
||||
<option value="04:00">04:00</option>
|
||||
<option value="04:30">04:30</option>
|
||||
<option value="05:00">05:00</option>
|
||||
<option value="05:30">05:30</option>
|
||||
<option value="06:00">06:00</option>
|
||||
<option value="06:30">06:30</option>
|
||||
<option value="07:00">07:00</option>
|
||||
<option value="07:30">07:30</option>
|
||||
<option value="08:00">08:00</option>
|
||||
<option value="08:30">08:30</option>
|
||||
<option value="09:00">09:00</option>
|
||||
<option value="09:30">09:30</option>
|
||||
<option value="10:00">10:00</option>
|
||||
<option value="10:30">10:30</option>
|
||||
<option value="11:00">11:00</option>
|
||||
<option value="11:30">11:30</option>
|
||||
<option value="12:00">12:00</option>
|
||||
<option value="12:30">12:30</option>
|
||||
<option value="13:00">13:00</option>
|
||||
<option value="13:30">13:30</option>
|
||||
<option value="14:00">14:00</option>
|
||||
<option value="14:30">14:30</option>
|
||||
<option value="15:00">15:00</option>
|
||||
<option value="15:30">15:30</option>
|
||||
<option value="16:00">16:00</option>
|
||||
<option value="16:30">16:30</option>
|
||||
<option value="17:00">17:00</option>
|
||||
<option value="17:30">17:30</option>
|
||||
<option value="18:00">18:00</option>
|
||||
<option value="18:30">18:30</option>
|
||||
<option value="19:00">19:00</option>
|
||||
<option value="19:30">19:30</option>
|
||||
<option value="20:00">20:00</option>
|
||||
<option value="20:30">20:30</option>
|
||||
<option value="21:00">21:00</option>
|
||||
<option value="21:30">21:30</option>
|
||||
<option value="22:00">22:00</option>
|
||||
<option value="22:30">22:30</option>
|
||||
<option value="23:00">23:00</option>
|
||||
<option value="23:30">23:30</option>
|
||||
</select>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Nhóm sản phẩm trong Set
|
||||
</td>
|
||||
<td>
|
||||
<table>
|
||||
<tr>
|
||||
<td>
|
||||
<b class="block mb-[10px] whitespace-nowrap">Nhóm sản phẩm</b>
|
||||
<div class="flex items-center">
|
||||
<a href="javascript:void(0)"
|
||||
class="w-[30px] h-[30px] rounded-[5px] leading-[28px] text-center border border-blue-600"
|
||||
onclick="ComboSet.moveCategory.call(this, 'up')">
|
||||
<i class="fa-solid fa-arrow-up text-blue-600"></i>
|
||||
</a>
|
||||
<a href="javascript:void(0)"
|
||||
class="ml-[7px] w-[30px] h-[30px] rounded-[5px] leading-[28px] text-center border border-blue-600"
|
||||
onclick="ComboSet.moveCategory.call(this, 'down')">
|
||||
<i class="fa-solid fa-arrow-down text-blue-600"></i>
|
||||
</a>
|
||||
<a href="javascript:void(0)"
|
||||
class="ml-[7px] w-[30px] h-[30px] flex items-center justify-center rounded-[5px] leading-[28px] text-center border border-gray-600"
|
||||
onclick="ComboSet.moveCategory.call(this, 'down')">
|
||||
<i class="icons icon-remove"></i>
|
||||
</a>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<p class="block mb-[5px]">Tên gọi</p>
|
||||
<input type="text" size="60" name="info[description]" id="description"
|
||||
value="" placeholder="Tên nhóm"
|
||||
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="top">
|
||||
<b class="block mb-[7px] whitespace-nowrap">Sản phẩm</b>
|
||||
<div class="flex items-center">
|
||||
<a href="javascript:void(0)"
|
||||
class="w-[30px] h-[30px] rounded-[5px] leading-[28px] text-center border border-blue-600"
|
||||
onclick="ComboSet.moveCategory.call(this, 'up')">
|
||||
<i class="fa-solid fa-arrow-up text-blue-600"></i>
|
||||
</a>
|
||||
<a href="javascript:void(0)"
|
||||
class="ml-[7px] w-[30px] h-[30px] rounded-[5px] leading-[28px] text-center border border-blue-600"
|
||||
onclick="ComboSet.moveCategory.call(this, 'down')">
|
||||
<i class="fa-solid fa-arrow-down text-blue-600"></i>
|
||||
</a>
|
||||
<a href="javascript:void(0)"
|
||||
class="ml-[7px] w-[30px] h-[30px] flex items-center justify-center rounded-[5px] leading-[28px] text-center border border-gray-600"
|
||||
onclick="ComboSet.moveCategory.call(this, 'down')">
|
||||
<i class="icons icon-remove"></i>
|
||||
</a>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex items-center mb-[7px]">
|
||||
<p class="mr-[5px]">Tên gọi</p>
|
||||
<a href="javascript:void(0)" class="text-[#0041E8]"
|
||||
onclick="ComboSet.openProductListToSelect.call(this, '1')">[Chọn sản
|
||||
phẩm]</a>
|
||||
</div>
|
||||
<input type="text" size="60" name="info[description]" id="description"
|
||||
value="" placeholder="Tên nhóm"
|
||||
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||
<p class="my-[10px]">Giá đang bán : 129.000</p>
|
||||
<div class="flex items-center">
|
||||
<p class="mr-[10px]">Cài giảm</p>
|
||||
<input type="text" size="60" name="product[1][1][discount]" value="0"
|
||||
class="w-[80px] mr-[10px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||
|
||||
<select name='product[1][1][discount_type]' id='from_time_minute'
|
||||
class="select select-bordered w-[100px] h-[35px] min-h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||
<option value="">Đơn vị</option>
|
||||
<option value="percent" selected="">%</option>
|
||||
<option value="number">Số tiền</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="flex items-center mt-[15px]">
|
||||
<label class="items-center cursor-pointer mr-[15px]"
|
||||
style="display: inline-flex;">
|
||||
<input type="checkbox" name=""
|
||||
class="checkbox checkbox-success mr-[7px]">
|
||||
<span class="label-text">Hiển thị đầu tiên</span>
|
||||
</label>
|
||||
<label class="items-center cursor-pointer mr-[15px]"
|
||||
style="display: inline-flex;">
|
||||
<input type="checkbox" name=""
|
||||
class="checkbox checkbox-success mr-[7px]">
|
||||
<span class="label-text">Là miễn phí</span>
|
||||
</label>
|
||||
<label class="items-center cursor-pointer "
|
||||
style="display: inline-flex;">
|
||||
<input type="checkbox" name=""
|
||||
class="checkbox checkbox-success mr-[7px]">
|
||||
<span class="label-text">Khuyên mua</span>
|
||||
</label>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<a href="javascript:void(0)" class="block py-[15px] text-center text-blue-600"
|
||||
onclick="ComboSet.addProductRow.call(this, '1')">[+] Thêm
|
||||
nhóm sản phẩm</a>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<input type="hidden" name="create" value="yes" />
|
||||
<input name="commit" type="submit" value="Cập nhật"
|
||||
class="inline-block mt-[12px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
308
template/product/set_product.html
Normal file
308
template/product/set_product.html
Normal file
@@ -0,0 +1,308 @@
|
||||
<div class="w-[100%] mb-[50px]">
|
||||
<div class="text-sm breadcrumbs ml-[10px]">
|
||||
<ul>
|
||||
<li><a href="/product/set">Combo set</a></li>
|
||||
<li class="text-[#0041E8]">Sản phẩm sử dụng Set</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="w-[1140px] my-0 mx-auto">
|
||||
<div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A] my-[15px]">
|
||||
<h1 class="text-[20px] font-[700]">Cập nhật combo set</h1>
|
||||
<p class="text-gray-500">Thẻ Nhớ CAEZ CAIM CAIS</p>
|
||||
</div>
|
||||
<div class="flex">
|
||||
<div class="left w-[270px] mr-[10px]">
|
||||
<div class="list-tab">
|
||||
<a href="/product/set_form"
|
||||
class="item block w-[100%] h-[36px] text-white bg-[#0041E8] rounded-[10px] text-[13px] leading-[35px] px-[20px]">Danh
|
||||
sách</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right w-[860px]">
|
||||
<div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A]">
|
||||
<div class="flex items-center justify-between">
|
||||
<h2 class="text-[20px] font-bold">Danh sách sản phẩm sử dụng set</h2>
|
||||
<a href="javascript:void(0)" onclick="openProductListToSelect()"
|
||||
class="group flex items-center border-[1px] border-blue-700 rounded-[4px] p-[5px_10px_5px_10px] hover:bg-blue-700 hover:text-white">
|
||||
<span
|
||||
class="w-[14.5px] h-[14px] border-[1px] rounded-[50%] border-blue-700 text-center leading-[11px] mr-[5px] text-blue-700 group-hover:text-white">+</span>
|
||||
<span class="text-blue-700 group-hover:text-white">Thêm set mới</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="p-[10px] rounded-[10px] shadow-[0_1px_1px_0_#0000001A] border border-[#f6f6f6]">
|
||||
<form class="w-[100%]" id="">
|
||||
<div class="content w-[400px] flex items-center ">
|
||||
<input type="search"
|
||||
class="block h-[36px] rounded w-full px-[10px] border-[#ECECEC] border-[1px] rounded-[5px] focus-within:border-[#0041E8]"
|
||||
id="js-input-search" placeholder="Tìm kiếm">
|
||||
<input name="commit" type="submit" value="Cập nhật"
|
||||
class="inline-block ml-[12px] cursor-pointer h-[36px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<table class="mt-[20px]">
|
||||
<thead class="bg-[#f6f6f6]">
|
||||
<tr>
|
||||
<td class="w-[50px]">STT</td>
|
||||
<td>Ảnh</td>
|
||||
<td>Tên</td>
|
||||
<td>Lựa chọn</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr valign="top">
|
||||
<td>1</td>
|
||||
<td>
|
||||
<img src="" class="w-[50px] h-[50px] block object-contain" alt="">
|
||||
</td>
|
||||
<td>
|
||||
<p>(#71342)</p>
|
||||
<a href="">CAMERA AI WIFI XOAY TRÁI/ XOAY PHẢI ISACHI SC-B1</a>
|
||||
<p>Mã kho: CAIS013</p>
|
||||
<p>Kho hàng: 8</p>
|
||||
<p>Giá bán : <b>749.000 vnd</b></p>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<a href="" title="Xem tại web" target="_blank"
|
||||
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-view"></i>
|
||||
</a>
|
||||
<a href="javascript:void(0)"
|
||||
class="whitespace-nowrap p-[5px_10px] border border-[#79b0e2] rounded-[4px] text-[14px] text-[#79b0e2] hover:bg-[#79b0e2] hover:text-[#fff]"
|
||||
onclick="deleteThis('9331')">Loại khỏi danh
|
||||
sách</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td>1</td>
|
||||
<td>
|
||||
<img src="" class="w-[50px] h-[50px] block object-contain" alt="">
|
||||
</td>
|
||||
<td>
|
||||
<p>(#71342)</p>
|
||||
<a href="">CAMERA AI WIFI XOAY TRÁI/ XOAY PHẢI ISACHI SC-B1</a>
|
||||
<p>Mã kho: CAIS013</p>
|
||||
<p>Kho hàng: 8</p>
|
||||
<p>Giá bán : <b>749.000 vnd</b></p>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<a href="" title="Xem tại web" target="_blank"
|
||||
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-view"></i>
|
||||
</a>
|
||||
<a href="javascript:void(0)"
|
||||
class="whitespace-nowrap p-[5px_10px] border border-[#79b0e2] rounded-[4px] text-[14px] text-[#79b0e2] hover:bg-[#79b0e2] hover:text-[#fff]"
|
||||
onclick="deleteThis('9331')">Loại khỏi danh
|
||||
sách</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td>1</td>
|
||||
<td>
|
||||
<img src="" class="w-[50px] h-[50px] block object-contain" alt="">
|
||||
</td>
|
||||
<td>
|
||||
<p>(#71342)</p>
|
||||
<a href="">CAMERA AI WIFI XOAY TRÁI/ XOAY PHẢI ISACHI SC-B1</a>
|
||||
<p>Mã kho: CAIS013</p>
|
||||
<p>Kho hàng: 8</p>
|
||||
<p>Giá bán : <b>749.000 vnd</b></p>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<a href="" title="Xem tại web" target="_blank"
|
||||
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-view"></i>
|
||||
</a>
|
||||
<a href="javascript:void(0)"
|
||||
class="whitespace-nowrap p-[5px_10px] border border-[#79b0e2] rounded-[4px] text-[14px] text-[#79b0e2] hover:bg-[#79b0e2] hover:text-[#fff]"
|
||||
onclick="deleteThis('9331')">Loại khỏi danh
|
||||
sách</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td>1</td>
|
||||
<td>
|
||||
<img src="" class="w-[50px] h-[50px] block object-contain" alt="">
|
||||
</td>
|
||||
<td>
|
||||
<p>(#71342)</p>
|
||||
<a href="">CAMERA AI WIFI XOAY TRÁI/ XOAY PHẢI ISACHI SC-B1</a>
|
||||
<p>Mã kho: CAIS013</p>
|
||||
<p>Kho hàng: 8</p>
|
||||
<p>Giá bán : <b>749.000 vnd</b></p>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<a href="" title="Xem tại web" target="_blank"
|
||||
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-view"></i>
|
||||
</a>
|
||||
<a href="javascript:void(0)"
|
||||
class="whitespace-nowrap p-[5px_10px] border border-[#79b0e2] rounded-[4px] text-[14px] text-[#79b0e2] hover:bg-[#79b0e2] hover:text-[#fff]"
|
||||
onclick="deleteThis('9331')">Loại khỏi danh
|
||||
sách</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td>1</td>
|
||||
<td>
|
||||
<img src="" class="w-[50px] h-[50px] block object-contain" alt="">
|
||||
</td>
|
||||
<td>
|
||||
<p>(#71342)</p>
|
||||
<a href="">CAMERA AI WIFI XOAY TRÁI/ XOAY PHẢI ISACHI SC-B1</a>
|
||||
<p>Mã kho: CAIS013</p>
|
||||
<p>Kho hàng: 8</p>
|
||||
<p>Giá bán : <b>749.000 vnd</b></p>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<a href="" title="Xem tại web" target="_blank"
|
||||
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-view"></i>
|
||||
</a>
|
||||
<a href="javascript:void(0)"
|
||||
class="whitespace-nowrap p-[5px_10px] border border-[#79b0e2] rounded-[4px] text-[14px] text-[#79b0e2] hover:bg-[#79b0e2] hover:text-[#fff]"
|
||||
onclick="deleteThis('9331')">Loại khỏi danh
|
||||
sách</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td>1</td>
|
||||
<td>
|
||||
<img src="" class="w-[50px] h-[50px] block object-contain" alt="">
|
||||
</td>
|
||||
<td>
|
||||
<p>(#71342)</p>
|
||||
<a href="">CAMERA AI WIFI XOAY TRÁI/ XOAY PHẢI ISACHI SC-B1</a>
|
||||
<p>Mã kho: CAIS013</p>
|
||||
<p>Kho hàng: 8</p>
|
||||
<p>Giá bán : <b>749.000 vnd</b></p>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<a href="" title="Xem tại web" target="_blank"
|
||||
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-view"></i>
|
||||
</a>
|
||||
<a href="javascript:void(0)"
|
||||
class="whitespace-nowrap p-[5px_10px] border border-[#79b0e2] rounded-[4px] text-[14px] text-[#79b0e2] hover:bg-[#79b0e2] hover:text-[#fff]"
|
||||
onclick="deleteThis('9331')">Loại khỏi danh
|
||||
sách</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td>1</td>
|
||||
<td>
|
||||
<img src="" class="w-[50px] h-[50px] block object-contain" alt="">
|
||||
</td>
|
||||
<td>
|
||||
<p>(#71342)</p>
|
||||
<a href="">CAMERA AI WIFI XOAY TRÁI/ XOAY PHẢI ISACHI SC-B1</a>
|
||||
<p>Mã kho: CAIS013</p>
|
||||
<p>Kho hàng: 8</p>
|
||||
<p>Giá bán : <b>749.000 vnd</b></p>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<a href="" title="Xem tại web" target="_blank"
|
||||
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-view"></i>
|
||||
</a>
|
||||
<a href="javascript:void(0)"
|
||||
class="whitespace-nowrap p-[5px_10px] border border-[#79b0e2] rounded-[4px] text-[14px] text-[#79b0e2] hover:bg-[#79b0e2] hover:text-[#fff]"
|
||||
onclick="deleteThis('9331')">Loại khỏi danh
|
||||
sách</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td>1</td>
|
||||
<td>
|
||||
<img src="" class="w-[50px] h-[50px] block object-contain" alt="">
|
||||
</td>
|
||||
<td>
|
||||
<p>(#71342)</p>
|
||||
<a href="">CAMERA AI WIFI XOAY TRÁI/ XOAY PHẢI ISACHI SC-B1</a>
|
||||
<p>Mã kho: CAIS013</p>
|
||||
<p>Kho hàng: 8</p>
|
||||
<p>Giá bán : <b>749.000 vnd</b></p>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<a href="" title="Xem tại web" target="_blank"
|
||||
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-view"></i>
|
||||
</a>
|
||||
<a href="javascript:void(0)"
|
||||
class="whitespace-nowrap p-[5px_10px] border border-[#79b0e2] rounded-[4px] text-[14px] text-[#79b0e2] hover:bg-[#79b0e2] hover:text-[#fff]"
|
||||
onclick="deleteThis('9331')">Loại khỏi danh
|
||||
sách</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td>1</td>
|
||||
<td>
|
||||
<img src="" class="w-[50px] h-[50px] block object-contain" alt="">
|
||||
</td>
|
||||
<td>
|
||||
<p>(#71342)</p>
|
||||
<a href="">CAMERA AI WIFI XOAY TRÁI/ XOAY PHẢI ISACHI SC-B1</a>
|
||||
<p>Mã kho: CAIS013</p>
|
||||
<p>Kho hàng: 8</p>
|
||||
<p>Giá bán : <b>749.000 vnd</b></p>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<a href="" title="Xem tại web" target="_blank"
|
||||
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-view"></i>
|
||||
</a>
|
||||
<a href="javascript:void(0)"
|
||||
class="whitespace-nowrap p-[5px_10px] border border-[#79b0e2] rounded-[4px] text-[14px] text-[#79b0e2] hover:bg-[#79b0e2] hover:text-[#fff]"
|
||||
onclick="deleteThis('9331')">Loại khỏi danh
|
||||
sách</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<div class="paging">
|
||||
<a href="" class="">
|
||||
<i class="fas fa-chevron-left"></i>
|
||||
</a>
|
||||
<a href="" class="current">
|
||||
1
|
||||
</a>
|
||||
<a href="" class="">
|
||||
1
|
||||
</a>
|
||||
<a href="" class="">
|
||||
1
|
||||
</a>
|
||||
<a href="" class="">
|
||||
1
|
||||
</a>
|
||||
<a href="" class="">
|
||||
<i class="fas fa-chevron-right"></i>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
49
template/product/spec_group.html
Normal file
49
template/product/spec_group.html
Normal file
@@ -0,0 +1,49 @@
|
||||
<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 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-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="/product/spec-group-add" class="btn btn-sm btn-outline btn-view flex items-center">
|
||||
<i data-lucide="circle-plus" class="size-4"></i>
|
||||
<span class="">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-active">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
|
||||
data-lucide="pencil" class="size-3"></i></a>
|
||||
<a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-error'><i
|
||||
data-lucide="trash-2" class="size-3"></i></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
77
template/product/spec_group_add.html
Normal file
77
template/product/spec_group_add.html
Normal file
@@ -0,0 +1,77 @@
|
||||
<div class="w-full mb-[50px]">
|
||||
|
||||
<div class="text-sm breadcrumbs">
|
||||
<ul>
|
||||
<li><a href="/product/spec-group">Nhóm thông số kỹ thuật</a></li>
|
||||
<li><a href="/product/spec-group-info">Thông tin nhóm thông số kỹ thuật</a></li>
|
||||
<li class="text-active">Form thông số kỹ thuật</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="w-7xl mx-auto">
|
||||
<div class="bg-white p-3 rounded-sm shadow mt-5">
|
||||
<div>
|
||||
<h1 class="text-xl font-bold">Cập nhật thông số kỹ thuật</h1>
|
||||
<span class="text-gray-500">Thông tin chung</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid grid-cols-4 mt-5 gap-5">
|
||||
<div class="left">
|
||||
<div class="list-tab">
|
||||
<a href="javascript:void(0)"
|
||||
class="item block w-full text-white bg-[#0041E8] rounded-sm text-[13px] p-2">Nội
|
||||
dung</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right col-span-3">
|
||||
<div class="bg-white p-3 rounded-sm shadow">
|
||||
|
||||
<div class="form-control mt-5">
|
||||
<label class="font-bold text-base">Header</label>
|
||||
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||
placeholder="Thông tin chung" class="w-full input rounded-sm shadow mt-3" />
|
||||
</div>
|
||||
|
||||
<div class="form-control mt-5">
|
||||
<label class="font-bold text-base">Tên thông số (*)</label>
|
||||
<input type="text" size="60" name="" placeholder="Hãng sản xuất"
|
||||
class="w-full input rounded-sm shadow mt-3" />
|
||||
</div>
|
||||
|
||||
<div class="form-control mt-5">
|
||||
<label class="font-bold text-base">Diễn dải</label>
|
||||
<textarea type="text" size="60" name="" placeholder="Diễn dải"
|
||||
class="w-full textarea rounded-sm shadow mt-3"></textarea>
|
||||
</div>
|
||||
|
||||
<div class="form-control mt-5 flex items-center gap-3">
|
||||
<label class="font-bold text-base">Thứ tự hiển thị</label>
|
||||
<input type="text" size="60" name="" placeholder="Thứ tự hiển thị"
|
||||
class="w-[30%] input rounded-sm shadow" />
|
||||
</div>
|
||||
|
||||
<div class="mt-5 flex items-center gap-5">
|
||||
<label class="font-bold text-base">Bắt buộc nhập cho sp</label>
|
||||
<div class="flex items-center gap-3">
|
||||
<label class="check-form cursor-pointer flex items-center gap-2">
|
||||
<input type="radio" class="radio radio-active radio-sm" name="info[scope]" value="0"
|
||||
checked="">
|
||||
<div for="" class="label-text text-[#6B7280]">Bắt buộc</div>
|
||||
</label>
|
||||
<label class="check-form cursor-pointer flex items-center gap-2">
|
||||
<input type="radio" class="radio radio-active radio-sm" name="info[scope]" value="1">
|
||||
<div for="" class="label-text text-[#6B7280]">Không bắt buộc</div>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="bg-white p-3 shadow rounded-sm mt-5">
|
||||
<input class="btn btn-active" id="submit-collection-btn" name="commit" type="submit"
|
||||
value="Cập nhật" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
95
template/product/spec_group_info.html
Normal file
95
template/product/spec_group_info.html
Normal file
@@ -0,0 +1,95 @@
|
||||
<div class="w-[100%]">
|
||||
|
||||
<div class="text-sm breadcrumbs ml-[10px]">
|
||||
<ul>
|
||||
<li><a href="/product/spec-group">Nhóm thông số kỹ thuật</a></li>
|
||||
<li class="text-[#0041E8]">Thông tin nhóm thông số kỹ thuật</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="m-[15px] p-[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">Thông tin nhóm thông số kỹ thuật</h1>
|
||||
<div class="flex items-center justify-between">
|
||||
<div class="flex items-center">
|
||||
<b>Nhóm thông số</b>
|
||||
<p class="ml-[5px]">THIẾT BỊ TRỢ GIẢNG</p>
|
||||
</div>
|
||||
<a href="/product/spec-group-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 nhóm mới</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<table class="spec-info mt-[20px]">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>STT</th>
|
||||
<th>Header</th>
|
||||
<th>Thông tin</th>
|
||||
<th>Diễn dải</th>
|
||||
<th>Thứ tự hiển thị</th>
|
||||
<th>Bắt buộc nhập cho sp</th>
|
||||
<th>Cập nhật</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>Thông tin chung</td>
|
||||
<td>Đặc tính</td>
|
||||
<td>-</td>
|
||||
<td>99</td>
|
||||
<td>Có</td>
|
||||
<td class="w-[100px]">
|
||||
<div class='list-btn flex items-center justify-center'>
|
||||
<a href=""
|
||||
class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||
class='icons icon-edit'></i></a>
|
||||
<a href=""
|
||||
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
|
||||
class='icons icon-remove'></i></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>Thông tin chung</td>
|
||||
<td>Đặc tính</td>
|
||||
<td>-</td>
|
||||
<td>99</td>
|
||||
<td>Có</td>
|
||||
<td class="w-[100px]">
|
||||
<div class='list-btn flex items-center justify-center'>
|
||||
<a href=""
|
||||
class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||
class='icons icon-edit'></i></a>
|
||||
<a href=""
|
||||
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
|
||||
class='icons icon-remove'></i></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>Thông tin chung</td>
|
||||
<td>Đặc tính</td>
|
||||
<td>-</td>
|
||||
<td>99</td>
|
||||
<td>Có</td>
|
||||
<td class="w-[100px]">
|
||||
<div class='list-btn flex items-center justify-center'>
|
||||
<a href=""
|
||||
class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||
class='icons icon-edit'></i></a>
|
||||
<a href=""
|
||||
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
|
||||
class='icons icon-remove'></i></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user