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

update 29/03

Browse Source
This commit is contained in:
Tieptk
2025-03-29 11:46:53 +07:00
parent a399a7bedd
commit 3137a8226b
13 changed files with 653 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
data/media/category.php Normal file
View File

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

1
data/media/upload.php Normal file
View File

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

1
data/page/category.php Normal file
View File

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

1
data/page/home.php Normal file
View File

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

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

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

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

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

52
template/media/category.html Normal file
View File

@@ -0,0 +1,52 @@
<div class="w-[100%] mb-[50px]">
<div class="text-sm breadcrumbs ml-[10px]">
<ul>
<li><a href="/admin/product/media">Danh sách Media</a></li>
<li class="text-[#0041E8]">Quản lý nhóm media</li>
</ul>
</div>
<div
class="bg-white m-[16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
<h2 class="font-bold text-[24px]"> Phân loại nhóm danh mục media </h2>
<a href=""
class="block m-[auto_0_auto_auto] w-[150px] mt-[15px] items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] font-[500] leading-[35px] group hover:bg-[#0041E8] hover:text-[#fff]">
<span
class="inline-block text-center items-center border-[1px] border-[#0041E8] h-[14px] w-[14px] leading-[10.4px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
<span>Thêm nhóm mới</span>
</a>
<table class="mt-[20px]">
<thead class="bg-[#f6f6f6] font-bold">
<tr>
<td>STT</td>
<td>ID</td>
<td>Tên nhóm</td>
<td>Thời gian</td>
<td>Lựa chọn</td>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>1385</td>
<td>Ảnh tin tức</td>
<td>2023-10-01 12:00:00</td>
<td>
<div class="flex gap-[10px]">
<a href=""
class='w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
class="icons icon-edit"></i></a>
<a href=""
class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
class='icons icon-remove'></i></a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>

2
template/media/home.html
View File

@@ -25,7 +25,7 @@
</a>
</div>
<a href=""
<a href="/admin/media/upload"
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] font-[500] leading-[35px] group hover:bg-[#0041E8] hover:text-[#fff]">
<span
class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>

129
template/media/upload.html Normal file
View File

@@ -0,0 +1,129 @@
<div class="w-[100%] mb-[50px]">
<div class="text-sm breadcrumbs ml-[10px]">
<ul>
<li><a href="/admin/media">Danh sách Media</a></li>
<li class="text-[#0041E8]">Form thêm / sửa media</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">
<h2 class="font-bold text-[24px]"> Cập nhật media </h2>
<a href="/admin/media/upload"
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.5px] mr-[5px] text-[#6B7280]">+</span>
<span class="text-[#6B7280]">Thêm file Media mới</span>
</a>
</div>
<p class="text-gray-500">/media/lib/11-08-2023/new.png</p>
</div>
<div class="flex">
<div class="left w-[270px] mr-[10px]">
<div class="list-tab">
<a href="/admin/media/upload"
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]">
<table>
<tr>
<td>Link file</td>
<td>
<input type="text" size="60" name="" value="/media/lib/11-08-2023/new.png"
placeholder="link file"
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>Đặt tên</td>
<td>
<input type="text" size="60" name="" value="iPhone 11 Chính Hãng" placeholder="Đặt tên"
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
</td>
</tr>
<tr>
<td>Phân nhóm</td>
<td>
<div class="flex items-center">
<select name='product[1][1][discount_type]' id='from_time_minute'
class="select select-bordered w-[200px] h-[35px] min-h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
<option value="">Phân loại</option>
<option value="0">Tin tức</option>
<option value="1">Sản phẩm</option>
</select>
<a href="/admin/media/category"
class="leading-[35px] ml-[16px] border border-[#0041E8] rounded-[4px] bg-white p-[0_15px] font-[500] text-[#0041E8] hover:bg-[#0041E8] hover:text-[#fff]">
Quản lý nhóm media
</a>
</div>
</td>
</tr>
<tr>
<td>Chiều rộng (width)</td>
<td>
<div class="flex items-center">
<input type="text" size="10" name="" value="200" placeholder="Chiều rộng"
class="w-[100px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
<span class="ml-2 italic text-gray-500">(điền số cho đơn vị pixel, bắt buộc với
Flash, Video
clip)</span>
</div>
</td>
</tr>
<tr>
<td>Chiều Cao (height)</td>
<td>
<div class="flex items-center">
<input type="text" size="10" name="" value="200" placeholder="Chiều rộng"
class="w-[100px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
<span class="ml-2 italic text-gray-500">(điền số cho đơn vị pixel, bắt buộc với
Flash, Video
clip)</span>
</div>
</td>
</tr>
<tr>
<td>File ảnh</td>
<td>
<img src="" class="w-[300px] h-[300px] block" alt="">
<div class="flex items-center mt-[15px]">
<p class="mr-3">Upload file</p>
<input type="file" name="zip_file"
class="file-input w-[105px] max-w-sm file-input-bordered h-[40px] text-[14px] file-input-primary"
size="40" />
</div>
<b class="block mt-[15px]">Dung lượng file phải nhỏ hơn 20MB</b>
</td>
</tr>
<tr>
<td>Code HTML</td>
<td>
<textarea name="" id="" cols="30" rows="10"
class="w-[100%] h-[70px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"></textarea>
</td>
</tr>
<tr>
<td>Hoặc Link trên mạng</td>
<td>
<input type="text" size="10" name="" value="" placeholder=""
class="w-full border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
</td>
</tr>
</table>
<input name="submit" type="submit" value="Cập nhật"
class="inline-block my-[12px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]">
</div>
</div>
</div>
</div>
</div>

