06/03/2024 9h19

This commit is contained in:
2024-03-06 09:19:26 +07:00
parent eafb7bfb5f
commit 91d317607a
32 changed files with 2878 additions and 102 deletions

View File

@@ -0,0 +1,62 @@
<div class="global-breadcrumb-container">
<a href="/admin/banner"> Danh sách banner </a>
<a href=""> Vị trí banner </a>
</div>
<div class="marketing-coupon-page bg-white m-[0_0_16px_16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
<p class="leading-[30px] text-[24px] font-bold m-[0_0_12px]"> Quản lý vị trí hiển thị banner </p>
<div class="text-right m-[15px_0]">
<a href="/admin/banner/location-add" class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[35px] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff_!important]">
<span class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
<span>Thêm vị trí mới</span>
</a>
</div>
<div class="order-page-table">
<table>
<thead>
<tr class="font-[600]">
<td width="50"> STT </td>
<td> ID </td>
<td width="140"> Template File </td>
<td> Vị trí </td>
<td width="220"> Ngày tạo </td>
<td width="200"> Chỉnh sửa </td>
</tr>
</thead>
<tbody>
<td align="center"> 1 </td>
<td>
<p> ID: 43 </p>
<p> banner_webmau4_mb </p>
</td>
<td> homepage </td>
<td> Banner MB Webmau4 </td>
<td> 30-11-2024, 12:00 am </td>
<td>
<div class="flex items-center flex-wrap justify-center">
<a href="/admin/banner?id=1" class="block text-center font-[500] text-[#fff_!important] bg-[#0041E8] rounded-[4px] p-[0_9px] leading-[30px] mr-[8px]">Xem banner</a>
<a href="/admin/banner/location-add?id=1" class="icons icon-edit" title="Sửa lại"></a>
<a href="" class="icons icon-delete" title="Xóa"></a>
</div>
</td>
</tbody>
</table>
</div>
<div class="paging">
<a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
<a href="" class="current">1</a>
<a href="">2</a>
<a href="">3</a>
<a href="">4</a>
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
</div>
</div>

View File

@@ -0,0 +1,97 @@
<div class="global-breadcrumb-container">
<a href="/admin/banner"> Danh sách banner </a>
<a href="/admin/banner/location"> Vị trí banner </a>
<a href=""> Thêm / Sửa vị trí banner </a>
</div>
<div class="max-w-[1141px] m-auto">
<div class="flex flex-wrap items-start m-[0_0_16px_0]">
<div class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] flex flex-wrap items-center justify-between">
<p class="font-bold text-[20px]"> Cập nhật lại vị trí banner </p>
<a href="/admin/banner/location-add" class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
<span class="border-[1px] border-[#6B7280] h-[13px] w-[13px] leading-[10.3px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
<span>Thêm vị trí mới</span>
</a>
<p class="w-[100%] text-[#6B7280]">
banner_under_slider_mobile_webmau3
</p>
</div>
<div class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
<a href="javascript:void(0)" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition" style="color: #Fff;background: #0041E8;"> Chỉnh sửa </a>
</div>
<form method="post" enctype="multipart/form-data" class="order-page-table w-[852px] bg-white p-[16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
<p class="font-bold text-[20px] leading-[20px] mb-[17px]"> Thông tin cơ bản </p>
<div class="mb-[15px]">
<div class="mb-[6px] relative">
<b> Chọn template hiển thị </b>
<div class="inline-block relative group">
<i class="far fa-question-circle cursor-pointer ml-1 text-[#FFC700]"></i>
<p class="hidden leading-[16px] text-[13px] absolute left-[-10px] bg-[rgba(0,0,0,0.60)] p-[6px_10px] rounded-[5px] text-white top-[100%] w-[280px] z-[1] group-hover:block">
Tùy một số template mà banner này sẽ được hiển thị. Đa số trường hợp bạn không cần quan tâm tới thông tin này trừ các website cấu trúc phức tạp.
</p>
</div>
</div>
<select class="w-[auto_!important]">
<option value="">-- Chọn template --</option>
<option value='header' selected>header - Đầu trang</option>
<option value='homepage' >homepage - Trang chủ</option> <option value='column_left' >column_left - Cột trái</option> <option value='column_right' >column_right - Cột phải</option> <option value='footer'>footer - Chân trang</option> <option value='product_detail' >product_detail - Chi tiết sản phẩm</option> <option value='product_list' >product_list - Danh sách &amp; Danh mục sản phẩm</option> <option value='collection_list' >collection_list - Bộ sưu tập</option> <option value='article_home' >article_home - Trang chủ tin tức</option> <option value='brand_detail' >brand_detail - Chi tiết thương hiệu</option> <option value='deal_group' >deal_group - Nhóm deal</option>
</select>
</div>
<div class="mb-[15px]">
<div class="mb-[6px] relative">
<b> Mã vị trí (*) <i class="font-[300] text-[#6B7280]"> * chỉ gồm ký tự a-z0-9 và dấu _ </i> </b>
<div class="inline-block relative group">
<i class="far fa-question-circle cursor-pointer ml-1 text-[#FFC700]"></i>
<p class="hidden leading-[16px] text-[13px] absolute left-[-10px] bg-[rgba(0,0,0,0.60)] p-[6px_10px] rounded-[5px] text-white top-[100%] w-[280px] z-[1] group-hover:block">
Mã vị trí cho phép gọi các banner theo mã ở bất kỳ mẫu giao diện web nào, v.d. trang_chu, khuyen_mai_shop
</p>
</div>
</div>
<input type="text" value="" class="w-[100%] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
</div>
<div class="mb-[15px]">
<div class="mb-[6px] relative">
<b> Đặt tên vị trí (*) </b>
<div class="inline-block relative group">
<i class="far fa-question-circle cursor-pointer ml-1 text-[#FFC700]"></i>
<p class="hidden leading-[16px] text-[13px] absolute left-[-10px] bg-[rgba(0,0,0,0.60)] p-[6px_10px] rounded-[5px] text-white top-[100%] w-[280px] z-[1] group-hover:block">
Nếu bạn có nhiều banner và muốn thay đổi, theo dõi, bạn nên đặt tên cụ thể <br />v.d. Banner quảng cáo khuyến mại 8/3/2012.
</p>
</div>
</div>
<input type="text" value="" class="w-[100%] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
</div>
<div class="mb-[15px]">
<p class="font-bold mb-[6px]">Mô tả tóm tắt</p>
<textarea class="w-[100%] min-h-[122px] max-h-[170px] p-[10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
</div>
<hr class="border-[3px] border-[#FAFAFB] m-[16px_-16px]">
<input type="submit" value="Cập nhật" class="inline-block cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]"/>
</form>
</div>
</div>