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

update product brand

Browse Source
This commit is contained in:
Tieptk
2024-02-29 15:20:41 +07:00
parent 6f393f6e64
commit f8088b3a71
3 changed files with 272 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -0,0 +1,108 @@
<div class="w-[100%]">
<div
class="m-[15px] px-[15px] py-[20px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto">
<h1 class="text-[24px] font-[700] mb-3">Danh sách 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&amp;letter=A">A</a> (13) |
<a href="?opt=brand&amp;letter=B">B</a> (2) |
<a href="?opt=brand&amp;letter=C">C</a> (5) |
<a href="?opt=brand&amp;letter=D">D</a> (3) |
<a href="?opt=brand&amp;letter=E">E</a> (3) |
<a href="?opt=brand&amp;letter=F">F</a> (1) |
<a href="?opt=brand&amp;letter=G">G</a> (4) |
<a href="?opt=brand&amp;letter=H">H</a> (4) |
<a href="?opt=brand&amp;letter=I">I</a> (5) |
<a href="?opt=brand&amp;letter=J">J</a> (2) |
<a href="?opt=brand&amp;letter=K">K</a> (2) |
<a href="?opt=brand&amp;letter=L">L</a> (4) |
<a href="?opt=brand&amp;letter=M">M</a> (3) |
<a href="?opt=brand&amp;letter=N">N</a> (4) |
<a href="?opt=brand&amp;letter=O">O</a> (1) |
<a href="?opt=brand&amp;letter=P">P</a> (5) |
<a href="?opt=brand&amp;letter=Q">Q</a> (1) |
<a href="?opt=brand&amp;letter=S">S</a> (8) |
<a href="?opt=brand&amp;letter=T">T</a> (5) |
<a href="?opt=brand&amp;letter=V">V</a> (2) |
<a href="?opt=brand&amp;letter=W">W</a> (2) |
<a href="?opt=brand&amp;letter=X">X</a> (1) |
<a href="?opt=brand&amp;letter=Z">Z</a> (2) |
</div>
<a href="/admin/product/brand_add"
class="flex items-center px-[10px] py-[8px] border-[#0041E8] border-[1px] rounded-[4px] text-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[25px] font-[500]">
<span
class="border-[1px] border-[#0041E8] h-[14px] w-[14px] leading-[12px] text-center rounded-[50%] mr-1">+</span>
<span class="whitespace-nowrap ">Thêm thương hiệu mới</span>
</a>
</div>
<table class="table-brand mt-[15px]">
<thead>
<tr>
<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>Cập nhật</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>750</td>
<td>
<b>10MOONS</b>
<p class="flex items-center text-[#0041E8]">
<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">
<p>1</p>
<a href="" class="px-[7px] py-[4px] bg-[#0041E8] text-white ml-[10px] rounded-[4px]">Xem
SP</a>
</div>
</td>
<td>
<div class="flex items-center">
<span>STT</span>
<input type="text" value="0"
class="w-[80px] h-[30px] p-[10px] border-[1px] border-[#D8D8D8] ml-[7px] rounded-[4px] shadow-[0_2px_4px_0_#0000001F]">
</div>
</td>
<td>
<div class='list-btn flex items-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 class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'
href=''><i class='icons icon-feature'></i></a>
<a href=""
class='w-[30px] h-[30px] 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-[30px] h-[30px] 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>

148
template/product/brand_add.html Normal file
View File

@@ -0,0 +1,148 @@
<div class="w-[100%] mb-[50px]">
<div class="text-sm breadcrumbs ml-[10px]">
<ul>
<li><a href="/admin/product/brand">Danh sách thương hiệu</a></li>
<li class="text-[#0041E8]">Form thêm/sửa thương hiệu</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] mb-[15px]">
<div class="flex items-center justify-between">
<h1 class="text-[20px] font-[700]">Cập nhật Thương hiệu</h1>
<a href="/admin/product/brand_add"
class="flex items-center border-[1px] border-[#ECECEC] rounded-[4px] p-[5px_10px_5px_10px]">
<span
class="w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#6B7280] text-center leading-[11px] mr-[5px] text-[#6B7280]">+</span>
<span class="text-[#6B7280]">Thêm thương hiệu mới</span>
</a>
</div>
</div>
<div class="flex">
<div class="left w-[270px] mr-[10px]">
<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 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="text-[20px] mb-[10px] block">Thông tin cơ bản</b>
<div class="form-control mb-[10px]">
<label class="font-[600] mb-[5px] text-[14px]">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="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 mb-[10px]">
<label class="font-[600] mb-[5px] text-[14px]">Link Index</label>
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
placeholder="link index"
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 mb-[10px]">
<label class="font-[600] mb-[5px] text-[14px]">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="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 mb-[10px]">
<label class="font-[600] mb-[5px] text-[14px]">Ảnh logo thương hiệu</label>
<div class="flex items-center">
<img src="{{'brand-1.png' | asset_url }}" alt="">
<div class="input-file">
<input type="file" size="30" name="catThumnail" id="file_input" multiple
placeholder="No file selected">
<div class="title">
<div class="btn-input-file">
<i class="fa-solid fa-file-arrow-up"></i> Upload file
</div>
<span style="color:gray;font-style: italic;">No file chosen</span>
</div>
</div>
</div>
</div>
</div>
<div class="bg-white p-[10px] border-t-[6px] border-[#FAFAFB]">
<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>

23
template/product/config_group_form.html
View File

@@ -8,16 +8,25 @@
</div> </div>
<div class="w-[1140px] my-0 mx-auto"> <div class="w-[1140px] my-0 mx-auto">
<div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A] mb-[15px]"> <div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A] my-[15px]">
<div class="flex items-center justify-between"> <div class="flex items-center justify-between">
<h1 class="text-[20px] font-[700]">Cập nhật cấu hình sản phẩm</h1> <h1 class="text-[20px] font-[700]">Cập nhật cấu hình sản phẩm</h1>
<a href="/admin/brand/add" <div class="flex items-center ">
class="flex items-center border-[1px] border-[#ECECEC] rounded-[4px] p-[5px_10px_5px_10px]"> <a href="/admin/brand/add"
<span class="flex items-center border-[1px] border-[#ECECEC] rounded-[4px] p-[5px_10px_5px_10px]">
class="w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#6B7280] text-center leading-[11px] mr-[5px] text-[#6B7280]">+</span> <span
<span class="text-[#6B7280]">Thêm thương hiệu mới</span> class="w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#6B7280] text-center leading-[12px] mr-[5px] text-[#6B7280]">+</span>
</a> <span class="text-[#6B7280]">Thêm sp mới</span>
</a>
<a href="/admin/brand/add"
class="flex items-center border-[1px] border-[#ECECEC] rounded-[4px] p-[5px_10px_5px_10px] ml-[10px]">
<i class="fa-solid fa-copy text-[#6B7280] mr-[3px]"></i>
<span class="text-[#6B7280]">Tạo sp tương tự</span>
</a>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>