82
template/page/category.html Normal file
View File

@@ -0,0 +1,82 @@
<div class="w-[100%]">
<div class="text-sm breadcrumbs ml-[10px]">
<ul>
<li><a href="/admin/page">Nội dung cố định</a></li>
<li class="text-[#0041E8]">Quản lý danh mục</li>
</ul>
</div>
<div
class="bg-white m-[16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
<h2 class="leading-[30px] mb-[13px] font-bold text-[24px]">Danh mục nội dung cố định</h2>
<a href="/admin/page/form"
class="block w-[185px] m-[auto_0_auto_auto] items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] font-[500] leading-[35px] group hover:bg-[#0041E8] hover:text-[#fff]">
<span
class="inline-block border-[1px] border-[#0041E8] h-[14px] w-[14px] leading-[10.5px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
<span>Thêm danh mục mới</span>
</a>
<table class="mt-[15px]">
<thead class="bg-[#f6f6f6] font-bold">
<tr>
<td>Danh mục</td>
<td>ID</td>
<td>STT</td>
<td>Lựa chọn</td>
</tr>
</thead>
<tbody>
<tr>
<td>1.Chính sách chung</td>
<td width="186px">2016</td>
<td width="186px">
<input type="text" name="" value="" placeholder="0"
class="w-[160px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
</td>
<td width="148px">
<div class="flex items-center">
<a href="" title="Form sản phẩm"
class="w-[32px] h-[32px] border-[1px] border-[#0041e8] rounded-[4px] text-center leading-[32px] flex items-center justify-center mr-[5px]">
<i class="icons icon-edit"></i>
</a>
<a href=""
class="w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
<i class="fa-regular fa-eye-slash text-[#9E9E9E]"></i>
</a>
<a href=""
class="w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
<i class="icons icon-remove"></i>
</a>
</div>
</td>
</tr>
<tr>
<td>1.Chính sách chung</td>
<td width="186px">2016</td>
<td width="186px">
<input type="text" name="" value="" placeholder="0"
class="w-[160px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
</td>
<td width="148px">
<div class="flex items-center">
<a href="" title="Form sản phẩm"
class="w-[32px] h-[32px] border-[1px] border-[#0041e8] rounded-[4px] text-center leading-[32px] flex items-center justify-center mr-[5px]">
<i class="icons icon-edit"></i>
</a>
<a href=""
class="w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
<i class="fa-regular fa-eye-slash text-[#9E9E9E]"></i>
</a>
<a href=""
class="w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
<i class="icons icon-remove"></i>
</a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>

187
template/page/home.html Normal file
View File

