update product brand
This commit is contained in:
108
template/product/brand.html
Normal file
108
template/product/brand.html
Normal 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&letter=A">A</a> (13) |
|
||||
<a href="?opt=brand&letter=B">B</a> (2) |
|
||||
<a href="?opt=brand&letter=C">C</a> (5) |
|
||||
<a href="?opt=brand&letter=D">D</a> (3) |
|
||||
<a href="?opt=brand&letter=E">E</a> (3) |
|
||||
<a href="?opt=brand&letter=F">F</a> (1) |
|
||||
<a href="?opt=brand&letter=G">G</a> (4) |
|
||||
<a href="?opt=brand&letter=H">H</a> (4) |
|
||||
<a href="?opt=brand&letter=I">I</a> (5) |
|
||||
<a href="?opt=brand&letter=J">J</a> (2) |
|
||||
<a href="?opt=brand&letter=K">K</a> (2) |
|
||||
<a href="?opt=brand&letter=L">L</a> (4) |
|
||||
<a href="?opt=brand&letter=M">M</a> (3) |
|
||||
<a href="?opt=brand&letter=N">N</a> (4) |
|
||||
<a href="?opt=brand&letter=O">O</a> (1) |
|
||||
<a href="?opt=brand&letter=P">P</a> (5) |
|
||||
<a href="?opt=brand&letter=Q">Q</a> (1) |
|
||||
<a href="?opt=brand&letter=S">S</a> (8) |
|
||||
<a href="?opt=brand&letter=T">T</a> (5) |
|
||||
<a href="?opt=brand&letter=V">V</a> (2) |
|
||||
<a href="?opt=brand&letter=W">W</a> (2) |
|
||||
<a href="?opt=brand&letter=X">X</a> (1) |
|
||||
<a href="?opt=brand&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
148
template/product/brand_add.html
Normal 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>
|
||||
@@ -8,16 +8,25 @@
|
||||
</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="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 cấu hình sản phẩm</h1>
|
||||
<a href="/admin/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 class="flex items-center ">
|
||||
<a href="/admin/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-[12px] mr-[5px] text-[#6B7280]">+</span>
|
||||
<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>
|
||||
Reference in New Issue
Block a user