@@ -0,0 +1,187 @@
<div class="w-[100%]">
<div
class="bg-white m-[16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
<h2 class="leading-[30px] mb-[13px] font-bold text-[24px]"> Danh sách nội dung cố định </h2>
<div class="flex items-center justify-between my-[15px]">
<a href="/admin/page/category"
class="leading-[35px] mr-[16px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
Quản lý danh mục
</a>
<div class="flex items-center">
<a href="/admin/page/form"
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] font-[500] leading-[35px] group hover:bg-[#0041E8] hover:text-[#fff]">
<span
class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
<span>Thêm nội dung mới</span>
</a>
<a href="/admin/page"
class="flex items-center px-[10px] py-[8px] border-[#0041E8] border-[1px] rounded-[4px] text-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[15px] hover:stroke-white font-[500]">
<i class="fa-regular fa-file-pdf"></i>
<span class="ml-1">Danh sách nội dung</span>
</a>
</div>
</div>
<div>
<b>Hướng dẫn :</b> Phần này tổng hợp các nội dung cố định cung cấp cho khách hàng (v.d. các hướng dẫn mua
hàng, quy
định, chính
sách bán hàng, vv..)
</div>
<table class="mt-[15px]">
<thead>
<tr>
<td>STT</td>
<td>Danh sách</td>
<td>Thời gian</td>
<td>Lượt xem</td>
<td>Lựa chọn</td>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>
<div class="flex items-center mb-[10px]">
[#188] <b class="ml-2">HACOM Sinh nhật 22 tuổi cùng Acer</b>
</div>
<div class="flex items-center">
<p class="whitespace-nowrap mr-[10px]">URL</p>
<input type="text" size="60" value="" placeholder="url"
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>
</td>
<td>
Cập nhật: 29-12-2023, 9:56 am
</td>
<td>
0
</td>
<td>
<div class="flex items-center">
<a href="/admin/product/form?id={{item.id}}" title="Form sản phẩm"
class="w-[32px] h-[32px] border-[1px] border-[#0041e8] rounded-[4px] text-center leading-[32px] flex items-center justify-center mr-[5px]">
<i class="icons icon-edit"></i>
</a>
<a href="{{item.request_path}}" 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=""
class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
<i class="fa-regular fa-eye text-[#0041E8]"></i>
</a>
<a href=""
class="w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
<i class="icons icon-remove"></i>
</a>
</div>
</td>
</tr>
<tr>
<td>1</td>
<td>
<div class="flex items-center mb-[10px]">
[#188] <b class="ml-2">HACOM Sinh nhật 22 tuổi cùng Acer</b>
</div>
<div class="flex items-center">
<p class="whitespace-nowrap mr-[10px]">URL</p>
<input type="text" size="60" value="" placeholder="url"
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>
</td>
<td>
Cập nhật: 29-12-2023, 9:56 am
</td>
<td>
0
</td>
<td>
<div class="flex items-center">
<a href="" title="Form sản phẩm"
class="w-[32px] h-[32px] border-[1px] border-[#0041e8] rounded-[4px] text-center leading-[32px] flex items-center justify-center mr-[5px]">
<i class="icons icon-edit"></i>
</a>
<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=""
class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
<i class="fa-regular fa-eye text-[#0041E8]"></i>
</a>
<a href=""
class="w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
<i class="icons icon-remove"></i>
</a>
</div>
</td>
</tr>
<tr>
<td>1</td>
<td>
<div class="flex items-center mb-[10px]">
[#188] <b class="ml-2">HACOM Sinh nhật 22 tuổi cùng Acer</b>
</div>
<div class="flex items-center">
<p class="whitespace-nowrap mr-[10px]">URL</p>
<input type="text" size="60" value="" placeholder="url"
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>
</td>
<td>
Cập nhật: 29-12-2023, 9:56 am
</td>
<td>
0
</td>
<td>
<div class="flex items-center">
<a href="/admin/product/form?id={{item.id}}" title="Form sản phẩm"
class="w-[32px] h-[32px] border-[1px] border-[#0041e8] rounded-[4px] text-center leading-[32px] flex items-center justify-center mr-[5px]">
<i class="icons icon-edit"></i>
</a>
<a href="{{item.request_path}}" 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=""
class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
<i class="fa-regular fa-eye text-[#0041E8]"></i>
</a>
<a href=""
class="w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
<i class="icons icon-remove"></i>
</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>

88
template/product/collection.html Normal file
View File

@@ -0,0 +1,88 @@
<div class="w-[100%]">
<div class="m-[15px] p-[15px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto">
<h1 class="text-[24px] font-[700] mb-3">Bộ sưu tập</h1>
<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="search" type="submit" value="Tìm kiếm"
class="inline-block ml-[12px] cursor-pointer h-[36px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
</div>
</form>
</div>
<div class="my-[10px]">
<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>
<a href="javascript:void(0)" onclick="openProductListToSelect()"
class="group flex items-center w-[140px] justify-center m-[auto_0_auto_auto] 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>
<table class="mt-[20px]">
<thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-bold">
<tr>
<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>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-[10px]">
<p class="mr-[10px] whitespace-nowrap">Link</p>
<input type="text" size="60" value="" placeholder="link"
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>
</td>
<td>
<div class="flex items-center">
<p>7 sp</p>
<a href="/admin/product/collection_product"
class="ml-[10px] p-[5px_10px] border border-blue-700 rounded-[4px] bg-[#f5f7ff] text-blue-700 hover:bg-blue-700 hover:text-white">Xem
danh sách</a>
</div>
</td>
<td>
638
</td>
<td>
<div class="flex items-center">
<a href=""
class="mr-[5px] bg-blue-700 rounded-[4px] text-white p-[5px_7px] text-[13px]">Xem</a>
<a href="/admin/product/collection_add" title="Form sản phẩm"
class="w-[32px] h-[32px] border-[1px] border-[#0041e8] rounded-[4px] text-center leading-[32px] flex items-center justify-center mr-[5px]">
<i class="icons icon-edit"></i>
</a>
<a href=""
class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
class='icons icon-remove'></i></a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>

108
template/product/collection_add.html Normal file
View File

@@ -0,0 +1,108 @@
<div class="w-[100%] mb-[50px]">
<div class="text-sm breadcrumbs ml-[10px]">
<ul>
<li><a href="/admin/product/collection">Danh sách bộ sưu tập</a></li>
<li class="text-[#0041E8]">Form thêm/sửa sản phẩm</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 bộ sưu tập Sản phẩm</h1>
<div class="flex items-center">
<a href="/admin/product/add_special_category=131"
class="flex items-center border-[1px] border-[#ECECEC] rounded-[4px] p-[5px_10px_5px_10px]">
<span
class="w-[14.5px] h-[14.5px] border-[1px] rounded-[50%] border-[#6B7280] text-center leading-[10.5px] mr-[5px] text-[#6B7280]">+</span>
<span class="text-[#6B7280]">Thêm sản phẩm</span>
</a>
<a href="/admin/product/collection_add"
class="flex items-center border-[1px] ml-[10px] border-[#ECECEC] rounded-[4px] p-[5px_10px_5px_10px]">
<span
class="w-[14.5px] h-[14.5px] border-[1px] rounded-[50%] border-[#6B7280] text-center leading-[10.5px] mr-[5px] text-[#6B7280]">+</span>
<span class="text-[#6B7280]">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="flex">
<div class="left w-[270px] mr-[10px]">
<div class="list-tab">
<a href="/admin/product/collection"
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_10px_0_0] shadow-[0_-1px_1px_0px_#0000001A] border-b-[6px] border-[#FAFAFB]">
<b class="block text-[20px] font-bold">Thông tin cơ bản</b>
<div class="flex items-center my-[15px]">
<p class="mr-[10px]">Ảnh icon</p>
<a href=""
class="flex items-center mr-[20px] border-[1px] border-[#0041E8] p-[8px_10px] rounded-[4px] bg-[#F5F7FF]">
<i class="fa-solid fa-arrow-up-from-bracket text-[#0041E8]"></i>
<span class="text-[#0041E8] ml-[5px]">Upload ảnh</span>
</a>
</div>
<div class="mb-[15px]">
<label for="" class="block mb-[10px] font-[700] text-[14px] text-[#383C44]">Đặt tên bộ sưu
tập</label>
<input type="text" name="" value="" placeholder="Tên bộ sưu tập"
class="w-[100%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
</div>
<div class="mb-[15px]">
<label for="" class="block mb-[10px] font-[700] text-[14px] text-[#383C44]">Url Index</label>
<input type="text" name="" value="" placeholder="url index"
class="w-[50%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
</div>
<div class="mb-[15px]">
<label for="" class="block mb-[10px] font-[700] text-[14px] text-[#383C44]">Miêu tả (Nếu
có)</label>
<textarea id="product-desc"> </textarea>
</div>
</div>
<div class="bg-white p-[10px] mt-[5px]">
<b class="text-[20px] mb-[15px]">Dùng cho SEO</b>
<div class="mb-[15px]">
<label for="" class="block mb-[10px] font-[700] text-[14px] text-[#383C44]">Meta Title</label>
<input type="text" name="" value="" placeholder="Meta title"
class="w-[100%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
</div>
<div class="mb-[15px]">
<label for="" class="block mb-[10px] font-[700] text-[14px] text-[#383C44]">Meta
keywords</label>
<input type="text" name="" value="" placeholder="Meta keywords"
class="w-[100%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
</div>
<div class="mb-[15px]">
<label for="" class="block mb-[10px] font-[700] text-[14px] text-[#383C44]">Meta
Description</label>
<textarea type="text" name="" value="" placeholder="Meta Description"
class="w-[100%] input input-md input-bordered h-[100px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
</textarea>
</div>
<div class="mb-[15px]">
<label for="" class="block mb-[10px] font-[700] text-[14px] text-[#383C44]">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="w-[50%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
</div>
</div>
<div class="bg-white p-[10px] rounded-[0_0_10px_10px] shadow-[0_1px_1px_0px_#0000001A] mt-[10px]">
<input
class="btn w-[95px] h-[35px] min-h-[35px] bg-[#0041E8] rounded-[4px] mt-[10px] text-white cursor-pointer"
name="commit" type="submit" value="Cập nhật">
</div>
</div>
</div>
</div>
</div>