update
This commit is contained in:
1
old/template/addon/home.html
Normal file
1
old/template/addon/home.html
Normal file
@@ -0,0 +1 @@
|
||||
template/addon/home.html
|
||||
106
old/template/admin/add.html
Normal file
106
old/template/admin/add.html
Normal file
@@ -0,0 +1,106 @@
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/admin/admin"> Danh sách quản trị viên </a>
|
||||
<a href=""> Form thêm/sửa quản trị viên </a>
|
||||
</div>
|
||||
|
||||
<div class="max-w-[1141px] flex flex-wrap items-start m-[0_auto_16px_auto]">
|
||||
<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]">
|
||||
<p class="font-bold text-[20px] leading-[26px] block"> Cập nhật quản trị </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="/admin/admin/add" style="color: #Fff;background: #0041E8;"
|
||||
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
|
||||
Thông tin
|
||||
</a>
|
||||
<a href="/admin/admin/menu-permission" style="color: #919699;border-bottom: 1px solid #f3f3f3;"
|
||||
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
|
||||
Quyền xem menu
|
||||
</a>
|
||||
<a href="/admin/admin/entity-permission" style="color: #919699;"
|
||||
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
|
||||
Quyền chỉnh sửa
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="w-[852px]">
|
||||
<div class="p-[15px] bg-white rounded-[15px_15px_0_0] shadow-[0px_-1px_1px_0px_#0000001A]">
|
||||
<div class="form-control mb-[15px] w-[100%]">
|
||||
<label class="block font-[600] text-[14px] mb-[5px]">Họ và tên</label>
|
||||
<input name="" id="" placeholder="Họ và tên" value="Khắc tiệp"
|
||||
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]" />
|
||||
</div>
|
||||
<div class="form-control mb-[15px] w-[100%]">
|
||||
<label class="block font-[600] text-[14px] mb-[5px]">Phòng ban</label>
|
||||
<div class="flex items-center">
|
||||
<select name="" id=""
|
||||
class="w-[50%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
|
||||
<option value="">Chọn phòng ban</option>
|
||||
</select>
|
||||
<a href="/admin/admin/department-add" class="ml-[5px] text-[#0041E8]">Quản lý phòng ban</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-control mb-[15px] w-[100%]">
|
||||
<label class="block font-[600] text-[14px] mb-[5px]">Email (dùng đăng nhập)</label>
|
||||
<input name="" id="" placeholder="Email" value="tieptk@hurasoft.com"
|
||||
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]" />
|
||||
</div>
|
||||
<div class="form-control mb-[15px] w-[100%]">
|
||||
<div class="flex items-center mb-[5px]">
|
||||
<label class="font-[600] text-[14px]">Mật khẩu đăng nhập (nếu không đổi mật khẩu thì để
|
||||
trống)</label>
|
||||
<span class="ml-[5px] text-[#6B7280] italic">(* tối thiểu 6 ký tự)</span>
|
||||
</div>
|
||||
<input name="" type="password" id=""
|
||||
placeholder="Mật khẩu đăng nhập (nếu không đổi mật khẩu thì để trống)"
|
||||
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]" />
|
||||
</div>
|
||||
<div class="form-control mb-[15px] w-[100%]">
|
||||
<label class="block font-[600] text-[14px] mb-[5px]">Địa chỉ IP giới hạn truy cập. Nhập mỗi IP một dòng
|
||||
(IP mạng của bạn là : 2405:4802:1d21:1660:45f1:2aba:d8c0:b1f1)
|
||||
</label>
|
||||
<textarea name="" id="" placeholder="Địa chỉ IP giới hạn truy cập. Nhập mỗi IP một dòng"
|
||||
class="w-[100%] h-[80px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]"></textarea>
|
||||
</div>
|
||||
<label class="check-form flex items-center mb-[15px] cursor-pointer">
|
||||
<input type="checkbox" name="change_url_on_update" value="1" checked=""
|
||||
class="checkbox checkbox-success">
|
||||
<span class="ml-[10px] text-[#6B7280] label-text">Không giới hạn theo IP. Cho phép người ngày truy cập
|
||||
quản trị
|
||||
website ở mọi nơi (v.d. ở nhà, nơi công cộng)</span>
|
||||
</label>
|
||||
<div class="form-control mb-[15px] w-[100%]">
|
||||
<label class="block font-[600] text-[14px] mb-[5px]">Phân quyền đặc biệt</label>
|
||||
<label class="check-form flex items-center cursor-pointer">
|
||||
<input type="checkbox" name="change_url_on_update" value="1" checked=""
|
||||
class="checkbox checkbox-success">
|
||||
<span class="ml-[10px] text-[#6B7280] label-text">Cho phép tất cả quyền hạn (* quản trị viên có đặc
|
||||
quyền này
|
||||
sẽ
|
||||
không cần bị hạn chế bởi quy định phân quyền)
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="form-control w-[100%]">
|
||||
<label class="block font-[600] text-[14px] mb-[5px]">Khóa thành viên</label>
|
||||
<label class="check-form flex items-center cursor-pointer">
|
||||
<input type="checkbox" name="change_url_on_update" value="1" checked=""
|
||||
class="checkbox checkbox-success">
|
||||
<span class="ml-[10px] text-[#6B7280] label-text">Cho phép tất cả quyền hạn (* quản trị viên có đặc
|
||||
quyền này
|
||||
sẽ không cần bị hạn chế bởi quy định phân quyền)
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div
|
||||
class="p-[15px] bg-white border-t-[6px] border-[#FAFAFB] rounded-[0_0_15px_15px] shadow-[0px_1px_1px_0px_#0000001A]">
|
||||
<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]" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
45
old/template/admin/admin_log_product.html
Normal file
45
old/template/admin/admin_log_product.html
Normal file
@@ -0,0 +1,45 @@
|
||||
<div class="w-[100%]">
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/admin/admin"> Danh sách quản trị viên </a>
|
||||
<a href="" class="text-[#0041E8]"> Theo dõi hoạt động tạo sản phẩm </a>
|
||||
</div>
|
||||
|
||||
<div class="p-[15px] m-[15px] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A]">
|
||||
<div class="flex items-center justify-between">
|
||||
<h1 class="text-[24px] font-[700] ">Theo dõi hoạt động tạo sản phẩm</h1>
|
||||
<div class="flex items-center">
|
||||
<a href="/admin/admin"
|
||||
class="flex items-center px-[10px] py-[8px] border-[#0041E8] border-[1px] rounded-[4px] text-white bg-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[10px] hover:stroke-white font-[500]">
|
||||
<span class="ml-1">Danh sách quản trị</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<table class="mt-[25px]">
|
||||
<thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-bold">
|
||||
<tr>
|
||||
<td>STT</td>
|
||||
<td>Quản trị</td>
|
||||
<td>Ngày</td>
|
||||
<td>Tổng Sản phẩm tạo</td>
|
||||
<td>Sản phẩm được duyệt</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td><a href="" class="text-blue-600">adminkenli@gmail.com</a></td>
|
||||
<td><a href="" class="text-blue-600">2025-3-12</a></td>
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<span>1 -</span>
|
||||
<a href="" class="text-blue-600">Xem</a>
|
||||
</div>
|
||||
</td>
|
||||
<td>0</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
48
old/template/admin/department.html
Normal file
48
old/template/admin/department.html
Normal file
@@ -0,0 +1,48 @@
|
||||
<div class="w-[100%]">
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/admin/admin"> Danh sách quản trị viên </a>
|
||||
<a href="" class="text-[#0041E8]"> Danh sách phòng ban </a>
|
||||
</div>
|
||||
|
||||
<div class="p-[15px] m-[15px] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A]">
|
||||
<div class="flex items-center justify-between">
|
||||
<h1 class="text-[24px] font-[700] ">Danh sách phòng ban</h1>
|
||||
<div class="flex items-center">
|
||||
<a href="/admin/admin/department_add"
|
||||
class="flex items-center p-[7px] border-[#0041E8] border-[1px] rounded-[4px] text-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[15px] font-[500]">
|
||||
<span
|
||||
class="border-[1px] border-[#0041E8] h-[15px] w-[15px] leading-[12px] text-center rounded-[50%] mr-1">+</span>
|
||||
<span>Thêm phòng ban mới</span>
|
||||
</a>
|
||||
<a href="/admin/admin"
|
||||
class="flex items-center px-[10px] py-[8px] border-[#0041E8] border-[1px] rounded-[4px] text-white bg-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[10px] hover:stroke-white font-[500]">
|
||||
<span class="ml-1">Danh sách quản trị</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<table class="mt-[25px] table">
|
||||
<thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-500">
|
||||
<tr>
|
||||
<th class="w-[38px]">STT</th>
|
||||
<th>Phòng ban</th>
|
||||
<th>Email</th>
|
||||
<th>Code</th>
|
||||
<th>Quản trị</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>Hurasoft test code không được xóa</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td><a href="/admin/admin/department_add&id=1" class="font-bold">Sửa lại</a></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
81
old/template/admin/department_add.html
Normal file
81
old/template/admin/department_add.html
Normal file
@@ -0,0 +1,81 @@
|
||||
<div class="w-[100%]">
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/admin/admin"> Danh sách quản trị viên </a>
|
||||
<a href="" class="text-[#0041E8]"> Form sửa phòng ban </a>
|
||||
</div>
|
||||
|
||||
<div class="max-w-[1141px] m-[0_auto_16px_auto]">
|
||||
<div class="p-[15px] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A]">
|
||||
<div class="flex items-center justify-between">
|
||||
<h1 class="text-[24px] font-[700] ">Thêm phòng ban</h1>
|
||||
<div class="flex items-center">
|
||||
<a href="/admin/admin/department_add"
|
||||
class="flex items-center p-[7px] border-[#0041E8] border-[1px] rounded-[4px] text-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[15px] font-[500]">
|
||||
<span
|
||||
class="border-[1px] border-[#0041E8] h-[15px] w-[15px] leading-[12px] text-center rounded-[50%] mr-1">+</span>
|
||||
<span>Thêm mới</span>
|
||||
</a>
|
||||
<a href="/admin/admin/department" class=" flex items-center px-[10px] py-[8px] border-[#0041E8] border-[1px] rounded-[4px]
|
||||
text-white bg-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[10px] hover:stroke-white
|
||||
font-[500]">
|
||||
<span class="ml-1">Danh sách phòng ban</span>
|
||||
</a>
|
||||
<a href="/admin/admin"
|
||||
class="flex items-center px-[10px] py-[8px] border-[#0041E8] border-[1px] rounded-[4px] text-white bg-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[10px] hover:stroke-white font-[500]">
|
||||
<span class="ml-1">Danh sách quản trị</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex mt-[15px]">
|
||||
<div class="left w-[270px] mr-[10px]">
|
||||
<div class="list-tab rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] overflow-hidden">
|
||||
<a href="/admin/distributor/form"
|
||||
class="item block w-[100%] h-[36px] text-white bg-[#0041E8] rounded-[10px_10px_0_0] leading-[35px] px-[20px]">Thông
|
||||
tin</a>
|
||||
<a href="/admin/admin/department_menu_permission?id=0"
|
||||
class="item block w-[100%] h-[36px] bg-white leading-[35px] px-[20px] border-b-[1px] border-gray-100 hover:bg-[#0041E8] hover:text-white">Quyền
|
||||
xem menu</a>
|
||||
<a href="/admin/admin/department_entity_permission?id=0"
|
||||
class="item block w-[100%] h-[36px] bg-white rounded-[0_0_10px_10px] leading-[35px] px-[20px] hover:bg-[#0041E8] hover:text-white">Quyền
|
||||
chỉnh sửa</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right w-[860px]">
|
||||
<div
|
||||
class="p-[15px] bg-white rounded-[10px_10px_0_0] shadow-[0px_-1px_1px_0px_#0000001A] border-b-[6px] border-[#FAFAFB]">
|
||||
<b class="block text-[20px] mb-[23px]">Thông tin phong ban</b>
|
||||
<div class="mb-[15px]">
|
||||
<label for="" class="block mb-[10px] font-[700] text-[14px] text-[#383C44]">Tên phòng
|
||||
ban</label>
|
||||
<input type="text" name="" value="Test" placeholder="Tên phòng ban"
|
||||
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]">Email</label>
|
||||
<input type="text" name="" value="Test" placeholder="Địa chỉ email"
|
||||
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]">Code</label>
|
||||
<input type="text" name="" value="Test" placeholder="Code"
|
||||
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]">Mô tả</label>
|
||||
<textarea type="text" name="" value="Test" placeholder="Code"
|
||||
class="w-[100%] h-[70px] textarea input-bordered rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-[15px] bg-white rounded-[0_0_10px_10px] shadow-[0px_1px_1px_0px_#0000001A] mt-15px]">
|
||||
<input type="hidden" name="create" value="yes" />
|
||||
<input name="commit" 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]" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
136
old/template/admin/department_entity_permission.html
Normal file
136
old/template/admin/department_entity_permission.html
Normal file
@@ -0,0 +1,136 @@
|
||||
<div class="w-[100%]">
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/admin/admin"> Danh sách quản trị viên </a>
|
||||
<a href="" class="text-[#0041E8]"> Form sửa phòng ban </a>
|
||||
</div>
|
||||
|
||||
<div class="max-w-[1141px] m-[0_auto_16px_auto]">
|
||||
<div class="p-[15px] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A]">
|
||||
<div class="flex items-center justify-between">
|
||||
<h1 class="text-[24px] font-[700] ">Thêm phòng ban</h1>
|
||||
<div class="flex items-center">
|
||||
<a href="/admin/admin/department_add"
|
||||
class="flex items-center p-[7px] border-[#0041E8] border-[1px] rounded-[4px] text-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[15px] font-[500]">
|
||||
<span
|
||||
class="border-[1px] border-[#0041E8] h-[15px] w-[15px] leading-[12px] text-center rounded-[50%] mr-1">+</span>
|
||||
<span>Thêm mới</span>
|
||||
</a>
|
||||
<a href="/admin/admin/department" class=" flex items-center px-[10px] py-[8px] border-[#0041E8] border-[1px] rounded-[4px]
|
||||
text-white bg-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[10px] hover:stroke-white
|
||||
font-[500]">
|
||||
<span class="ml-1">Danh sách phòng ban</span>
|
||||
</a>
|
||||
<a href="/admin/admin"
|
||||
class="flex items-center px-[10px] py-[8px] border-[#0041E8] border-[1px] rounded-[4px] text-white bg-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[10px] hover:stroke-white font-[500]">
|
||||
<span class="ml-1">Danh sách quản trị</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex mt-[15px]">
|
||||
<div class="left w-[270px] mr-[10px]">
|
||||
<div class="list-tab rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] overflow-hidden">
|
||||
<a href="/admin/distributor/form"
|
||||
class="item block w-[100%] h-[36px] bg-white rounded-[10px_10px_0_0] border-b-[1px] border-gray-100 leading-[35px] px-[20px] hover:bg-[#0041E8] hover:text-white">Thông
|
||||
tin</a>
|
||||
<a href="/admin/admin/department_menu_permission?id=0"
|
||||
class="item block w-[100%] h-[36px] bg-white leading-[35px] px-[20px] border-b-[1px] border-gray-100 hover:bg-[#0041E8] hover:text-white">Quyền
|
||||
xem menu</a>
|
||||
<a href="/admin/admin/department_entity_permission?id=0"
|
||||
class="item block w-[100%] h-[36px] bg-[#0041E8] text-white rounded-[0_0_10px_10px] leading-[35px] px-[20px] hover:bg-[#0041E8] hover:text-white">Quyền
|
||||
chỉnh sửa</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right w-[860px]">
|
||||
<div class="p-[15px] bg-white rounded-[15px_15px_0_0] shadow-[0px_-1px_1px_0px_#0000001A]">
|
||||
<b class="block mb-[15px] font-[20px]">Cài đặt quyền xem Menu cho: Tiệp Hura</b>
|
||||
<div class="mb-[20px] text-[#6B7280]">
|
||||
<p class="mb-[20px]">Trong trường hợp quản trị viên không được cập nhật quyền tại đây thì quyền
|
||||
của quản
|
||||
trị viên sẽ được
|
||||
thừa hưởng từ quyền
|
||||
của phòng ban.
|
||||
</p>
|
||||
<p> <b>Lưu ý:</b> Quyền xem menu chỉ quy định việc ẩn/hiện nội dung ở Menu, không quy định việc
|
||||
quản trị viên có thể
|
||||
xem được nội dung chi tiết của 1 hạng mục nào đó hay không nếu quản trị viên đó biết được
|
||||
đường link
|
||||
truy cập. Để hạn
|
||||
chế quản trị viên xem hạng mục, bạn cần cài đặt ở Quyền hạng mục.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<table class="table">
|
||||
<thead class="bg-[#f6f6f6] text-[#000] font-[500]">
|
||||
<tr>
|
||||
<th class="w-[40px]">STT</th>
|
||||
<th>Hạng mục</th>
|
||||
<th class="w-[210px]">Được phép xem</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr class="bg-[#FFE6C1] font-[700]">
|
||||
<td>1</td>
|
||||
<td colspan="2">Bán hàng</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1.1</td>
|
||||
<td>Danh sách đơn hàng</td>
|
||||
<td>
|
||||
<label class="check-form flex items-center cursor-pointer">
|
||||
<input type="checkbox" name="" value="1" class="checkbox checkbox-success">
|
||||
<span class="ml-[7px] text-[#6B7280] label-text">Được xem</span>
|
||||
</label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1.2</td>
|
||||
<td>Chờ mua sản phẩm</td>
|
||||
<td>
|
||||
<label class="check-form flex items-center cursor-pointer">
|
||||
<input type="checkbox" name="" value="1" class="checkbox checkbox-success">
|
||||
<span class="ml-[7px] text-[#6B7280] label-text">Được xem</span>
|
||||
</label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1.3</td>
|
||||
<td>Thanh toán qua cổng dịch vụ</td>
|
||||
<td>
|
||||
<label class="check-form flex items-center cursor-pointer">
|
||||
<input type="checkbox" name="" value="1" class="checkbox checkbox-success">
|
||||
<span class="ml-[7px] text-[#6B7280] label-text">Được xem</span>
|
||||
</label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="bg-[#FFE6C1] font-[700]">
|
||||
<td>2</td>
|
||||
<td colspan="2">Sản phẩm</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2.1</td>
|
||||
<td>Danh sách Sản phẩm</td>
|
||||
<td>
|
||||
<label class="check-form flex items-center cursor-pointer">
|
||||
<input type="checkbox" name="" value="1" class="checkbox checkbox-success">
|
||||
<span class="ml-[7px] text-[#6B7280] label-text">Được xem</span>
|
||||
</label>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
<div
|
||||
class="p-[15px] bg-white border-t-[6px] border-[#FAFAFB] rounded-[0_0_15px_15px] shadow-[0px_1px_1px_0px_#0000001A]">
|
||||
<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]" />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
135
old/template/admin/department_menu_permission.html
Normal file
135
old/template/admin/department_menu_permission.html
Normal file
@@ -0,0 +1,135 @@
|
||||
<div class="w-[100%]">
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/admin/admin"> Danh sách quản trị viên </a>
|
||||
<a href="" class="text-[#0041E8]"> Form sửa phòng ban </a>
|
||||
</div>
|
||||
|
||||
<div class="max-w-[1141px] m-[0_auto_16px_auto]">
|
||||
<div class="p-[15px] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A]">
|
||||
<div class="flex items-center justify-between">
|
||||
<h1 class="text-[24px] font-[700] ">Thêm phòng ban</h1>
|
||||
<div class="flex items-center">
|
||||
<a href="/admin/admin/department_add"
|
||||
class="flex items-center p-[7px] border-[#0041E8] border-[1px] rounded-[4px] text-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[15px] font-[500]">
|
||||
<span
|
||||
class="border-[1px] border-[#0041E8] h-[15px] w-[15px] leading-[12px] text-center rounded-[50%] mr-1">+</span>
|
||||
<span>Thêm mới</span>
|
||||
</a>
|
||||
<a href="/admin/admin/department" class=" flex items-center px-[10px] py-[8px] border-[#0041E8] border-[1px] rounded-[4px]
|
||||
text-white bg-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[10px] hover:stroke-white
|
||||
font-[500]">
|
||||
<span class="ml-1">Danh sách phòng ban</span>
|
||||
</a>
|
||||
<a href="/admin/admin"
|
||||
class="flex items-center px-[10px] py-[8px] border-[#0041E8] border-[1px] rounded-[4px] text-white bg-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[10px] hover:stroke-white font-[500]">
|
||||
<span class="ml-1">Danh sách quản trị</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex mt-[15px]">
|
||||
<div class="left w-[270px] mr-[10px]">
|
||||
<div class="list-tab rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] overflow-hidden">
|
||||
<a href="/admin/distributor/form"
|
||||
class="item block w-[100%] h-[36px] bg-white rounded-[10px_10px_0_0] leading-[35px] px-[20px] hover:bg-[#0041E8] hover:text-white">Thông
|
||||
tin</a>
|
||||
<a href="/admin/admin/department_menu_permission?id=0"
|
||||
class="item block w-[100%] h-[36px] bg-[#0041E8] text-white leading-[35px] px-[20px] border-b-[1px] border-gray-100 hover:bg-[#0041E8] hover:text-white">Quyền
|
||||
xem menu</a>
|
||||
<a href="/admin/admin/department_entity_permission?id=0"
|
||||
class="item block w-[100%] h-[36px] bg-white rounded-[0_0_10px_10px] leading-[35px] px-[20px] hover:bg-[#0041E8] hover:text-white">Quyền
|
||||
chỉnh sửa</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right w-[860px]">
|
||||
<div class="p-[15px] bg-white rounded-[15px_15px_0_0] shadow-[0px_-1px_1px_0px_#0000001A]">
|
||||
<b class="block mb-[15px] font-[20px]">Cài đặt quyền xem Menu cho: Tiệp Hura</b>
|
||||
<div class="mb-[20px] text-[#6B7280]">
|
||||
<p class="mb-[20px]">Trong trường hợp quản trị viên không được cập nhật quyền tại đây thì quyền
|
||||
của quản
|
||||
trị viên sẽ được
|
||||
thừa hưởng từ quyền
|
||||
của phòng ban.
|
||||
</p>
|
||||
<p> <b>Lưu ý:</b> Quyền xem menu chỉ quy định việc ẩn/hiện nội dung ở Menu, không quy định việc
|
||||
quản trị viên có thể
|
||||
xem được nội dung chi tiết của 1 hạng mục nào đó hay không nếu quản trị viên đó biết được
|
||||
đường link
|
||||
truy cập. Để hạn
|
||||
chế quản trị viên xem hạng mục, bạn cần cài đặt ở Quyền hạng mục.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<table class="table">
|
||||
<thead class="bg-[#f6f6f6] text-[#000] font-[500]">
|
||||
<tr>
|
||||
<th class="w-[40px]">STT</th>
|
||||
<th>Hạng mục</th>
|
||||
<th class="w-[210px]">Được phép xem</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr class="bg-[#FFE6C1] font-[700]">
|
||||
<td>1</td>
|
||||
<td colspan="2">Bán hàng</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1.1</td>
|
||||
<td>Danh sách đơn hàng</td>
|
||||
<td>
|
||||
<label class="check-form flex items-center cursor-pointer">
|
||||
<input type="checkbox" name="" value="1" class="checkbox checkbox-success">
|
||||
<span class="ml-[7px] text-[#6B7280] label-text">Được xem</span>
|
||||
</label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1.2</td>
|
||||
<td>Chờ mua sản phẩm</td>
|
||||
<td>
|
||||
<label class="check-form flex items-center cursor-pointer">
|
||||
<input type="checkbox" name="" value="1" class="checkbox checkbox-success">
|
||||
<span class="ml-[7px] text-[#6B7280] label-text">Được xem</span>
|
||||
</label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1.3</td>
|
||||
<td>Thanh toán qua cổng dịch vụ</td>
|
||||
<td>
|
||||
<label class="check-form flex items-center cursor-pointer">
|
||||
<input type="checkbox" name="" value="1" class="checkbox checkbox-success">
|
||||
<span class="ml-[7px] text-[#6B7280] label-text">Được xem</span>
|
||||
</label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="bg-[#FFE6C1] font-[700]">
|
||||
<td>2</td>
|
||||
<td colspan="2">Sản phẩm</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2.1</td>
|
||||
<td>Danh sách Sản phẩm</td>
|
||||
<td>
|
||||
<label class="check-form flex items-center cursor-pointer">
|
||||
<input type="checkbox" name="" value="1" class="checkbox checkbox-success">
|
||||
<span class="ml-[7px] text-[#6B7280] label-text">Được xem</span>
|
||||
</label>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
<div
|
||||
class="p-[15px] bg-white border-t-[6px] border-[#FAFAFB] rounded-[0_0_15px_15px] shadow-[0px_1px_1px_0px_#0000001A]">
|
||||
<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]" />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
144
old/template/admin/entity_permission.html
Normal file
144
old/template/admin/entity_permission.html
Normal file
@@ -0,0 +1,144 @@
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/admin/admin"> Danh sách quản trị viên </a>
|
||||
<a href=""> Form thêm/sửa quản trị viên </a>
|
||||
</div>
|
||||
|
||||
<div class="max-w-[1141px] flex flex-wrap items-start m-[0_auto_16px_auto]">
|
||||
<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]">
|
||||
<p class="font-bold text-[20px] leading-[26px] block"> Cập nhật quản trị </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="/admin/admin/add" style="color: #919699;border-bottom: 1px solid #f3f3f3;"
|
||||
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
|
||||
Thông tin
|
||||
</a>
|
||||
<a href="/admin/admin/menu-permission" style="color: #919699;border-bottom: 1px solid #f3f3f3;"
|
||||
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
|
||||
Quyền xem menu
|
||||
</a>
|
||||
<a href="/admin/admin/entity-permission" style="color: #fff;background: #0041E8;"
|
||||
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
|
||||
Quyền chỉnh sửa
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="w-[852px]">
|
||||
<div class="p-[15px] bg-white rounded-[15px_15px_0_0] shadow-[0px_-1px_1px_0px_#0000001A]">
|
||||
<b class="block mb-[15px] font-[20px]">Cài đặt quyền xem Menu cho: Tiệp Hura</b>
|
||||
<div class="mb-[20px] text-[#6B7280]">
|
||||
Trong trường hợp quản trị viên không được cập nhật quyền tại đây thì quyền của quản
|
||||
trị viên sẽ được thừa hưởng từ quyền
|
||||
của phòng ban.
|
||||
</div>
|
||||
|
||||
<table class="table">
|
||||
<thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-500">
|
||||
<tr>
|
||||
<th class="w-[40px]">STT</th>
|
||||
<th>Hạng mục</th>
|
||||
<th>Được phép xem</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr class="bg-[#FFE6C1] font-[700]">
|
||||
<td>1</td>
|
||||
<td colspan="2">Bán hàng</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1.1</td>
|
||||
<td>Danh sách đơn hàng</td>
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<label class="check-form flex items-center mr-[20px] cursor-pointer">
|
||||
<input type="checkbox" name="" value="1" class="checkbox checkbox-success">
|
||||
<span class="ml-[7px] text-[#6B7280] label-text">Xem</span>
|
||||
</label>
|
||||
<label class="check-form flex items-center mr-[20px] cursor-pointer">
|
||||
<input type="checkbox" name="" value="1" class="checkbox checkbox-success">
|
||||
<span class="ml-[7px] text-[#6B7280] label-text">Xóa</span>
|
||||
</label>
|
||||
<label class="check-form flex items-center mr-[20px] cursor-pointer">
|
||||
<input type="checkbox" name="" value="1" class="checkbox checkbox-success">
|
||||
<span class="ml-[7px] text-[#6B7280] label-text">Cập nhật</span>
|
||||
</label>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1.2</td>
|
||||
<td>Chờ mua sản phẩm</td>
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<label class="check-form flex items-center mr-[20px] cursor-pointer">
|
||||
<input type="checkbox" name="" value="1" class="checkbox checkbox-success">
|
||||
<span class="ml-[7px] text-[#6B7280] label-text">Xem</span>
|
||||
</label>
|
||||
<label class="check-form flex items-center mr-[20px] cursor-pointer">
|
||||
<input type="checkbox" name="" value="1" class="checkbox checkbox-success">
|
||||
<span class="ml-[7px] text-[#6B7280] label-text">Xóa</span>
|
||||
</label>
|
||||
<label class="check-form flex items-center mr-[20px] cursor-pointer">
|
||||
<input type="checkbox" name="" value="1" class="checkbox checkbox-success">
|
||||
<span class="ml-[7px] text-[#6B7280] label-text">Cập nhật</span>
|
||||
</label>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1.3</td>
|
||||
<td>Thanh toán qua cổng dịch vụ</td>
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<label class="check-form flex items-center mr-[20px] cursor-pointer">
|
||||
<input type="checkbox" name="" value="1" class="checkbox checkbox-success">
|
||||
<span class="ml-[7px] text-[#6B7280] label-text">Xem</span>
|
||||
</label>
|
||||
<label class="check-form flex items-center mr-[20px] cursor-pointer">
|
||||
<input type="checkbox" name="" value="1" class="checkbox checkbox-success">
|
||||
<span class="ml-[7px] text-[#6B7280] label-text">Xóa</span>
|
||||
</label>
|
||||
<label class="check-form flex items-center mr-[20px] cursor-pointer">
|
||||
<input type="checkbox" name="" value="1" class="checkbox checkbox-success">
|
||||
<span class="ml-[7px] text-[#6B7280] label-text">Cập nhật</span>
|
||||
</label>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="bg-[#FFE6C1] font-[700]">
|
||||
<td>2</td>
|
||||
<td colspan="2">Sản phẩm</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2.1</td>
|
||||
<td>Danh sách Sản phẩm</td>
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<label class="check-form flex items-center mr-[20px] cursor-pointer">
|
||||
<input type="checkbox" name="" value="1" class="checkbox checkbox-success">
|
||||
<span class="ml-[7px] text-[#6B7280] label-text">Xem</span>
|
||||
</label>
|
||||
<label class="check-form flex items-center mr-[20px] cursor-pointer">
|
||||
<input type="checkbox" name="" value="1" class="checkbox checkbox-success">
|
||||
<span class="ml-[7px] text-[#6B7280] label-text">Xóa</span>
|
||||
</label>
|
||||
<label class="check-form flex items-center mr-[20px] cursor-pointer">
|
||||
<input type="checkbox" name="" value="1" class="checkbox checkbox-success">
|
||||
<span class="ml-[7px] text-[#6B7280] label-text">Cập nhật</span>
|
||||
</label>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
<div
|
||||
class="p-[15px] bg-white border-t-[6px] border-[#FAFAFB] rounded-[0_0_15px_15px] shadow-[0px_1px_1px_0px_#0000001A]">
|
||||
<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]" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
103
old/template/admin/home.html
Normal file
103
old/template/admin/home.html
Normal file
@@ -0,0 +1,103 @@
|
||||
<div class="w-[100%]">
|
||||
<div class="p-[15px] m-[15px] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A]">
|
||||
<h1 class="text-[24px] font-[700] mb-[15px]">Danh sách quản trị website</h1>
|
||||
<form action=""
|
||||
class="flex items-center p-[15px] rounded-[10px] shadow-[0_1px_1px_0_rgba(0,0,0,0.10)] my-[15px] border-[1px] border-[#F6F6F6]">
|
||||
<input type="text" name=""
|
||||
class="w-[375px] h-[35px] px-[10px] rounded-[4px] border-[#D8D8D8] border-[1px] mr-[10px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"
|
||||
placeholder="Tìm theo tên/email">
|
||||
<button type="submit" class="px-[8px] py-[6px] rounded-[4px] text-white bg-[#0041E8]">Tìm kiếm</button>
|
||||
</form>
|
||||
|
||||
<div class="flex items-center justify-between">
|
||||
<select name="" id=""
|
||||
class="w-[260px] h-[35px] border-[1px] border-[#D8D8D8] shadow-[0px_2px_4px_0px_#0000001F] rounded-[4px] px-[5px]">
|
||||
<option value="">Chọn phòng ban</option>
|
||||
</select>
|
||||
|
||||
<div class="flex items-center">
|
||||
<a href="/admin/admin/add"
|
||||
class="flex items-center p-[7px] border-[#0041E8] border-[1px] rounded-[4px] text-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[15px] font-[500]">
|
||||
<span
|
||||
class="border-[1px] border-[#0041E8] h-[15px] w-[15px] leading-[12px] text-center rounded-[50%] mr-1">+</span>
|
||||
<span>Thêm quản trị mới</span>
|
||||
</a>
|
||||
<a href="/admin/admin/department"
|
||||
class="flex items-center px-[10px] py-[8px] border-[#0041E8] border-[1px] rounded-[4px] text-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[10px] hover:stroke-white font-[500]">
|
||||
<i class="fa-regular fa-file-pdf"></i>
|
||||
<span class="ml-1">Danh sách phòng ban</span>
|
||||
</a>
|
||||
<a href="/admin/admin/admin-log-product"
|
||||
class="flex items-center px-[10px] py-[8px] border-[#0041E8] border-[1px] rounded-[4px] text-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[10px] hover:stroke-white font-[500]">
|
||||
<i class="fa-solid fa-box"></i>
|
||||
<span class="ml-1">Theo dõi tạo sản phẩm</span>
|
||||
</a>
|
||||
<a href="/admin/admin/login-log"
|
||||
class="flex items-center px-[10px] py-[8px] border-[#0041E8] border-[1px] rounded-[4px] text-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[10px] hover:stroke-white font-[500]">
|
||||
<i class="fa-solid fa-user-gear"></i>
|
||||
<span class="ml-1">Quản trị đăng nhập</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<table class="table mt-[15px]">
|
||||
<thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-500">
|
||||
<tr>
|
||||
<th class="w-[38px]">STT</th>
|
||||
<th>Họ tên</th>
|
||||
<th>Email</th>
|
||||
<th>Phòng ban</th>
|
||||
<th>Thời gian tạo</th>
|
||||
<th>Đăng nhập lần cuối</th>
|
||||
<th>IP đăng nhập</th>
|
||||
<th class="w-[140px]">Xem lịch sử</th>
|
||||
<th class="w-[95px]">Quản lý</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>
|
||||
<p>Khách hàng hunglong.vn</p>
|
||||
<span
|
||||
class="px-[5px] py-[3px] rounded-[10px] border border-[#E00000] text-[#E00000] text-[12px] font-[700]">Tạm
|
||||
khóa</span>
|
||||
</td>
|
||||
<td>
|
||||
hunglong@hurasoft.com
|
||||
</td>
|
||||
<td>
|
||||
Khách hàng test giao diện
|
||||
</td>
|
||||
<td>
|
||||
29-01-2024, 1:34 pm
|
||||
</td>
|
||||
<td>
|
||||
07-03-2024, 9:54 am
|
||||
</td>
|
||||
<td>
|
||||
2405:4802:1d21:1660:c4b3:5e6e:3699:f991
|
||||
</td>
|
||||
<td>
|
||||
<a href="/admin/admin/admin-log"
|
||||
class="btn w-[120px] h-[34px] min-h-[34px] px-[15px] py-[5px] bg-[#0041E8] rounded-[4px] m-auto text-white text-center">Xem
|
||||
toàn
|
||||
bộ</a>
|
||||
</td>
|
||||
<td>
|
||||
<div class="list-btn flex items-center justify-center">
|
||||
<a href="/admin/template/upload-set" title="Form sản phẩm"
|
||||
class="w-[30px] h-[30px] 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 mr-[5px]">
|
||||
<i class="icons icon-delete"></i>
|
||||
</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
40
old/template/admin/login_log.html
Normal file
40
old/template/admin/login_log.html
Normal file
@@ -0,0 +1,40 @@
|
||||
<div class="w-[100%]">
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/admin/admin"> Danh sách quản trị viên </a>
|
||||
<a href="" class="text-[#0041E8]"> Danh sách đăng nhập quản trị </a>
|
||||
</div>
|
||||
|
||||
<div class="p-[15px] m-[15px] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A]">
|
||||
<div class="flex items-center justify-between">
|
||||
<h1 class="text-[24px] font-[700] ">Danh sách đăng nhập quản trị</h1>
|
||||
<div class="flex items-center">
|
||||
<a href="/admin/admin"
|
||||
class="flex items-center px-[10px] py-[8px] border-[#0041E8] border-[1px] rounded-[4px] text-white bg-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[10px] hover:stroke-white font-[500]">
|
||||
<span class="ml-1">Danh sách quản trị</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<table class="mt-[25px]">
|
||||
<thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-bold">
|
||||
<tr>
|
||||
<td>STT</td>
|
||||
<td>User</td>
|
||||
<td>IP</td>
|
||||
<td>Thời gian</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td><a href="" class="text-blue-600">adminkenli@gmail.com</a></td>
|
||||
<td>2405:4802:21c:5670:cf0:8f00:98e3:972d</td>
|
||||
<td>
|
||||
04-04-2025, 10:17 am
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
112
old/template/admin/menu_permission.html
Normal file
112
old/template/admin/menu_permission.html
Normal file
@@ -0,0 +1,112 @@
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/admin/admin"> Danh sách quản trị viên </a>
|
||||
<a href=""> Form thêm/sửa quản trị viên </a>
|
||||
</div>
|
||||
|
||||
<div class="max-w-[1141px] flex flex-wrap items-start m-[0_auto_16px_auto]">
|
||||
<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]">
|
||||
<p class="font-bold text-[20px] leading-[26px] block"> Cập nhật quản trị </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="/admin/admin/add" style="color: #919699;border-bottom: 1px solid #f3f3f3;"
|
||||
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
|
||||
Thông tin
|
||||
</a>
|
||||
<a href="/admin/admin/menu-permission" style="color: #fff;background: #0041E8;"
|
||||
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
|
||||
Quyền xem menu
|
||||
</a>
|
||||
<a href="/admin/admin/entity-permission" style="color: #919699;"
|
||||
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
|
||||
Quyền chỉnh sửa
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="w-[852px]">
|
||||
<div class="p-[15px] bg-white rounded-[15px_15px_0_0] shadow-[0px_-1px_1px_0px_#0000001A]">
|
||||
<b class="block mb-[15px] font-[20px]">Cài đặt quyền xem Menu cho: Tiệp Hura</b>
|
||||
<div class="mb-[20px] text-[#6B7280]">
|
||||
<p class="mb-[20px]">Trong trường hợp quản trị viên không được cập nhật quyền tại đây thì quyền của quản
|
||||
trị viên sẽ được
|
||||
thừa hưởng từ quyền
|
||||
của phòng ban.
|
||||
</p>
|
||||
<p> <b>Lưu ý:</b> Quyền xem menu chỉ quy định việc ẩn/hiện nội dung ở Menu, không quy định việc
|
||||
quản trị viên có thể
|
||||
xem được nội dung chi tiết của 1 hạng mục nào đó hay không nếu quản trị viên đó biết được đường link
|
||||
truy cập. Để hạn
|
||||
chế quản trị viên xem hạng mục, bạn cần cài đặt ở Quyền hạng mục.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<table class="table">
|
||||
<thead class="bg-[#f6f6f6] text-[#000] font-[500]">
|
||||
<tr>
|
||||
<th class="w-[40px]">STT</th>
|
||||
<th>Hạng mục</th>
|
||||
<th class="w-[210px]">Được phép xem</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr class="bg-[#FFE6C1] font-[700]">
|
||||
<td>1</td>
|
||||
<td colspan="2">Bán hàng</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1.1</td>
|
||||
<td>Danh sách đơn hàng</td>
|
||||
<td>
|
||||
<label class="check-form flex items-center cursor-pointer">
|
||||
<input type="checkbox" name="" value="1" class="checkbox checkbox-success">
|
||||
<span class="ml-[7px] text-[#6B7280] label-text">Được xem</span>
|
||||
</label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1.2</td>
|
||||
<td>Chờ mua sản phẩm</td>
|
||||
<td>
|
||||
<label class="check-form flex items-center cursor-pointer">
|
||||
<input type="checkbox" name="" value="1" class="checkbox checkbox-success">
|
||||
<span class="ml-[7px] text-[#6B7280] label-text">Được xem</span>
|
||||
</label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1.3</td>
|
||||
<td>Thanh toán qua cổng dịch vụ</td>
|
||||
<td>
|
||||
<label class="check-form flex items-center cursor-pointer">
|
||||
<input type="checkbox" name="" value="1" class="checkbox checkbox-success">
|
||||
<span class="ml-[7px] text-[#6B7280] label-text">Được xem</span>
|
||||
</label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="bg-[#FFE6C1] font-[700]">
|
||||
<td>2</td>
|
||||
<td colspan="2">Sản phẩm</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2.1</td>
|
||||
<td>Danh sách Sản phẩm</td>
|
||||
<td>
|
||||
<label class="check-form flex items-center cursor-pointer">
|
||||
<input type="checkbox" name="" value="1" class="checkbox checkbox-success">
|
||||
<span class="ml-[7px] text-[#6B7280] label-text">Được xem</span>
|
||||
</label>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
<div
|
||||
class="p-[15px] bg-white border-t-[6px] border-[#FAFAFB] rounded-[0_0_15px_15px] shadow-[0px_1px_1px_0px_#0000001A]">
|
||||
<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]" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
163
old/template/article/category.html
Normal file
163
old/template/article/category.html
Normal file
@@ -0,0 +1,163 @@
|
||||
<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]">
|
||||
<p class="leading-[30px] mb-[13px] font-bold text-[24px]"> Danh mục nội dung </p>
|
||||
|
||||
<div class="flex items-center justify-end font-[500] leading-[35px] mb-[20px]">
|
||||
<a href="/admin/article/category-add"
|
||||
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_16px_0_0] 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 danh mục mới</span>
|
||||
</a>
|
||||
|
||||
<a href="/admin/article"
|
||||
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||
<i class="far fa-folder mr-2"></i>
|
||||
<span>Danh sách nội dung</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="table">
|
||||
<table>
|
||||
<thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-[500]">
|
||||
<tr>
|
||||
<td width="600"> Danh mục </td>
|
||||
<td width="50" align="center"> ID </td>
|
||||
<td width="100" align="center"> Hiển thị </td>
|
||||
<td width="100" align="center"> STT </td>
|
||||
<td width="120" align="center"> Số bài viết </td>
|
||||
<td width="172" align="center"> Lựa chọn </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
|
||||
<tr align="center">
|
||||
<td align="left"> 1. Danh mục cấp 1 </td>
|
||||
|
||||
<td> 1 </td>
|
||||
|
||||
<td> child_article </td>
|
||||
|
||||
<td>
|
||||
<input type="text" value="0"
|
||||
class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)] text-center">
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<span class="inline-block mr-[10px] leading-[30px]"> 60 </span>
|
||||
<a href=""
|
||||
class="inline-block cursor-pointer leading-[30px] bg-[#0041E8] text-[#fff_!important] rounded-[4px] font-[500] p-[0_11px]">
|
||||
Xem
|
||||
</a>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<div class="items-center flex justify-center">
|
||||
<a href="/admin/article/category-add?id=1" title="Sửa lại"
|
||||
class="icons icon-edit mr-[6px]"></a>
|
||||
|
||||
<a href="" title="Xem tại web"
|
||||
class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
|
||||
|
||||
<a href="" title="Hạ xuống"
|
||||
class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
|
||||
|
||||
<a href="" title="Cho Hiển thị"
|
||||
class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]">
|
||||
</a>
|
||||
|
||||
<a href="" title="Xóa" class="icons icon-delete"></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- Danh mục cấp 2 -->
|
||||
<tr align="center">
|
||||
<td align="left" style="padding-left: 30px;"> 1.1 Danh mục cấp 2 </td>
|
||||
|
||||
<td> 1 </td>
|
||||
|
||||
<td> child_article </td>
|
||||
|
||||
<td>
|
||||
<input type="text" value="0"
|
||||
class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)] text-center">
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<span class="inline-block mr-[10px] leading-[30px]"> 60 </span>
|
||||
<a href=""
|
||||
class="inline-block cursor-pointer leading-[30px] bg-[#0041E8] text-[#fff_!important] rounded-[4px] font-[500] p-[0_11px]">
|
||||
Xem
|
||||
</a>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<div class="items-center flex justify-center">
|
||||
<a href="/admin/article/category-add?id=1" title="Sửa lại"
|
||||
class="icons icon-edit mr-[6px]"></a>
|
||||
|
||||
<a href="" title="Xem tại web"
|
||||
class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
|
||||
|
||||
<a href="" title="Hạ xuống"
|
||||
class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
|
||||
|
||||
<a href="" title="Cho Hiển thị"
|
||||
class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]">
|
||||
</a>
|
||||
|
||||
<a href="" title="Xóa" class="icons icon-delete"></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- Danh mục cấp 3 -->
|
||||
<tr align="center">
|
||||
<td align="left" style="padding-left: 60px;"> 1.1.1 Danh mục cấp 3 </td>
|
||||
|
||||
<td> 1 </td>
|
||||
|
||||
<td> child_article </td>
|
||||
|
||||
<td>
|
||||
<input type="text" value="0"
|
||||
class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)] text-center">
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<span class="inline-block mr-[10px] leading-[30px]"> 60 </span>
|
||||
<a href=""
|
||||
class="inline-block cursor-pointer leading-[30px] bg-[#0041E8] text-[#fff_!important] rounded-[4px] font-[500] p-[0_11px]">
|
||||
Xem
|
||||
</a>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<div class="items-center flex justify-center">
|
||||
<a href="/admin/article/category-add?id=1" title="Sửa lại"
|
||||
class="icons icon-edit mr-[6px]"></a>
|
||||
|
||||
<a href="" title="Xem tại web"
|
||||
class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
|
||||
|
||||
<a href="" title="Hạ xuống"
|
||||
class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
|
||||
|
||||
<a href="" title="Cho Hiển thị"
|
||||
class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]">
|
||||
</a>
|
||||
|
||||
<a href="" title="Xóa" class="icons icon-delete"></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
502
old/template/article/form.html
Normal file
502
old/template/article/form.html
Normal file
@@ -0,0 +1,502 @@
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/admin/article"> Bài viết </a>
|
||||
<a href=""> Form cập nhật Bài viết </a>
|
||||
</div>
|
||||
|
||||
<div class="max-w-[1141px] m-auto p-[0_15px]">
|
||||
<div class="flex flex-wrap items-start m-[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">
|
||||
{% if global.url contains 'id=' %}
|
||||
<p class="font-bold text-[20px]"> Sửa nội dung </p>
|
||||
|
||||
<p class="w-[100%] text-[#6B7280] order-[1]">
|
||||
ROG FALCHION LOW PROFILE – CHƠI GAME TRÊN MAC LÀ CHUYỆN NHỎ
|
||||
</p>
|
||||
{% else %}
|
||||
<p class="font-bold text-[20px]"> Thêm mới </p>
|
||||
{% endif %}
|
||||
|
||||
<div class="flex items-center">
|
||||
<a href="/admin/article/form"
|
||||
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 nội dung mới</span>
|
||||
</a>
|
||||
|
||||
<a href=""
|
||||
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="far fa-folder mr-2"></span>
|
||||
<span>Quản lý danh mục</span>
|
||||
</a>
|
||||
|
||||
<a href="/admin/article" title="Danh sách nội dung"
|
||||
class="fas fa-ellipsis-h text-[18px] border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] text-center min-w-[36px] group hover:bg-[#0041E8] hover:text-[#fff]"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="w-[25%] mr-[16px]">
|
||||
<div
|
||||
class="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)" style="color: #Fff;background: #0041E8;"
|
||||
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Chỉnh sửa
|
||||
</a>
|
||||
|
||||
{% if global.url contains 'id=' %}
|
||||
<a href="/admin/article/tag?id=1"
|
||||
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Tag </a>
|
||||
<a href="/admin/article/relation?id=1&related_item_type=product"
|
||||
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Liên
|
||||
quan:
|
||||
Sản phẩm </a>
|
||||
<a href="/admin/article/relation?id=1&related_item_type=product-category"
|
||||
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Liên
|
||||
quan:
|
||||
Danh mục sản phẩm </a>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<form method="post" enctype="multipart/form-data"
|
||||
class="w-[calc(100%_-25%_-16px)] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
|
||||
<div class="p-[16px] border-[#FAFAFB] border-b-[8px]">
|
||||
<p class="font-bold text-[20px] leading-[20px] mb-[15px]"> Thông tin cơ bản </p>
|
||||
|
||||
<div class="mb-[15px] flex flex-wrap items-center">
|
||||
<p class="mb-[7px] w-[100%] font-[600]">Ảnh đại diện </p>
|
||||
|
||||
<div class="inline-block">
|
||||
<img src="https://via.placeholder.com/400x300" class="block max-h-[80px] mr-[20px]">
|
||||
</div>
|
||||
|
||||
<label class="cursor-pointer">
|
||||
<span class="font-[300] mr-[10px]"> Cập nhật ảnh </span>
|
||||
|
||||
<input type="file" name="file_thumbnail"
|
||||
class="file-input h-[40px] rounded-[4px] file-input-bordered file-input-primary w-full max-w-xs">
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="mb-[15px] flex flex-wrap items-center">
|
||||
<p class="mb-[7px] w-[100%] font-[600]"> Ảnh nền trong chi tiết </p>
|
||||
|
||||
<div class="inline-block">
|
||||
<img src="https://via.placeholder.com/400x300" class="block max-h-[80px] mr-[20px]">
|
||||
</div>
|
||||
|
||||
<label class="cursor-pointer">
|
||||
<span class="font-[300] mr-[10px]"> Cập nhật ảnh </span>
|
||||
|
||||
<input type="file" name="file_thumbnail"
|
||||
class="file-input h-[40px] rounded-[4px] file-input-bordered file-input-primary w-full max-w-xs">
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="p-[12px_20px] m-[15px_0] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] rounded-[4px]">
|
||||
<p class="font-bold mb-2"> Danh mục <i class="font-[300] text-[#6B7280]"> * có thể chọn nhiều danh
|
||||
mục </i> </p>
|
||||
|
||||
<div class="overflow-auto max-h-[250px]">
|
||||
<div class="mb-1">
|
||||
<label class="inline-flex items-center mb-1 ml-1 cursor-pointer group">
|
||||
<input type="checkbox" value="1" class="checkbox checkbox-success">
|
||||
<b class="label-text ml-[5px]"> Danh mục cấp 1 </b>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="mb-1">
|
||||
|
||||
<p class="font-bold mb-[5px]"> Danh mục cấp 1 </p>
|
||||
|
||||
<div class="pl-[25px]">
|
||||
<!-- KHÔNG CÓ danh mục con -->
|
||||
<label class="inline-flex items-center mb-1 ml-1 cursor-pointer group">
|
||||
<input type="checkbox" value="2" class="checkbox checkbox-success">
|
||||
<span class="label-text ml-[5px] text-[#6B7280]"> Danh mục
|
||||
cấp 2 </span>
|
||||
</label> <br>
|
||||
|
||||
<!-- CÓ danh mục con -->
|
||||
<div>
|
||||
<p class="font-bold mb-[5px]"> Danh mục cấp 2 </p>
|
||||
|
||||
<div class="pl-[25px]">
|
||||
<label class="inline-flex items-center mb-1 ml-1 cursor-pointer group">
|
||||
<input type="checkbox" value="2" class="checkbox checkbox-success">
|
||||
<span class="text-[#6B7280] label-text ml-[5px]"> Danh mục cấp 3 </span>
|
||||
</label> <br>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input
|
||||
type="checkbox" value="2" class="checkbox checkbox-success"> <span
|
||||
class="text-[#6B7280] label-text ml-[5px]"> Danh mục cấp 2 </span> </label>
|
||||
<br>
|
||||
<div>
|
||||
<p class="font-bold mb-[5px]"> Danh mục cấp 2 </p>
|
||||
<div class="pl-[25px]"> <label
|
||||
class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input
|
||||
type="checkbox" value="2" class="checkbox checkbox-success"> <span
|
||||
class="text-[#6B7280] label-text ml-[5px]"> Danh mục cấp 3 </span>
|
||||
</label> <br></div>
|
||||
</div><label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input
|
||||
type="checkbox" value="2" class="checkbox checkbox-success"> <span
|
||||
class="text-[#6B7280] label-text ml-[5px]"> Danh mục cấp 2 </span> </label>
|
||||
<br><label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input
|
||||
type="checkbox" value="2" class="checkbox checkbox-success"> <span
|
||||
class="text-[#6B7280] label-text ml-[5px]"> Danh mục cấp 2 </span> </label>
|
||||
<br><label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input
|
||||
type="checkbox" value="2" class="checkbox checkbox-success"> <span
|
||||
class="text-[#6B7280] label-text ml-[5px]"> Danh mục cấp 2 </span> </label>
|
||||
<br><label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input
|
||||
type="checkbox" value="2" class="checkbox checkbox-success"> <span
|
||||
class="text-[#6B7280] label-text ml-[5px]"> Danh mục cấp 2 </span> </label>
|
||||
<br>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- clone -->
|
||||
<div class="mb-1"> <label class="inline-flex items-center mb-1 ml-1 cursor-pointer group">
|
||||
<input type="checkbox" value="1" class="checkbox checkbox-success">
|
||||
<b class="label-text ml-[5px]"> Danh mục cấp 1</b>
|
||||
</label> </div>
|
||||
<div class="mb-1">
|
||||
<p class="font-bold mb-[5px]"> Danh mục cấp 1 </p>
|
||||
<div class="pl-[25px]"> <label
|
||||
class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input
|
||||
type="checkbox" value="2" class="checkbox checkbox-success"> <span
|
||||
class="text-[#6B7280] label-text ml-[5px]"> Danh mục cấp 2 </span> </label>
|
||||
<br><label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input
|
||||
type="checkbox" value="2" class="checkbox checkbox-success"> <span
|
||||
class="text-[#6B7280] label-text ml-[5px]"> Danh mục cấp 2 </span> </label>
|
||||
<br><label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input
|
||||
type="checkbox" value="2" class="checkbox checkbox-success"> <span
|
||||
class="text-[#6B7280] label-text ml-[5px]"> Danh mục cấp 2 </span> </label>
|
||||
<br><label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input
|
||||
type="checkbox" value="2" class="checkbox checkbox-success"> <span
|
||||
class="text-[#6B7280] label-text ml-[5px]"> Danh mục cấp 2 </span> </label>
|
||||
<br><label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input
|
||||
type="checkbox" value="2" class="checkbox checkbox-success"> <span
|
||||
class="text-[#6B7280] label-text ml-[5px]"> Danh mục cấp 2 </span> </label>
|
||||
<br><label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input
|
||||
type="checkbox" value="2" class="checkbox checkbox-success"> <span
|
||||
class="text-[#6B7280] label-text ml-[5px]"> Danh mục cấp 2 </span> </label>
|
||||
<br>
|
||||
</div>
|
||||
</div>
|
||||
<!-- // -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-[15px]">
|
||||
<p class="mb-[7px] w-[100%] font-[600]"> Tiêu đề </p>
|
||||
|
||||
<input type="text" value=""
|
||||
class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
|
||||
<div class="mb-[15px]">
|
||||
<p class="mb-[7px] w-[100%] font-[600]"> Link Index </p>
|
||||
|
||||
<input type="text" value=""
|
||||
class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
|
||||
<div class="mb-[15px]">
|
||||
<p class="mb-[7px] w-[100%] font-[600]"> Link tham khảo (link web ngoài nếu có) </p>
|
||||
|
||||
<input type="text" value=""
|
||||
class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
|
||||
<div class="mb-[15px]">
|
||||
<p class="mb-[7px] w-[100%] font-[600]"> Tóm tắt chính </p>
|
||||
|
||||
<textarea
|
||||
class="w-[100%] min-h-[90px] max-h-[150px] textarea textarea-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<p class="mb-[7px] w-[100%] font-[600]"> Tags (Mỗi cụm từ 1 dòng) </p>
|
||||
|
||||
<textarea
|
||||
class="w-[100%] min-h-[90px] max-h-[150px] rounded-[4px] textarea textarea-bordered shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="p-[16px] border-[#FAFAFB] border-b-[8px]">
|
||||
<div class="flex flex-wrap items-center justify-between mb-3">
|
||||
<p class="font-bold text-[20px] leading-[20px]"> Mô tả (nếu có) </p>
|
||||
|
||||
<div class="flex items-center font-[500] leading-[35px]">
|
||||
<a href=""
|
||||
class="group flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||
<span class="icons icon-upload group-hover:filter-none"></span>
|
||||
<span> Upload ảnh </span>
|
||||
</a>
|
||||
|
||||
<a href=""
|
||||
class="flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||
<i class="far fa-folder mr-2"></i>
|
||||
<span> Quản lý </span>
|
||||
</a>
|
||||
|
||||
<a href=""
|
||||
class="flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||
<i class="fa fa-image mr-2"></i>
|
||||
<span> Chọn ảnh trong kho ảnh </span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="flex overflow-auto pb-2 w-[100%]">
|
||||
|
||||
<a href="javascript:void(0)" class="min-w-[100px] m-[10px_10px_0_0]">
|
||||
<img src="https://via.placeholder.com/2000x800" class="h-[40px] block" />
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-[15px]">
|
||||
<textarea id="js-desc"> </textarea>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<p class="mb-[7px] w-[100%] font-[600]"> Thứ tự <i class="font-[300] text-[13px]"> (* số cao xếp
|
||||
trước)</i> </p>
|
||||
|
||||
<input type="text" value=""
|
||||
class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="p-[16px] border-[#FAFAFB] border-b-[8px]">
|
||||
<p class="font-bold text-[20px] leading-[20px] mb-[15px]"> Dùng cho SEO </p>
|
||||
|
||||
<div class="mb-[15px]">
|
||||
<p class="mb-[7px] w-[100%] font-[600]">
|
||||
Url canonical
|
||||
<i class="text-[13px] font-[300]"> * để trống sẽ dùng link mặc định của hệ thống </i>
|
||||
</p>
|
||||
|
||||
<input type="text" value=""
|
||||
class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
|
||||
<div class="mb-[15px]">
|
||||
<p class="mb-[7px] w-[100%] font-[600]">
|
||||
Meta Title
|
||||
<i class="text-[13px] font-[300]"> 0 ký tự , 0 từ </i>
|
||||
</p>
|
||||
|
||||
<input type="text" value=""
|
||||
class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
|
||||
<div class="mb-[15px]">
|
||||
<p class="mb-[7px] w-[100%] font-[600]">
|
||||
Meta Keywords
|
||||
<i class="text-[13px] font-[300]"> 0 ký tự , 0 từ </i>
|
||||
</p>
|
||||
|
||||
<input type="text" value=""
|
||||
class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
|
||||
<div class="mb-[15px]">
|
||||
<p class="mb-[7px] w-[100%] font-[600]">
|
||||
Meta Description
|
||||
<i class="text-[13px] font-[300]"> 0 ký tự , 0 từ (Khuyến nghị: 160 ký tự) </i>
|
||||
</p>
|
||||
|
||||
<textarea
|
||||
class="w-[100%] min-h-[90px] max-h-[150px] rounded-[4px] textarea textarea-bordered shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
|
||||
</div>
|
||||
|
||||
<div class="mb-[15px] flex items-start">
|
||||
<p class="mb-[7px] w-[100%] font-[600] w-[220px]"> Cho phép Google Index </p>
|
||||
|
||||
<label class="inline-flex items-center cursor-pointer">
|
||||
<input type="checkbox" class="checkbox checkbox-success">
|
||||
<span class="label-text ml-[15px]"> Cho phép Google Index </span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="flex items-start">
|
||||
<p class="mb-[7px] w-[100%] font-[600] w-[220px]"> Hiển thị Mục lục đầu bài viết </p>
|
||||
|
||||
<label class="inline-flex items-center cursor-pointer">
|
||||
<input type="checkbox" class="checkbox checkbox-success">
|
||||
<span class="label-text ml-[15px]"> Cho phép hiển thị </span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="p-[16px] border-[#FAFAFB] border-b-[8px]">
|
||||
<p class="font-bold text-[20px] leading-[20px] mb-[15px]"> Quản trị hiển thị </p>
|
||||
|
||||
|
||||
<div class="mb-[15px] flex flex-wrap">
|
||||
<p class="w-[230px] font-bold">Thời gian của bài viết</p>
|
||||
|
||||
<div>
|
||||
<label class="inline-flex items-center cursor-pointer relative pl-[30px] mr-[34px]">
|
||||
<input type="radio" value="0" name="info[article_time_set]"
|
||||
class="radio checked:bg-blue-500" checked="">
|
||||
<span class="label-text ml-[10px]"> Thời gian tạo bài </span>
|
||||
</label>
|
||||
|
||||
<label class="inline-flex items-center cursor-pointer relative pl-[30px] mr-[34px]">
|
||||
<input type="radio" value="1" name="info[article_time_set]"
|
||||
class="radio checked:bg-blue-500">
|
||||
<span class="label-text ml-[10px]"> Chọn thời gian </span>
|
||||
</label>
|
||||
|
||||
<div class="w-[100%] hidden" id="js-publish_time">
|
||||
<div class="flex items-center m-[10px_0]">
|
||||
<div class="relative mr-[20px]">
|
||||
<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" style="width: 85px;"
|
||||
class="border border-[#d8d8d8] h-[36px] rounded-[4px] pl-[5px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
|
||||
<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>
|
||||
</div>
|
||||
|
||||
<i class="w-[100%] font-[300] text-[#6B7280] mt-[5px]">(Hiển thị cho người xem thời gian thật của
|
||||
bài thay vì thời gian cập nhật)</i>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="mb-[15px] flex flex-wrap">
|
||||
<p class="w-[230px] font-bold"> Trạng thái </p>
|
||||
|
||||
<div>
|
||||
<label class="inline-flex items-center cursor-pointer relative pl-[30px] mr-[34px]">
|
||||
<input type="radio" value="0" name="info[status]" class="radio checked:bg-blue-500"
|
||||
checked="">
|
||||
<span class="label-text ml-[10px]"> Bản nháp </span>
|
||||
</label>
|
||||
|
||||
<label class="inline-flex items-center cursor-pointer relative pl-[30px] mr-[34px]">
|
||||
<input type="radio" value="1" name="info[status]" class="radio checked:bg-blue-500">
|
||||
<span class="label-text ml-[10px]"> Cho hiển thị </span>
|
||||
</label>
|
||||
|
||||
<label class="inline-flex items-center cursor-pointer relative pl-[30px] mr-[34px]">
|
||||
<input type="radio" value="-1" name="info[status]" class="radio checked:bg-blue-500">
|
||||
<span class="label-text ml-[10px]"> Chờ duyệt </span>
|
||||
</label>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="flex flex-wrap items-center">
|
||||
<p class="w-[230px] font-bold"> Xem thử </p>
|
||||
|
||||
<a href="" target="_blank"
|
||||
class="inline-block font-[600] border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[30px] p-[0_12px] transition hover:bg-[#0041E8] hover:text-white">
|
||||
Xem bài viết tại trang web
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<input type="submit" value="Cập nhật"
|
||||
class="inline-block m-[16px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
|
||||
|
||||
<script>
|
||||
tinymce.init({
|
||||
selector: 'textarea#js-desc',
|
||||
height: 350,
|
||||
menubar: true,
|
||||
plugins: [
|
||||
'advlist autolink lists link image charmap print preview anchor',
|
||||
'searchreplace visualblocks code fullscreen',
|
||||
'insertdatetime media table paste code help wordcount'
|
||||
],
|
||||
toolbar: 'undo redo | formatselect | ' +
|
||||
'bold italic backcolor | alignleft aligncenter ' +
|
||||
'alignright alignjustify | bullist numlist outdent indent | ' +
|
||||
'removeformat | help',
|
||||
content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'
|
||||
});
|
||||
</script>
|
||||
|
||||
<script>
|
||||
$(function () {
|
||||
$("input[name='info[article_time_set]']").click(function () {
|
||||
if ($(this).val() == 1) $("#js-publish_time").show();
|
||||
else $("#js-publish_time").hide();
|
||||
});
|
||||
});
|
||||
</script>
|
||||
137
old/template/article/home.html
Normal file
137
old/template/article/home.html
Normal file
@@ -0,0 +1,137 @@
|
||||
<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]">
|
||||
<p class="leading-[30px] mb-[13px] font-bold text-[24px]"> Bài viết </p>
|
||||
|
||||
<form method="get" enctype="multipart/form-data" action="/admin/"
|
||||
class="border border-[#F6F6F6] m-[12px_0_16px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
|
||||
<input type="text" name="q" id="keyword" value="" placeholder=""
|
||||
class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
|
||||
<input type="submit" value="Tìm kiếm"
|
||||
class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
|
||||
</form>
|
||||
|
||||
<div class="flex items-center flex-wrap justify-between mb-[20px]">
|
||||
<div class="flex items-center">
|
||||
<select
|
||||
class="min-w-[160px] h-[36px] p-[0_5px] border border-[#D8D8D8] rounded-[4px] mr-[15px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
|
||||
<option value=""> Chọn danh mục </option>
|
||||
<option value=""> option </option>
|
||||
</select>
|
||||
|
||||
<a href=""
|
||||
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]">
|
||||
Xem nội dung đang ẩn
|
||||
</a>
|
||||
|
||||
<a href=""
|
||||
class="leading-[35px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
|
||||
Xem nội dung nổi bật
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="flex items-center font-[500] leading-[35px]">
|
||||
<a href="/admin/article/form"
|
||||
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_16px_0_0] 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/article/category"
|
||||
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||
<i class="far fa-folder mr-2"></i>
|
||||
<span>Quản lý danh mục</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="overflow-x-auto">
|
||||
<table class="table">
|
||||
<thead class="bg-[#F6F6F6] text-[#000] text-[14px] font-500">
|
||||
<tr>
|
||||
<td width="40"> STT </td>
|
||||
<td width="130"> Ảnh </td>
|
||||
<td> Sản phẩm (Tổng số: 1.742) </td>
|
||||
<td> Thống kê </td>
|
||||
<td> Quản trị </td>
|
||||
<td width="160"> Lựa chọn </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
<td align="center"> 1 </td>
|
||||
|
||||
<td>
|
||||
<img src="https://via.placeholder.com/880x350" class="block m-auto" />
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<span> [#2481] </span>
|
||||
<a href=""> Elgato – Happy New Year 2024 Deal Hot Đầu Xuân </a>
|
||||
|
||||
<div class="m-[5px_0]"> Thời gian chương trình : 15.02.2024 – 24.02.2024 </div>
|
||||
|
||||
<div>
|
||||
STT
|
||||
<input type="text" value="0"
|
||||
class="w-[140px] h-[32px] border border-[#D8D8D8] m-[0_0_0_10px] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<p> - Xem: 90 </p>
|
||||
<p> - Thích: 0 </p>
|
||||
<p> - Comment: 0 </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<p> Cập nhật: Nguyễn MInh Hải </p>
|
||||
<p> (15-02-2024, 2:57 pm) </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<div class="items-center flex">
|
||||
<a href="/admin/article/form?id=1" title="Sửa lại"
|
||||
class="border-[1px] border-[#0041E8_!important] icons icon-edit mr-[6px]"></a>
|
||||
|
||||
<a href="" title="Xem tại web"
|
||||
class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
|
||||
|
||||
<a href="" title="Cho nổi bật"
|
||||
class="fas fa-crown bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
|
||||
|
||||
<a href="" title="Hạ nổi bật"
|
||||
class="fas fa-crown bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
|
||||
|
||||
<a href="" title="Hạ xuống"
|
||||
class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
|
||||
|
||||
<a href="" title="Cho Hiển thị"
|
||||
class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]">
|
||||
</a>
|
||||
|
||||
<a href="" title="Xóa" class="icons icon-delete"></a>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</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>
|
||||
</div>
|
||||
124
old/template/article/relation.html
Normal file
124
old/template/article/relation.html
Normal file
@@ -0,0 +1,124 @@
|
||||
{% assign _check_type = global.url | split: 'related_item_type=' %}
|
||||
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/admin/article"> Bài viết </a>
|
||||
<a href=""> Form cập nhật Bài viết </a>
|
||||
</div>
|
||||
|
||||
<div class="max-w-[1141px] m-[0_auto_20px]">
|
||||
<div class="flex flex-wrap items-start justify-center">
|
||||
|
||||
<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-[20px] flex flex-wrap items-center justify-between">
|
||||
<p class="font-bold text-[20px]"> Sửa nội dung </p>
|
||||
|
||||
<p class="text-[#6B7280] mt-[10px] order-[1] w-[100%]"> ROG FALCHION LOW PROFILE – CHƠI GAME TRÊN MAC LÀ
|
||||
CHUYỆN NHỎ </p>
|
||||
|
||||
<div class="flex items-center">
|
||||
<a href="/admin/article/form"
|
||||
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 nội dung mới</span>
|
||||
</a>
|
||||
|
||||
<a href=""
|
||||
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="far fa-folder mr-2"></span>
|
||||
<span>Quản lý danh mục</span>
|
||||
</a>
|
||||
|
||||
<a href="/admin/article" title="Danh sách nội dung"
|
||||
class="fas fa-ellipsis-h text-[18px] border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] text-center min-w-[36px] group hover:bg-[#0041E8] hover:text-[#fff]"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- col left -->
|
||||
<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="/admin/article/form?id=1"
|
||||
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Chỉnh sửa
|
||||
</a>
|
||||
|
||||
<a href="/admin/article/tag?id=1"
|
||||
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Tag </a>
|
||||
|
||||
<a href="/admin/article/relation?id=1&related_item_type=product"
|
||||
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition" {% if
|
||||
_check_type[1]=='product' %}style="color: #Fff;background: #0041E8;" {% endif %}> Liên quan: Sản phẩm
|
||||
</a>
|
||||
|
||||
<a href="/admin/article/relation?id=1&related_item_type=product-category"
|
||||
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition" {% if
|
||||
_check_type[1]=='product-category' %}style="color: #Fff;background: #0041E8;" {% endif %}> Liên quan:
|
||||
Danh mục sản phẩm </a>
|
||||
</div>
|
||||
|
||||
<!-- col right -->
|
||||
<div
|
||||
class="w-[852px] bg-white p-[16pX_16px_20px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
|
||||
{% if _check_type[1] == 'product'%}
|
||||
|
||||
{% include 'article/relation_product' %}
|
||||
|
||||
{% elsif _check_type[1] == 'product-category' %}
|
||||
|
||||
{% include 'article/relation_product_category' %}
|
||||
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Popup chọn tag -->
|
||||
<div id="popup-tag" class="hidden bg-white w-[852px] p-[16px] rounded-[15px]">
|
||||
<p class="mb-[14px] font-bold text-[20px] leading-[26px]"> Chọn Tag </p>
|
||||
|
||||
<form method="get" enctype="multipart/form-data" action="/admin/"
|
||||
class="border border-[#F6F6F6] m-[12px_0_20px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
|
||||
<input type="text" name="q" id="keyword" value="" placeholder="Tìm link truy cập"
|
||||
class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
|
||||
<input type="submit" value="Tìm kiếm"
|
||||
class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] mr-[12px] cursor-pointer rounded-[4px]">
|
||||
<p class="inline-block leading-[36px]"> (v.d. abc-xyz) </p>
|
||||
</form>
|
||||
|
||||
<div class="order-page-table max-h-[400px] overflow-auto">
|
||||
<table class="table">
|
||||
<thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-700">
|
||||
<tr>
|
||||
<td width="40">STT</td>
|
||||
<td>Thương hiệu</td>
|
||||
<td width="80"> Lựa chọn </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
|
||||
<tr align="center">
|
||||
<td class="text-center"> 1 </td>
|
||||
<td align="left"> Laptop AMD Ryzen 3 </td>
|
||||
<td>
|
||||
<a href=""
|
||||
class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_7px] text-[#fff_!important]">
|
||||
Chọn
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</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>
|
||||
70
old/template/article/relation_add.html
Normal file
70
old/template/article/relation_add.html
Normal file
@@ -0,0 +1,70 @@
|
||||
{% assign _check_type = global.url | split: 'related_item_type=' %}
|
||||
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/admin/article"> Bài viết </a>
|
||||
<a href="/admin/article/form?id=1"> Form cập nhật Bài viết </a>
|
||||
<a href=""> Thêm liên quan </a>
|
||||
</div>
|
||||
|
||||
<div class="max-w-[1141px] m-auto">
|
||||
<div class="flex flex-wrap items-start m-[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]">
|
||||
<p class="font-bold text-[20px] mb-[6px] leading-[26px]"> Thêm liên quan </p>
|
||||
|
||||
<p class="w-[100%] text-[#6B7280] order-[1]">
|
||||
Thêm liên quan: HuraSoft - Test tin tức
|
||||
</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="/admin/article/relation-add?id=1&related_item_type=product" {% if _check_type[1] == 'product' %} style="color: #Fff;background: #0041E8;" {% endif %} class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
|
||||
Sản phẩm (2)
|
||||
</a>
|
||||
|
||||
<a href="/admin/article/relation-add?id=1&related_item_type=product-category" {% if _check_type[1] == 'product-category' %} style="color: #Fff;background: #0041E8;" {% endif %} class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
|
||||
Danh mục sản phẩm (0)
|
||||
</a>
|
||||
</div>
|
||||
|
||||
{% if _check_type[1] == 'product' %}
|
||||
|
||||
{% include 'article/relation_product_add' %}
|
||||
|
||||
{% elsif _check_type[1] == 'product-category' %}
|
||||
|
||||
{% include 'article/relation_product_category_add' %}
|
||||
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
|
||||
|
||||
<script>
|
||||
tinymce.init({
|
||||
selector: 'textarea#js-desc',
|
||||
height: 350,
|
||||
menubar: true,
|
||||
plugins: [
|
||||
'advlist autolink lists link image charmap print preview anchor',
|
||||
'searchreplace visualblocks code fullscreen',
|
||||
'insertdatetime media table paste code help wordcount'
|
||||
],
|
||||
toolbar: 'undo redo | formatselect | ' +
|
||||
'bold italic backcolor | alignleft aligncenter ' +
|
||||
'alignright alignjustify | bullist numlist outdent indent | ' +
|
||||
'removeformat | help',
|
||||
content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'
|
||||
});
|
||||
</script>
|
||||
|
||||
<script>
|
||||
$(function(){
|
||||
$("input[name='info[article_time_set]']").click(function(){
|
||||
if($(this).val() == 1) $("#js-publish_time").show();
|
||||
else $("#js-publish_time").hide();
|
||||
}) ;
|
||||
});
|
||||
</script>
|
||||
68
old/template/article/relation_product.html
Normal file
68
old/template/article/relation_product.html
Normal file
@@ -0,0 +1,68 @@
|
||||
<div class="flex flex-wrap items-center justify-between">
|
||||
<p class="font-bold leading-[20px] text-[20px] mr-3 mb-[13px]"> Danh sách liên quan: HuraSoft - Test tin tức </p>
|
||||
|
||||
<a href="/admin/article/relation-add?id=1&related_item_type=product" class="flex items-center border border-[#0041E8] font-[500] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[31px] p-[0_10px] mb-[13px] 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 liên quan mới </span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="order-page-table">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<td width="40"> STT </td>
|
||||
<td width="70"> Ảnh </td>
|
||||
<td width="270"> Tên </td>
|
||||
<td> Thông tin bán hàng </td>
|
||||
<td width="70"> Cài đặt </td>
|
||||
<td > Lựa chọn </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr align="center">
|
||||
<td> 1 </td>
|
||||
|
||||
<td> <img src="https://via.placeholder.com/500x500" class="block"> </td>
|
||||
|
||||
<td align="left">
|
||||
<a href=""> CPU Intel Pentium Gold G6405 (Intel LGA1200 - 2 Core - 4 Thread - Base 4.1Ghz - Cache 4MB </a>
|
||||
</td>
|
||||
|
||||
<td align="left">
|
||||
<p> - Mã kho : <b> CPUI0132 </b> </p>
|
||||
<p> - Lượt xem: <b> 21577 </b> </p>
|
||||
<p> - Giá bán : <b class="text-[red]"> 1.999.000 vnđ </b> </p>
|
||||
<p> - Kho hàng : <b> 3 </b> </p>
|
||||
<p> - Bảo hành : <b> 36 Tháng </b> </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<p class="mb-[5px]"> STT </p>
|
||||
<input type="text" value="0" class="w-[100%] text-center h-[34px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<div class="flex items-center flex-wrap justify-center">
|
||||
<a href="" class="inline-block text-center border border-[#0041E8] font-[500] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[31px] p-[0_10px] mr-[5px] hover:bg-[#0041E8] hover:text-[#fff]">
|
||||
Bỏ lựa chọn
|
||||
</a>
|
||||
|
||||
<a href="" title="Xem tại web" class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8]"></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</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>
|
||||
78
old/template/article/relation_product_add.html
Normal file
78
old/template/article/relation_product_add.html
Normal file
@@ -0,0 +1,78 @@
|
||||
<div class="p-[16px] w-[852px] bg-white 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-[15px]"> Chọn sản phẩm liên quan - Tổng số: 28872 </p>
|
||||
|
||||
<form method="get" enctype="multipart/form-data" action="/admin/" class="border border-[#F6F6F6] m-[12px_0_16px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] flex items-center">
|
||||
<input type="text" name="q" id="keyword" value="" placeholder="Tìm sản phẩm liên quan" class="w-[245px] h-[36px] border border-[#D8D8D8] mr-[10px] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
|
||||
|
||||
<p class="mr-[10px]"> Chọn danh mục </p>
|
||||
|
||||
<select class="w-[160px] h-[36px] p-[0_5px] border border-[#D8D8D8] rounded-[4px] mr-[10px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
|
||||
<option value=""> Tất cả sản phẩm </option>
|
||||
<option value=""> option </option>
|
||||
</select>
|
||||
|
||||
<select class="w-[160px] h-[36px] p-[0_5px] border border-[#D8D8D8] rounded-[4px] mr-[10px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
|
||||
<option value=""> Thương hiệu </option>
|
||||
<option value=""> option </option>
|
||||
</select>
|
||||
|
||||
<input type="submit" value="Tìm kiếm" class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
|
||||
</form>
|
||||
|
||||
<a href="" class="inline-block leading-[35px] mr-[16px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
|
||||
Chọn toàn bộ danh sách
|
||||
</a>
|
||||
|
||||
<div class="order-page-table m-[20px_0]">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<td width="40"> STT </td>
|
||||
<td width="80"> Ảnh </td>
|
||||
<td> Tên </td>
|
||||
<td width="220"> Thông tin bán hàng </td>
|
||||
<td> Lựa chọn </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr>
|
||||
<td align="center"> 1 </td>
|
||||
|
||||
<td>
|
||||
<img src="https://via.placeholder.com/880x350" class="block m-auto">
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<a href=""> CPU Intel Pentium Gold G6405 Intel LGA1200 - 2 Core - 4 Thread - Base 4.1Ghz - Cache 4MB </a>
|
||||
<p> Cập nhật: Hôm nay, 11:11 am </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
- Mã kho : <b> CPUI0132 </b> <br>
|
||||
- Lượt xem: <b> 21577 </b> <br>
|
||||
- Giá bán : <b> 1.999.000 vnđ </b> <br>
|
||||
- Kho hàng : <b> 3 </b> <br>
|
||||
- Bảo hành : <b> 36 Tháng </b>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<a href="" class="block leading-[29px] text-center font-[500] whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_5px] hover:bg-[#0041E8] hover:text-[#fff]">
|
||||
Chọn liên quan
|
||||
</a>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
</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>
|
||||
53
old/template/article/relation_product_category.html
Normal file
53
old/template/article/relation_product_category.html
Normal file
@@ -0,0 +1,53 @@
|
||||
<div class="flex flex-wrap items-center justify-between">
|
||||
<p class="font-bold leading-[20px] text-[20px] mr-3 mb-[13px]"> Danh sách liên quan: HuraSoft - Test tin tức </p>
|
||||
|
||||
<a href="/admin/article/relation-add?id=1&related_item_type=product-category"
|
||||
class="flex items-center border border-[#0041E8] font-[500] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[31px] p-[0_10px] mb-[13px] 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 liên quan mới </span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="table">
|
||||
<table>
|
||||
<thead class="bg-[#f6f6f6] text-[#f6f6f6] font-700 text-[14px]">
|
||||
<tr>
|
||||
<td width="40"> STT </td>
|
||||
<td> Tên </td>
|
||||
<td width="120"> Lựa chọn </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr align="center">
|
||||
<td> 1 </td>
|
||||
|
||||
<td align="left">
|
||||
<p class="mb-[7px]"> Laptop - Tablet - Mobile </p>
|
||||
|
||||
<p class="mr-[10px] inline-block"> STT </p>
|
||||
<input type="text" value="0"
|
||||
class="w-[70px] text-center h-[34px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<a href=""
|
||||
class="block text-center border border-[#0041E8] font-[500] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[31px] p-[0_5px] hover:bg-[#0041E8] hover:text-[#fff]">
|
||||
Bỏ lựa chọn
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
</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>
|
||||
60
old/template/article/relation_product_category_add.html
Normal file
60
old/template/article/relation_product_category_add.html
Normal file
@@ -0,0 +1,60 @@
|
||||
<form method="post" enctype="multipart/form-data" class="p-[16px] w-[852px] bg-white 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-[20px]"> Chọn danh mục liên quan </p>
|
||||
|
||||
<div class="order-page-table table-vertical-inherit">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<td> Danh mục </td>
|
||||
<td width="140"> Lựa chọn </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr>
|
||||
<td> 1 Danh mục cấp 1 </td>
|
||||
<td>
|
||||
<a href="" class="block leading-[29px] text-center font-[500] whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_5px] hover:bg-[#0041E8] hover:text-[#fff]">
|
||||
Chọn liên quan
|
||||
</a>
|
||||
|
||||
<p class="block leading-[29px] text-center font-[500] whitespace-nowrap border border-[#000] rounded-[4px] p-[0_5px]"> Đã chọn </p>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- Danh mục cấp 2 -->
|
||||
<tr>
|
||||
<td style="padding-left: 30px;"> 1.1 Danh mục cấp 2 </td>
|
||||
<td>
|
||||
<a href="" class="block leading-[29px] text-center font-[500] whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_5px] hover:bg-[#0041E8] hover:text-[#fff]">
|
||||
Chọn liên quan
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- Danh mục cấp 3 -->
|
||||
<tr>
|
||||
<td style="padding-left: 50px;"> 1.1.1 Danh mục cấp 3 </td>
|
||||
<td>
|
||||
<a href="" class="block leading-[29px] text-center font-[500] whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_5px] hover:bg-[#0041E8] hover:text-[#fff]">
|
||||
Chọn liên quan
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<!-- Danh mục cấp 4 -->
|
||||
<tr>
|
||||
<td style="padding-left: 70px;"> 1.1.1.1 Danh mục cấp 4 </td>
|
||||
<td>
|
||||
<a href="" class="block leading-[29px] text-center font-[500] whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_5px] hover:bg-[#0041E8] hover:text-[#fff]">
|
||||
Chọn liên quan
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
|
||||
</table>
|
||||
</div>
|
||||
</form>
|
||||
123
old/template/article/tag.html
Normal file
123
old/template/article/tag.html
Normal file
@@ -0,0 +1,123 @@
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/admin/article"> Bài viết </a>
|
||||
<a href=""> Form cập nhật Bài viết </a>
|
||||
</div>
|
||||
|
||||
<div class="max-w-[1141px] m-[0_auto_20px]">
|
||||
<div class="flex flex-wrap items-start justify-center">
|
||||
|
||||
<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-[20px] flex flex-wrap items-center justify-between">
|
||||
<p class="font-bold text-[20px]"> Sửa nội dung </p>
|
||||
|
||||
<p class="text-[#6B7280] mt-[10px] order-[1] w-[100%]"> ROG FALCHION LOW PROFILE – CHƠI GAME TRÊN MAC LÀ CHUYỆN NHỎ </p>
|
||||
|
||||
<div class="flex items-center">
|
||||
<a href="/admin/article/form" 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 nội dung mới</span>
|
||||
</a>
|
||||
|
||||
<a href="" 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="far fa-folder mr-2"></span>
|
||||
<span>Quản lý danh mục</span>
|
||||
</a>
|
||||
|
||||
<a href="/admin/article" title="Danh sách nội dung" class="fas fa-ellipsis-h text-[18px] border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] text-center min-w-[36px] group hover:bg-[#0041E8] hover:text-[#fff]"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- col left -->
|
||||
<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="/admin/article/form?id=1" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Chỉnh sửa </a>
|
||||
|
||||
{% if global.url contains 'id=' %}
|
||||
<a href="javascript:void(0)" style="color: #Fff;background: #0041E8;" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Tag </a>
|
||||
<a href="/admin/article/relation?id=1&related_item_type=product" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Liên quan: Sản phẩm </a>
|
||||
<a href="/admin/article/relation?id=1&related_item_type=product-category" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Liên quan: Danh mục sản phẩm </a>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<!-- col right -->
|
||||
<form method="post" enctype="multipart/form-data" class="w-[852px] bg-white p-[16pX_16px_20px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
|
||||
|
||||
<a href="#popup-tag" data-fancybox class="inline-block border border-[#0041E8] font-[500] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[31px] p-[0_10px] hover:bg-[#0041E8] hover:text-[#fff]">
|
||||
Chọn tag mới
|
||||
</a>
|
||||
|
||||
<div class="order-page-table mt-[13px]">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<td width="70"> STT </td>
|
||||
<td> Tag </td>
|
||||
<td width="70"> Lựa chọn </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr align="center">
|
||||
<td> 1 </td>
|
||||
<td align="left"> Laptop GTX 1050 </td>
|
||||
<td>
|
||||
<a href="" title="Xóa" class="icons icon-delete"></a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<hr class="border-[4px] border-[#FAFAFB] m-[16px_-16px]">
|
||||
|
||||
<input name="commit" 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>
|
||||
|
||||
|
||||
<!-- Popup chọn tag -->
|
||||
<div id="popup-tag" class="hidden bg-white w-[852px] p-[16px] rounded-[15px]">
|
||||
<p class="mb-[14px] font-bold text-[20px] leading-[26px]"> Chọn Tag </p>
|
||||
|
||||
<form method="get" enctype="multipart/form-data" action="/admin/" class="border border-[#F6F6F6] m-[12px_0_20px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
|
||||
<input type="text" name="q" id="keyword" value="" placeholder="Tìm link truy cập" class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
|
||||
<input type="submit" value="Tìm kiếm" class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] mr-[12px] cursor-pointer rounded-[4px]">
|
||||
<p class="inline-block leading-[36px]"> (v.d. abc-xyz) </p>
|
||||
</form>
|
||||
|
||||
<div class="order-page-table max-h-[400px] overflow-auto">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<td width="40">STT</td>
|
||||
<td>Thương hiệu</td>
|
||||
<td width="80"> Lựa chọn </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
|
||||
<tr align="center">
|
||||
<td> 1 </td>
|
||||
<td align="left"> Laptop AMD Ryzen 3 </td>
|
||||
<td>
|
||||
<a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_7px] text-[#fff_!important]">
|
||||
Chọn
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</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>
|
||||
200
old/template/banner/home.html
Normal file
200
old/template/banner/home.html
Normal file
@@ -0,0 +1,200 @@
|
||||
<div class="w-[100%]">
|
||||
<div
|
||||
class="m-[16px] p-[20px_16px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
|
||||
<p class="leading-[31px] font-bold text-[24px] mb-[12px]"> Danh sách banner </p>
|
||||
|
||||
<form method='get' enctype="multipart/form-data" action="/admin/"
|
||||
class="border border-[#F6F6F6] m-[12px_0_16px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
|
||||
<input type='hidden' name='opt' value='banner' />
|
||||
<input type='hidden' name='q' value='' />
|
||||
<input type='hidden' name='page' value='' />
|
||||
|
||||
<input type=text name='q' id='keyword' value="" placeholder="Tìm banner(theo tên)"
|
||||
class="w-[375px] h-[36px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] " />
|
||||
<input type=submit value='Tìm kiếm'
|
||||
class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] ml-[10px] cursor-pointer rounded-[4px]">
|
||||
</form>
|
||||
|
||||
<div class="flex items-center flex-wrap justify-between">
|
||||
<div class="flex items-center">
|
||||
<select
|
||||
class="m-[0_16px_16px_0] h-[36px] min-h-[36px] rounded-[4px] select select-bordered shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
|
||||
<option value="">Xem theo vị trí banner</option>
|
||||
<option value='43'> - Banner MB Webmau4</option>
|
||||
<option value='42'> - Brand Homepage</option>
|
||||
</select>
|
||||
|
||||
<select
|
||||
class="m-[0_16px_16px_0] h-[36px] min-h-[36px] rounded-[4px] select select-bordered shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
|
||||
<option value="">Lọc hiển thị</option>
|
||||
<option value="">Chưa hiển thị</option>
|
||||
<option value="">Đang hiển thị</option>
|
||||
</select>
|
||||
|
||||
<a href=""
|
||||
class="m-[0_16px_16px_0] leading-[36px] p-[0_10px] rounded-[4px] border border-[#0041E8] text-[#0041E8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] hover:bg-[#0041E8] hover:text-[#fff]">Chọn
|
||||
danh mục sản phẩm để xem</a>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center font-[500] leading-[34.5px]">
|
||||
<a href="/admin/banner/upload"
|
||||
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_16px_16px_0] 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 banner mới</span>
|
||||
</a>
|
||||
|
||||
<a href="/admin/banner/location"
|
||||
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_0_16px_0] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||
<i class="far fa-image mr-[8px]"></i>
|
||||
<span>Quản trị vị trí banner</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="overflow-x-auto">
|
||||
<table class="table td-top">
|
||||
<thead class="bg-[#F6F6F6] text-[#000] text-[14px] font-500">
|
||||
<td> STT </td>
|
||||
<td width="280"> Ảnh </td>
|
||||
<td> Thông tin </td>
|
||||
<td> Thứ tự </td>
|
||||
<td> Click </td>
|
||||
<td> Chỉnh sửa </td>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr>
|
||||
<td align="center"> 1 </td>
|
||||
|
||||
<td>
|
||||
<img src="https://demopc8.hurasoft.com/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg"
|
||||
width="260" />
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<table class="not-border not-padding">
|
||||
<tr>
|
||||
<td width="115">Tên gọi:</td>
|
||||
<td> </td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Link tới:</td>
|
||||
<td> </td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>File:</td>
|
||||
<td>/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Kích thước:</td>
|
||||
<td>Rộng x Cao (Width x Height) = 3130px x 2075px</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Link:</td>
|
||||
<td>/ad.php?id=236</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Thời gian hiển thị:</td>
|
||||
<td>Luôn hiển thị, chỉ ẩn khi hạ bằng tay</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Cập nhật:</td>
|
||||
<td>21-06-2023, 11:08 am</td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</td>
|
||||
|
||||
<td align="center"> 0 </td>
|
||||
|
||||
<td align="center"> 0 </td>
|
||||
|
||||
<td>
|
||||
<div class="items-center flex justify-center">
|
||||
<a href="/admin/banner/upload?id=1" class="icons icon-edit" title="Sửa lại"></a>
|
||||
|
||||
<a href="javascript:void(0)" title="Hạ Hiển thị"
|
||||
class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[8px]"></a>
|
||||
|
||||
<a href="javascript:void(0)" title="Cho Hiển thị"
|
||||
class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[8px]">
|
||||
</a>
|
||||
|
||||
<a href="javascript:void(0)" class="icons icon-delete" title="Xóa"></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="center"> 2 </td>
|
||||
<td>
|
||||
<img src="https://demopc8.hurasoft.com/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg"
|
||||
width="260" class="min-w-[200px]" />
|
||||
</td>
|
||||
<td>
|
||||
<table class="not-border not-padding whitespace-nowrap">
|
||||
<tr>
|
||||
<td width="115">Tên gọi:</td>
|
||||
<td> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Link tới:</td>
|
||||
<td> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>File:</td>
|
||||
<td>/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Kích thước:</td>
|
||||
<td>Rộng x Cao (Width x Height)=3130px x 2075px</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Link:</td>
|
||||
<td>/ad.php?id=236</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Thời gian hiển thị:</td>
|
||||
<td>Luôn hiển thị, chỉ ẩn khi hạ bằng tay</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Cập nhật:</td>
|
||||
<td>21-06-2023, 11:08 am</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td align="center"> 0 </td>
|
||||
<td align="center"> 0 </td>
|
||||
<td>
|
||||
<div class="items-center flex justify-center"> <a href="/admin/banner/upload?id=1"
|
||||
class="icons icon-edit" title="Sửa lại"></a> <a href="javascript:void(0)"
|
||||
title="Hạ Hiển thị"
|
||||
class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[8px]"></a>
|
||||
<a href="javascript:void(0)" title="Cho Hiển thị"
|
||||
class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[8px]">
|
||||
</a> <a href="javascript:void(0)" class="icons icon-delete" title="Xóa"></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</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>
|
||||
</div>
|
||||
67
old/template/banner/location.html
Normal file
67
old/template/banner/location.html
Normal file
@@ -0,0 +1,67 @@
|
||||
<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="table">
|
||||
<table>
|
||||
<thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-700">
|
||||
<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 mr-[5px]" 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>
|
||||
123
old/template/banner/location_add.html
Normal file
123
old/template/banner/location_add.html
Normal file
@@ -0,0 +1,123 @@
|
||||
<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="select select-bordered h-[38px] min-h-[38px] rounded-[4px]">
|
||||
<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 & 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] input input-md input-bordered h-[35px] rounded-[4px] 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] input input-md input-bordered h-[35px] rounded-[4px] 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] textarea textarea-bordered rounded-[4px] 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>
|
||||
417
old/template/banner/upload.html
Normal file
417
old/template/banner/upload.html
Normal file
@@ -0,0 +1,417 @@
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/admin/banner"> Danh sách banner </a>
|
||||
<a href=""> Form sửa banner </a>
|
||||
</div>
|
||||
|
||||
<div class="max-w-[1141px] m-auto p-[0_15px]">
|
||||
<div class="text-right m-[0_0_12px]">
|
||||
<a href="/admin/banner/upload"
|
||||
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[35px] p-[0_12px] m-[0_10px_0_0] 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 banner mới</span>
|
||||
</a>
|
||||
|
||||
<a href="/admin/banner"
|
||||
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[35px] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||
<i class="fas fa-clipboard-list mr-[8px]"></i>
|
||||
<span>Danh sách banner</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="m-[16px_0]">
|
||||
{% if global.url contains 'id=' %} <!-- Form chỉnh sửa -->
|
||||
{% endif %}
|
||||
<p
|
||||
class="w-[100%] bg-white m-[0_0_16px] text-center rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[54px] text-[18px] font-bold">
|
||||
Cập nhật lại banner </p>
|
||||
<div class="flex flex-wrap">
|
||||
<div class="2xl:w-[30%] sm:w-full mb-[16px] sm:mr-[0] 2xl:mr-[16px]">
|
||||
<div
|
||||
class="w-full 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>
|
||||
</div>
|
||||
|
||||
<form method="post" enctype="multipart/form-data"
|
||||
class="2xl:w-[calc(100%_-30%_-16px)] sm:w-full bg-white p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
|
||||
|
||||
<input type="hidden" name="info[id]" value="236">
|
||||
<input type='hidden' name='info[category_list]' id='selected_cat' value="9,148">
|
||||
<input type="hidden" value="product_list" id="current_template_page">
|
||||
<input type="hidden" name="action" value="send">
|
||||
|
||||
<table>
|
||||
<tr>
|
||||
<td width="220" style="vertical-align: top;">
|
||||
<p class="leading-[32px]">File</p>
|
||||
</td>
|
||||
<td>
|
||||
<p
|
||||
class="leading-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
||||
/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg </p>
|
||||
|
||||
<img src="https://demopc8.hurasoft.com/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg"
|
||||
class="block m-[15px_0_22px] max-h[390px]" />
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<div class="order-page-table">
|
||||
<table>
|
||||
<tr>
|
||||
<td width="220"> Link theo dõi</td>
|
||||
<td> /ad.php?id=236 </td>
|
||||
</tr>
|
||||
|
||||
<tr id="banner_location">
|
||||
<td>Vị trí quảng cáo</td>
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<select name="info[locationId]"
|
||||
class="mr-[10px] select select-bordered h-[38px] min-h-[38px] rounded-[4px]">
|
||||
<option>--Chọn vị trí--</option>
|
||||
<option value='43,homepage'>Banner MB Webmau4</option>
|
||||
</select>
|
||||
|
||||
<a href="/admin/banner/location" class="whitespace-nowrap text-[#0041E8]">Quản lý vị
|
||||
trí</a>
|
||||
</div>
|
||||
|
||||
<div id="location_detail_holder" class="mt-[10px] overflow-auto max-h-[350px]">
|
||||
<p class="font-bold mb-[7px]">Chọn vị trí </p>
|
||||
|
||||
<div class="pl-[3px]">
|
||||
<label for="cat_special_all"
|
||||
class="flex items-center cursor-pointer m-[0_0_7px_0]">
|
||||
<input id="cat_special_all" value="-1"
|
||||
onchange="select_cat('cat_special_all', -1)" type="checkbox"
|
||||
class="checkbox checkbox-success mr-[10px]">
|
||||
<span class="label-text">Tất cả danh mục</span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="pl-[3px]"> <!-- Cấp 1 -->
|
||||
<label class="flex items-center cursor-pointer m-[0_0_7px_0]">
|
||||
<input type="checkbox" id="cat_special_9" value="9"
|
||||
onchange="select_cat('cat_special_9', 9)"
|
||||
class="checkbox checkbox-success mr-[10px]">
|
||||
<span class="label-text"> Danh mục cấp 1 </span>
|
||||
</label>
|
||||
|
||||
<div class="pl-[30px]"> <!-- Cấp 2 -->
|
||||
<label class="flex items-center cursor-pointer m-[0_0_7px_0]">
|
||||
<input type="checkbox" id="cat_special_1" value="1"
|
||||
onchange="select_cat('cat_special_1', 1)"
|
||||
class="checkbox checkbox-success mr-[10px]">
|
||||
<span class="label-text"> Danh mục cấp 2 </span>
|
||||
</label>
|
||||
|
||||
<div class="pl-[30px]"><!-- Cấp 3 -->
|
||||
<label class="table items-center cursor-pointer m-[0_0_7px_0]">
|
||||
<input type="checkbox" id="cat_special_1" value="1"
|
||||
onchange="select_cat('cat_special_1', 1)"
|
||||
class="checkbox checkbox-success mr-[10px]">
|
||||
<span class="label-text"> Danh mục cấp 3 </span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="pl-[3px]">
|
||||
<label class="flex items-center cursor-pointer m-[0_0_7px_0]">
|
||||
<input type="checkbox" id="cat_special_9" value="9"
|
||||
onchange="select_cat('cat_special_9', 9)"
|
||||
class="checkbox checkbox-success mr-[10px]">
|
||||
<span class="label-text"> Danh mục cấp 1 </span>
|
||||
</label>
|
||||
<div class="pl-[30px]">
|
||||
<label class="flex items-center cursor-pointer m-[0_0_7px_0]">
|
||||
<input type="checkbox" id="cat_special_1" value="1"
|
||||
onchange="select_cat('cat_special_1', 1)"
|
||||
class="checkbox checkbox-success mr-[10px]">
|
||||
<span class="label-text"> Danh mục cấp 2 </span>
|
||||
</label>
|
||||
<div class="pl-[30px]">
|
||||
<label class="table items-center cursor-pointer m-[0_0_7px_0]">
|
||||
<input type="checkbox" id="cat_special_1" value="1"
|
||||
onchange="select_cat('cat_special_1', 1)"
|
||||
class="checkbox checkbox-success mr-[10px]">
|
||||
<span class="label-text"> Danh mục cấp 3 </span>
|
||||
</label>
|
||||
<label class="table items-center cursor-pointer m-[0_0_7px_0]">
|
||||
<input type="checkbox" id="cat_special_1" value="1"
|
||||
onchange="select_cat('cat_special_1', 1)"
|
||||
class="checkbox checkbox-success mr-[10px]">
|
||||
<span class="label-text"> Danh mục cấp 3 </span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Đặt tên banner để theo dõi</td>
|
||||
<td>
|
||||
<input type="text" name="info[name]" value=""
|
||||
class="w-[100%] h-[32px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Mô tả</td>
|
||||
<td>
|
||||
<textarea name="info[summary]"
|
||||
class="w-[100%] min-h-[76px] max-h-[150px] textarea textarea-bordered rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Kích thước file</td>
|
||||
<td>
|
||||
Chiều dài (width) : <input type="text" name="info[width]" value="3130"
|
||||
class="w-[80px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
||||
px -
|
||||
Chiều cao (height) <input type="text" name="info[height]" value="2075"
|
||||
class="w-[80px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
||||
px
|
||||
(<span style="color:#F00">* bắt buộc cho file flash</span>)
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>File banner</td>
|
||||
<td>
|
||||
<div>
|
||||
<span> Upload từ máy tính </span>
|
||||
<input type="file" name="media_file_1">
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<p class="m-[7px_0]">Hoặc điền địa chỉ đầy đủ trên mạng (v.d.
|
||||
http://web-acb.com/anh.jpg):</p>
|
||||
|
||||
<input type="text" name="info[file_external_url]"
|
||||
value="/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg"
|
||||
class="w-[100%] h-[32px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td style="font-weight:bold;">Địa chỉ URL đích</td>
|
||||
<td>
|
||||
<input type="text" name="info[desUrl]" value=""
|
||||
class="w-[100%] h-[32px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Thứ tự hiển thị</td>
|
||||
<td>
|
||||
<input type="text" name="info[ordering]" value="0"
|
||||
class="w-[80px] h-[32px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
||||
<i>(nếu nhiều banner cùng 1 vị trí, số cao xếp trước)</i>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Thời gian hiển thị</td>
|
||||
<td>
|
||||
<label class="flex items-center cursor-pointer relative pl-[30px] mb-[8px]">
|
||||
<input type="radio" checked="checked" name="time_valid" value="1"
|
||||
class="left-0 radio checked:bg-blue-500" />
|
||||
<span class="label-text ml-[5px]">Luôn hiển thị, chỉ ẩn khi hạ bằng tay</span>
|
||||
</label>
|
||||
|
||||
<label class="flex items-center cursor-pointer relative pl-[30px] mb-[8px]">
|
||||
<input type="radio" name="time_valid" value="2"
|
||||
class="left-0 radio checked:bg-blue-500" />
|
||||
<span class="label-text ml-[5px]">Thời gian hiển thị:</span>
|
||||
</label>
|
||||
|
||||
<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="info[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-[40px] min-h-[40px]">
|
||||
<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" 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="info[to_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[to_time_minute]' id='from_time_minute'
|
||||
class="select select-bordered w-[100px] h-[40px] min-h-[40px]">
|
||||
<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>Hiển thị</td>
|
||||
<td>
|
||||
<label class="inline-flex items-center cursor-pointer relative pl-[30px] mr-[15px]">
|
||||
<input type="radio" name="info[status]" value="1"
|
||||
class="left-0 radio checked:bg-blue-500">
|
||||
<span class="label-text ml-[5px]">Cho hiển thị</span>
|
||||
</label>
|
||||
|
||||
<label class="inline-flex items-center cursor-pointer relative pl-[30px]">
|
||||
<input type="radio" name="info[status]" value="0" checked
|
||||
class="left-0 radio checked:bg-blue-500">
|
||||
<span class="label-text ml-[5px]">Ẩn hiển thị</span>
|
||||
</label>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Khác</td>
|
||||
<td>
|
||||
<label class="inline-flex items-center cursor-pointer">
|
||||
<input type="checkbox" name="info[show_in_mobile]" value="1"
|
||||
class="checkbox checkbox-success mr-[10px]">
|
||||
<span class="label-text ml-[5px]"> Hiển thị tại mobile </span>
|
||||
</label>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<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]" />
|
||||
</form>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<script>
|
||||
function show_content(ty) {
|
||||
var list_type = ['pro', 'cash', 'priceoff'];
|
||||
|
||||
for (var i = 0; i < list_type.length; i++) {
|
||||
var t_ty = list_type[i];
|
||||
if (ty == t_ty) document.getElementById('js-type-' + t_ty).style.display = 'block';
|
||||
else document.getElementById('js-type-' + t_ty).style.display = 'none';
|
||||
}
|
||||
}
|
||||
</script>
|
||||
211
old/template/customer/comment.html
Normal file
211
old/template/customer/comment.html
Normal file
@@ -0,0 +1,211 @@
|
||||
<div class="w-full">
|
||||
<div class="p-3 rounded-sm bg-white shadow">
|
||||
<h1 class="text-2xl font-bold mb-3">Tổng hợp trao đổi</h1>
|
||||
|
||||
<div class="list-filter-account flex items-center gap-3 mt-5">
|
||||
<a href="javascript:void(0)" class="btn btn-view btn-outline">Trao
|
||||
đổi mới nhất</a>
|
||||
<a href=" javascript:void(0)" class="btn btn-view btn-outline">Chưa
|
||||
có phản hồi</a>
|
||||
<a href="javascript:void(0)" class="btn btn-view btn-outline">Quản
|
||||
trị viên chưa phản hồi</a>
|
||||
<a href="javascript:void(0)" class="btn btn-view btn-outline">Danh
|
||||
sách phản hồi</a>
|
||||
</div>
|
||||
|
||||
<form action="" class="flex items-center p-3 mt-5 rounded-sm shadow gap-3">
|
||||
<input type="text" name="" class="rounded-sm input input-bordered input-md shadow" placeholder="Tìm kiếm">
|
||||
<button type="submit" class="btn btn-active">Tìm kiếm</button>
|
||||
</form>
|
||||
|
||||
|
||||
<div class="list-filter flex items-center justify-between mt-5">
|
||||
<p>Tổng số: <b>1.996</b></p>
|
||||
<select name="" id="" class="select select-bordered rounded-sm shadow w-64">
|
||||
<option value="">Chọn bộ lọc</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="overflow-x-auto sm:whitespace-nowrap mt-5 border-base-200 shadow rounded-sm">
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr class="bg-base-200 text-black font-bold">
|
||||
<th>STT</th>
|
||||
<th>Phản hồi</th>
|
||||
<th>Thời gian</th>
|
||||
<th>Tác giả</th>
|
||||
<th>Sản phẩm</th>
|
||||
<th>Nội dung</th>
|
||||
<th>Lựa chọn</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>1</td>
|
||||
<td>09-08-2023, 11:24 am</td>
|
||||
<td class="whitespace-nowrap">
|
||||
<div class="flex items-center gap-2">
|
||||
<b>Nguyễn An</b>
|
||||
<p class="badge badge-sm badge-primary badge-soft">Quản
|
||||
trị
|
||||
viên</p>
|
||||
</div>
|
||||
<p class="mt-2">annv@hurasoft.com</p>
|
||||
</td>
|
||||
<td>
|
||||
<a href="" class="text-primary">Màn Hình AOC 24B1XHS 23.8 inch Full HD</a>
|
||||
</td>
|
||||
<td>
|
||||
test reply
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex items-center gap-3">
|
||||
<a href="javascript:void(0)" onclick="js_list_reply_comment.showModal()"
|
||||
class="btn btn-soft btn-xs btn-square btn-view">
|
||||
<i class="iconify lucide--pointer"></i>
|
||||
</a>
|
||||
<a href="" class="btn btn-soft btn-xs btn-square btn-view">
|
||||
<i class="iconify lucide--pencil"></i>
|
||||
</a>
|
||||
<a href="" class="btn btn-soft btn-xs btn-square btn-view">
|
||||
<i class="iconify lucide--crown"></i>
|
||||
</a>
|
||||
</div>
|
||||
<div class="flex items-center mt-3 gap-3">
|
||||
<a href="" class="btn btn-soft btn-xs btn-square btn-view">
|
||||
<i class="iconify lucide--plus"></i>
|
||||
</a>
|
||||
<a href="" class="btn btn-soft btn-xs btn-square btn-error">
|
||||
<i class="iconify lucide--ban"></i>
|
||||
</a>
|
||||
<a href="" class="btn btn-soft btn-xs btn-square btn-error">
|
||||
<i class="iconify lucide--trash-2"></i>
|
||||
</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
|
||||
<dialog id="js_list_reply_comment" class="modal">
|
||||
<div class="modal-box p-3 max-w-full">
|
||||
<form method="dialog">
|
||||
<button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</button>
|
||||
</form>
|
||||
<h2 class="text-md uppercase font-bold mt-2">Chi tiết phản hồi</h2>
|
||||
|
||||
<div class="info-comment mt-2">
|
||||
<b class="text-base mb-2 block">Thông tin</b>
|
||||
<div class="grid grid-cols-4 items-center gap-2 mt-2">
|
||||
<p class="">Khách hàng:</p>
|
||||
<b class="col-span-3">Hura test</b>
|
||||
</div>
|
||||
<div class="grid grid-cols-4 items-center gap-2 mt-2">
|
||||
<p class="">Email:</p>
|
||||
<p class="col-span-3">test@mail.com</p>
|
||||
</div>
|
||||
<div class="grid grid-cols-4 items-center gap-2 mt-2">
|
||||
<p class="">Tiêu đề:</p>
|
||||
<p class="col-span-3">Màn Hình Máy Tính LG 27UL850 27Inch 4K IPS</p>
|
||||
</div>
|
||||
<div class="grid grid-cols-4 items-center gap-2 mt-2">
|
||||
<p class="">Nội dung:</p>
|
||||
<p class="col-span-3">test reply</p>
|
||||
</div>
|
||||
<div class="grid grid-cols-4 items-center gap-2 mt-2">
|
||||
<p class="">Thời gian:</p>
|
||||
<p class="col-span-3">20-04-2023, 1:36 pm</p>
|
||||
</div>
|
||||
<div class="grid grid-cols-4 items-center gap-2 mt-2">
|
||||
<p class="">Liên quan:</p>
|
||||
<p class="col-span-3">[product] <a href="" class="text-primary">Màn Hình Máy Tính LG 27UL850
|
||||
27Inch 4K IPS</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="info-reply mt-5 rounded-sm shadow">
|
||||
<b class="text-[16px] block mb-[10px]">Phản hồi <span>2</span></b>
|
||||
<table class="table table-zebra w-full">
|
||||
<thead>
|
||||
<tr class="bg-base-200 text-black font-bold">
|
||||
<th>STT</th>
|
||||
<th>Thời gian</th>
|
||||
<th>Tác giả</th>
|
||||
<th>Nội dung</th>
|
||||
<th>Lựa chọn</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>09-08-2023, 11:24 am</td>
|
||||
<td>
|
||||
<div class="flex items-center gap-2">
|
||||
<b>Nguyễn An</b>
|
||||
<p class="badge badge-sm badge-primary badge-soft">Quản
|
||||
trị
|
||||
viên</p>
|
||||
</div>
|
||||
<p>annv@hurasoft.com</p>
|
||||
</td>
|
||||
<td>em sẽ tư vấn cụ thể cho chị nhé ạ</td>
|
||||
<td>
|
||||
<div class="flex items-center gap-3">
|
||||
<a href="" class="btn btn-soft btn-xs btn-square btn-error">
|
||||
<i class="iconify lucide--ban"></i>
|
||||
</a>
|
||||
<a href="" class="btn btn-soft btn-xs btn-square btn-error">
|
||||
<i class="iconify lucide--trash-2"></i>
|
||||
</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>09-08-2023, 11:24 am</td>
|
||||
<td>
|
||||
<div class="flex items-center gap-2">
|
||||
<b>Nguyễn An</b>
|
||||
<p class="badge badge-sm badge-primary badge-soft">Quản
|
||||
trị
|
||||
viên</p>
|
||||
</div>
|
||||
<p>annv@hurasoft.com</p>
|
||||
</td>
|
||||
<td>em sẽ tư vấn cụ thể cho chị nhé ạ</td>
|
||||
<td>
|
||||
<div class="flex items-center gap-3">
|
||||
<a href="" class="btn btn-soft btn-xs btn-square btn-error">
|
||||
<i class="iconify lucide--ban"></i>
|
||||
</a>
|
||||
<a href="" class="btn btn-soft btn-xs btn-square btn-error">
|
||||
<i class="iconify lucide--trash-2"></i>
|
||||
</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="send-quick-feedback mt-5">
|
||||
<b class="block text-base">Gửi phản hồi nhanh</b>
|
||||
<textarea name="" id="" class="textarea w-full mt-3 p-3 rounded-sm"></textarea>
|
||||
|
||||
<div class="flex items-center mt-3 gap-3">
|
||||
<input class="btn btn-active" name="commit" type="submit" value="Gửi">
|
||||
<p class="">(* Bạn sẽ gửi phản hồi là Uyên Hura)</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<form method="dialog" class="modal-backdrop">
|
||||
<button>close</button>
|
||||
</form>
|
||||
</dialog>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
175
old/template/customer/customer_add.html
Normal file
175
old/template/customer/customer_add.html
Normal file
@@ -0,0 +1,175 @@
|
||||
<div class="w-[100%] mb-[50px]">
|
||||
|
||||
<div class="text-sm breadcrumbs ml-[10px]">
|
||||
<ul>
|
||||
<li><a href="/admin/customer">Danh sách khách hàng</a></li>
|
||||
<li class="text-[#0041E8]">Form thêm khách hàng</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="w-[1140px] my-0 mx-auto p-[0_15px]">
|
||||
<div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A] mb-[15px]">
|
||||
<div class="flex items-center justify-between">
|
||||
<div>
|
||||
<h1 class="text-[20px] font-[700]">Cập nhật lại khách hàng</h1>
|
||||
<span class="text-[#6B7280]">Khách hàng: Nguyễn Duy Thành</span>
|
||||
</div>
|
||||
<a href="/admin/customer/customer-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 khách hàng 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 khách hàng</b>
|
||||
<div class="flex items-center my-[10px]">
|
||||
<b class="text-[#383C44] mr-[10px]">Thuộc tính khách hàng</b>
|
||||
<a href="/admin/customer/customer-group" class="text-[#0041E8]">Quản lý nhóm khách hàng</a>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center">
|
||||
<label class="flex items-center mb-[10px] w-[20%] cursor-pointer">
|
||||
<input type="checkbox" name="change_url_on_update" value="1" checked
|
||||
class="checkbox checkbox-success">
|
||||
<span class="label-text ml-[10px] text-[#6B7280]">Mua lẻ</span>
|
||||
</label>
|
||||
<label class="flex items-center mb-[10px] w-[20%] cursor-pointer">
|
||||
<input type="checkbox" name="change_url_on_update" value="1"
|
||||
class="checkbox checkbox-success">
|
||||
<span class="label-text ml-[10px] text-[#6B7280]">Khách HCM</span>
|
||||
</label>
|
||||
<label class="flex items-center mb-[10px] w-[20%] cursor-pointer">
|
||||
<input type="checkbox" name="change_url_on_update" value="1"
|
||||
class="checkbox checkbox-success">
|
||||
<span class="label-text ml-[10px] text-[#6B7280]">Khách VIP</span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center justify-between">
|
||||
<div class="form-control mb-[15px] w-[100%] mr-[7px]">
|
||||
<label class="font-[600] mb-[5px] text-[14px]">Tên khách hàng</label>
|
||||
<input type="text" size="60" name="" placeholder="Tên khách hàng"
|
||||
class="w-[100%] h-[35px] input input-bordered input-md rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||
</div>
|
||||
<div class="mb-[15px] w-[100%] ml-[7px]">
|
||||
<label class="block font-[600] mb-[5px] text-[14px]">Sinh nhật</label>
|
||||
<div class="flex items-center justify-between">
|
||||
<div class="input-date w-[100%] mr-[7px]">
|
||||
<input type="day" name="" placeholder="Ngày"
|
||||
class="w-[100%] h-[35px] input input-bordered input-md rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||
</div>
|
||||
<div class="input-date w-[100%] mx-[7px]">
|
||||
<input type="day" name="" placeholder="Tháng"
|
||||
class="w-[100%] h-[35px] input input-bordered input-md rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||
</div>
|
||||
<div class="input-date w-[100%] ml-[7px]">
|
||||
<input type="day" name="" placeholder="Năm"
|
||||
class="w-[100%] h-[35px] input input-bordered input-md rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-[15px] flex items-center">
|
||||
<label class="w-[120px] font-[600] text-[14px]">Giới tính</label>
|
||||
<div class="flex items-center">
|
||||
<label class="cursor-pointer flex items-center mr-[25px]">
|
||||
<input type="radio" name="info[sex]" value="0" class="radio checked:bg-blue-500"
|
||||
checked="checked" />
|
||||
<span class="label-text ml-[10px] text-[#6B7280]">Nam</span>
|
||||
</label>
|
||||
|
||||
<label class="cursor-pointer flex items-center">
|
||||
<input type="radio" name="info[sex]" value="1" class="radio checked:bg-blue-500" />
|
||||
<span class="label-text ml-[10px] text-[#6B7280]">Nữ</span>
|
||||
</label>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-[15px] flex items-center justify-between">
|
||||
<div class="form-control w-[100%] mr-[7px]">
|
||||
<label class="font-[600] mb-[5px] text-[14px]">Địa chỉ Email</label>
|
||||
<input type="text" size="60" name="" placeholder="Địa chỉ Email"
|
||||
class="w-[100%] h-[35px] input input-bordered input-md rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||
</div>
|
||||
<div class="form-control w-[100%] mx-[7px]">
|
||||
<label class="font-[600] mb-[5px] text-[14px]">Điện thoại nhà</label>
|
||||
<input type="text" size="60" name="" placeholder="Điện thoại nhà"
|
||||
class="w-[100%] h-[35px] input input-bordered input-md rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||
</div>
|
||||
<div class="form-control w-[100%] ml-[7px]">
|
||||
<label class="font-[600] mb-[5px] text-[14px]">Điện thoại di động</label>
|
||||
<input type="text" size="60" name="" placeholder="Điện thoại di động"
|
||||
class="w-[100%] h-[35px] input input-bordered input-md rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-[15px] flex items-center justify-between">
|
||||
<div class="form-control w-[100%] mr-[7px]">
|
||||
<label class="font-[600] mb-[5px] text-[14px]">Tỉnh/TP</label>
|
||||
<select name=""
|
||||
class="w-[100%] select select-bordered h-[35px] min-h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||
<option value="">Hà nội</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-control w-[100%] ml-[7px]">
|
||||
<label class="font-[600] mb-[5px] text-[14px]">Quận huyện</label>
|
||||
<select name=""
|
||||
class="w-[100%] select select-bordered h-[35px] min-h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||
<option value="">Quận Ba Đình</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-control mb-[15px] w-[100%]">
|
||||
<label class="font-[600] mb-[5px] text-[14px]">Địa chỉ</label>
|
||||
<textarea type="text" size="60" name="" placeholder="Địa chỉ"
|
||||
class="w-[100%] h-[120px] textarea textarea-bordered rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"></textarea>
|
||||
</div>
|
||||
|
||||
<div class="form-control mb-[15px] w-[100%]">
|
||||
<label class="font-[600] mb-[5px] text-[14px]">Tên công ty</label>
|
||||
<input type="text" size="60" name="" placeholder="Tên công ty"
|
||||
class="w-[100%] h-[35px] input input-bordered input-md rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]" />
|
||||
</div>
|
||||
|
||||
<div class="form-control mb-[15px] w-[100%]">
|
||||
<label class="font-[600] mb-[5px] text-[14px]">Mã số thuế</label>
|
||||
<input type="text" size="60" name="" placeholder="Mã số thuế"
|
||||
class="w-[100%] h-[35px] input input-bordered input-md rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]" />
|
||||
</div>
|
||||
|
||||
<div class="form-control mb-[15px] w-[100%]">
|
||||
<label class="font-[600] mb-[5px] text-[14px]">Địa chỉ công ty</label>
|
||||
<input type="text" size="60" name="" placeholder="Địa chỉ công ty"
|
||||
class="w-[100%] h-[35px] input input-bordered input-md rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]" />
|
||||
</div>
|
||||
|
||||
<div class="form-control mb-[15px] w-[100%]">
|
||||
<label class="font-[600] mb-[5px] text-[14px]">Ghi chú về khách hàng này</label>
|
||||
<textarea type="text" size="60" name="" placeholder="Ghi chú về khách hàng này"
|
||||
class="w-[100%] h-[120px] textarea textarea-bordered rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"></textarea>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="bg-white p-[10px] rounded-[0_0_10px_10px] shadow-[0_1px_1px_0px_#0000001A]">
|
||||
<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>
|
||||
73
old/template/customer/customer_contact.html
Normal file
73
old/template/customer/customer_contact.html
Normal file
@@ -0,0 +1,73 @@
|
||||
<div class="w-full">
|
||||
<div class="p-3 rounded-sm bg-white shadow">
|
||||
<h1 class="text-2xl font-bold">Khách hàng liên hệ</h1>
|
||||
|
||||
<form action="" class="flex items-center p-3 rounded-sm shadow mt-3 gap-3">
|
||||
<input type="text" name="" class="input input-bordered input-md rounded-sm shadow" placeholder="Tìm kiếm">
|
||||
<button type="submit" class="btn btn-active">Tìm kiếm</button>
|
||||
</form>
|
||||
|
||||
|
||||
<div class="list-filter flex items-center justify-between mt-3">
|
||||
<p>Tổng hợp các liên hệ của khách hàng từ form liên hệ trên trang <a href="" class="text-primary">liên
|
||||
hệ</a> của website</p>
|
||||
<select name="" id="" class="select select-bordered rounded-sm shadow">
|
||||
<option value="">Chọn bộ lọc</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="overflow-x-auto mt-5 border-base-200 shadow rounded-sm">
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr class="bg-base-200 text-black font-bold">
|
||||
<th>STT</th>
|
||||
<th>Thời gian</th>
|
||||
<th>Khách hàng</th>
|
||||
<th>Thông tin</th>
|
||||
<th>Nội dung liên hệ</th>
|
||||
<th>Ghi chú</th>
|
||||
<th>Trạng thái</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td class="whitespace-nowrap">09-08-2023, 11:24 am</td>
|
||||
<td>Đức Anh</td>
|
||||
<td class="whitespace-nowrap">
|
||||
<p>- Email: ducanhnguyen199x@gmail.com</p>
|
||||
<p>- Tel: 0976642092</p>
|
||||
<p>- Mobile: 0976642092</p>
|
||||
</td>
|
||||
<td>
|
||||
Trả góp sản phẩm: <a href="" class="link-primary">HHWS AMD RYZEN 9 3900XT | 16G | NVIDIA RTX
|
||||
2060 6G</a>
|
||||
<p>- Tên: no name</p>
|
||||
<p>- SĐT: 0147258369</p>
|
||||
<p>- Nội dung: fsfdf</p>
|
||||
</td>
|
||||
<td>
|
||||
<textarea name="" id="" class=" rounded-sm textarea w-64"></textarea>
|
||||
<a href="" class="btn btn-active mt-3">Cập
|
||||
nhật</a>
|
||||
</td>
|
||||
|
||||
|
||||
<td class="xl:w-[120px] 2xl:w-auto">
|
||||
<select name="" id=""
|
||||
class=" select select-bordered rounded-sm shadow w-32 whitespace-nowrap">
|
||||
<option value="">Trạng thái</option>
|
||||
</select>
|
||||
<div class="flex items-center mt-3 gap-3">
|
||||
<a href="" class="btn btn-soft btn-xs btn-square btn-view"> <span
|
||||
class="iconify lucide--pencil"></span></a>
|
||||
<a href="" class="btn btn-soft btn-error btn-xs btn-square" title="Xóa"> <span
|
||||
class="iconify lucide--trash-2 tw-rla"></span></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
56
old/template/customer/customer_group.html
Normal file
56
old/template/customer/customer_group.html
Normal file
@@ -0,0 +1,56 @@
|
||||
<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">Nhóm khách hàng</h1>
|
||||
|
||||
<div class="flex items-center justify-end">
|
||||
<a href="/admin/customer/customer-group-add" class="border-[1px] border-[#0041E8] rounded-[4px] p-[5px]">
|
||||
<i class="fa-solid fa-user-plus text-[#0041E8] mr-[5px]"></i>
|
||||
<span class="text-[#0041E8] font-[500]">Thêm nhóm mới</span>
|
||||
</a>
|
||||
<a href="/admin/customer" class="border-[1px] border-[#0041E8] rounded-[4px] p-[5px] ml-[10px]">
|
||||
<i class="fa-regular fa-clipboard text-[#0041E8] mr-[5px]"></i>
|
||||
<span class="text-[#0041E8] font-[500]">Danh sách khách hàng</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<table class="table mt-[15px]">
|
||||
<thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
|
||||
<tr>
|
||||
<th class="w-[50px]">STT</th>
|
||||
<th>Mã nhóm</th>
|
||||
<th>Tên gọi/miêu tả</th>
|
||||
<th class="w-[160px]">Khách hàng</th>
|
||||
<th class="w-[125px]">Chỉnh sửa</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>0</td>
|
||||
<td>Khách vip</td>
|
||||
<td>
|
||||
<a href="" class="p-[5px_10px_5px_10px] text-white text-center bg-[#0041E8] rounded-[4px]">Xem
|
||||
danh sách</a>
|
||||
</td>
|
||||
<td>
|
||||
<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-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'>
|
||||
<span
|
||||
class="w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#0041E8] text-center leading-[11px] mr-[5px] text-[#0041E8]">+</span>
|
||||
</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>
|
||||
75
old/template/customer/customer_group_add.html
Normal file
75
old/template/customer/customer_group_add.html
Normal file
@@ -0,0 +1,75 @@
|
||||
<div class="w-[100%] mb-[50px]">
|
||||
|
||||
<div class="text-sm breadcrumbs ml-[10px]">
|
||||
<ul>
|
||||
<li><a href="/admin/customer/customer-group">Nhóm khách hàng</a></li>
|
||||
<li class="text-[#0041E8]">Form sửa nhóm khách hàng</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="w-[1140px] my-0 mx-auto p-[0_15px]">
|
||||
<div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A] mb-[15px]">
|
||||
<div class="flex items-center justify-between">
|
||||
<div>
|
||||
<h1 class="text-[20px] font-[700]">Cập nhật nhóm khách hàng</h1>
|
||||
</div>
|
||||
<a href="/admin/customer/customer-group-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 nhóm khách hàng</span>
|
||||
</a>
|
||||
</div>
|
||||
<p class="text-[#6B7280] mt-[5px]">Hướng dẫn: Nhóm khách hàng bao gồm các khách hàng cùng chia sẻ một số đặc
|
||||
điểm
|
||||
nhất định, giúp cho việc
|
||||
quản lý và chăm
|
||||
sóc khách hàng tốt hơn. Ví dụ các nhóm khách hàng thường được tạo là: Khách hàng thân thiết, Khách hàng
|
||||
nữ, Khách hàng
|
||||
VIP, Khách văn phòng v..v.
|
||||
</p>
|
||||
</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]">
|
||||
|
||||
<div class="form-control mb-[15px] w-[100%] mr-[7px]">
|
||||
<label class="font-[600] mb-[5px] text-[14px]">Đặt tên nhóm khách hàng</label>
|
||||
<input type="text" size="60" name="" placeholder="Đặt tên nhóm khách hàng"
|
||||
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-[15px] w-[100%] mr-[7px]">
|
||||
<label class="font-[600] text-[14px]">Đặt tên nhóm khách hàng</label>
|
||||
<span class="text-[#6B7280] mb-[5px]">(* Dùng phân biệt từng nhóm, Mã chỉ bao gồm các ký tự
|
||||
a-z0-9 và _,
|
||||
không dấu và không có
|
||||
dấu cách. Ví dụ: vip1, dai_ly
|
||||
...)</span>
|
||||
<input type="text" size="60" name="" placeholder="Đặt tên nhóm khách hàng"
|
||||
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-[15px] w-[100%] mr-[7px]">
|
||||
<label class="font-[600] mb-[5px] text-[14px]">Miêu tả (nếu có)</label>
|
||||
<textarea type="text" size="60" name="" placeholder="Đặt tên nhóm khách hàng"
|
||||
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>
|
||||
<div class="bg-white p-[10px] rounded-[0_0_10px_10px] shadow-[0_1px_1px_0px_#0000001A]">
|
||||
<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>
|
||||
75
old/template/customer/customer_group_info.html
Normal file
75
old/template/customer/customer_group_info.html
Normal file
@@ -0,0 +1,75 @@
|
||||
<div class="w-[100%] mb-[50px]">
|
||||
|
||||
<div class="text-sm breadcrumbs ml-[10px]">
|
||||
<ul>
|
||||
<li><a href="/admin/customer/customer-contact">Khách hàng liên hệ</a></li>
|
||||
<li class="text-[#0041E8]">Thông tin khách hàng liên hệ</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]">
|
||||
<h1 class="text-[20px] font-[700]">Thông tin khách hàng liên hệ</h1>
|
||||
<p class="text-[#6B7280] mt-[3px]">Lê Văn Ninh</p>
|
||||
</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]">
|
||||
<div class="mb-[25px]">
|
||||
<b class="block text-[20px] mb-[15px]">Thông tin liên hệ</b>
|
||||
<div class="flex items-center mb-[5px]">
|
||||
<b class="w-[150px]">Họ tên:</b>
|
||||
<p class="text-[#6B7280]">Lê Văn Ninh</p>
|
||||
</div>
|
||||
<div class="flex items-center mb-[5px]">
|
||||
<b class="w-[150px]">Địa chỉ email:</b>
|
||||
<p class="text-[#6B7280]">no_email_1708170779@mail.com</p>
|
||||
</div>
|
||||
<div class="flex items-center mb-[5px]">
|
||||
<b class="w-[150px]">Số điện thoại:</b>
|
||||
<p class="text-[#6B7280]">0356723619</p>
|
||||
</div>
|
||||
<div class="flex items-center">
|
||||
<b class="w-[150px]">Thời gian liên hệ:</b>
|
||||
<p class="text-[#6B7280]">17-02-2024, 6:56 pm</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-[25px]">
|
||||
<b class="block text-[20px] mb-[10px]">Nội dung chi tiết</b>
|
||||
<p class="text-[#6B7280]">
|
||||
Tìm sản phẩm cần định giá:
|
||||
- Mẫu máy cần thu: intel i3-4160 CPU @ 3.600Hz 3.60 Ghz
|
||||
- Địa chỉ: Phường Quảng Cư ,Tp.Sầm Sơn
|
||||
- Mô tả ngắn về ngoại hình và tình trạng thiết bị: đang dùng tốt
|
||||
- Sản phẩm bạn cần tư vấn lên đời: CPU INTEL CORE
|
||||
I3-12100F (3.3GHZ TURBO UP TO 4.3GHZ, 4 NHÂN 8 LUỒNG, 12MB CACHE, 58W)- SOCKET INTEL LGA
|
||||
1700)
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="form-control mb-[15px] w-[100%] mr-[7px]">
|
||||
<label class="font-[600] mb-[5px] text-[14px]">Cập nhật ghi chú</label>
|
||||
<textarea type="text" size="60" name="" placeholder="Cập nhật ghi chú"
|
||||
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>
|
||||
<div class="bg-white p-[10px] rounded-[0_0_10px_10px] shadow-[0_1px_1px_0px_#0000001A]">
|
||||
<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>
|
||||
58
old/template/customer/customer_newsletter.html
Normal file
58
old/template/customer/customer_newsletter.html
Normal file
@@ -0,0 +1,58 @@
|
||||
<div class="w-full">
|
||||
<div class="p-3 rounded-sm bg-white shadow overflow-x-auto">
|
||||
<h1 class="text-2xl font-bold mb-3">Khách hàng góp ý</h1>
|
||||
|
||||
<div class="flex items-center justify-end mt-5 gap-3">
|
||||
<a href="/admin/customer/customer_add" class="btn btn-outline btn-view">
|
||||
<i class="iconify lucide--pencil"></i>
|
||||
<span class="">Thêm KH mới</span>
|
||||
</a>
|
||||
<a href="admin/customer/customer-group" class="btn btn-outline btn-view">
|
||||
<i class="iconify lucide--users"></i>
|
||||
<span class="">Các nhóm KH</span>
|
||||
</a>
|
||||
<a href="admin/customer/customer-newsletter" class="btn btn-outline btn-view">
|
||||
<i class="iconify lucide--mail"></i>
|
||||
<span class="">KH nhận bản tin</span>
|
||||
</a>
|
||||
<a href="" class="btn btn-outline btn-view">
|
||||
<i class="iconify lucide--file-x"></i>
|
||||
<span class="">Tải file excel</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="overflow-x-auto sm:whitespace-nowrap mt-5 border-base-200 shadow rounded-sm">
|
||||
<table class="mt-[15px] table">
|
||||
<thead>
|
||||
<tr class="bg-base-200 font-bold text-black">
|
||||
<th>STT</th>
|
||||
<th>Họ tên</th>
|
||||
<th>Email</th>
|
||||
<th>Ngày đăng ký</th>
|
||||
<th>Thông tin khác</th>
|
||||
<th>Lựa chọn</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>Trung Hiếu</td>
|
||||
<td>trunghieu27072009@gmail.com</td>
|
||||
<td>19-07-2023, 4:45 pm</td>
|
||||
<td>test reply</td>
|
||||
<td>
|
||||
<div class='list-btn flex items-center'>
|
||||
<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] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||
class='icons icon-delete'></i></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
80
old/template/customer/customer_review.html
Normal file
80
old/template/customer/customer_review.html
Normal file
@@ -0,0 +1,80 @@
|
||||
<div class="w-full">
|
||||
<div class="p-3 rounded-sm bg-white shadow">
|
||||
<h1 class="text-2xl font-bold mb-3">Khách hàng góp ý</h1>
|
||||
<div class="flex items-center justify-between mt-5">
|
||||
<p>Tổng hợp các liên hệ của khách hàng từ form liên hệ trên trang <a href="/lien-he"
|
||||
class="text-primary underline">liên hệ</a> của website</p>
|
||||
<select class="rounded-sm select select-bordered shadow w-48">
|
||||
<option value="">Lọc xem ý kiến</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="overflow-x-auto sm:whitespace-nowrap mt-5 border-base-200 shadow rounded-sm">
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr class="bg-base-200 text-black font-bold">
|
||||
<th>STT</th>
|
||||
<th>Khách hàng</th>
|
||||
<th>Nội dung</th>
|
||||
<th class="w-3 text-center mx-auto">Lựa chọn</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>3</td>
|
||||
<td>
|
||||
<p>huyth.c2hoangdieu.haugiang@gmail.com</p>
|
||||
<p>Trịnh Hoàng Huy</p>
|
||||
<p>29-01-2018, 1:34 am</p>
|
||||
</td>
|
||||
<td>
|
||||
<b>Góp ý (rate:0)</b>
|
||||
<p>cửa hàng nên có thêm các dòng SSD Samsung 960 PRO và Samsung 960 EVO để có thêm nhiều lựa
|
||||
chọn</p>
|
||||
</td>
|
||||
<td class="text-end">
|
||||
<a href="" class="btn btn-soft btn-xs btn-square btn-error">
|
||||
<i class="iconify lucide--trash-2"></i>
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>3</td>
|
||||
<td>
|
||||
<p>huyth.c2hoangdieu.haugiang@gmail.com</p>
|
||||
<p>Trịnh Hoàng Huy</p>
|
||||
<p>29-01-2018, 1:34 am</p>
|
||||
</td>
|
||||
<td>
|
||||
<b>Góp ý (rate:0)</b>
|
||||
<p>cửa hàng nên có thêm các dòng SSD Samsung 960 PRO và Samsung 960 EVO để có thêm nhiều lựa
|
||||
chọn</p>
|
||||
</td>
|
||||
<td class="text-end">
|
||||
<a href="" class="btn btn-soft btn-xs btn-square btn-error">
|
||||
<i class="iconify lucide--trash-2"></i>
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>3</td>
|
||||
<td>
|
||||
<p>huyth.c2hoangdieu.haugiang@gmail.com</p>
|
||||
<p>Trịnh Hoàng Huy</p>
|
||||
<p>29-01-2018, 1:34 am</p>
|
||||
</td>
|
||||
<td>
|
||||
<b>Góp ý (rate:0)</b>
|
||||
<p>cửa hàng nên có thêm các dòng SSD Samsung 960 PRO và Samsung 960 EVO để có thêm nhiều lựa
|
||||
chọn</p>
|
||||
</td>
|
||||
<td class="text-end">
|
||||
<a href="" class="btn btn-soft btn-xs btn-square btn-error">
|
||||
<i class="iconify lucide--trash-2"></i>
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
130
old/template/customer/home.html
Normal file
130
old/template/customer/home.html
Normal file
@@ -0,0 +1,130 @@
|
||||
<div class="w-full">
|
||||
<div class="m-4 px-4 py-5 rounded-lg bg-white shadow">
|
||||
<h1 class="text-2xl font-bold mb-3">Danh sách khách hàng</h1>
|
||||
|
||||
<div class="list-filter-account flex items-center mt-3 gap-3">
|
||||
<a href="javacsript:void(0)" class="btn btn-view btn-outline">Tất
|
||||
cả</a>
|
||||
<a href="javacsript:void(0)" class="btn btn-view btn-outline">Khách
|
||||
hàng đăng
|
||||
ký</a>
|
||||
<a href="javacsript:void(0)" class="btn btn-view btn-outline">Chưa
|
||||
đăng ký</a>
|
||||
<a href="javacsript:void(0)" class="btn btn-view btn-outline">VIP</a>
|
||||
</div>
|
||||
|
||||
<form action="" class="flex items-center p-3 rounded-sm shadow mt-3 gap-3">
|
||||
<input type="text" name="" class="input input-bordered shadow"
|
||||
placeholder="Tìm khách hàng (* tên, email, điện thoại)">
|
||||
<button type="submit" class="btn btn-active">Tìm kiếm</button>
|
||||
</form>
|
||||
|
||||
<div class="list-filter flex flex-wrap items-center justify-between mt-3">
|
||||
<select name="" id="" class="select rounded-sm shadow mb-3">
|
||||
<option value="">Sắp xếp khách hàng</option>
|
||||
</select>
|
||||
|
||||
<div class="flex items-center mb-3 gap-3">
|
||||
<a href="/admin/customer/customer_add" class="btn btn-outline btn-view">
|
||||
<i class="iconify lucide--circle-plus"></i>
|
||||
<span class="">Thêm KH mới</span>
|
||||
</a>
|
||||
<a href="javascript:void(0)" class="btn btn-outline btn-view">
|
||||
<i class="iconify lucide--users"></i>
|
||||
<span class="">Các nhóm KH</span>
|
||||
</a>
|
||||
<a href="javascript:void(0)" class="btn btn-outline btn-view">
|
||||
<i class="iconify lucide--file-x"></i>
|
||||
<span class="">Tải file excel</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="overflow-x-auto sm:whitespace-nowrap mt-5 border-base-200 shadow rounded-sm">
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr class="bg-base-200 text-black font-bold">
|
||||
<th>STT</th>
|
||||
<th>ID</th>
|
||||
<th>Khách hàng</th>
|
||||
<th>Thông tin</th>
|
||||
<th>Tỉnh/TP</th>
|
||||
<th>Trạng thái</th>
|
||||
<th>Số đơn hàng</th>
|
||||
<th>Tổng giá trị</th>
|
||||
<th>Thời gian</th>
|
||||
<th>Chỉnh sửa</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>1767</td>
|
||||
<td>Đức Anh</td>
|
||||
<td>
|
||||
<p>- Email: ducanhnguyen199x@gmail.com</p>
|
||||
<p>- Tel: 0976642092</p>
|
||||
<p>- Mobile: 0976642092</p>
|
||||
</td>
|
||||
<td>
|
||||
Hà Nội
|
||||
</td>
|
||||
<td>
|
||||
<div class="badge badge-success badge-sm badge-soft">Hoạt động</div>
|
||||
</td>
|
||||
<td>
|
||||
<span class="text-primary">0<span class=" ml-2">Thành công</span></span>
|
||||
</td>
|
||||
<td>
|
||||
<span class="text-primary">0</span><span class="ml-2">Thu</span>
|
||||
</td>
|
||||
<td>
|
||||
<p>
|
||||
- Tham gia: 06-10-2023, 10:46 am
|
||||
</p>
|
||||
<p>
|
||||
- Đăng nhập cuối: Chưa bao giờ
|
||||
</p>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex items-center gap-3">
|
||||
<a href="/admin/product/form?id={{item.id}}" title="Form sản phẩm"
|
||||
class="btn btn-soft btn-xs btn-square btn-view">
|
||||
<i class="iconify lucide--pencil"></i>
|
||||
</a>
|
||||
<a href="{{item.request_path}}" title="Xem tại web" target="_blank"
|
||||
class="btn btn-soft btn-xs btn-square btn-view">
|
||||
<i class="iconify lucide--clock"></i>
|
||||
</a>
|
||||
</div>
|
||||
<div class="flex items-center gap-3 mt-3">
|
||||
<a href="" class="btn btn-soft btn-xs btn-square btn-view">
|
||||
<i class="iconify lucide--globe"></i>
|
||||
</a>
|
||||
<a href="" class="btn btn-soft btn-xs btn-square btn-error">
|
||||
<i class="iconify lucide--trash-2"></i>
|
||||
</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="join mt-5 justify-center flex items-cente r">
|
||||
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item"
|
||||
aria-label="Pagination controls">
|
||||
<span class="iconify lucide--arrow-left"></span>
|
||||
</a>
|
||||
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">1</a>
|
||||
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item btn-active">2</a>
|
||||
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">3</a>
|
||||
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">4</a>
|
||||
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">5</a>
|
||||
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item"
|
||||
aria-label="Pagination controls">
|
||||
<span class="iconify lucide--arrow-right"></span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
211
old/template/customer/review.html
Normal file
211
old/template/customer/review.html
Normal file
@@ -0,0 +1,211 @@
|
||||
<div class="w-full">
|
||||
<div class="p-3 rounded-sm bg-white shadow overflow-x-auto">
|
||||
<h1 class="text-2xl font-bold mb-3">Tổng hợp đánh giá</h1>
|
||||
|
||||
<div class="list-filter-account flex items-center gap-3 mt-5">
|
||||
<a href="javacsript:void(0)" class="btn btn-view btn-outline">Trao
|
||||
đổi mới nhất</a>
|
||||
<a href="javacsript:void(0)" class="btn btn-view btn-outline">Chưa
|
||||
có phản hồi</a>
|
||||
<a href="javacsript:void(0)" class="btn btn-view btn-outline">Quản
|
||||
trị viên chưa phản hồi</a>
|
||||
<a href="javacsript:void(0)" class="btn btn-view btn-outline">Danh
|
||||
sách phản hồi</a>
|
||||
</div>
|
||||
|
||||
<form action="" class="flex items-center p-3 rounded-sm shadow mt-5 gap-3">
|
||||
<input type="text" name="" class="rounded-sm input input-md input-bordered shadow" placeholder="Tìm kiếm">
|
||||
<button type="submit" class="btn btn-active">Tìm kiếm</button>
|
||||
</form>
|
||||
|
||||
|
||||
<div class="list-filter flex items-center justify-between mt-5 gap-3">
|
||||
<p>Tổng số: <b>1.996</b></p>
|
||||
<select name="" id="" class="select select-bordered rounded-sm shadow w-48">
|
||||
<option value="">Chọn bộ lọc</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="overflow-x-auto sm:whitespace-nowrap mt-5 border-base-200 shadow rounded-sm">
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr class="bg-base-200 text-black font-bold">
|
||||
<th>STT</th>
|
||||
<th>Phản hồi</th>
|
||||
<th>Thời gian</th>
|
||||
<th>Tác giả</th>
|
||||
<th>Sản phẩm</th>
|
||||
<th>Nội dung</th>
|
||||
<th>Lựa chọn</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>1</td>
|
||||
<td>09-08-2023, 11:24 am</td>
|
||||
<td>
|
||||
<div class="flex items-center gap-2">
|
||||
<b>Nguyễn An</b>
|
||||
<p class="badge badge-sm badge-primary badge-soft">Quản
|
||||
trị
|
||||
viên</p>
|
||||
</div>
|
||||
<p>annv@hurasoft.com</p>
|
||||
</td>
|
||||
<td>
|
||||
<a href="" class="text-primary">Màn Hình AOC 24B1XHS 23.8 inch Full HD</a>
|
||||
</td>
|
||||
<td>
|
||||
test reply
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex items-center gap-3">
|
||||
<a href="javascript:void(0)" onclick="js_list_reply_comment.showModal()"
|
||||
class="btn btn-soft btn-xs btn-square btn-view">
|
||||
<i class="iconify lucide--pointer"></i>
|
||||
</a>
|
||||
<a href="" class="btn btn-soft btn-xs btn-square btn-view">
|
||||
<i class="iconify lucide--pencil"></i>
|
||||
</a>
|
||||
<a href="" class="btn btn-soft btn-xs btn-square btn-view">
|
||||
<i class="iconify lucide--crown"></i>
|
||||
</a>
|
||||
</div>
|
||||
<div class="flex items-center mt-3 gap-3">
|
||||
<a href="" class="btn btn-soft btn-xs btn-square btn-view">
|
||||
<i class="iconify lucide--plus"></i>
|
||||
</a>
|
||||
<a href="" class="btn btn-soft btn-xs btn-square btn-error">
|
||||
<i class="iconify lucide--ban"></i>
|
||||
</a>
|
||||
<a href="" class="btn btn-soft btn-xs btn-square btn-error">
|
||||
<i class="iconify lucide--trash-2"></i>
|
||||
</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
|
||||
<dialog id="js_list_reply_comment" class="modal">
|
||||
<div class="modal-box p-3 max-w-full">
|
||||
<form method="dialog">
|
||||
<button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</button>
|
||||
</form>
|
||||
<h2 class="text-md uppercase font-bold mt-2">Chi tiết phản hồi</h2>
|
||||
|
||||
<div class="info-comment mt-2">
|
||||
<b class="text-base mb-2 block">Thông tin</b>
|
||||
<div class="grid grid-cols-4 items-center gap-2 mt-2">
|
||||
<p class="">Khách hàng:</p>
|
||||
<b class="col-span-3">Hura test</b>
|
||||
</div>
|
||||
<div class="grid grid-cols-4 items-center gap-2 mt-2">
|
||||
<p class="">Email:</p>
|
||||
<p class="col-span-3">test@mail.com</p>
|
||||
</div>
|
||||
<div class="grid grid-cols-4 items-center gap-2 mt-2">
|
||||
<p class="">Tiêu đề:</p>
|
||||
<p class="col-span-3">Màn Hình Máy Tính LG 27UL850 27Inch 4K IPS</p>
|
||||
</div>
|
||||
<div class="grid grid-cols-4 items-center gap-2 mt-2">
|
||||
<p class="">Nội dung:</p>
|
||||
<p class="col-span-3">test reply</p>
|
||||
</div>
|
||||
<div class="grid grid-cols-4 items-center gap-2 mt-2">
|
||||
<p class="">Thời gian:</p>
|
||||
<p class="col-span-3">20-04-2023, 1:36 pm</p>
|
||||
</div>
|
||||
<div class="grid grid-cols-4 items-center gap-2 mt-2">
|
||||
<p class="">Liên quan:</p>
|
||||
<p class="col-span-3">[product] <a href="" class="text-primary">Màn Hình Máy Tính LG 27UL850
|
||||
27Inch 4K IPS</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="info-reply mt-5 rounded-sm shadow">
|
||||
<b class="text-[16px] block mb-[10px]">Phản hồi <span>2</span></b>
|
||||
<table class="table table-zebra w-full">
|
||||
<thead>
|
||||
<tr class="bg-base-200 text-black font-bold">
|
||||
<th>STT</th>
|
||||
<th>Thời gian</th>
|
||||
<th>Tác giả</th>
|
||||
<th>Nội dung</th>
|
||||
<th>Lựa chọn</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>09-08-2023, 11:24 am</td>
|
||||
<td>
|
||||
<div class="flex items-center gap-2">
|
||||
<b>Nguyễn An</b>
|
||||
<p class="badge badge-sm badge-primary badge-soft">Quản
|
||||
trị
|
||||
viên</p>
|
||||
</div>
|
||||
<p>annv@hurasoft.com</p>
|
||||
</td>
|
||||
<td>em sẽ tư vấn cụ thể cho chị nhé ạ</td>
|
||||
<td>
|
||||
<div class="flex items-center gap-3">
|
||||
<a href="" class="btn btn-soft btn-xs btn-square btn-error">
|
||||
<i class="iconify lucide--ban"></i>
|
||||
</a>
|
||||
<a href="" class="btn btn-soft btn-xs btn-square btn-error">
|
||||
<i class="iconify lucide--trash-2"></i>
|
||||
</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>09-08-2023, 11:24 am</td>
|
||||
<td>
|
||||
<div class="flex items-center gap-2">
|
||||
<b>Nguyễn An</b>
|
||||
<p class="badge badge-sm badge-primary badge-soft">Quản
|
||||
trị
|
||||
viên</p>
|
||||
</div>
|
||||
<p>annv@hurasoft.com</p>
|
||||
</td>
|
||||
<td>em sẽ tư vấn cụ thể cho chị nhé ạ</td>
|
||||
<td>
|
||||
<div class="flex items-center gap-3">
|
||||
<a href="" class="btn btn-soft btn-xs btn-square btn-error">
|
||||
<i class="iconify lucide--ban"></i>
|
||||
</a>
|
||||
<a href="" class="btn btn-soft btn-xs btn-square btn-error">
|
||||
<i class="iconify lucide--trash-2"></i>
|
||||
</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="send-quick-feedback mt-5">
|
||||
<b class="block text-base">Gửi phản hồi nhanh</b>
|
||||
<textarea name="" id="" class="textarea w-full mt-3 p-3 rounded-sm"></textarea>
|
||||
|
||||
<div class="flex items-center mt-3 gap-3">
|
||||
<input class="btn btn-active" name="commit" type="submit" value="Gửi">
|
||||
<p class="">(* Bạn sẽ gửi phản hồi là Uyên Hura)</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<form method="dialog" class="modal-backdrop">
|
||||
<button>close</button>
|
||||
</form>
|
||||
</dialog>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
384
old/template/deal/deal_add.html
Normal file
384
old/template/deal/deal_add.html
Normal file
@@ -0,0 +1,384 @@
|
||||
{% if global.url contains '?id=' %}
|
||||
|
||||
{% include 'deal/deal_detail' %}
|
||||
|
||||
{% else %}
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/admin/deal"> Deal/giờ vàng </a>
|
||||
<a href=""> Thêm sản phẩm deal </a>
|
||||
</div>
|
||||
|
||||
|
||||
<div
|
||||
class="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]"> Chọn sản phẩm Deal </p>
|
||||
|
||||
<form method="get" enctype="multipart/form-data" action="/admin/"
|
||||
class="border border-[#F6F6F6] m-[12px_0_20px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
|
||||
<input type="text" name="q" id="keyword" value="" placeholder="Tìm sản phẩm"
|
||||
class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
|
||||
<input type="submit" value="Tìm kiếm"
|
||||
class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
|
||||
</form>
|
||||
|
||||
<div class="flex items-center justify-between m-[20px_0_16px]">
|
||||
<div class="flex items-center">
|
||||
<a href="javascript:void(0)" onclick="js_list_category.showModal()"
|
||||
class="leading-[34px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] mr-[15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
|
||||
Chọn danh mục để xem
|
||||
</a>
|
||||
|
||||
<a href="javascript:void(0)" onclick="js_list_brand.showModal()"
|
||||
class="leading-[34px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] mr-[15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
|
||||
Chọn thương hiệu để xem
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center">
|
||||
<select
|
||||
class="min-w-[160px] h-[36px] select select-bordered min-h-[36px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
|
||||
<option value=""> Lọc sản phẩm </option>
|
||||
<option value=""> option </option>
|
||||
</select>
|
||||
|
||||
<select
|
||||
class="min-w-[160px] h-[36px] select select-bordered min-h-[36px] ml-[10px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
|
||||
<option value=""> Sắp xếp sản phẩm </option>
|
||||
<option value=""> option </option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="table">
|
||||
<table>
|
||||
<thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-500">
|
||||
<tr>
|
||||
<td width="40"> STT </td>
|
||||
<td> Sản phẩm (Tổng số: 1.742) </td>
|
||||
<td> Thông tin khác </td>
|
||||
<td width="160"> Lựa chọn </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
<td align="center"> 1 </td>
|
||||
|
||||
<td>
|
||||
<a href="" target="_blank"> Màn hình Viewsonic VA3209U-4K (32 inch/UHD/IPS/60Hz/4ms) </a>
|
||||
<p> Mã kho: <b> MOVI213 </b> </p>
|
||||
<p> Danh mục: <b> Màn Hình Máy Tính, Màn Hình Theo Hãng, Màn Hình ViewSonic </b> </p>
|
||||
<p> Bảo hành: 36 Tháng </p>
|
||||
<p> Khuyến mại: + "ƯU ĐÃI Giảm ngay 10% vào thẻ nhớ khi khách hàng mua kèm Camera" </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<p> Giá: 10.599.000 </p>
|
||||
<p> Kho hàng: 0 </p>
|
||||
<p> Bảo hành: 36 Tháng </p>
|
||||
</td>
|
||||
|
||||
<td align="center">
|
||||
<a href="/admin/deal/deal-add?id=1"
|
||||
class="block leading-[36px] bg-[#0041E8] text-[#fff_!important] font-[500] p-[0_14px] cursor-pointer rounded-[4px]">
|
||||
Chọn sản phẩm
|
||||
</a>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</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>
|
||||
|
||||
|
||||
<!-- Popup Danh mục + thương hiệu -->
|
||||
<dialog id="js_list_category" class="modal">
|
||||
<div class="modal-box max-w-xl p-[16px]">
|
||||
<form method="dialog">
|
||||
<button
|
||||
class="absolute bg-[#ECECEC] font-bold leading-[30px] right-2 rounded-[50%] text-[#9E9E9E] top-2 w-[30px]">✕</button>
|
||||
</form>
|
||||
|
||||
<p class="mb-[6px] font-bold text-[20px] leading-[26px]"> Chọn danh mục để xem </p>
|
||||
<p class="m-[6px_0]"> Tổng số sản phẩm: 1.740 </p>
|
||||
|
||||
<ul class="h-[400px] overflow-auto leading-[24px]">
|
||||
<li class="mb-[7px]">
|
||||
<div>
|
||||
+ (#1) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 1 </a>
|
||||
</div>
|
||||
|
||||
<ul class="pl-[15px]">
|
||||
|
||||
<li class="mb-[2px]">
|
||||
<div>
|
||||
+ (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a>
|
||||
</div>
|
||||
|
||||
<ul class="pl-[15px]">
|
||||
<li class="mb-[2px]">
|
||||
<div>
|
||||
+ (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5)
|
||||
</div>
|
||||
|
||||
<ul class="pl-[15px]">
|
||||
<li>
|
||||
<div>
|
||||
+ (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5)
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li class="mb-[2px]">
|
||||
<div>
|
||||
+ (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5)
|
||||
</div>
|
||||
</li>
|
||||
<li class="mb-[2px]">
|
||||
<div>
|
||||
+ (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5)
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</li>
|
||||
|
||||
<!-- loop -->
|
||||
<li class="mb-[2px]">
|
||||
<div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div>
|
||||
<ul class="pl-[15px]">
|
||||
<li class="mb-[2px]">
|
||||
<div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div>
|
||||
<ul class="pl-[15px]">
|
||||
<li>
|
||||
<div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- // -->
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<!-- Clone -->
|
||||
<li class="mb-[7px]">
|
||||
<div> + (#1) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 1 </a> </div>
|
||||
<ul class="pl-[15px]">
|
||||
<li class="mb-[2px]">
|
||||
<div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div>
|
||||
<ul class="pl-[15px]">
|
||||
<li class="mb-[2px]">
|
||||
<div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div>
|
||||
<ul class="pl-[15px]">
|
||||
<li>
|
||||
<div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="mb-[2px]">
|
||||
<div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div>
|
||||
<ul class="pl-[15px]">
|
||||
<li class="mb-[2px]">
|
||||
<div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div>
|
||||
<ul class="pl-[15px]">
|
||||
<li>
|
||||
<div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="mb-[2px]">
|
||||
<div> + (#1) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 1 </a> </div>
|
||||
<ul class="pl-[15px]">
|
||||
<li class="mb-[2px]">
|
||||
<div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div>
|
||||
<ul class="pl-[15px]">
|
||||
<li class="mb-[2px]">
|
||||
<div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div>
|
||||
<ul class="pl-[15px]">
|
||||
<li>
|
||||
<div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="mb-[2px]">
|
||||
<div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div>
|
||||
<ul class="pl-[15px]">
|
||||
<li class="mb-[2px]">
|
||||
<div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div>
|
||||
<ul class="pl-[15px]">
|
||||
<li>
|
||||
<div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- // clone -->
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form method="dialog" class="modal-backdrop">
|
||||
<button>close</button>
|
||||
</form>
|
||||
</dialog>
|
||||
|
||||
<dialog id="js_list_brand" class="modal">
|
||||
<div class="modal-box max-w-xl p-[16px]">
|
||||
<form method="dialog">
|
||||
<button
|
||||
class="absolute bg-[#ECECEC] font-bold leading-[30px] right-2 rounded-[50%] text-[#9E9E9E] top-2 w-[30px]">✕</button>
|
||||
</form>
|
||||
|
||||
<p class="mb-[6px] font-bold text-[20px] leading-[26px]"> Chọn thương hiệu để xem </p>
|
||||
|
||||
<div class="h-[400px] overflow-auto">
|
||||
<p class="mb-[6px]"> Tìm theo chữ cái: </p>
|
||||
|
||||
<div class="flex flex-wrap items-center brand-letters leading-[24px] mb-[20px]">
|
||||
<a href="">
|
||||
A <span class="text-[black]">(73)</span>
|
||||
</a>
|
||||
|
||||
<a href=""> b <span class="text-[black]">(73)</span></a><a href=""> c <span
|
||||
class="text-[black]">(73)</span></a><a href=""> d <span class="text-[black]">(73)</span></a><a
|
||||
href=""> e <span class="text-[black]">(73)</span></a><a href=""> f <span
|
||||
class="text-[black]">(73)</span></a><a href=""> g <span class="text-[black]">(73)</span></a><a
|
||||
href=""> 123 <span class="text-[black]">(73)</span></a><a href=""> b <span
|
||||
class="text-[black]">(73)</span></a><a href=""> c <span class="text-[black]">(73)</span></a><a
|
||||
href=""> d <span class="text-[black]">(73)</span></a><a href=""> e <span
|
||||
class="text-[black]">(73)</span></a><a href=""> f <span class="text-[black]">(73)</span></a><a
|
||||
href=""> g <span class="text-[black]">(73)</span></a><a href=""> 123 <span
|
||||
class="text-[black]">(73)</span></a><a href=""> b <span class="text-[black]">(73)</span></a><a
|
||||
href=""> c <span class="text-[black]">(73)</span></a><a href=""> d <span
|
||||
class="text-[black]">(73)</span></a><a href=""> e <span class="text-[black]">(73)</span></a><a
|
||||
href=""> f <span class="text-[black]">(73)</span></a><a href=""> g <span
|
||||
class="text-[black]">(73)</span></a><a href=""> 123 <span class="text-[black]">(73)</span></a><a
|
||||
href=""> b <span class="text-[black]">(73)</span></a><a href=""> c <span
|
||||
class="text-[black]">(73)</span></a><a href=""> d <span class="text-[black]">(73)</span></a><a
|
||||
href=""> e <span class="text-[black]">(73)</span></a><a href=""> f <span
|
||||
class="text-[black]">(73)</span></a>
|
||||
</div>
|
||||
|
||||
<div class="order-page-table">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<td width="40">STT</td>
|
||||
<td>Thương hiệu</td>
|
||||
<td width="120">Số sản phẩm</td>
|
||||
<td width="80"></td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr align="center">
|
||||
<td> 1 </td>
|
||||
<td align="left"> ABS </td>
|
||||
<td> 1 </td>
|
||||
<td>
|
||||
<a href="/admin/deal/deal-add?id=1"
|
||||
class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- loop -->
|
||||
<tr align="center">
|
||||
<td> 2 </td>
|
||||
<td align="left"> A </td>
|
||||
<td> 1 </td>
|
||||
<td> <a href=""
|
||||
class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr align="center">
|
||||
<td> 3</td>
|
||||
<td align="left"> B</td>
|
||||
<td> 1 </td>
|
||||
<td> <a href=""
|
||||
class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr align="center">
|
||||
<td> 4 </td>
|
||||
<td align="left"> C</td>
|
||||
<td> 1 </td>
|
||||
<td> <a href=""
|
||||
class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr align="center">
|
||||
<td> 5 </td>
|
||||
<td align="left"> ABS </td>
|
||||
<td> 1 </td>
|
||||
<td> <a href=""
|
||||
class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr align="center">
|
||||
<td> 2 </td>
|
||||
<td align="left"> A </td>
|
||||
<td> 1 </td>
|
||||
<td> <a href=""
|
||||
class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr align="center">
|
||||
<td> 3</td>
|
||||
<td align="left"> B</td>
|
||||
<td> 1 </td>
|
||||
<td> <a href=""
|
||||
class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr align="center">
|
||||
<td> 4 </td>
|
||||
<td align="left"> C</td>
|
||||
<td> 1 </td>
|
||||
<td> <a href=""
|
||||
class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr align="center">
|
||||
<td> 5 </td>
|
||||
<td align="left"> ABS </td>
|
||||
<td> 1 </td>
|
||||
<td> <a href=""
|
||||
class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a>
|
||||
</td>
|
||||
</tr>
|
||||
<!-- // -->
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<form method="dialog" class="modal-backdrop">
|
||||
<button>close</button>
|
||||
</form>
|
||||
</dialog>
|
||||
{% endif %}
|
||||
294
old/template/deal/deal_detail.html
Normal file
294
old/template/deal/deal_detail.html
Normal file
@@ -0,0 +1,294 @@
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/admin/deal"> Deal/giờ vàng </a>
|
||||
<a href="/admin/deal/deal-add"> Thêm sản phẩm deal </a>
|
||||
<a href=""> Form thêm deal </a>
|
||||
</div>
|
||||
|
||||
<div class="max-w-[1141px] m-[0_auto_20px] p-[0_16px]">
|
||||
<div class="flex flex-wrap items-start justify-center">
|
||||
|
||||
<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 deal </p>
|
||||
|
||||
<div class="flex items-center">
|
||||
<a href="/admin/deal/deal-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 deal</span>
|
||||
</a>
|
||||
|
||||
<a href="/admin/deal" title="Danh sách deal"
|
||||
class="fas fa-ellipsis-h text-[18px] border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] text-center min-w-[36px] group hover:bg-[#0041E8] hover:text-[#fff]"></a>
|
||||
</div>
|
||||
|
||||
<p class="w-[100%] text-[#6B7280]">
|
||||
Màn hình máy tính HKC M20A6 20 Inch Full HD
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!-- col left -->
|
||||
<div class="w-[25%] mr-[16px]">
|
||||
<div
|
||||
class="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;"> Thông tin </a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- col right -->
|
||||
<form method="post" enctype="multipart/form-data"
|
||||
class="order-page-table w-[calc(100%_-25%_-16px)] bg-white p-[16pX_16px_20px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] block">
|
||||
|
||||
<p class="mb-[20px] font-bold text-[20px]"> Thông tin deal </p>
|
||||
|
||||
<div class="mb-[24px]">
|
||||
<p class="mb-[7px]"> <b>Tiêu đề của Deal</b> </p>
|
||||
|
||||
<input type="text" value=""
|
||||
class="w-[100%] h-[34px] input input-bordered input-md rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
|
||||
<div class="mb-[24px]">
|
||||
<p class="mb-[7px]"> <b>Sản phẩm liên quan</b> </p>
|
||||
|
||||
<p class="text-[#6B7280]">
|
||||
Màn hình máy tính HKC M20A6 20 Inch Full HD
|
||||
<a href="">Xem link</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="mb-[24px]">
|
||||
<p class="mb-[7px]"> <b>Mô tả tóm tắt về deal nếu có</b> </p>
|
||||
|
||||
<textarea
|
||||
class="w-[100%] min-h-[122px] max-h-[170px] textarea textarea-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
|
||||
</div>
|
||||
|
||||
<p class="bg-[#FAFAFB] h-[6px] m-[20px_-16px]"></p>
|
||||
|
||||
<p class="mb-[20px] font-bold text-[20px]"> Thông tin bán Sản phẩm </p>
|
||||
|
||||
<div class="mb-[24px] flex items-center">
|
||||
<p class="w-[140px]"> <b>Giá sản phẩm</b> </p>
|
||||
|
||||
<p class="text-[#6B7280]"> 17.999.000 VNĐ </p>
|
||||
</div>
|
||||
|
||||
<div class="mb-[24px] flex items-center">
|
||||
<p class="w-[140px]"> <b> Giá deal </b> </p>
|
||||
|
||||
<input type="text" value=""
|
||||
class="w-[50%] h-[34px] input input-bordered input-md rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
|
||||
<div class="flex flex-wrap justify-between">
|
||||
<div class="mb-[24px] w-[32%]">
|
||||
<p class="mb-[6px]">
|
||||
<b> Số lượng bán </b>
|
||||
(Số đang có: 8)
|
||||
</p>
|
||||
|
||||
<input type="text" value=""
|
||||
class="w-[100%] h-[32px] input input-bordered input-md rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
|
||||
<div class="mb-[24px] w-[32%]">
|
||||
<div class="mb-[6px] relative">
|
||||
<b> Số lượng tối thiểu phải mua </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">
|
||||
Đây là số lượng mà người mua phải mua ở một lần đặt hàng nếu muốn đặt hàng deal này. Có
|
||||
thể áp dụng trường hợp bạn đang có số lượng hàng tồn lớn và muốn bán nhanh
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<input type="text" value=""
|
||||
class="w-[100%] h-[32px] input input-bordered input-md rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
|
||||
<div class="mb-[24px] w-[32%]">
|
||||
<div class="mb-[6px]">
|
||||
<b> Số lượng tối đa được mua </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-[-30px] bg-[rgba(0,0,0,0.60)] p-[6px_10px] rounded-[5px] text-white top-[100%] w-[250px] z-[1] group-hover:block">
|
||||
Số lượng tối đa 1 khách hàng được phép đặt mua
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<input type="text" value=""
|
||||
class="w-[100%] h-[32px] input input-bordered input-md rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-[24px]">
|
||||
<p class="mb-[10px]"> <b>Thời gian hiệu lực *</b> </p>
|
||||
|
||||
<div class="flex items-center mb-[12px]">
|
||||
<p style="width: 65px;"> Bắt đầu </p>
|
||||
<div class="relative m-[0_35px_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="w-[100px] rounded-[4px] select select-bordered min-h-[35px] h-[35px]">
|
||||
<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="flex items-center">
|
||||
<p style="width: 65px;"> Kết thúc </p>
|
||||
<div class="relative m-[0_35px_0_10px]">
|
||||
<i class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
|
||||
<input type="date" name="to_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[to_time_minute]' id='from_time_minute'
|
||||
class="w-[100px] rounded-[4px] select select-bordered min-h-[35px] h-[35px]">
|
||||
<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>
|
||||
|
||||
<div class="mb-[24px]">
|
||||
<p class="mb-[7px]"> <b>Thứ tự hiển thị</b> </p>
|
||||
|
||||
<input type="text" value="0"
|
||||
class="w-[50%] h-[34px] input input-bordered input-md rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
|
||||
|
||||
<div class="flex items-center">
|
||||
<p> <b>Hiển thị</b> </p>
|
||||
|
||||
<label class="flex items-center cursor-pointer relative pl-[30px] m-[0_76px]">
|
||||
<input type="radio" name="info[status]" value="1" class="left-0 radio checked:bg-blue-500" checked>
|
||||
<span class="label-text ml-[10px]">Cho hiển thị</span>
|
||||
</label>
|
||||
|
||||
<label class="flex items-center cursor-pointer relative pl-[30px]">
|
||||
<input type="radio" name="info[status]" value="0" class="left-0 radio checked:bg-blue-500">
|
||||
<span class="label-text ml-[10px]">Ẩn hiển thị</span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<p class="bg-[#FAFAFB] h-[6px] m-[20px_-16px]"></p>
|
||||
|
||||
<input name="commit" 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>
|
||||
178
old/template/deal/home.html
Normal file
178
old/template/deal/home.html
Normal file
@@ -0,0 +1,178 @@
|
||||
<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]">
|
||||
<p class="leading-[30px] mb-[13px] font-bold text-[24px]"> Danh sách Deal </p>
|
||||
|
||||
<form method="get" enctype="multipart/form-data" action="/admin/"
|
||||
class="border border-[#F6F6F6] m-[12px_0_16px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
|
||||
<input type="hidden" name="opt" value="deal">
|
||||
<input type="hidden" name="q" value="">
|
||||
<input type="hidden" name="page" value="">
|
||||
|
||||
<input type="text" name="q" id="keyword" value="" placeholder="Tìm sản phẩm"
|
||||
class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
|
||||
<input type="submit" value="Tìm kiếm"
|
||||
class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
|
||||
</form>
|
||||
|
||||
<div class="flex items-center flex-wrap justify-between mb-[20px]">
|
||||
<a href=""
|
||||
class="leading-[35px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
|
||||
Xóa danh sách được chọn
|
||||
</a>
|
||||
|
||||
<div class="flex items-center font-[500] leading-[35px]">
|
||||
<a href="/admin/deal/deal-add"
|
||||
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_16px_0_0] 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 deal mới</span>
|
||||
</a>
|
||||
|
||||
<a href="/admin/deal/upload-deal-excel"
|
||||
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_16px_0_0] 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 deal excel</span>
|
||||
</a>
|
||||
|
||||
<a href="javascript:void(0)"
|
||||
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||
<i class="fas fa-file-download m-[0_4px_0_0]"></i>
|
||||
<span>Tải file excel</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="overflow-x-auto">
|
||||
<table class="table">
|
||||
<thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-500">
|
||||
<tr>
|
||||
<td width="40">
|
||||
<input type="checkbox" class="checkbox checkbox-success"
|
||||
onclick="CheckList.setAllChecked.call(this)" />
|
||||
</td>
|
||||
<td width="40"> STT </td>
|
||||
<td width="80"> Ảnh </td>
|
||||
<td> Sản phẩm (Tổng số: 1.742) </td>
|
||||
<td> Thông tin Deal </td>
|
||||
<td> Thời gian Deal </td>
|
||||
<td width="130">
|
||||
<select class="select w-[120px_!important] h-[30px] min-h-[30px]">
|
||||
<option value="">Tình trạng</option>
|
||||
<option value="not-started"> Chưa bắt đầu </option>
|
||||
<option value="started"> Đang bắt đầu </option>
|
||||
<option value="ended"> Hết thời gian </option>
|
||||
<option value="hidden"> Ẩn hiển thị </option>
|
||||
<option value="featured"> Đang nổi bật </option>
|
||||
</select>
|
||||
</td>
|
||||
<td class="text-center"> Công cụ </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
<td align="center">
|
||||
<input type="checkbox" class="checkbox checkbox-success js-checkbox-id" />
|
||||
</td>
|
||||
|
||||
<td align="center"> 1 </td>
|
||||
|
||||
<td>
|
||||
<div class="w-[100px]">
|
||||
<img src="https://via.placeholder.com/500x500" class="block" />
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<a href=""> HH WORKSTATION CORE i9 10900K | 32GB | NVIDIA RTX 2060 6GB </a>
|
||||
<p> [SKU: LTLE950] </p>
|
||||
<p> Số lượng: <b>60</b> </p>
|
||||
<p> Số tối thiểu cho 1 đơn hàng: <b>1</b> </p>
|
||||
<p> Tạo lúc: 25-10-2022, 4:56 pm </p>
|
||||
<p> Cập nhật: 17-01-2024, 9:36 am </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<p> Giá Deal:
|
||||
<b class="text-[red] mr-1"> 35.000.000 vnđ </b>
|
||||
(Giảm: <b class="text-[red]"> 4% </b>)
|
||||
</p>
|
||||
<p> Giá thị trường: <b class="text-[red]"> 36.000.000 vnd </b></p>
|
||||
<p> Số đơn hàng : <b> 6 </b> </p>
|
||||
<p> Số lượng đặt mua: <b> 10 </b> </p>
|
||||
<p> Lượt xem: <b> 0 </b> </p>
|
||||
</td>
|
||||
|
||||
<td class="whitespace-nowrap">
|
||||
<b> 01-01-2024, 1:00 pm </b> đến
|
||||
<b class="block"> 31-03-2024, 8:00 pm </b>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<i title="Chưa bắt đầu" style="background: #0041E8;"
|
||||
class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i>
|
||||
<i title="Đang bắt đầu" style="background: #299D00;"
|
||||
class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i>
|
||||
<i title="Hết thời gian" style="background: #E00000;"
|
||||
class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i>
|
||||
<i title="Ẩn hiển thị" style="background: #C8C8C8;"
|
||||
class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i>
|
||||
<i title="Đang nổi bật" style="background: #FFC700;"
|
||||
class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<div class="items-center flex">
|
||||
<a href="/admin/deal/deal-add?id=1" title="Sửa lại" class="icons icon-edit"></a>
|
||||
|
||||
<a href="" title="Cho nổi bật"
|
||||
class="fas fa-crown bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
|
||||
|
||||
<a href="" title="Hạ nổi bật"
|
||||
class="fas fa-crown bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
|
||||
|
||||
<a href="" title="Hạ xuống"
|
||||
class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
|
||||
|
||||
<a href="" title="Cho Hiển thị"
|
||||
class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]">
|
||||
</a>
|
||||
<a href="" class="icons icon-delete" title="Xóa"></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</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>
|
||||
</div>
|
||||
|
||||
<script src="{{ 'checkbox.js' | asset_url }}"></script>
|
||||
|
||||
<script>
|
||||
|
||||
const CheckList = Checkbox(delete_deal);
|
||||
|
||||
function delete_deal(id, must_confirm) {
|
||||
if (must_confirm && !confirm("Bạn chắc chắn muốn xóa ?")) {
|
||||
return;
|
||||
}
|
||||
|
||||
$.post(ACTION_URL, { action: "delete-deal", id: id }, function (data) {
|
||||
$("#row_" + id).fadeOut();
|
||||
});
|
||||
}
|
||||
</script>
|
||||
127
old/template/deal/upload_deal_excel.html
Normal file
127
old/template/deal/upload_deal_excel.html
Normal file
@@ -0,0 +1,127 @@
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/admin/deal"> Deal/giờ vàng </a>
|
||||
<a href=""> Thêm deal qua Excel </a>
|
||||
</div>
|
||||
|
||||
<div class="max-w-[1141px] m-[0_auto_20px]">
|
||||
<div class="flex flex-wrap items-start justify-center">
|
||||
|
||||
<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-[20px] flex flex-wrap items-center justify-between">
|
||||
<p class="font-bold text-[20px]"> Thêm deal qua excel </p>
|
||||
|
||||
<p class="text-[#6B7280] mt-[10px] order-[1] w-[100%]"> Hướng dẫn: File sẽ thêm Sản phẩm nếu chưa có, và cập nhật Sản phẩm nếu có rồi </p>
|
||||
|
||||
<a href="" 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] hover:bg-[#0041E8] hover:text-[#fff]">
|
||||
<i class="far fa-file-excel mr-1"></i>
|
||||
<span> Tải danh sách deal </span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- col left -->
|
||||
<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;"> Thông tin </a>
|
||||
</div>
|
||||
|
||||
<!-- col right -->
|
||||
<form method="post" enctype="multipart/form-data" class="order-page-table w-[852px] bg-white p-[16pX_16px_20px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
|
||||
|
||||
<div class="flex items-center mb-[20px]">
|
||||
<b class="mr-[10px]"> Chú ý: Yêu cầu file excel theo đúng file mẫu. </b>
|
||||
|
||||
<a href="" class="flex items-center whitespace-nowrap border border-[#0041E8] font-[500] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[35px] p-[0_12px] hover:bg-[#0041E8] hover:text-[#fff]">
|
||||
<i class="far fa-file-excel mr-1"></i>
|
||||
<span> Tải file mẫu </span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<table>
|
||||
<tr>
|
||||
<td width="215"> File cập nhật </td>
|
||||
|
||||
<td>
|
||||
<input type="file">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Cấu hình cột Excel </td>
|
||||
|
||||
<td>
|
||||
|
||||
<table>
|
||||
<tr class="font-[600] bg-[#ECECEC_!important]">
|
||||
<td>Cột Excel</td>
|
||||
<td>Nội dung</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>A</td>
|
||||
<td>Mã kho (SKU)</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>B</td>
|
||||
<td>Tên của deal</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>C</td>
|
||||
<td>Giá deal (dạng số)</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>D</td>
|
||||
<td>Số lượng mua tối thiểu (dạng số - mặc định là 1)</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>E</td>
|
||||
<td>Số lượng mua tối đa (dạng số - mặc định là 1)</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>F</td>
|
||||
<td>Số lượng (dạng số)</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>G</td>
|
||||
<td>Ngày bắt đầu (DD/MM/YYYY)</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>H</td>
|
||||
<td>Giờ bắt đầu (hh:mm)</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>I</td>
|
||||
<td>Ngày kết thúc (DD/MM/YYYY)</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>J</td>
|
||||
<td>Giờ kết thúc (hh:mm)</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>K</td>
|
||||
<td>Chọn hiển thị (yes|no)</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>L</td>
|
||||
<td>Thứ tự hiển thị</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<hr class="border-[4px] border-[#FAFAFB] m-[16px_-16px]">
|
||||
|
||||
<input name="commit" 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>
|
||||
170
old/template/distributor/form.html
Normal file
170
old/template/distributor/form.html
Normal file
@@ -0,0 +1,170 @@
|
||||
<div class="w-[100%] mb-[50px]">
|
||||
<div class="text-sm breadcrumbs ml-[10px]">
|
||||
<ul>
|
||||
<li><a href="/admin/distributor">Danh sách đại lý</a></li>
|
||||
<li class="text-[#0041E8]">Form thêm/sửa danh sách</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]">Form đại lý</h1>
|
||||
<div class="flex items-center">
|
||||
<a href="/admin/distributor/form"
|
||||
class="group flex items-center border-[1px] border-[#ECECEC] rounded-[4px] p-[5px_10px_5px_10px] hover:bg-blue-700">
|
||||
<span
|
||||
class="w-[14.5px] group-hover:text-white group-hover:border-white h-[14.5px] border-[1px] rounded-[50%] border-[#6B7280] text-center leading-[10.5px] mr-[5px] text-[#6B7280]">+</span>
|
||||
<span class="text-[#6B7280] group-hover:text-white">Thêm đại lý</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-gray-500">Nhà Thuốc Hiệp Phát</p>
|
||||
</div>
|
||||
<div class="flex">
|
||||
<div class="left w-[270px] mr-[10px]">
|
||||
<div class="list-tab">
|
||||
<a href="/admin/distributor/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_10px_0_0] shadow-[0_-1px_1px_0px_#0000001A] border-b-[6px] border-[#FAFAFB]">
|
||||
<b class="block text-[20px] font-bold my-[10px]">Cập nhật lại</b>
|
||||
|
||||
<table class="">
|
||||
<tr>
|
||||
<td>Tên gọi</td>
|
||||
<td>
|
||||
<input type="text" name="" value="" placeholder="Têm gọi"
|
||||
class="w-full input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="align-top">Mô tả</td>
|
||||
<td>
|
||||
<textarea type="text" name="" value="" placeholder="Nội dung tóm tắt (nếu có)"
|
||||
class="w-full textarea h-[70px] input-bordered rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]"></textarea>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Tọa độ bản đồ</td>
|
||||
<td>
|
||||
<div class="grid grid-cols-2 gap-[30px]">
|
||||
<div class="flex items-center">
|
||||
<p class="whitespace-nowrap">Kinh độ</p>
|
||||
<input type="text" name="" value="" placeholder="Kinh độ"
|
||||
class="w-[200px] ml-[10px] 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="flex items-center">
|
||||
<p class="whitespace-nowrap">Vĩ độ</p>
|
||||
<input type="text" name="" value="" placeholder="Vĩ độ"
|
||||
class="w-[200px] ml-[10px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Tỉnh/TP</td>
|
||||
<td>
|
||||
<select name=''
|
||||
class="w-[50%] mr-[15px] select select-bordered h-[38px] min-h-[38px] rounded-[4px]">
|
||||
<option value='' selected>Tỉnh/TP</option>
|
||||
<option value=''>Hà nội</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Quận huyện</td>
|
||||
<td>
|
||||
<select name=''
|
||||
class="w-[50%] mr-[15px] select select-bordered h-[38px] min-h-[38px] rounded-[4px]">
|
||||
<option value='' selected>Quận huyện</option>
|
||||
<option value=''>Thị xã Đông Hòa</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="align-top">Địa chỉ</td>
|
||||
<td>
|
||||
<textarea type="text" name="" value="" placeholder="Địa chỉ"
|
||||
class="w-full textarea h-[70px] input-bordered rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]"></textarea>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Điện thoại</td>
|
||||
<td>
|
||||
<input type="text" name="" value="" placeholder="Điện thoại"
|
||||
class="w-full input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Website</td>
|
||||
<td>
|
||||
<input type="text" name="" value="" placeholder=""
|
||||
class="w-full input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Người liên hệ</td>
|
||||
<td>
|
||||
<input type="text" name="" value="Nguyễn Thị Hiệp" placeholder=""
|
||||
class="w-full input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Email liên hệ</td>
|
||||
<td>
|
||||
<input type="text" name="" value="" placeholder=""
|
||||
class="w-full input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>STT</td>
|
||||
<td>
|
||||
<input type="text" name="" value="" placeholder=""
|
||||
class="w-[35%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>STT</td>
|
||||
<td>
|
||||
<input type="text" name="" value="" placeholder=""
|
||||
class="w-[35%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Trạng thái</td>
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<label class="inline-flex items-center cursor-pointer relative mr-[34px]">
|
||||
<input type="radio" value="0" name="info[status]"
|
||||
class="radio checked:bg-blue-500" checked="">
|
||||
<span class="label-text ml-[10px]"> Hiển thị </span>
|
||||
</label>
|
||||
|
||||
<label class="inline-flex items-center cursor-pointer relative pl-[30px] mr-[34px]">
|
||||
<input type="radio" value="1" name="info[status]"
|
||||
class="radio checked:bg-blue-500">
|
||||
<span class="label-text ml-[10px]"> Ẩn hiển thị </span>
|
||||
</label>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="bg-white p-[10px] rounded-[0_0_10px_10px] shadow-[0_1px_1px_0px_#0000001A]">
|
||||
<input
|
||||
class="btn w-[95px] h-[35px] min-h-[35px] bg-[#0041E8] rounded-[4px] mt-[10px] text-white cursor-pointer"
|
||||
name="submit" type="submit" value="Cập nhật">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
106
old/template/distributor/home.html
Normal file
106
old/template/distributor/home.html
Normal file
@@ -0,0 +1,106 @@
|
||||
<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]">
|
||||
<h1 class="leading-[30px] mb-[13px] font-bold text-[24px]"> Danh sách đại lý </h1>
|
||||
|
||||
<form method="get" enctype="multipart/form-data" action="/admin/"
|
||||
class="border border-[#F6F6F6] m-[12px_0_16px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
|
||||
<input type="text" name="q" id="keyword" value="" placeholder=""
|
||||
class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
|
||||
<input type="submit" value="Tìm kiếm"
|
||||
class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
|
||||
</form>
|
||||
|
||||
<div class="flex items-center justify-between mb-[15px]">
|
||||
<div class="flex items-center">
|
||||
<p class="mr-[10px]">Lựa chọn ngôn ngữ</p>
|
||||
<select
|
||||
class="min-w-[160px] h-[36px] min-h-[36px] select select-bordered rounded-[4px] mr-[15px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
|
||||
<option value=""> Chọn ngôn ngữ </option>
|
||||
<option value=""> Tiếng việt </option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center">
|
||||
<a href="/admin/distributor/form"
|
||||
class="block w-[155px] 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 đại lý mới</span>
|
||||
</a>
|
||||
|
||||
<a href=""
|
||||
class="ml-[10px] group leading-[35px] border border-[#0041E8] rounded-[4px] bg-white p-[0_15px] font-[500] text-[#0041E8] hover:bg-[#0041E8] hover:text-[#fff]">
|
||||
<i class="fa-solid fa-file-arrow-down text-[#0041E8] group-hover:text-white mr-[5px]"></i>
|
||||
<span>Upload Excel</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<table class="mt-[20px]">
|
||||
<thead class="bg-[#f6f6f6] font-bold">
|
||||
<tr>
|
||||
<td>STT</td>
|
||||
<td>Đại lý</td>
|
||||
<td>NGười liên hệ</td>
|
||||
<td>Địa chỉ</td>
|
||||
<td>Tỉnh</td>
|
||||
<td>Điện thoại</td>
|
||||
<td>Lựa chọn</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>Nhà Thuốc Hiệp Phát</td>
|
||||
<td>Nguyễn Thị Hiệp</td>
|
||||
<td>Thửa đất số 126, Tờ BĐS 53, KP Phú Lạc, P.Hòa Hiệp Nam, TX Đông Hòa, PY</td>
|
||||
<td>Phú yên</td>
|
||||
<td>0982483346</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=""
|
||||
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</td>
|
||||
<td>Nhà Thuốc Hiệp Phát</td>
|
||||
<td>Nguyễn Thị Hiệp</td>
|
||||
<td>Thửa đất số 126, Tờ BĐS 53, KP Phú Lạc, P.Hòa Hiệp Nam, TX Đông Hòa, PY</td>
|
||||
<td>Phú yên</td>
|
||||
<td>0982483346</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=""
|
||||
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>
|
||||
210
old/template/home/components/main_stat.html
Normal file
210
old/template/home/components/main_stat.html
Normal file
@@ -0,0 +1,210 @@
|
||||
<div
|
||||
class="sm:col-span-2 2xl:col-span-1 item-stat bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] transition duration-300 hover:shadow-[0px_1px_5px_0px_rgba(0,0,0,0.20)]">
|
||||
<div class="border-b border-b-[#FAFAFB] p-[10px_10px_15px_13px]">
|
||||
<div class="flex justify-between leading-[16px] min-h-[32px]">
|
||||
<p class="mr-[10px] w-[calc(100%-36px)] text-[#B1B1B1] text-[12px] text-custom-16 uppercase">
|
||||
Đơn
|
||||
hàng
|
||||
mới</p>
|
||||
|
||||
<a href=""
|
||||
class="bg-[#F0F8FF] flex h-[26px] items-center justify-center rounded-[4px] text-center w-[26px]">
|
||||
<i class="icons icon-cart"></i>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<p class="text-[28px] max-[1620px]:text-[22px] leading-[36px] font-[600]">10.000.000</p>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center p-[8px_13px]">
|
||||
<div
|
||||
class="bg-[#E8F7F2] bg-green-100 flex font-[700] inline-flex items-center leading-[24px] mr-[10px] px-[5px] rounded-[4px] text-[#299D00] text-[14px]">
|
||||
<i class="icons icon-increase"></i>
|
||||
<b class="font-[700]"> 10% </b>
|
||||
</div>
|
||||
|
||||
<p class="text-[#C5C5C5] text-custom-16 text-[12px]">Hôm qua</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="sm:col-span-2 2xl:col-span-1 item-stat bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] transition duration-300 hover:shadow-[0px_1px_5px_0px_rgba(0,0,0,0.20)]">
|
||||
<div class="border-b border-b-[#FAFAFB] p-[10px_10px_15px_13px]">
|
||||
<div class="flex justify-between leading-[16px] min-h-[32px]">
|
||||
<p class="w-[calc(100%-36px)] mr-[10px] text-[#B1B1B1] text-[12px] text-custom-16 uppercase">Khách
|
||||
hàng
|
||||
liên hệ qua website</p>
|
||||
|
||||
<a href=""
|
||||
class="bg-[#F0F9F2] flex h-[26px] items-center justify-center rounded-[4px] text-center w-[26px]">
|
||||
<i class="icons icon-contact"></i>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<p class="text-[22px] text-custom-28 leading-[36px] font-[600]">10.000.000</p>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center p-[8px_13px]">
|
||||
<div
|
||||
class="bg-[#E8F7F2] bg-green-100 flex font-[700] inline-flex items-center leading-[24px] mr-[10px] px-[5px] rounded-[4px] text-[#299D00] text-[14px]">
|
||||
<i class="icons icon-increase"></i>
|
||||
<b class="font-[700]"> 10% </b>
|
||||
</div>
|
||||
|
||||
<p class="text-[#C5C5C5] text-custom-16 text-[12px]">Hôm qua</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="sm:col-span-2 2xl:col-span-1 item-stat bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] transition duration-300 hover:shadow-[0px_1px_5px_0px_rgba(0,0,0,0.20)]">
|
||||
<div class="border-b border-b-[#FAFAFB] p-[10px_10px_15px_13px]">
|
||||
<div class="flex justify-between leading-[16px] min-h-[32px]">
|
||||
<p class="w-[calc(100%-36px)] mr-[10px] text-[#B1B1B1] text-custom-16 text-[12px] uppercase">Đơn
|
||||
trả
|
||||
góp</p>
|
||||
|
||||
<a href=""
|
||||
class="bg-[#F7F5FF] flex h-[26px] items-center justify-center rounded-[4px] text-center w-[26px]">
|
||||
<i class="icons icon-pay"></i>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<p class="text-[28px] max-[1620px]:text-[22px] leading-[36px] font-[600]">10.000.000</p>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center p-[8px_13px]">
|
||||
<div
|
||||
class="bg-[#FFEEEB] bg-[red]-100 flex font-[700] inline-flex items-center leading-[24px] mr-[10px] px-[5px] rounded-[4px] text-[#E00000] text-[14px]">
|
||||
<i class="icons icon-reduce"></i>
|
||||
<b class="font-[700]"> 10% </b>
|
||||
</div>
|
||||
|
||||
<p class="text-[#C5C5C5] text-custom-16 text-[12px]">Hôm qua</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="sm:col-span-2 2xl:col-span-1 item-stat bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] transition duration-300 hover:shadow-[0px_1px_5px_0px_rgba(0,0,0,0.20)]">
|
||||
<div class="border-b border-b-[#FAFAFB] p-[10px_10px_15px_13px]">
|
||||
<div class="flex justify-between leading-[16px] min-h-[32px]">
|
||||
<p class="w-[calc(100%-36px)] mr-[10px] text-[#B1B1B1] text-custom-16 text-[12px] uppercase">Đơn
|
||||
hoàn
|
||||
trả</p>
|
||||
|
||||
<a href=""
|
||||
class="bg-[#F9F2F2] flex h-[26px] items-center justify-center rounded-[4px] text-center w-[26px]">
|
||||
<i class="icons icon-installment"></i>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<p class="text-[28px] max-[1620px]:text-[22px] leading-[36px] font-[600]">10.000.000</p>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center p-[8px_13px]">
|
||||
<div
|
||||
class="bg-[#FFEEEB] bg-[red]-100 flex font-[700] inline-flex items-center leading-[24px] mr-[10px] px-[5px] rounded-[4px] text-[#E00000] text-[14px]">
|
||||
<i class="icons icon-reduce"></i>
|
||||
<b class="font-[700]"> 10% </b>
|
||||
</div>
|
||||
|
||||
<p class="text-[#C5C5C5] text-custom-16 text-[12px]">Hôm qua</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="sm:col-span-2 item-chart bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] p-[16px] max-[1620px]:p-[10px] col-span-2">
|
||||
<div class="flex justify-between min-h-[100px]">
|
||||
<div>
|
||||
<h5 class="leading-[30px] text-[24px] font-[600]">32.4k</h5>
|
||||
<p class="text-custom-16 text-[14px] text-[#7E7E7E]">Doanh thu trong tuần này</p>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="flex items-center px-2.5 py-0.5 text-base font-semibold text-green-500 dark:text-green-500 text-center">
|
||||
12%
|
||||
<i class="fa-solid fa-arrow-up ml-[5px]"></i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="js-revenue-chart"></div>
|
||||
|
||||
<div class="grid grid-cols-1 items-center border-gray-200 border-t dark:border-gray-700 justify-between">
|
||||
<div class="flex justify-between items-center pt-5">
|
||||
|
||||
<select>
|
||||
<option value=""> Last 7 days </option>
|
||||
<option value=""> Yesterday </option>
|
||||
<option value=""> Today </option>
|
||||
<option value=""> Last 7 days </option>
|
||||
<option value=""> Last 30 days </option>
|
||||
<option value=""> Last 90 days </option>
|
||||
</select>
|
||||
|
||||
<a href="#"
|
||||
class="uppercase text-sm font-semibold inline-flex items-center rounded-lg text-blue-600 hover:text-blue-700 dark:hover:text-blue-500 hover:bg-gray-100 dark:hover:bg-gray-700 dark:focus:ring-gray-700 dark:border-gray-700 px-3 py-2">
|
||||
Users Report
|
||||
<i class="fa-solid fa-angle-right ml-[5px]"></i>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="sm:col-span-2 item-chart bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] p-[16px] max-[1620px]:p-[10px] col-span-2">
|
||||
<div class="pb-[14px] mb-[10px] border-b border-gray-200 dark:border-gray-700">
|
||||
<h5 class="leading-[30px] text-[24px] font-[600]">3.4k</h5>
|
||||
|
||||
<div class="flex items-center justify-between">
|
||||
<p class="text-[14px] text-[#7E7E7E] text-custom-16">Truy cập web trong tuần này</p>
|
||||
|
||||
<span
|
||||
class="bg-green-100 text-green-800 text-xs font-medium inline-flex items-center px-2.5 py-1 rounded-md dark:bg-green-900 dark:text-green-300">
|
||||
<svg class="w-2.5 h-2.5 me-1.5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none"
|
||||
viewBox="0 0 10 14">
|
||||
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
||||
d="M5 13V1m0 0L1 5m4-4 4 4" />
|
||||
</svg>
|
||||
42.5%
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-2">
|
||||
<dl class="flex items-center">
|
||||
<dt class="text-gray-500 dark:text-gray-400 text-sm font-normal me-1">Lượt truy cập:
|
||||
</dt>
|
||||
<dd class="text-gray-900 text-sm dark:text-white font-semibold">1.458</dd>
|
||||
</dl>
|
||||
|
||||
<dl class="flex items-center justify-end">
|
||||
<dt class="text-gray-500 dark:text-gray-400 text-sm font-normal me-1">Người xem:</dt>
|
||||
<dd class="text-gray-900 text-sm dark:text-white font-semibold">2.130</dd>
|
||||
</dl>
|
||||
</div>
|
||||
|
||||
<div id="js-access-chart"></div>
|
||||
|
||||
<div class="grid grid-cols-1 items-center border-gray-200 border-t dark:border-gray-700 justify-between">
|
||||
<div class="flex justify-between items-center pt-5">
|
||||
<select>
|
||||
<option value=""> Last 7 days </option>
|
||||
<option value=""> Yesterday </option>
|
||||
<option value=""> Today </option>
|
||||
<option value=""> Last 7 days </option>
|
||||
<option value=""> Last 30 days </option>
|
||||
<option value=""> Last 90 days </option>
|
||||
</select>
|
||||
|
||||
<a href="#"
|
||||
class="uppercase text-sm font-semibold inline-flex items-center rounded-lg text-blue-600 hover:text-blue-700 dark:hover:text-blue-500 hover:bg-gray-100 dark:hover:bg-gray-700 dark:focus:ring-gray-700 dark:border-gray-700 px-3 py-2">
|
||||
Leads Report
|
||||
<svg class="w-2.5 h-2.5 ms-1.5 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
|
||||
fill="none" viewBox="0 0 6 10">
|
||||
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
||||
d="m1 9 4-4-4-4" />
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
436
old/template/home/home.html
Normal file
436
old/template/home/home.html
Normal file
@@ -0,0 +1,436 @@
|
||||
<!-- Start: Dashboard Stats Widget -->
|
||||
|
||||
<div class="grid gap-5 grid-cols-12">
|
||||
<div class="col-span-8">
|
||||
<div class="grid gap-3 lg:grid-cols-2 xl:grid-cols-4">
|
||||
<div class="card bg-base-100 shadow">
|
||||
<div class="card-body gap-2">
|
||||
<div class="flex items-start justify-between gap-2 text-sm">
|
||||
<div>
|
||||
<p class="text-base-content/80 font-medium h-[40px]">
|
||||
Đơn hàng mới
|
||||
</p>
|
||||
<div class="mt-3 flex items-center gap-2">
|
||||
<p class="inline text-2xl font-semibold">
|
||||
10.000.000
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-base-200 rounded-box flex items-center p-2">
|
||||
<span class="iconify lucide--circle-dollar-sign size-5"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-center gap-3 mt-2">
|
||||
<div class="badge badge-soft badge-success badge-sm gap-0.5 px-1 font-medium">
|
||||
<span class="iconify lucide--arrow-up size-3.5"></span>
|
||||
10.8%
|
||||
</div>
|
||||
<p class="text-base-content/60 text-sm">
|
||||
Hôm qua
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card bg-base-100 shadow">
|
||||
<div class="card-body gap-2">
|
||||
<div class="flex items-start justify-between gap-2 text-sm">
|
||||
<div>
|
||||
<p class="text-base-content/80 font-medium h-[40px]">
|
||||
Khách hàng liên hệ
|
||||
qua website
|
||||
</p>
|
||||
<div class="mt-3 flex items-center gap-2">
|
||||
<p class="inline text-2xl font-semibold">
|
||||
1.000.000
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-base-200 rounded-box flex items-center p-2">
|
||||
<span class="iconify lucide--package size-5"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-center gap-3 mt-2">
|
||||
<div class="badge badge-soft badge-success badge-sm gap-0.5 px-1 font-medium">
|
||||
<span class="iconify lucide--arrow-up size-3.5"></span>
|
||||
5.4%
|
||||
</div>
|
||||
<p class="text-base-content/60 text-sm">
|
||||
Hôm qua
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card bg-base-100 shadow">
|
||||
<div class="card-body gap-2">
|
||||
<div class="flex items-start justify-between gap-2 text-sm">
|
||||
<div>
|
||||
<p class="text-base-content/80 font-medium h-[40px]">
|
||||
Đơn trả góp
|
||||
</p>
|
||||
<div class="mt-3 flex items-center gap-2">
|
||||
<p class="inline text-2xl font-semibold">
|
||||
600.000
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-base-200 rounded-box flex items-center p-2">
|
||||
<span class="iconify lucide--users size-5"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-center gap-3 mt-2">
|
||||
<div class="badge badge-soft badge-error badge-sm gap-0.5 px-1 font-medium">
|
||||
<span class="iconify lucide--arrow-down size-3.5"></span>
|
||||
-6.8%
|
||||
</div>
|
||||
<p class="text-base-content/60 text-sm">
|
||||
Hôm qua
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card bg-base-100 shadow">
|
||||
<div class="card-body gap-2">
|
||||
<div class="flex items-start justify-between gap-2 text-sm">
|
||||
<div>
|
||||
<p class="text-base-content/80 font-medium h-[40px]">
|
||||
Đơn hoàn trả
|
||||
</p>
|
||||
<div class="mt-3 flex items-center gap-2">
|
||||
<p class="inline text-2xl font-semibold">
|
||||
30.000
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-base-200 rounded-box flex items-center p-2">
|
||||
<span class="iconify lucide--eraser size-5"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-center gap-3 mt-2">
|
||||
<div class="badge badge-soft badge-success badge-sm gap-0.5 px-1 font-medium">
|
||||
<span class="iconify lucide--arrow-up size-3.5"></span>
|
||||
8.5%
|
||||
</div>
|
||||
<p class="text-base-content/60 text-sm">
|
||||
Hôm qua
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End: Dashboard Stats Widget -->
|
||||
<div class="mt-3 grid grid-cols-1 gap-3 xl:grid-cols-12">
|
||||
<div class="xl:col-span-7">
|
||||
<!-- Start: Revenue Statistic -->
|
||||
|
||||
<div class="card bg-base-100 shadow">
|
||||
<div class="card-body px-0 pb-0">
|
||||
<div class="px-6">
|
||||
<div class="flex items-start justify-between">
|
||||
<span class="font-medium">
|
||||
Doanh thu
|
||||
</span>
|
||||
<div class="tabs tabs-box tabs-xs hidden sm:block">
|
||||
<div class="tab false px-3">Ngày</div>
|
||||
<div class="tab false px-3">Tháng</div>
|
||||
<div class="tab tab-active px-3">Năm</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<div class="flex items-center gap-3">
|
||||
<span class="text-4xl font-semibold">
|
||||
184.78K
|
||||
</span>
|
||||
<span class="text-success font-medium">
|
||||
+3.24%
|
||||
</span>
|
||||
</div>
|
||||
<span class="text-base-content/60 text-sm">
|
||||
Tổng doanh thu trong năm nay
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div id="revenue-statics-chart"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- End: Revenue Statistic -->
|
||||
</div>
|
||||
<div class="xl:col-span-5">
|
||||
<!-- Start: Customer Acquisition -->
|
||||
|
||||
<div class="card bg-base-100 shadow">
|
||||
<div class="card-body p-0">
|
||||
<div class="flex items-center justify-between px-5 pt-5">
|
||||
<span class="font-medium">
|
||||
Truy cập khách hàng
|
||||
</span>
|
||||
<div class="inline-flex items-center gap-2">
|
||||
<div class="text-base-content/60 w-6 border border-dashed"></div>
|
||||
<span class="text-base-content/80 text-xs">
|
||||
Dự đoán
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-4 py-3">
|
||||
<div class="divide-base-300 grid grid-cols-2 gap-5 px-5 sm:grid-cols-3 sm:divide-x">
|
||||
<div class="text-center">
|
||||
<p>Advertise</p>
|
||||
<p class="mt-0.5 text-xl font-medium">
|
||||
$148
|
||||
</p>
|
||||
<div class="text-success mt-0.5 inline-flex items-center gap-1">
|
||||
<span class="iconify lucide--arrow-up size-3"></span>
|
||||
<p class="text-xs">4.78%</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hidden text-center sm:block">
|
||||
<p>Customers</p>
|
||||
<p class="mt-0.5 text-xl font-medium">
|
||||
427
|
||||
</p>
|
||||
<div class="text-success mt-0.5 inline-flex items-center gap-1">
|
||||
<span class="iconify lucide--arrow-up size-3"></span>
|
||||
<p class="text-xs">3.15%</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="-mt-25 sm:mx-5">
|
||||
<div id="customer-acquisition-chart"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- End: Customer Acquisition -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<!-- Start: Lịch sử chỉnh sửa -->
|
||||
<div aria-label="Card" class="card bg-base-100 shadow">
|
||||
<div class="card-body p-0">
|
||||
<div class="flex items-center gap-3 px-5 pt-5">
|
||||
<span class="iconify lucide--shopping-bag size-4.5"></span>
|
||||
<span class="font-medium">Lịch sử chỉnh sửa</span>
|
||||
<button class="btn btn-outline btn-sm ms-auto btn-view">
|
||||
Xem danh sách
|
||||
<span class="iconify lucide--plus-circle size-3.5"></span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="mt-2 overflow-auto">
|
||||
<table class="table *:text-nowrap">
|
||||
<thead>
|
||||
<tr>
|
||||
<td> STT </td>
|
||||
<td> Người dùng </td>
|
||||
<td> Nội dung </td>
|
||||
<td> Thời gian </td>
|
||||
<td> Xem chi tiết </td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td> 1 </td>
|
||||
<td> uyentt@hurasoft.com </td>
|
||||
<td> Chỉnh sửa trang chủ website laptoptcc </td>
|
||||
<td> 24/11/2023 </td>
|
||||
<td>
|
||||
<a href="" class="btn btn-outline btn-view">Xem</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> 1 </td>
|
||||
<td> uyentt@hurasoft.com </td>
|
||||
<td> Chỉnh sửa trang chủ website laptoptcc </td>
|
||||
<td> 24/11/2023 </td>
|
||||
<td>
|
||||
<a href="" class="btn btn-outline btn-view">Xem</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> 1 </td>
|
||||
<td> uyentt@hurasoft.com </td>
|
||||
<td> Chỉnh sửa trang chủ website laptoptcc </td>
|
||||
<td> 24/11/2023 </td>
|
||||
<td>
|
||||
<a href="" class="btn btn-outline btn-view">Xem</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> 1 </td>
|
||||
<td> uyentt@hurasoft.com </td>
|
||||
<td> Chỉnh sửa trang chủ website laptoptcc </td>
|
||||
<td> 24/11/2023 </td>
|
||||
<td>
|
||||
<a href="" class="btn btn-outline btn-view">Xem</a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End: Recent Orders -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="bg-white shadow p-3 rounded-sm">
|
||||
<div id="js-admin-home-tab" class="admin-home-tab flex items-center justify-end mb-3">
|
||||
<a href="#js-report-most-viewed-products" class=" btn btn-sm btn-active">Sản phẩm xem nhiều</a>
|
||||
<a href="#js-report-introduce-web" class="btn btn-sm"> Web giới thiệu</a>
|
||||
<a href="#js-report-key-word" class="btn btn-sm"> Từ khóa</a>
|
||||
<a href="#js-report-article" class="btn btn-sm"> Bài viết</a>
|
||||
</div>
|
||||
|
||||
<div class="home-report-holder block overflow-x-auto rounded-box border border-base-content/5 bg-base-10"
|
||||
id="js-report-most-viewed-products">
|
||||
<table class="table">
|
||||
<thead class="bg-base-200">
|
||||
<td width="50">STT</td>
|
||||
<td>Sản phẩm</td>
|
||||
<td width="75">Lượt xem</td>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr>
|
||||
<td> 1 </td>
|
||||
<td> <a href="" class="line-clamp-1"> Laptop Asus ZenBook UX3402VALaptop
|
||||
Asus ZenBook
|
||||
UX3402VALaptop
|
||||
Asus ZenBook UX3402VA </a> </td>
|
||||
<td> 30.000 </td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>2
|
||||
<td><a href="" class="line-clamp-1"> Laptop Asus ZenBook UX3402VALaptop
|
||||
Asus ZenBook
|
||||
UX3402VALaptop
|
||||
Asus ZenBook UX3402VA </a>
|
||||
<td>30.000
|
||||
<tr>
|
||||
<td>3
|
||||
<td><a href="" class="line-clamp-1"> Laptop Asus ZenBook UX3402VALaptop
|
||||
Asus ZenBook
|
||||
UX3402VALaptop
|
||||
Asus ZenBook UX3402VA </a>
|
||||
<td>30.000
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="home-report-holder hidden" id="js-report-introduce-web">
|
||||
<b class="text-23">Truy cập website</b>
|
||||
<div class="px-5 pt-5 pb-2">
|
||||
<div id="gradient-donut-chart"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="home-report-holder hidden" id="js-report-key-word">
|
||||
<div class="flex flex-wrap gap-2">
|
||||
<a href="" class="btn btn btn-dash btn-outline">Laptop, Máy Tính Xách Tay</a>
|
||||
<a href="" class="btn btn btn-dash btn-outline">Laptop, Máy Tính Xách Tay</a>
|
||||
<a href="" class="btn btn btn-dash btn-outline">Laptop, Máy Tính Xách Tay</a>
|
||||
<a href="" class="btn btn btn-dash btn-outline">Laptop, Máy Tính Xách Tay</a>
|
||||
<a href="" class="btn btn btn-dash btn-outline">Laptop, Máy Tính Xách Tay</a>
|
||||
<a href="" class="btn btn btn-dash btn-outline">Laptop, Máy Tính Xách Tay</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="home-report-holder hidden" id="js-report-article">
|
||||
<table class="table">
|
||||
<thead class="bg-base-200">
|
||||
<td>STT</td>
|
||||
<td>Bài viết</td>
|
||||
<td>Lượt xem</td>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr>
|
||||
<td> 1 </td>
|
||||
<td> <a href="" class="line-clamp-1"> Laptop Asus ZenBook UX3402VALaptop Asus ZenBook
|
||||
UX3402VALaptop
|
||||
Asus ZenBook UX3402VA </a> </td>
|
||||
<td class="link-primary"> 30.000 </td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>2
|
||||
<td><a href="" class="line-clamp-1"> Laptop Asus ZenBook UX3402VALaptop Asus ZenBook
|
||||
UX3402VALaptop
|
||||
Asus ZenBook UX3402VA </a>
|
||||
<td class="link-primary">30.000</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>3
|
||||
<td><a href="" class="line-clamp-1"> Laptop Asus ZenBook UX3402VALaptop Asus ZenBook
|
||||
UX3402VALaptop
|
||||
Asus ZenBook UX3402VA </a>
|
||||
<td class="link-primary">30.000</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="bg-white shadow p-3 mt-3 rounded-sm">
|
||||
<div class="flex items-center justify-between">
|
||||
<b class="font-medium">Ghi nhắc việc làm cá nhân</b>
|
||||
<input type="date" value="2025-11-26" class="input w-[30%]" />
|
||||
</div>
|
||||
<form class="flex items-center justify-between mt-3">
|
||||
<input type="text" placeholder="Nhập việc cần làm của bạn" class="input w-[78%]" />
|
||||
<button type="button" class="btn btn-active">Tạo mới</button>
|
||||
</form>
|
||||
|
||||
<div class="overflow-x-auto border border-base-content/5 mt-3">
|
||||
<table class="table">
|
||||
<thead class="bg-base-200">
|
||||
<td> STT </td>
|
||||
<td> Nội dung </td>
|
||||
<td> Hết hạn </td>
|
||||
<td> Trạng thái </td>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td> 1 </td>
|
||||
<td class="whitespace-nowrap"> Sửa trang chủ websiteLaptoptcc </td>
|
||||
<td> 28/11/2023 </td>
|
||||
<td>
|
||||
<div class="badge badge-success badge-sm badge-soft whitespace-nowrap">Đang triển khai
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> 2 </td>
|
||||
<td class="whitespace-nowrap"> Sửa trang chủ websiteLaptoptcc </td>
|
||||
<td> 28/11/2023 </td>
|
||||
<td>
|
||||
<div class="badge badge-error badge-sm badge-soft whitespace-nowrap">Đang triển khai
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> 3 </td>
|
||||
<td class="whitespace-nowrap"> Sửa trang chủ websiteLaptoptcc </td>
|
||||
<td> 28/11/2023 </td>
|
||||
<td>
|
||||
<div class="badge badge-sm badge-ghost whitespace-nowrap">Đang triển khai</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> 4 </td>
|
||||
<td class="whitespace-nowrap"> Sửa trang chủ websiteLaptoptcc </td>
|
||||
<td> 28/11/2023 </td>
|
||||
<td>
|
||||
<div class="badge badge-info badge-sm badge-soft whitespace-nowrap">Đang triển khai
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
40
old/template/javascript/brand.html
Normal file
40
old/template/javascript/brand.html
Normal file
@@ -0,0 +1,40 @@
|
||||
<script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
|
||||
|
||||
|
||||
<script>
|
||||
|
||||
tinymce.init({
|
||||
selector: 'textarea#product-desc',
|
||||
height: 350,
|
||||
menubar: true,
|
||||
plugins: [
|
||||
'advlist autolink lists link image charmap print preview anchor',
|
||||
'searchreplace visualblocks code fullscreen',
|
||||
'insertdatetime media table paste code help wordcount'
|
||||
],
|
||||
toolbar: 'undo redo | formatselect | ' +
|
||||
'bold italic backcolor | alignleft aligncenter ' +
|
||||
'alignright alignjustify | bullist numlist outdent indent | ' +
|
||||
'removeformat | help',
|
||||
content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'
|
||||
});
|
||||
|
||||
|
||||
tinymce.init({
|
||||
selector: 'textarea#product-static',
|
||||
height: 350,
|
||||
menubar: true,
|
||||
plugins: [
|
||||
'advlist autolink lists link image charmap print preview anchor',
|
||||
'searchreplace visualblocks code fullscreen',
|
||||
'insertdatetime media table paste code help wordcount'
|
||||
],
|
||||
toolbar: 'undo redo | formatselect | ' +
|
||||
'bold italic backcolor | alignleft aligncenter ' +
|
||||
'alignright alignjustify | bullist numlist outdent indent | ' +
|
||||
'removeformat | help',
|
||||
content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'
|
||||
});
|
||||
|
||||
|
||||
</script>
|
||||
83
old/template/javascript/edit_template.html
Normal file
83
old/template/javascript/edit_template.html
Normal file
@@ -0,0 +1,83 @@
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/monaco-editor@0.34.1/min/vs/editor/editor.main.css">
|
||||
<script src="https://cdn.jsdelivr.net/npm/monaco-editor@0.34.1/min/vs/loader.js"></script>
|
||||
|
||||
|
||||
<script>
|
||||
|
||||
require.config({ paths: { 'vs': 'https://cdn.jsdelivr.net/npm/monaco-editor@0.34.1/min/vs' } });
|
||||
require(['vs/editor/editor.main'], function () {
|
||||
|
||||
monaco.editor.defineTheme('myCustomTheme', {
|
||||
base: 'vs',
|
||||
inherit: true,
|
||||
rules: [
|
||||
{ token: 'tag', foreground: '4CAF50', fontStyle: 'bold' }, // Màu cam cho thẻ HTML
|
||||
{ token: 'attribute.name', foreground: 'e00000' }, // Màu xanh lá cho thuộc tính
|
||||
{ token: 'attribute.value', foreground: 'e00000' }, // Màu vàng cho giá trị thuộc tính
|
||||
{ token: 'string', foreground: 'e00000' }, // Màu xanh dương cho chuỗi
|
||||
{ token: 'comment', foreground: '#4CAF50', fontStyle: 'italic' },
|
||||
],
|
||||
colors: {
|
||||
'editor.foreground': '#000000',
|
||||
'editorGutter.background': '#f6f6f6',
|
||||
'editor.lineNumber.foreground': '#000000',
|
||||
}
|
||||
})
|
||||
|
||||
monaco.editor.create(document.getElementById('tpl_editor'), {
|
||||
value: `<section class= "section-breakcrumb routing py-12 line-clamp" >
|
||||
<div class="global-breadcrumb container">
|
||||
<ol itemscope="" itemtype="http://schema.org/BreadcrumbList" class="list-style-none
|
||||
d- flex">
|
||||
<li class="routing-link" itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
|
||||
<a href="/" itemprop="item" class="nopad-l">
|
||||
<span itemprop="name">Trang chủ</span>
|
||||
</a>
|
||||
<meta itemprop="position" content="1">
|
||||
</li>
|
||||
|
||||
<li class="routing-link" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
|
||||
<a href="{{ path.url }}" itemprop="item" class="nopad-l">
|
||||
<span itemprop="name"> {{ path.name }} </span>
|
||||
</a>
|
||||
<meta itemprop="position" content="{{ counter }}" />
|
||||
</li>
|
||||
</ol>
|
||||
|
||||
|
||||
<ol itemscope="" itemtype="http://schema.org/BreadcrumbList" class="list-style-none d-flex">
|
||||
<li class="routing-link" itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
|
||||
<a href="/" itemprop="item" class="nopad-l">
|
||||
<span itemprop="name">Trang chủ</span>
|
||||
</a>
|
||||
<meta itemprop="position" content="1">
|
||||
</li>
|
||||
|
||||
`,
|
||||
language: 'html',
|
||||
theme: 'myCustomTheme',
|
||||
automaticLayout: true,
|
||||
minimap: { enabled: false },
|
||||
autoClosingBrackets: true,
|
||||
autoClosingQuotes: true,
|
||||
autoIndent: true,
|
||||
wordWrap: 'on',
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
|
||||
function open_template_list(id) {
|
||||
var $template = $('#template_list_' + id)
|
||||
if ($template.prop('open')) {
|
||||
$('#template_list_' + id).prop('open', false);
|
||||
} else {
|
||||
$('#template_list_' + id).prop('open', true);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function show_older_version() {
|
||||
$('#older_version').toggle()
|
||||
}
|
||||
</script>
|
||||
0
old/template/javascript/global.html
Normal file
0
old/template/javascript/global.html
Normal file
393
old/template/javascript/homepage.html
Normal file
393
old/template/javascript/homepage.html
Normal file
@@ -0,0 +1,393 @@
|
||||
<script>
|
||||
const initCustomerAcquisitionChart = () => {
|
||||
const chartOptions = {
|
||||
chart: {
|
||||
height: 356,
|
||||
sparkline: {
|
||||
enabled: false,
|
||||
},
|
||||
toolbar: {
|
||||
show: false,
|
||||
},
|
||||
zoom: {
|
||||
enabled: false,
|
||||
},
|
||||
background: "transparent",
|
||||
},
|
||||
forecastDataPoints: {
|
||||
count: 2,
|
||||
dashArray: [6, 4],
|
||||
},
|
||||
grid: {
|
||||
show: false,
|
||||
},
|
||||
yaxis: {
|
||||
show: false,
|
||||
min: 125,
|
||||
max: 181,
|
||||
},
|
||||
xaxis: {
|
||||
categories: Array.from({ length: 15 }, (_, index) => index + 1),
|
||||
},
|
||||
tooltip: {
|
||||
y: {
|
||||
formatter: (val) => val.toString(),
|
||||
},
|
||||
},
|
||||
stroke: {
|
||||
curve: "stepline",
|
||||
width: [2, 1.5],
|
||||
},
|
||||
colors: ["#167bff", "rgba(150,150,150,0.3)"],
|
||||
series: [
|
||||
{
|
||||
name: "Khách hàng",
|
||||
data: [144, 150, 146, 154, 150, 155, 160, 155, 140, 155, 160, 180, 170, 165, 165],
|
||||
},
|
||||
{
|
||||
name: "Quảng cáo",
|
||||
data: [140, 142, 142, 140, 146, 148, 150, 136, 130, 133, 145, 148, 158, 150, 150],
|
||||
},
|
||||
],
|
||||
}
|
||||
|
||||
if (document.getElementById("customer-acquisition-chart")) {
|
||||
new ApexCharts(document.getElementById("customer-acquisition-chart"), chartOptions).render()
|
||||
}
|
||||
}
|
||||
|
||||
const initRevenueStatisticsChart = () => {
|
||||
const chartOptions = {
|
||||
chart: {
|
||||
height: 288,
|
||||
type: "bar",
|
||||
stacked: true,
|
||||
background: "transparent",
|
||||
toolbar: {
|
||||
show: false,
|
||||
},
|
||||
},
|
||||
|
||||
plotOptions: {
|
||||
bar: {
|
||||
borderRadius: 8,
|
||||
borderRadiusApplication: "end",
|
||||
borderRadiusWhenStacked: "last",
|
||||
colors: {
|
||||
backgroundBarColors: ["rgba(150,150,150,0.07)"],
|
||||
backgroundBarRadius: 8,
|
||||
},
|
||||
columnWidth: "45%",
|
||||
barHeight: "100%",
|
||||
},
|
||||
},
|
||||
dataLabels: {
|
||||
enabled: false,
|
||||
},
|
||||
colors: ["#ff8b4b", "#6c74f8"],
|
||||
legend: {
|
||||
show: true,
|
||||
horizontalAlign: "center",
|
||||
offsetX: 0,
|
||||
offsetY: 6,
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name: "Đơn hàng",
|
||||
data: [10, 12, 14, 16, 18, 20, 14, 16, 24, 12],
|
||||
},
|
||||
{
|
||||
name: "Doanh thu",
|
||||
data: [15, 24, 21, 28, 30, 40, 22, 32, 48, 20],
|
||||
},
|
||||
],
|
||||
xaxis: {
|
||||
categories: [
|
||||
new Date("1/1/2016"),
|
||||
new Date("1/1/2017"),
|
||||
new Date("1/1/2018"),
|
||||
new Date("1/1/2019"),
|
||||
new Date("1/1/2020"),
|
||||
new Date("1/1/2021"),
|
||||
new Date("1/1/2022"),
|
||||
new Date("1/1/2023"),
|
||||
new Date("1/1/2024"),
|
||||
new Date("1/1/2025"),
|
||||
],
|
||||
axisBorder: {
|
||||
show: false,
|
||||
},
|
||||
axisTicks: {
|
||||
show: false,
|
||||
},
|
||||
labels: {
|
||||
formatter: (val) => {
|
||||
return new Date(val).getFullYear().toString()
|
||||
},
|
||||
},
|
||||
},
|
||||
yaxis: {
|
||||
axisBorder: {
|
||||
show: false,
|
||||
},
|
||||
axisTicks: {
|
||||
show: false,
|
||||
},
|
||||
labels: {
|
||||
show: false,
|
||||
},
|
||||
},
|
||||
|
||||
tooltip: {
|
||||
enabled: true,
|
||||
shared: true,
|
||||
intersect: false,
|
||||
},
|
||||
grid: {
|
||||
show: false,
|
||||
},
|
||||
responsive: [
|
||||
{
|
||||
breakpoint: 450,
|
||||
options: {
|
||||
plotOptions: {
|
||||
bar: {
|
||||
borderRadius: 4,
|
||||
},
|
||||
},
|
||||
xaxis: {
|
||||
tickAmount: 3,
|
||||
},
|
||||
},
|
||||
},
|
||||
],
|
||||
}
|
||||
|
||||
if (document.getElementById("revenue-statics-chart")) {
|
||||
new ApexCharts(document.getElementById("revenue-statics-chart"), chartOptions).render()
|
||||
}
|
||||
}
|
||||
|
||||
const initGlobalSalesChart = () => {
|
||||
const data = [
|
||||
{
|
||||
name: "Turkey",
|
||||
orders: 9,
|
||||
},
|
||||
{
|
||||
name: "India",
|
||||
orders: 12,
|
||||
},
|
||||
{
|
||||
name: "Canada",
|
||||
orders: 13,
|
||||
},
|
||||
{
|
||||
name: "US",
|
||||
orders: 16,
|
||||
},
|
||||
{
|
||||
name: "Netherlands",
|
||||
orders: 14,
|
||||
},
|
||||
{
|
||||
name: "Italy",
|
||||
orders: 17,
|
||||
},
|
||||
{
|
||||
name: "Other",
|
||||
orders: 19,
|
||||
},
|
||||
]
|
||||
|
||||
const chartOptions = {
|
||||
chart: {
|
||||
height: 344,
|
||||
type: "bar",
|
||||
parentHeightOffset: 0,
|
||||
background: "transparent",
|
||||
toolbar: {
|
||||
show: false,
|
||||
},
|
||||
},
|
||||
plotOptions: {
|
||||
bar: {
|
||||
horizontal: true,
|
||||
borderRadius: 4,
|
||||
distributed: true,
|
||||
borderRadiusApplication: "end",
|
||||
},
|
||||
},
|
||||
dataLabels: {
|
||||
enabled: true,
|
||||
textAnchor: "start",
|
||||
style: {
|
||||
colors: ["#fff"],
|
||||
},
|
||||
formatter: function (val, opt) {
|
||||
return opt.w.globals.labels[opt.dataPointIndex] + ": " + val
|
||||
},
|
||||
offsetX: -10,
|
||||
dropShadow: {
|
||||
enabled: false,
|
||||
},
|
||||
},
|
||||
series: [
|
||||
{
|
||||
data: data.map((country) => country.orders),
|
||||
},
|
||||
],
|
||||
legend: {
|
||||
show: false,
|
||||
},
|
||||
stroke: {
|
||||
width: 0,
|
||||
colors: ["#fff"],
|
||||
},
|
||||
xaxis: {
|
||||
categories: data.map((country) => country.name),
|
||||
},
|
||||
yaxis: {
|
||||
labels: {
|
||||
show: false,
|
||||
},
|
||||
},
|
||||
grid: {
|
||||
show: false,
|
||||
},
|
||||
|
||||
tooltip: {
|
||||
theme: "dark",
|
||||
x: {
|
||||
show: false,
|
||||
},
|
||||
y: {
|
||||
formatter: (val) => `${val}%`,
|
||||
},
|
||||
},
|
||||
colors: ["#7179ff", "#4bcd89", "#ff6c88", "#5cb7ff", "#9071ff", "#ff5892", "#ff8b4b"],
|
||||
}
|
||||
|
||||
if (document.getElementById("global-sales-chart")) {
|
||||
new ApexCharts(document.getElementById("global-sales-chart"), chartOptions).render()
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
const initGradientDonutChart = () => {
|
||||
const seriesData = [35.1, 23.5, 2.4, 5.4]
|
||||
const chartOptions = {
|
||||
chart: {
|
||||
type: "donut",
|
||||
height: 380,
|
||||
toolbar: {
|
||||
show: false,
|
||||
},
|
||||
background: "transparent",
|
||||
},
|
||||
title: {
|
||||
text: "Truy cập website",
|
||||
style: { fontWeight: "500" },
|
||||
align: "right",
|
||||
},
|
||||
stroke: {
|
||||
show: true,
|
||||
width: 1,
|
||||
colors: ["var(--color-base-100)"],
|
||||
},
|
||||
fill: {
|
||||
type: "solid",
|
||||
},
|
||||
plotOptions: {
|
||||
pie: {
|
||||
startAngle: -45,
|
||||
endAngle: 315,
|
||||
donut: {
|
||||
size: "60%",
|
||||
labels: {
|
||||
show: true,
|
||||
value: {
|
||||
formatter: (value) => `${value}K`,
|
||||
color: "var(--color-base-content)",
|
||||
},
|
||||
total: {
|
||||
show: true,
|
||||
color: "#FF4560",
|
||||
formatter: () => `${seriesData.reduce((acc, cur) => acc + cur, 0)}K`,
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
tooltip: {
|
||||
enabled: true,
|
||||
y: {
|
||||
formatter: (value) => `${value}K`,
|
||||
},
|
||||
},
|
||||
responsive: [
|
||||
{
|
||||
breakpoint: 480,
|
||||
options: {
|
||||
chart: {
|
||||
width: 200,
|
||||
},
|
||||
legend: {
|
||||
position: "bottom",
|
||||
},
|
||||
},
|
||||
},
|
||||
],
|
||||
labels: [
|
||||
"Trực tiếp",
|
||||
"Quảng cáo",
|
||||
"Liên kết",
|
||||
"Qua email",
|
||||
],
|
||||
colors: ["#0041E8", "#6DC580", "#FFC700", "#E00000"],
|
||||
series: seriesData,
|
||||
}
|
||||
|
||||
if (document.getElementById("gradient-donut-chart")) {
|
||||
new ApexCharts(document.getElementById("gradient-donut-chart"), chartOptions).render()
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function initAdminHomeTab() {
|
||||
document.querySelectorAll("#js-admin-home-tab a").forEach(function (link) {
|
||||
link.addEventListener("click", function (event) {
|
||||
event.preventDefault();
|
||||
|
||||
// Xóa class current ở tất cả các tab
|
||||
document.querySelectorAll("#js-admin-home-tab a").forEach(function (el) {
|
||||
el.classList.remove("btn-active");
|
||||
});
|
||||
|
||||
// Gán class current vào tab đang click
|
||||
this.classList.add("btn-active");
|
||||
|
||||
// Lấy ID từ href để show nội dung
|
||||
var id = this.getAttribute("href");
|
||||
|
||||
// Ẩn tất cả nội dung
|
||||
document.querySelectorAll(".home-report-holder").forEach(function (holder) {
|
||||
holder.style.display = "none";
|
||||
});
|
||||
|
||||
// Hiện phần tương ứng
|
||||
document.querySelector(id).style.display = "block";
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
document.addEventListener("DOMContentLoaded", () => {
|
||||
initCustomerAcquisitionChart()
|
||||
initRevenueStatisticsChart()
|
||||
initGlobalSalesChart()
|
||||
initGradientDonutChart()
|
||||
initAdminHomeTab()
|
||||
})
|
||||
|
||||
</script>
|
||||
61
old/template/javascript/index.html
Normal file
61
old/template/javascript/index.html
Normal file
@@ -0,0 +1,61 @@
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/apexcharts/dist/apexcharts.min.css" />
|
||||
<script src="https://cdn.jsdelivr.net/npm/apexcharts/dist/apexcharts.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/simplebar/6.2.7/simplebar.min.js"></script>
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/simplebar/6.2.7/simplebar.css" />
|
||||
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
|
||||
|
||||
|
||||
<!-- icon -->
|
||||
<script src="https://unpkg.com/lucide@latest"></script>
|
||||
|
||||
|
||||
<script src="{{'jquery.js' | asset_url }}"></script>
|
||||
<script src="{{'global.js' | asset_url }}"></script>
|
||||
|
||||
|
||||
{% if global.module == 'home' %}
|
||||
|
||||
{% include javascript/homepage %}
|
||||
|
||||
{% elsif global.module == 'product' %}
|
||||
|
||||
{% if global.view == 'home' %}
|
||||
{% include javascript/product_list %}
|
||||
{% endif %}
|
||||
|
||||
{% include javascript/product_form %}
|
||||
|
||||
{% elsif global.module == 'deal' %}
|
||||
|
||||
{% include javascript/product_form %}
|
||||
|
||||
{% elsif global.module == 'brand' %}
|
||||
|
||||
{% include javascript/brand %}
|
||||
|
||||
{% elsif global.module == 'report' %}
|
||||
|
||||
{% include javascript/visitor %}
|
||||
|
||||
{% elsif global.module == 'system' %}
|
||||
|
||||
{% include javascript/system %}
|
||||
|
||||
{% elsif global.module == 'page' %}
|
||||
|
||||
{% include javascript/page %}
|
||||
|
||||
{% elsif global.module == 'template' and global.view == 'edit-template' %}
|
||||
|
||||
{% include javascript/edit_template %}
|
||||
|
||||
{% elsif global.module == 'tag' and global.view == 'add' %}
|
||||
|
||||
{% include javascript/tag %}
|
||||
|
||||
{% elsif global.module == 'shipping2' %}
|
||||
|
||||
{% include javascript/shipping2 %}
|
||||
|
||||
|
||||
{% endif %}
|
||||
23
old/template/javascript/page.html
Normal file
23
old/template/javascript/page.html
Normal file
@@ -0,0 +1,23 @@
|
||||
<script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
|
||||
<script src="{{ 'RowExpand.js' | asset_url }}"></script>
|
||||
|
||||
|
||||
<script>
|
||||
|
||||
tinymce.init({
|
||||
selector: 'textarea#product-desc',
|
||||
height: 350,
|
||||
menubar: true,
|
||||
plugins: [
|
||||
'advlist autolink lists link image charmap print preview anchor',
|
||||
'searchreplace visualblocks code fullscreen',
|
||||
'insertdatetime media table paste code help wordcount'
|
||||
],
|
||||
toolbar: 'undo redo | formatselect | ' +
|
||||
'bold italic backcolor | alignleft aligncenter ' +
|
||||
'alignright alignjustify | bullist numlist outdent indent | ' +
|
||||
'removeformat | help',
|
||||
content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'
|
||||
});
|
||||
|
||||
</script>
|
||||
62
old/template/javascript/product_form.html
Normal file
62
old/template/javascript/product_form.html
Normal file
@@ -0,0 +1,62 @@
|
||||
<script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
|
||||
<script src="{{ 'RowExpand.js' | asset_url }}"></script>
|
||||
|
||||
<link href="https://unpkg.com/filepond/dist/filepond.min.css" rel="stylesheet" />
|
||||
<link href="https://unpkg.com/filepond-plugin-image-preview/dist/filepond-plugin-image-preview.min.css"
|
||||
rel="stylesheet" />
|
||||
|
||||
<script src="https://unpkg.com/filepond-plugin-image-preview/dist/filepond-plugin-image-preview.min.js"></script>
|
||||
<script src="https://unpkg.com/filepond/dist/filepond.min.js"></script>
|
||||
|
||||
|
||||
<script>
|
||||
// Quan trọng: đăng ký plugin
|
||||
FilePond.registerPlugin(FilePondPluginImagePreview);
|
||||
|
||||
FilePond.create(document.querySelector("#image-preview-filepond"), {
|
||||
credits: false,
|
||||
allowImageCrop: false,
|
||||
allowImagePreview: false,
|
||||
allowMultiple: true,
|
||||
labelIdle: 'Kéo thả ảnh hoặc <span class="filepond--label-action">Chọn ảnh</span>',
|
||||
})
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
tinymce.init({
|
||||
selector: 'textarea#product-desc',
|
||||
height: 350,
|
||||
menubar: true,
|
||||
plugins: [
|
||||
'advlist autolink lists link image charmap print preview anchor',
|
||||
'searchreplace visualblocks code fullscreen',
|
||||
'insertdatetime media table paste code help wordcount'
|
||||
],
|
||||
toolbar: 'undo redo | formatselect | ' +
|
||||
'bold italic backcolor | alignleft aligncenter ' +
|
||||
'alignright alignjustify | bullist numlist outdent indent | ' +
|
||||
'removeformat | help',
|
||||
content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'
|
||||
});
|
||||
|
||||
|
||||
tinymce.init({
|
||||
selector: 'textarea#product-static',
|
||||
height: 350,
|
||||
menubar: true,
|
||||
plugins: [
|
||||
'advlist autolink lists link image charmap print preview anchor',
|
||||
'searchreplace visualblocks code fullscreen',
|
||||
'insertdatetime media table paste code help wordcount'
|
||||
],
|
||||
toolbar: 'undo redo | formatselect | ' +
|
||||
'bold italic backcolor | alignleft aligncenter ' +
|
||||
'alignright alignjustify | bullist numlist outdent indent | ' +
|
||||
'removeformat | help',
|
||||
content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'
|
||||
});
|
||||
|
||||
|
||||
</script>
|
||||
137
old/template/javascript/product_list.html
Normal file
137
old/template/javascript/product_list.html
Normal file
@@ -0,0 +1,137 @@
|
||||
<script>
|
||||
function _get_list_category() {
|
||||
return {
|
||||
"list_product": [
|
||||
{
|
||||
'id': 2105,
|
||||
'title': 'Máy in mã vạch MH241',
|
||||
'request_path': '/may-in-ma-vach-mh241',
|
||||
'price': 0,
|
||||
'market_price': 0,
|
||||
'quantity': 1,
|
||||
'image': {
|
||||
'thumb': 'http://hura8.hurasoft.com/media/product/t-2105-2105_10_1.jpg',
|
||||
'small': 'http://hura8.hurasoft.com/media/product/s-2105-2105_10_1.jpg',
|
||||
'large': 'http://hura8.hurasoft.com/media/product/l-2105-2105_10_1.jpg',
|
||||
'original': 'http://hura8.hurasoft.com/media/product/2105-2105_10_1.jpg',
|
||||
}
|
||||
|
||||
},
|
||||
{
|
||||
'id': 2104,
|
||||
'title': '[Mới 100%] Dell Gaming G16 7620 (Intel core i7-12700H, 16GB, 1TB, RTX 3060 6GB, 16″ QHD+ 165Hz IPS)',
|
||||
'request_path': '/acer-gaming-predator-helios-neo-16-2023',
|
||||
'price': 28500000,
|
||||
'market_price': 0,
|
||||
'quantity': 1,
|
||||
'image':
|
||||
{
|
||||
'thumb': 'http://hura8.hurasoft.com/media/product/t-2104-2104_predator_16_2023_laptop_tcc_1_2.jpg',
|
||||
'small': 'http://hura8.hurasoft.com/media/product/s-2104-2104_predator_16_2023_laptop_tcc_1_2.jpg',
|
||||
'large': 'http://hura8.hurasoft.com/media/product/l-2104-2104_predator_16_2023_laptop_tcc_1_2.jpg',
|
||||
'original': 'http://hura8.hurasoft.com/media/product/2104-2104_predator_16_2023_laptop_tcc_1_2.jpg',
|
||||
}
|
||||
|
||||
},
|
||||
{
|
||||
'id': 2100,
|
||||
'title': 'Chăn hè đũi xơ đậu nành mã 32 Gấu xanh',
|
||||
'request_path': '/chan-he-dui-xo-dau-nanh-ma-32-gau-xanh',
|
||||
'price': 220000,
|
||||
'market_price': 340000,
|
||||
'quantity': 1,
|
||||
'image':
|
||||
{
|
||||
'thumb': 'http://hura8.hurasoft.com/media/product/t-2100-2100_8640_m32___g___u_xanh.jpg',
|
||||
'small': 'http://hura8.hurasoft.com/media/product/s-2100-2100_8640_m32___g___u_xanh.jpg',
|
||||
'large': 'http://hura8.hurasoft.com/media/product/l-2100-2100_8640_m32___g___u_xanh.jpg',
|
||||
'original': 'http://hura8.hurasoft.com/media/product/2100-2100_8640_m32___g___u_xanh.jpg',
|
||||
}
|
||||
|
||||
},
|
||||
{
|
||||
'id': 2098,
|
||||
'title': 'Chăn hè đũi xơ đậu nành mã 35 Tròn chấm pi',
|
||||
'request_path': '/bo-ga-goi-chun-chan-xo-dau-nanh-ma-36-tho-cherry-1',
|
||||
'price': 225000,
|
||||
'market_price': 350000,
|
||||
'quantity': 1,
|
||||
'image':
|
||||
{
|
||||
'thumb': 'http://hura8.hurasoft.com/media/product/t-2098-2098_8666_chan_he_dui_xo_dau_nanh_ma_35_tron_cham_.jpg',
|
||||
'small': 'http://hura8.hurasoft.com/media/product/s-2098-2098_8666_chan_he_dui_xo_dau_nanh_ma_35_tron_cham_.jpg',
|
||||
'large': 'http://hura8.hurasoft.com/media/product/l-2098-2098_8666_chan_he_dui_xo_dau_nanh_ma_35_tron_cham_.jpg',
|
||||
'original': 'http://hura8.hurasoft.com/media/product/2098-2098_8666_chan_he_dui_xo_dau_nanh_ma_35_tron_cham_.jpg',
|
||||
}
|
||||
|
||||
},
|
||||
{
|
||||
'id': 2097,
|
||||
'title': 'Bộ ga gối chun chần xơ đậu nành mã 36 Thỏ Cherry',
|
||||
'request_path': '/bo-ga-goi-chun-chan-xo-dau-nanh-ma-36-tho-cherry',
|
||||
'price': 280000,
|
||||
'market_price': 350000,
|
||||
'quantity': 1,
|
||||
'image':
|
||||
{
|
||||
'thumb': 'http://hura8.hurasoft.com/media/product/t-2097-2097_8695_m36___th____cherry.jpg',
|
||||
'small': 'http://hura8.hurasoft.com/media/product/s-2097-2097_8695_m36___th____cherry.jpg',
|
||||
'large': 'http://hura8.hurasoft.com/media/product/l-2097-2097_8695_m36___th____cherry.jpg',
|
||||
'original': ' http://hura8.hurasoft.com/media/product/2097-2097_8695_m36___th____cherry.jpg',
|
||||
}
|
||||
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
|
||||
function displayProductList(products) {
|
||||
var productListElement = $("#js-show-search");
|
||||
var html = '';
|
||||
|
||||
$.each(products, function (index, product) {
|
||||
var price = product.price
|
||||
if (price > 0) {
|
||||
price = `<span class="price">` + formatCurrency(price) + ` đ</span>`;
|
||||
} else {
|
||||
price = '<span class="price">0</span>';
|
||||
}
|
||||
|
||||
html += `
|
||||
<a href="`+ product.request_path + `" class="flex items-center justify-between item">
|
||||
<span class="info">
|
||||
<span class="name">`+ product.title + `</span>
|
||||
`+ price + `
|
||||
</span>
|
||||
<img src="`+ product.image.thumb + `" alt="` + product.title + `">
|
||||
</a>
|
||||
`;
|
||||
});
|
||||
|
||||
productListElement.html(html);
|
||||
}
|
||||
|
||||
function searchProduct() {
|
||||
var searchTerm = $("#js-input-search").val().toLowerCase();
|
||||
var allProducts = _get_list_category().list_product;
|
||||
|
||||
// Filter products based on the search term
|
||||
var filteredProducts = $.grep(allProducts, function (product) {
|
||||
return product.title.toLowerCase().includes(searchTerm);
|
||||
});
|
||||
|
||||
// Display the filtered products
|
||||
displayProductList(filteredProducts);
|
||||
|
||||
if (filteredProducts.length > 0 && searchTerm !== "") {
|
||||
$("#js-show-search").show();
|
||||
displayProductList(filteredProducts);
|
||||
} else {
|
||||
$("#js-show-search").hide();
|
||||
}
|
||||
}
|
||||
|
||||
$(document).ready(function () {
|
||||
$("#js-input-search").on("input", searchProduct);
|
||||
})
|
||||
</script>
|
||||
15
old/template/javascript/shipping2.html
Normal file
15
old/template/javascript/shipping2.html
Normal file
@@ -0,0 +1,15 @@
|
||||
<script>
|
||||
var current_index = '2';
|
||||
|
||||
function addRow() {
|
||||
var index = 1 + parseInt(current_index);
|
||||
var tpl = '<tr><td>' + index + '</td> ' +
|
||||
'<td>' +
|
||||
'<input type="text" name="cod[order_value][]" class="input input-bordered iput-sm h-[35px] rounded-[4px]" size="30" value="" onkeyup="this.value = writeStringToPrice(this.value)" placeholder="Nhập giá trị đơn hàng"></td> ' +
|
||||
'<td><input type="text" name="cod[fee][]" class="input input-bordered iput-sm h-[35px] rounded-[4px]" size="20" value="" placeholder="Nhập phí" onkeyup="this.value = writeStringToPrice(this.value)"></td>' +
|
||||
'<td><a href="/admin/tag/delete/1" class="block w-[30px] h-[30px] leading-[30px] p-[5px] border-[1px] rounded-[4px]" > <i class="icons icon-remove"></i></a ></td>' +
|
||||
'</tr>';
|
||||
$("#tb_province").append(tpl);
|
||||
current_index = index;
|
||||
}
|
||||
</script>
|
||||
73
old/template/javascript/system.html
Normal file
73
old/template/javascript/system.html
Normal file
@@ -0,0 +1,73 @@
|
||||
<script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
|
||||
|
||||
|
||||
<script>
|
||||
|
||||
tinymce.init({
|
||||
selector: 'textarea#info-desc',
|
||||
height: 350,
|
||||
menubar: true,
|
||||
plugins: [
|
||||
'advlist autolink lists link image charmap print preview anchor',
|
||||
'searchreplace visualblocks code fullscreen',
|
||||
'insertdatetime media table paste code help wordcount'
|
||||
],
|
||||
toolbar: 'undo redo | formatselect | ' +
|
||||
'bold italic backcolor | alignleft aligncenter ' +
|
||||
'alignright alignjustify | bullist numlist outdent indent | ' +
|
||||
'removeformat | help',
|
||||
content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'
|
||||
});
|
||||
|
||||
|
||||
tinymce.init({
|
||||
selector: 'textarea#contact-desc',
|
||||
height: 350,
|
||||
menubar: true,
|
||||
plugins: [
|
||||
'advlist autolink lists link image charmap print preview anchor',
|
||||
'searchreplace visualblocks code fullscreen',
|
||||
'insertdatetime media table paste code help wordcount'
|
||||
],
|
||||
toolbar: 'undo redo | formatselect | ' +
|
||||
'bold italic backcolor | alignleft aligncenter ' +
|
||||
'alignright alignjustify | bullist numlist outdent indent | ' +
|
||||
'removeformat | help',
|
||||
content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
<script>
|
||||
var $tb_setting = $('#js-tb-settings');
|
||||
var current_index = $tb_setting.find("tr").length - 1;
|
||||
var $row_tpl = `
|
||||
<tr>
|
||||
<td>{index}</td>
|
||||
<td>
|
||||
<input name="" id="" placeholder="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)] mr-[10px]" />
|
||||
</td>
|
||||
<td>
|
||||
<input name="" id="" placeholder="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)] mr-[10px]" />
|
||||
</td>
|
||||
<td>
|
||||
<a href=""
|
||||
class="w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center m-auto">
|
||||
<i class="icons icon-remove"></i>
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
`;
|
||||
|
||||
function add_form_setting() {
|
||||
current_index += 1;
|
||||
$tb_setting.append($row_tpl.replace(/{index}/g, current_index));
|
||||
}
|
||||
|
||||
</script>
|
||||
20
old/template/javascript/tag.html
Normal file
20
old/template/javascript/tag.html
Normal file
@@ -0,0 +1,20 @@
|
||||
<script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
|
||||
|
||||
|
||||
<script>
|
||||
tinymce.init({
|
||||
selector: 'textarea#textarea-desc',
|
||||
height: 350,
|
||||
menubar: true,
|
||||
plugins: [
|
||||
'advlist autolink lists link image charmap print preview anchor',
|
||||
'searchreplace visualblocks code fullscreen',
|
||||
'insertdatetime media table paste code help wordcount'
|
||||
],
|
||||
toolbar: 'undo redo | formatselect | ' +
|
||||
'bold italic backcolor | alignleft aligncenter ' +
|
||||
'alignright alignjustify | bullist numlist outdent indent | ' +
|
||||
'removeformat | help',
|
||||
content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'
|
||||
});
|
||||
</script>
|
||||
285
old/template/javascript/visitor.html
Normal file
285
old/template/javascript/visitor.html
Normal file
@@ -0,0 +1,285 @@
|
||||
<script src="/assets/script/charts.js"></script>
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
access_chart();
|
||||
chart_pie();
|
||||
revenue_chart();
|
||||
})
|
||||
|
||||
// Truy cập
|
||||
function access_chart() {
|
||||
const options = {
|
||||
colors: ["#0041E8", "#FFC700"],
|
||||
series: [
|
||||
{
|
||||
name: "Lượt truy cập",
|
||||
color: "#0041E8",
|
||||
data: [
|
||||
{ x: "Mon", y: 231 },
|
||||
{ x: "Tue", y: 122 },
|
||||
{ x: "Wed", y: 63 },
|
||||
{ x: "Thu", y: 421 },
|
||||
{ x: "Fri", y: 122 },
|
||||
{ x: "Sat", y: 323 },
|
||||
{ x: "Sun", y: 111 },
|
||||
],
|
||||
},
|
||||
{
|
||||
name: "Số khách",
|
||||
color: "#FFC700",
|
||||
data: [
|
||||
{ x: "Mon", y: 232 },
|
||||
{ x: "Tue", y: 113 },
|
||||
{ x: "Wed", y: 341 },
|
||||
{ x: "Thu", y: 224 },
|
||||
{ x: "Fri", y: 522 },
|
||||
{ x: "Sat", y: 411 },
|
||||
{ x: "Sun", y: 243 },
|
||||
],
|
||||
},
|
||||
],
|
||||
chart: {
|
||||
type: "bar",
|
||||
height: "320px",
|
||||
fontFamily: "Inter, sans-serif",
|
||||
toolbar: {
|
||||
show: false,
|
||||
},
|
||||
},
|
||||
plotOptions: {
|
||||
bar: {
|
||||
horizontal: false,
|
||||
columnWidth: "70%",
|
||||
borderRadiusApplication: "end",
|
||||
borderRadius: 8,
|
||||
},
|
||||
},
|
||||
tooltip: {
|
||||
shared: true,
|
||||
intersect: false,
|
||||
style: {
|
||||
fontFamily: "Inter, sans-serif",
|
||||
},
|
||||
},
|
||||
states: {
|
||||
hover: {
|
||||
filter: {
|
||||
type: "darken",
|
||||
value: 1,
|
||||
},
|
||||
},
|
||||
},
|
||||
stroke: {
|
||||
show: true,
|
||||
width: 0,
|
||||
colors: ["transparent"],
|
||||
},
|
||||
grid: {
|
||||
show: false,
|
||||
strokeDashArray: 4,
|
||||
padding: {
|
||||
left: 2,
|
||||
right: 2,
|
||||
top: -14
|
||||
},
|
||||
},
|
||||
dataLabels: {
|
||||
enabled: false,
|
||||
},
|
||||
legend: {
|
||||
show: true,
|
||||
position: 'top',
|
||||
},
|
||||
xaxis: {
|
||||
floating: false,
|
||||
labels: {
|
||||
show: true,
|
||||
style: {
|
||||
fontFamily: "Inter, sans-serif",
|
||||
cssClass: 'text-xs font-normal fill-gray-500 dark:fill-gray-400'
|
||||
}
|
||||
},
|
||||
axisBorder: {
|
||||
show: false,
|
||||
},
|
||||
axisTicks: {
|
||||
show: false,
|
||||
},
|
||||
},
|
||||
yaxis: {
|
||||
show: false,
|
||||
},
|
||||
fill: {
|
||||
opacity: 1,
|
||||
},
|
||||
}
|
||||
|
||||
if (document.getElementById("js-access-chart") && typeof ApexCharts !== 'undefined') {
|
||||
const chart = new ApexCharts(document.getElementById("js-access-chart"), options);
|
||||
chart.render();
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function chart_pie() {
|
||||
const getChartOptions = () => {
|
||||
return {
|
||||
series: [55, 30, 15],
|
||||
colors: ["#0041E8", "#41C0E9", "#A8E5DA",],
|
||||
chart: {
|
||||
height: "370px",
|
||||
width: "100%",
|
||||
type: "pie",
|
||||
},
|
||||
stroke: {
|
||||
colors: ["transparent"],
|
||||
lineCap: "",
|
||||
},
|
||||
plotOptions: {
|
||||
pie: {
|
||||
labels: {
|
||||
show: true,
|
||||
name: {
|
||||
show: true,
|
||||
fontFamily: "Inter, sans-serif",
|
||||
offsetY: 20,
|
||||
},
|
||||
value: {
|
||||
show: true,
|
||||
fontFamily: "Inter, sans-serif",
|
||||
offsetY: -20,
|
||||
formatter: function (value) {
|
||||
return value + "%"
|
||||
},
|
||||
},
|
||||
},
|
||||
size: "100%",
|
||||
},
|
||||
},
|
||||
labels: ["Desktop", "Table", "Mobile"],
|
||||
dataLabels: {
|
||||
enabled: true,
|
||||
textAnchor: 'middle',
|
||||
offsetX: '50%',
|
||||
offsetY: '50%',
|
||||
borderWidth: 1,
|
||||
borderColor: '#fff',
|
||||
},
|
||||
legend: {
|
||||
position: "bottom",
|
||||
fontFamily: "Inter, sans-serif",
|
||||
},
|
||||
yaxis: {
|
||||
labels: {
|
||||
formatter: function (value) {
|
||||
return value + "%"
|
||||
},
|
||||
},
|
||||
},
|
||||
xaxis: {
|
||||
labels: {
|
||||
formatter: function (value) {
|
||||
return value + "%"
|
||||
},
|
||||
},
|
||||
axisTicks: {
|
||||
show: true,
|
||||
},
|
||||
axisBorder: {
|
||||
show: true,
|
||||
},
|
||||
},
|
||||
}
|
||||
}
|
||||
|
||||
if (document.getElementById("js-chart-pie") && typeof ApexCharts !== 'undefined') {
|
||||
const chart = new ApexCharts(document.getElementById("js-chart-pie"), getChartOptions());
|
||||
chart.render();
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Doanh thu
|
||||
function revenue_chart() {
|
||||
let options = {
|
||||
chart: {
|
||||
maxWidth: "100%",
|
||||
height: "320px",
|
||||
type: "area",
|
||||
fontFamily: "Inter, sans-serif",
|
||||
dropShadow: {
|
||||
enabled: false,
|
||||
},
|
||||
toolbar: {
|
||||
show: false,
|
||||
},
|
||||
},
|
||||
tooltip: {
|
||||
enabled: true,
|
||||
x: {
|
||||
show: false,
|
||||
},
|
||||
},
|
||||
fill: {
|
||||
type: "gradient",
|
||||
gradient: {
|
||||
opacityFrom: 0.55,
|
||||
opacityTo: 0,
|
||||
shade: "#1C64F2",
|
||||
gradientToColors: ["#1C64F2"],
|
||||
},
|
||||
},
|
||||
dataLabels: {
|
||||
enabled: false,
|
||||
},
|
||||
stroke: {
|
||||
width: 6,
|
||||
},
|
||||
grid: {
|
||||
show: false,
|
||||
strokeDashArray: 4,
|
||||
padding: {
|
||||
left: 2,
|
||||
right: 2,
|
||||
top: 0
|
||||
},
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name: "New users",
|
||||
data: [6500, 6418, 6456, 6526, 6356, 6456],
|
||||
color: "#0041E8",
|
||||
},
|
||||
],
|
||||
xaxis: {
|
||||
categories: [
|
||||
'01 February',
|
||||
'02 February',
|
||||
'03 February',
|
||||
'04 February',
|
||||
'05 February',
|
||||
'06 February',
|
||||
'07 February'
|
||||
],
|
||||
labels: {
|
||||
show: false,
|
||||
},
|
||||
axisBorder: {
|
||||
show: false,
|
||||
},
|
||||
axisTicks: {
|
||||
show: false,
|
||||
},
|
||||
},
|
||||
yaxis: {
|
||||
show: false,
|
||||
},
|
||||
}
|
||||
|
||||
if (document.getElementById("js-revenue-chart") && typeof ApexCharts !== 'undefined') {
|
||||
const chart = new ApexCharts(document.getElementById("js-revenue-chart"), options);
|
||||
chart.render();
|
||||
}
|
||||
}
|
||||
|
||||
</script>
|
||||
97
old/template/job/applicants.html
Normal file
97
old/template/job/applicants.html
Normal file
@@ -0,0 +1,97 @@
|
||||
<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]">
|
||||
<p class="leading-[30px] mb-[13px] font-bold text-[24px]"> Danh sách hồ sơ tuyển dụng </p>
|
||||
|
||||
|
||||
<div class="flex items-center flex-wrap justify-between mb-[20px]">
|
||||
<div class="flex items-center">
|
||||
|
||||
<div class="mr-[10px] flex align-center">
|
||||
<p>Tổng số:</p>
|
||||
<b class="ml-[5px]">5</b>
|
||||
</div>
|
||||
<a href=""
|
||||
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]">
|
||||
Xem CV đánh dấu nổi bật
|
||||
</a>
|
||||
|
||||
<a href=""
|
||||
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]">
|
||||
Xem đã xử lý
|
||||
</a>
|
||||
|
||||
<a href=""
|
||||
class="leading-[35px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
|
||||
Xem chưa xử lý
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="overflow-x-auto">
|
||||
<table class="table">
|
||||
<thead class="bg-[#F6F6F6] text-[#000] text-[14px] font-500">
|
||||
<tr>
|
||||
<td width="40"> STT </td>
|
||||
<td width="130"> Ngày </td>
|
||||
<td> Ứng viên </td>
|
||||
<td> Ghi chú </td>
|
||||
<td> Quản trị </td>
|
||||
<td width="200">Lựa chọn</td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr>
|
||||
<td align="center"> 1 </td>
|
||||
|
||||
<td>
|
||||
09-03-2024
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<p>- Họ tên: Hura test</p>
|
||||
<p>- Email: test1@hurasoft.com</p>
|
||||
<p>- Điện thoại: 0987654321</p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
test
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<p
|
||||
class="w-[70px] text-center rounded-[20px] h-[25px] leading-[25px] bg-[#f7f7ff] border border-[#0041E8] text-[#0041E8] text-[13px] font-[700]">
|
||||
Đã xử lý</p>
|
||||
<p class="mt-[5px]">bởi test 09-03-2024, 11:01 am </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<div class="items-center flex">
|
||||
<a href="/admin/job/applicants_detail?id=16"
|
||||
class="btn mr-[10px] w-[70px] bg-[#0041E8] h-[35px] min-h-[35px]">Chi
|
||||
tiết</a>
|
||||
<a href="" title="Cho nổi bật"
|
||||
class="fas fa-crown bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
|
||||
<a href="" title="Hạ nổi bật"
|
||||
class="fas fa-crown bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
|
||||
<a href="" title="Xóa" class="icons icon-delete"></a>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
</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>
|
||||
</div>
|
||||
75
old/template/job/applicants_detail.html
Normal file
75
old/template/job/applicants_detail.html
Normal file
@@ -0,0 +1,75 @@
|
||||
<div class="w-[100%] mb-[50px]">
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/admin/job"> Quản lý hồ sơ </a>
|
||||
<a href=""> Form thêm/sửa nội dung </a>
|
||||
</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]">Chi tiết hồ sơ</h1>
|
||||
<p class="text-gray-500">Phụ trách Chi nhánh Công ty cổ phần Traphaco tại Đồng Nai</p>
|
||||
</div>
|
||||
|
||||
<div class="flex">
|
||||
<div class="left w-[270px] mr-[10px]">
|
||||
<div class="list-tab">
|
||||
<a href="/admin/job/applicants_detail"
|
||||
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]">
|
||||
<b class="block text-[20px] font-bold my-[10px]">Thông tin ứng viên</b>
|
||||
|
||||
<table class="table">
|
||||
<tr>
|
||||
<td>Việc ứng tuyển</td>
|
||||
<td>Phụ trách Chi nhánh Công ty cổ phần Traphaco tại Đồng Nai</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Họ tên</td>
|
||||
<td>Hura test</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Địa chỉ email</td>
|
||||
<td>test1@hurasoft.com</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Số điện thoại</td>
|
||||
<td>0987654321</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>File CV</td>
|
||||
<td><a href="" class="link">test.docx</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Thời gian đăng ký</td>
|
||||
<td>09-03-2024, 10:55 am</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Tình trạng xử lý</td>
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<p
|
||||
class="p-[1px_7px] text-[12px] font-[500] rounded-[20px] border border-blue-700 text-blue-700">
|
||||
Đã xử lý
|
||||
</p>
|
||||
<p class="ml-[10px]">bởi test 09-03-2024, 11:01 am</p>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<b class="block text-[20px] font-bold my-[15px]">Cập nhật ghi chú</b>
|
||||
<textarea type="text" name="" value="" placeholder="Nội dung tóm tắt (nếu có)"
|
||||
class="w-full textarea h-[120px] input-bordered rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]"></textarea>
|
||||
|
||||
<input
|
||||
class="btn w-[95px] h-[35px] min-h-[35px] bg-[#0041E8] mt-[15px] rounded-[4px] text-white cursor-pointer"
|
||||
name="submit" type="submit" value="Cập nhật">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
305
old/template/job/form.html
Normal file
305
old/template/job/form.html
Normal file
@@ -0,0 +1,305 @@
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/admin/job"> Vị trí tuyển </a>
|
||||
<a href=""> Form thêm/sửa nội dung </a>
|
||||
</div>
|
||||
|
||||
<div class="max-w-[1141px] m-auto p-[0_15px]">
|
||||
<div class="flex flex-wrap items-start m-[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">
|
||||
{% if global.url contains 'id=' %}
|
||||
<p class="font-bold text-[20px]"> Sửa nội dung </p>
|
||||
|
||||
<p class="w-[100%] text-[#6B7280] order-[1]">
|
||||
Phụ trách chi nhánh công ty cổ phần traphaco tại đồng nai
|
||||
</p>
|
||||
{% else %}
|
||||
<p class="font-bold text-[20px]"> Thêm mới </p>
|
||||
{% endif %}
|
||||
|
||||
<div class="flex items-center">
|
||||
<a href="/admin/job/form"
|
||||
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 nội dung mới</span>
|
||||
</a>
|
||||
|
||||
<a href="/admin/job/applicants"
|
||||
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="far fa-folder mr-2"></span>
|
||||
<span>Quản lý danh mục</span>
|
||||
</a>
|
||||
|
||||
<a href="/admin/job" title="Danh sách nội dung"
|
||||
class="fas fa-ellipsis-h text-[18px] border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] text-center min-w-[36px] group hover:bg-[#0041E8] hover:text-[#fff]"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="w-[25%] mr-[16px]">
|
||||
<div
|
||||
class="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)" style="color: #Fff;background: #0041E8;"
|
||||
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Chỉnh sửa
|
||||
</a>
|
||||
|
||||
{% if global.url contains 'id=' %}
|
||||
<a href="/admin/job/tag?id=1"
|
||||
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Tag </a>
|
||||
<a href="/admin/article/relation?id=1&related_item_type=product"
|
||||
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Liên
|
||||
quan:
|
||||
Sản phẩm </a>
|
||||
<a href="/admin/job/relation?id=1&related_item_type=product-category"
|
||||
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Liên
|
||||
quan:
|
||||
Danh mục sản phẩm </a>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<form method="post" enctype="multipart/form-data"
|
||||
class="w-[calc(100%_-25%_-16px)] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
|
||||
<div class="p-[16px] border-[#FAFAFB] border-b-[8px]">
|
||||
<p class="font-bold text-[20px] leading-[20px] mb-[15px]"> Thông tin cơ bản </p>
|
||||
|
||||
<div class="mb-[15px] flex flex-wrap items-center">
|
||||
<p class="mb-[7px] w-[100%] font-[600]">Ảnh đại diện </p>
|
||||
|
||||
<div class="inline-block">
|
||||
<img src="https://via.placeholder.com/400x300" class="block max-h-[80px] mr-[20px]">
|
||||
</div>
|
||||
|
||||
<label class="cursor-pointer">
|
||||
<span class="font-[300] mr-[10px]"> Cập nhật ảnh </span>
|
||||
|
||||
<input type="file" name="file_thumbnail"
|
||||
class="file-input h-[40px] rounded-[4px] file-input-bordered file-input-primary w-full max-w-xs">
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="mb-[15px] flex flex-wrap items-center">
|
||||
<p class="mb-[7px] w-[100%] font-[600]"> Ảnh nền trong chi tiết </p>
|
||||
|
||||
<div class="inline-block">
|
||||
<img src="https://via.placeholder.com/400x300" class="block max-h-[80px] mr-[20px]">
|
||||
</div>
|
||||
|
||||
<label class="cursor-pointer">
|
||||
<span class="font-[300] mr-[10px]"> Cập nhật ảnh </span>
|
||||
|
||||
<input type="file" name="file_thumbnail"
|
||||
class="file-input h-[40px] rounded-[4px] file-input-bordered file-input-primary w-full max-w-xs">
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="p-[12px_20px] m-[15px_0] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] rounded-[4px]">
|
||||
<p class="font-bold mb-2"> Danh mục <i class="font-[300] text-[#6B7280]"> * có thể chọn nhiều danh
|
||||
mục </i> </p>
|
||||
|
||||
<div class="overflow-auto max-h-[250px]">
|
||||
<div class="mb-[10px]">
|
||||
<label class="inline-flex items-center mb-1 ml-1 cursor-pointer group">
|
||||
<input type="checkbox" value="1" class="checkbox checkbox-success">
|
||||
<b class="label-text ml-[5px]"> Danh mục cấp 1 </b>
|
||||
</label>
|
||||
</div>
|
||||
<div class="mb-[10px]">
|
||||
<label class="inline-flex items-center mb-1 ml-1 cursor-pointer group">
|
||||
<input type="checkbox" value="1" class="checkbox checkbox-success">
|
||||
<b class="label-text ml-[5px]"> Danh mục cấp 1 </b>
|
||||
</label>
|
||||
</div>
|
||||
<div class="mb-[10px]">
|
||||
<label class="inline-flex items-center mb-1 ml-1 cursor-pointer group">
|
||||
<input type="checkbox" value="1" class="checkbox checkbox-success">
|
||||
<b class="label-text ml-[5px]"> Danh mục cấp 1 </b>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-[15px]">
|
||||
<p class="mb-[7px] w-[100%] font-[600]"> Tiêu đề </p>
|
||||
|
||||
<input type="text" value=""
|
||||
class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
|
||||
<div class="mb-[15px]">
|
||||
<p class="mb-[7px] w-[100%] font-[600]"> Link Index </p>
|
||||
|
||||
<input type="text" value=""
|
||||
class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
|
||||
<div class="mb-[15px]">
|
||||
<p class="mb-[7px] w-[100%] font-[600]"> Link tham khảo (link web ngoài nếu có) </p>
|
||||
|
||||
<input type="text" value=""
|
||||
class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
|
||||
<div class="mb-[15px]">
|
||||
<p class="mb-[7px] w-[100%] font-[600]"> Tóm tắt chính </p>
|
||||
|
||||
<textarea
|
||||
class="w-[100%] min-h-[90px] max-h-[150px] textarea textarea-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<p class="mb-[7px] w-[100%] font-[600]"> Tags (Mỗi cụm từ 1 dòng) </p>
|
||||
|
||||
<textarea
|
||||
class="w-[100%] min-h-[90px] max-h-[150px] rounded-[4px] textarea textarea-bordered shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="p-[16px] border-[#FAFAFB] border-b-[8px]">
|
||||
<div class="flex flex-wrap items-center justify-between mb-3">
|
||||
<p class="font-bold text-[20px] leading-[20px]"> Mô tả công việc </p>
|
||||
</div>
|
||||
|
||||
<div class="mb-[15px]">
|
||||
<textarea id="js-desc"> </textarea>
|
||||
</div>
|
||||
|
||||
<div class="mb-[15px]">
|
||||
<p class="mb-[7px] w-[100%] font-[600]"> Thu nhập <i class="font-[300] text-[13px] text-[#6B7280]">
|
||||
V.d Từ 8 triệu/
|
||||
Thỏa thuận</i></p>
|
||||
|
||||
<input type="text" value=""
|
||||
class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
|
||||
|
||||
<div class="flex align-center mb-[15px]">
|
||||
<div class="mr-[7.5px] w-[50%]">
|
||||
<p class="mb-[7px] w-[100%] font-[600]"> Số lượng cần tuyển <i
|
||||
class="font-[300] text-[13px] text-[#6B7280]">
|
||||
Nhập số lượng v.d. 2</i></p>
|
||||
|
||||
<input type="text" value=""
|
||||
class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
<div class="m-[0_14px_0_7px] w-[50%]">
|
||||
<p class="mb-[7px] w-[100%] font-[600]"> Hạn ứng tuyển <i
|
||||
class="font-[300] text-[13px] text-[#6B7280]">
|
||||
V.d Từ 8 triệu/
|
||||
Thỏa thuận</i></p>
|
||||
|
||||
<div class="relative w-full">
|
||||
<i
|
||||
class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute right-[10px] leading-[35px]"></i>
|
||||
<input type="date" name="from_time_date" value="YYYY-MM-DD"
|
||||
class="w-[100%] h-[36px] rounded-[4px] input input-md input-bordered shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<p class="mb-[7px] w-[100%] font-[600]"> Địa điểm </p>
|
||||
|
||||
<input type="text" value=""
|
||||
class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="p-[16px] border-[#FAFAFB] border-b-[8px]">
|
||||
<p class="font-bold text-[20px] leading-[20px] mb-[15px]"> Dùng cho SEO </p>
|
||||
|
||||
|
||||
<div class="mb-[15px]">
|
||||
<p class="mb-[7px] w-[100%] font-[600]">
|
||||
Meta Title
|
||||
<i class="text-[13px] font-[300]"> 0 ký tự , 0 từ </i>
|
||||
</p>
|
||||
|
||||
<input type="text" value=""
|
||||
class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
|
||||
<div class="mb-[15px]">
|
||||
<p class="mb-[7px] w-[100%] font-[600]">
|
||||
Meta Keywords
|
||||
<i class="text-[13px] font-[300]"> 0 ký tự , 0 từ </i>
|
||||
</p>
|
||||
|
||||
<input type="text" value=""
|
||||
class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
|
||||
<div class="mb-[15px]">
|
||||
<p class="mb-[7px] w-[100%] font-[600]">
|
||||
Meta Description
|
||||
<i class="text-[13px] font-[300]"> 0 ký tự , 0 từ (Khuyến nghị: 160 ký tự) </i>
|
||||
</p>
|
||||
|
||||
<textarea
|
||||
class="w-[100%] min-h-[90px] max-h-[150px] rounded-[4px] textarea textarea-bordered shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
|
||||
</div>
|
||||
|
||||
<div class="mb-[15px] flex flex-wrap">
|
||||
<p class="w-[100px] font-bold"> Trạng thái </p>
|
||||
|
||||
<div>
|
||||
<label class="inline-flex items-center cursor-pointer relative pl-[30px] mr-[34px]">
|
||||
<input type="radio" value="0" name="info[status]" class="radio checked:bg-blue-500"
|
||||
checked="">
|
||||
<span class="label-text ml-[10px]"> Bản nháp </span>
|
||||
</label>
|
||||
|
||||
<label class="inline-flex items-center cursor-pointer relative pl-[30px] mr-[34px]">
|
||||
<input type="radio" value="1" name="info[status]" class="radio checked:bg-blue-500">
|
||||
<span class="label-text ml-[10px]"> Cho hiển thị </span>
|
||||
</label>
|
||||
|
||||
<label class="inline-flex items-center cursor-pointer relative pl-[30px] mr-[34px]">
|
||||
<input type="radio" value="-1" name="info[status]" class="radio checked:bg-blue-500">
|
||||
<span class="label-text ml-[10px]"> Chờ duyệt </span>
|
||||
</label>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<input type="submit" value="Cập nhật"
|
||||
class="inline-block m-[16px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
|
||||
|
||||
<script>
|
||||
tinymce.init({
|
||||
selector: 'textarea#js-desc',
|
||||
height: 350,
|
||||
menubar: true,
|
||||
plugins: [
|
||||
'advlist autolink lists link image charmap print preview anchor',
|
||||
'searchreplace visualblocks code fullscreen',
|
||||
'insertdatetime media table paste code help wordcount'
|
||||
],
|
||||
toolbar: 'undo redo | formatselect | ' +
|
||||
'bold italic backcolor | alignleft aligncenter ' +
|
||||
'alignright alignjustify | bullist numlist outdent indent | ' +
|
||||
'removeformat | help',
|
||||
content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'
|
||||
});
|
||||
</script>
|
||||
|
||||
<script>
|
||||
$(function () {
|
||||
$("input[name='info[article_time_set]']").click(function () {
|
||||
if ($(this).val() == 1) $("#js-publish_time").show();
|
||||
else $("#js-publish_time").hide();
|
||||
});
|
||||
});
|
||||
</script>
|
||||
343
old/template/job/home.html
Normal file
343
old/template/job/home.html
Normal file
@@ -0,0 +1,343 @@
|
||||
<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]">
|
||||
<p class="leading-[30px] mb-[13px] font-bold text-[24px]"> Tuyển dụng </p>
|
||||
|
||||
<form method="get" enctype="multipart/form-data" action="/admin/"
|
||||
class="border border-[#F6F6F6] m-[12px_0_16px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
|
||||
<input type="text" name="q" id="keyword" value="" placeholder=""
|
||||
class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
|
||||
<input type="submit" value="Tìm kiếm"
|
||||
class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
|
||||
</form>
|
||||
|
||||
<div class="flex items-center flex-wrap justify-between mb-[20px]">
|
||||
<div class="flex items-center">
|
||||
<select
|
||||
class="min-w-[160px] h-[36px] min-h-[36px] select select-bordered rounded-[4px] mr-[15px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
|
||||
<option value=""> Chọn danh mục </option>
|
||||
<option value=""> option </option>
|
||||
</select>
|
||||
<select
|
||||
class="min-w-[160px] h-[36px] min-h-[36px] select select-bordered rounded-[4px] mr-[15px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
|
||||
<option value=""> Sắp xếp </option>
|
||||
<option value=""> option </option>
|
||||
</select>
|
||||
|
||||
<a href=""
|
||||
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]">
|
||||
Xem nội dung đang ẩn
|
||||
</a>
|
||||
|
||||
<a href=""
|
||||
class="leading-[35px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
|
||||
Xem nội dung nổi bật
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="flex items-center font-[500] leading-[35px]">
|
||||
<a href="/admin/job/form"
|
||||
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_16px_0_0] 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 vị trí mới</span>
|
||||
</a>
|
||||
|
||||
<a href="/admin/job/category"
|
||||
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||
<i class="far fa-folder mr-2"></i>
|
||||
<span>Quản lý danh mục</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="overflow-x-auto">
|
||||
<table class="table">
|
||||
<thead class="bg-[#F6F6F6] text-[#000] text-[14px] font-500">
|
||||
<tr>
|
||||
<td width="40"> STT </td>
|
||||
<td width="130"> Ảnh </td>
|
||||
<td> Danh sách </td>
|
||||
<td> Số liệu </td>
|
||||
<td> Quản trị </td>
|
||||
<td width="160"> Lựa chọn </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr>
|
||||
<td align="center"> 1 </td>
|
||||
|
||||
<td>
|
||||
<img src="https://via.placeholder.com/880x350" class="block m-auto" />
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<a href=""> Phụ trách Chi nhánh Công ty cổ phần Traphaco tại Đồng Nai </a>
|
||||
<div class="mt-[10px]">
|
||||
STT
|
||||
<input type="text" value="0"
|
||||
class="w-[100px] h-[32px] border border-[#D8D8D8] m-[0_0_0_10px] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<p> - Số hồ sơ: 1 </p>
|
||||
<p> - Lượt xem: 0 </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<p> Cập nhật: Admin </p>
|
||||
<p> (15-02-2024, 2:57 pm) </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<div class="items-center flex">
|
||||
<a href="/admin/article/form?id=1" title="Sửa lại"
|
||||
class="border-[1px] border-[#0041E8_!important] icons icon-edit mr-[6px]"></a>
|
||||
|
||||
<a href="" title="Xem tại web"
|
||||
class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
|
||||
|
||||
<a href="" title="Cho nổi bật"
|
||||
class="fas fa-crown bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
|
||||
|
||||
<a href="" title="Hạ nổi bật"
|
||||
class="fas fa-crown bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
|
||||
|
||||
<a href="" title="Hạ xuống"
|
||||
class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
|
||||
|
||||
<a href="" title="Cho Hiển thị"
|
||||
class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]">
|
||||
</a>
|
||||
|
||||
<a href="" title="Xóa" class="icons icon-delete"></a>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center"> 1 </td>
|
||||
|
||||
<td>
|
||||
<img src="https://via.placeholder.com/880x350" class="block m-auto" />
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<a href=""> Phụ trách Chi nhánh Công ty cổ phần Traphaco tại Đồng Nai </a>
|
||||
<div class="mt-[10px]">
|
||||
STT
|
||||
<input type="text" value="0"
|
||||
class="w-[100px] h-[32px] border border-[#D8D8D8] m-[0_0_0_10px] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<p> - Số hồ sơ: 1 </p>
|
||||
<p> - Lượt xem: 0 </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<p> Cập nhật: Admin </p>
|
||||
<p> (15-02-2024, 2:57 pm) </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<div class="items-center flex">
|
||||
<a href="/admin/article/form?id=1" title="Sửa lại"
|
||||
class="border-[1px] border-[#0041E8_!important] icons icon-edit mr-[6px]"></a>
|
||||
|
||||
<a href="" title="Xem tại web"
|
||||
class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
|
||||
|
||||
<a href="" title="Cho nổi bật"
|
||||
class="fas fa-crown bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
|
||||
|
||||
<a href="" title="Hạ nổi bật"
|
||||
class="fas fa-crown bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
|
||||
|
||||
<a href="" title="Hạ xuống"
|
||||
class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
|
||||
|
||||
<a href="" title="Cho Hiển thị"
|
||||
class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]">
|
||||
</a>
|
||||
|
||||
<a href="" title="Xóa" class="icons icon-delete"></a>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center"> 1 </td>
|
||||
|
||||
<td>
|
||||
<img src="https://via.placeholder.com/880x350" class="block m-auto" />
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<a href=""> Phụ trách Chi nhánh Công ty cổ phần Traphaco tại Đồng Nai </a>
|
||||
<div class="mt-[10px]">
|
||||
STT
|
||||
<input type="text" value="0"
|
||||
class="w-[100px] h-[32px] border border-[#D8D8D8] m-[0_0_0_10px] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<p> - Số hồ sơ: 1 </p>
|
||||
<p> - Lượt xem: 0 </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<p> Cập nhật: Admin </p>
|
||||
<p> (15-02-2024, 2:57 pm) </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<div class="items-center flex">
|
||||
<a href="/admin/article/form?id=1" title="Sửa lại"
|
||||
class="border-[1px] border-[#0041E8_!important] icons icon-edit mr-[6px]"></a>
|
||||
|
||||
<a href="" title="Xem tại web"
|
||||
class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
|
||||
|
||||
<a href="" title="Cho nổi bật"
|
||||
class="fas fa-crown bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
|
||||
|
||||
<a href="" title="Hạ nổi bật"
|
||||
class="fas fa-crown bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
|
||||
|
||||
<a href="" title="Hạ xuống"
|
||||
class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
|
||||
|
||||
<a href="" title="Cho Hiển thị"
|
||||
class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]">
|
||||
</a>
|
||||
|
||||
<a href="" title="Xóa" class="icons icon-delete"></a>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center"> 1 </td>
|
||||
|
||||
<td>
|
||||
<img src="https://via.placeholder.com/880x350" class="block m-auto" />
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<a href=""> Phụ trách Chi nhánh Công ty cổ phần Traphaco tại Đồng Nai </a>
|
||||
<div class="mt-[10px]">
|
||||
STT
|
||||
<input type="text" value="0"
|
||||
class="w-[100px] h-[32px] border border-[#D8D8D8] m-[0_0_0_10px] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<p> - Số hồ sơ: 1 </p>
|
||||
<p> - Lượt xem: 0 </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<p> Cập nhật: Admin </p>
|
||||
<p> (15-02-2024, 2:57 pm) </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<div class="items-center flex">
|
||||
<a href="/admin/article/form?id=1" title="Sửa lại"
|
||||
class="border-[1px] border-[#0041E8_!important] icons icon-edit mr-[6px]"></a>
|
||||
|
||||
<a href="" title="Xem tại web"
|
||||
class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
|
||||
|
||||
<a href="" title="Cho nổi bật"
|
||||
class="fas fa-crown bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
|
||||
|
||||
<a href="" title="Hạ nổi bật"
|
||||
class="fas fa-crown bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
|
||||
|
||||
<a href="" title="Hạ xuống"
|
||||
class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
|
||||
|
||||
<a href="" title="Cho Hiển thị"
|
||||
class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]">
|
||||
</a>
|
||||
|
||||
<a href="" title="Xóa" class="icons icon-delete"></a>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center"> 1 </td>
|
||||
|
||||
<td>
|
||||
<img src="https://via.placeholder.com/880x350" class="block m-auto" />
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<a href=""> Phụ trách Chi nhánh Công ty cổ phần Traphaco tại Đồng Nai </a>
|
||||
<div class="mt-[10px]">
|
||||
STT
|
||||
<input type="text" value="0"
|
||||
class="w-[100px] h-[32px] border border-[#D8D8D8] m-[0_0_0_10px] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<p> - Số hồ sơ: 1 </p>
|
||||
<p> - Lượt xem: 0 </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<p> Cập nhật: Admin </p>
|
||||
<p> (15-02-2024, 2:57 pm) </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<div class="items-center flex">
|
||||
<a href="/admin/article/form?id=1" title="Sửa lại"
|
||||
class="border-[1px] border-[#0041E8_!important] icons icon-edit mr-[6px]"></a>
|
||||
|
||||
<a href="" title="Xem tại web"
|
||||
class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
|
||||
|
||||
<a href="" title="Cho nổi bật"
|
||||
class="fas fa-crown bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
|
||||
|
||||
<a href="" title="Hạ nổi bật"
|
||||
class="fas fa-crown bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
|
||||
|
||||
<a href="" title="Hạ xuống"
|
||||
class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
|
||||
|
||||
<a href="" title="Cho Hiển thị"
|
||||
class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]">
|
||||
</a>
|
||||
|
||||
<a href="" title="Xóa" class="icons icon-delete"></a>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
</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>
|
||||
</div>
|
||||
79
old/template/marketing/conditional_promotion.html
Normal file
79
old/template/marketing/conditional_promotion.html
Normal file
@@ -0,0 +1,79 @@
|
||||
<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]">
|
||||
<p class="leading-[30px] mb-[13px] font-bold text-[24px]"> Khuyến mại cấu hình máy tính </p>
|
||||
|
||||
<div class="text-right font-[500] leading-[35px] m-[0_0_20px_0] ">
|
||||
<a href="/admin/marketing/conditional-promotion-add"
|
||||
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] 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 khuyến mại mới</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="overflow-x-auto">
|
||||
<table class="table">
|
||||
<thead class="bg-[#F6F6F6] text-[#000] text-[14px] font-[500]">
|
||||
<tr>
|
||||
<td> STT </td>
|
||||
<td> Khuyến mại </td>
|
||||
<td> Điều kiện áp dụng </td>
|
||||
<td> Thông tin khác </td>
|
||||
<td> Lựa chọn </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
<td align="center"> 1 </td>
|
||||
|
||||
<td>
|
||||
<p class="font-bold"> 20.000.000 </p>
|
||||
<p> - Tặng tiền mặt: 500.000 </p>
|
||||
<p> - Tùy chọn gói sản phẩm: 500.000 </p>
|
||||
<p> - Nội dung:Tặng ngay tiền mặt 500.000 VNĐ </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<p>1. Bắt buộc phải có sản phẩm thuộc các danh mục: 30,31,32,164,35,36 </p>
|
||||
<p>2. Giá trị đơn hàng trong khoảng: 20.000.000 VND - 30.000.000 VND </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<p> Tạo bởi: Nguyễn Tiến Dinh (10-11-2023, 10:06 am) </p>
|
||||
<p> Cập nhật: Nguyễn Tiến Dinh (18-12-2023, 2:59 pm) </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<div class="items-center flex">
|
||||
<a href="/admin/marketing/conditional-promotion-add?id=1" title="Sửa lại"
|
||||
class="icons icon-edit"></a>
|
||||
|
||||
<a href="" title="Hạ xuống"
|
||||
class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
|
||||
|
||||
<a href="" title="Cho Hiển thị"
|
||||
class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]">
|
||||
</a>
|
||||
|
||||
<a href="" class="icons icon-delete" title="Xóa"></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</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>
|
||||
</div>
|
||||
141
old/template/marketing/conditional_promotion_add.html
Normal file
141
old/template/marketing/conditional_promotion_add.html
Normal file
@@ -0,0 +1,141 @@
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/admin/marketing/conditional-promotion"> Khuyến mại BuildPC </a>
|
||||
<a href=""> Form thêm / sửa khuyến mại </a>
|
||||
</div>
|
||||
|
||||
<div class="max-w-[1141px] flex flex-wrap items-start m-[0_auto_16px_auto]">
|
||||
<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 khuyến mại </p>
|
||||
|
||||
<a href="/admin/marketing/conditional-promotion-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 khuyến mại</span>
|
||||
</a>
|
||||
|
||||
<p class="w-[100%] text-[#6B7280]">
|
||||
100 triệu
|
||||
</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;"> Thông tin </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">
|
||||
<table>
|
||||
<tr>
|
||||
<td width="215"> <b>Tên gọi</b> </td>
|
||||
<td>
|
||||
<input type="text" value="" placeholder="Tên gọi"
|
||||
class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
<i class="block text-[#6B7280] mt-[8px]"> * Phần này chỉ dùng cho quản trị viên phân biệt. </i>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> <b>Nội dung khuyến mại</b> </td>
|
||||
<td>
|
||||
|
||||
<div class="mb-[15px]">
|
||||
<p class="mb-[8px]">1. Tặng tiền mặt: <i class="text-[#6B7280] font-[300]">VND</i></p>
|
||||
<input type="text" value=""
|
||||
class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
|
||||
<div class="mb-[15px]">
|
||||
<p class="mb-[8px]">2. Tùy chọn gói sản phẩm: <i class="text-[#6B7280] font-[300]">VND</i></p>
|
||||
<input type="text" value=""
|
||||
class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
|
||||
<div class="mb-[15px]">
|
||||
<p class="mb-[8px]">3. Nội dung: </p>
|
||||
<textarea id="product-desc"> </textarea>
|
||||
</div>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> <b> Điều kiện áp dụng * </b> </td>
|
||||
<td>
|
||||
|
||||
<div class="mb-[15px]">
|
||||
<p class="mb-[8px]"> 1. Bắt buộc phải có sản phẩm thuộc các danh mục: </p>
|
||||
<input type="text" value=""
|
||||
class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
|
||||
<p class="mb-[8px]">2. Giá trị đơn hàng trong khoảng: <i class="text-[#6B7280] font-[300]">VND</i>
|
||||
</p>
|
||||
|
||||
<div class="flex items-center justify-between">
|
||||
<div>
|
||||
<p class="inline-block mr-[13px]"> Giá từ </p>
|
||||
<input type="number" value=""
|
||||
class="w-[220px] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<p class="inline-block mr-[13px]"> Đến </p>
|
||||
<input type="number" value=""
|
||||
class="w-[220px] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> <b> Hiển thị </b> </td>
|
||||
<td style="padding: 14px">
|
||||
<label class="items-center cursor-pointer relative pl-[30px] mr-[15px]"
|
||||
style="display: inline-flex;">
|
||||
<input type="radio" name="info[status]" value="1" class="left-0 radio checked:bg-blue-500">
|
||||
<span class="label-text ml-[5px]">Cho hiển thị</span>
|
||||
</label>
|
||||
|
||||
<label class="items-center cursor-pointer relative pl-[30px]" style="display: inline-flex;">
|
||||
<input type="radio" name="info[status]" value="0" checked
|
||||
class="left-0 radio checked:bg-blue-500">
|
||||
<span class="label-text ml-[5px]">Ẩn hiển thị</span>
|
||||
</label>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<input 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]" />
|
||||
</form>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
|
||||
|
||||
<script>
|
||||
tinymce.init({
|
||||
selector: 'textarea#product-desc',
|
||||
height: 350,
|
||||
menubar: true,
|
||||
plugins: [
|
||||
'advlist autolink lists link image charmap print preview anchor',
|
||||
'searchreplace visualblocks code fullscreen',
|
||||
'insertdatetime media table paste code help wordcount'
|
||||
],
|
||||
toolbar: 'undo redo | formatselect | ' +
|
||||
'bold italic backcolor | alignleft aligncenter ' +
|
||||
'alignright alignjustify | bullist numlist outdent indent | ' +
|
||||
'removeformat | help',
|
||||
content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'
|
||||
});
|
||||
</script>
|
||||
157
old/template/marketing/coupon.html
Normal file
157
old/template/marketing/coupon.html
Normal file
@@ -0,0 +1,157 @@
|
||||
<div class="w-[100%]">
|
||||
<div
|
||||
class="marketing-coupon-page bg-white m-[16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
|
||||
<p class="leading-[30px] mb-[13px] font-[600] text-[24px]"> Coupon khuyến mại </p>
|
||||
|
||||
<div class="flex justify-between items-start m-[13px_0]">
|
||||
<p class="max-w-[1024px]">Danh sách phiếu giảm giá/ quà tặng dùng cho khách hàng khi đặt mua hàng từ
|
||||
website.
|
||||
Trước khi gửi đơn hàng, nếu khách hàng có mã số phiếu còn hiệu lực thì sẽ nhập vào đơn hàng để nhận được
|
||||
ưu
|
||||
đãi ghi trên phiếu</p>
|
||||
|
||||
<a href="/admin/marketing/coupon-add"
|
||||
class="flex items-center whitespace-nowrap ml-[15px] border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[35px] p-[0_12px]">
|
||||
<span
|
||||
class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10px] text-center rounded-[50%] mr-1">+</span>
|
||||
<span>Thêm phiếu mới</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="overflow-x-auto">
|
||||
<table class="table">
|
||||
<thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
|
||||
<tr>
|
||||
<td width="50"> STT </td>
|
||||
<td> Mã số </td>
|
||||
<td> Khuyến mại </td>
|
||||
<td> Phân loại </td>
|
||||
<td> Thời gian </td>
|
||||
<td> Trạng thái </td>
|
||||
<td> Thông tin khác </td>
|
||||
<td> Lựa chọn </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr class="text-[13px]">
|
||||
<td align="center"> 1 </td>
|
||||
|
||||
<td class="whitespace-nowrap"> CP231020233 </td>
|
||||
|
||||
<td class="whitespace-nowrap">
|
||||
<p class="font-bold"> Test phiếu giảm giá </p>
|
||||
<div> Test phiếu giảm giá </div>
|
||||
</td>
|
||||
|
||||
<td class="whitespace-nowrap">
|
||||
<p class="font-bold"> Tặng sản phẩm </p>
|
||||
<p> Balo thời trang </p>
|
||||
</td>
|
||||
|
||||
<td class="whitespace-nowrap">
|
||||
|
||||
<div class="flex items-start">
|
||||
<p class="inline-block m-[0_6px_6px_0] text-[13px]">
|
||||
- Bắt đầu: 23-10-2023, 12:00 am <br>
|
||||
- Kết thúc: 28-10-2023, 12:00 am
|
||||
</p>
|
||||
<div>
|
||||
<span
|
||||
class="block w-[80px] text-center m-[0_0_6px_0] bg-[#F7F5FF] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#0041E8] shadow-[0_0_0_1px_#0041E8]">
|
||||
Đã chạy
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="block w-[80px] text-center m-[0_0_6px_0] bg-[#F9F2F2] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#E00000] shadow-[0_0_0_1px_#E00000]">
|
||||
Đã dừng
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td class="whitespace-nowrap">
|
||||
<p> 0 đã dùng </p>
|
||||
<p> Tổng số: 20 </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<div class="w-[250px]">
|
||||
<p> - Tạo bởi: Đức (05-09-2022, 9:48 am) </p>
|
||||
<p> - Cập nhật cuối: hongvt@hurasoft.com<br>(03-10-2023, 8:31 am) </p>
|
||||
<p>- Giá trị đơn hàng tối thiểu: <b class="text-[#E00000] font-bold">2.000.000 đ</b>
|
||||
</p>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<div class="items-center flex">
|
||||
<a href="/admin/marketing/coupon-add?id=8" class="icons icon-edit" title="Sửa lại"></a>
|
||||
|
||||
<a href="javascript:void(0)" title="Hạ xuống"
|
||||
class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
|
||||
|
||||
<a href="javascript:void(0)" title="Cho Hiển thị"
|
||||
class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]">
|
||||
</a>
|
||||
|
||||
<a href="javascript:void(0)" class="icons icon-delete" title="Xóa"></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="center"> 1 </td>
|
||||
<td class="whitespace-nowrap"> CP231020233 </td>
|
||||
<td>
|
||||
<p class="font-bold"> Test phiếu giảm giá </p>
|
||||
<div> Test phiếu giảm giá </div>
|
||||
</td>
|
||||
<td>
|
||||
<p class="font-bold"> Tặng sản phẩm </p>
|
||||
<p> Balo thời trang </p>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex items-start">
|
||||
<p class="inline-block m-[0_6px_6px_0] text-[13px]">
|
||||
- Bắt đầu: 23-10-2023, 12:00 am <br>
|
||||
- Kết thúc: 28-10-2023, 12:00 am
|
||||
</p>
|
||||
<div>
|
||||
<span
|
||||
class="block w-[80px] text-center m-[0_0_6px_0] bg-[#F7F5FF] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#0041E8] shadow-[0_0_0_1px_#0041E8]">
|
||||
Đã chạy
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="block w-[80px] text-center m-[0_0_6px_0] bg-[#F9F2F2] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#E00000] shadow-[0_0_0_1px_#E00000]">
|
||||
Đã dừng
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<p> 0 đã dùng </p>
|
||||
<p> Tổng số: 20 </p>
|
||||
</td>
|
||||
<td>
|
||||
<p> - Tạo bởi: Đức (05-09-2022, 9:48 am) </p>
|
||||
<p> - Cập nhật cuối: hongvt@hurasoft.com<br>(03-10-2023, 8:31 am) </p>
|
||||
<p>- Giá trị đơn hàng tối thiểu: <b class="text-[#E00000] font-bold">2.000.000 đ</b> </p>
|
||||
</td>
|
||||
<td>
|
||||
<div class="items-center flex"> <a href="/admin/marketing/coupon-add?id=8"
|
||||
class="icons icon-edit" title="Sửa lại"></a> <a href="javascript:void(0)"
|
||||
title="Hạ xuống"
|
||||
class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
|
||||
<a href="javascript:void(0)" title="Cho Hiển thị"
|
||||
class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]">
|
||||
</a> <a href="javascript:void(0)" class="icons icon-delete" title="Xóa"></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
668
old/template/marketing/coupon_add.html
Normal file
668
old/template/marketing/coupon_add.html
Normal file
@@ -0,0 +1,668 @@
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/admin/marketing/coupon"> Phiếu giảm giá - Voucher </a>
|
||||
<a href=""> Form thêm / sửa coupon </a>
|
||||
</div>
|
||||
|
||||
<div class="max-w-[1141px] m-auto p-[0_15px]">
|
||||
<div class="flex flex-wrap items-start m-[16px_0]">
|
||||
{% if global.url contains 'id=' %} <!-- Form chỉnh sửa -->
|
||||
<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 </p>
|
||||
|
||||
<a href="/admin/marketing/coupon-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 phiếu mới</span>
|
||||
</a>
|
||||
|
||||
<p class="w-[100%] text-[#6B7280]">
|
||||
Giảm 10.000đ khi mua đặt hàng online (nhập mã test2023)
|
||||
</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>
|
||||
<a href="/admin/marketing/coupon-product?id=8"
|
||||
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Danh sách sản
|
||||
phẩm </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">
|
||||
|
||||
<input type="hidden" name="info[id]" value="0" />
|
||||
|
||||
<table>
|
||||
<tr>
|
||||
<td width="215"> Mã số phiếu * </td>
|
||||
<td> CP220920213 </td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Tên phiếu khuyến mại * </td>
|
||||
<td>
|
||||
<input type="text" value="Giảm tiền mặt" name="info[title]" placeholder="Tên phiếu khuyến mại *"
|
||||
class="w-[100%] h-[36px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
<i class="block text-[#E00000] mt-[7px]">* Phần này sẽ hiển thị trong đơn hàng của khách hàng,
|
||||
do vậy cần viết cụ thể.</i>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Mô tả </td>
|
||||
<td>
|
||||
<textarea name="info[description]" placeholder="Mô tả"
|
||||
class="w-[100%] min-h-[76px] max-h-[150px] textarea p-[4px_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">Test phiếu giảm giá </textarea>
|
||||
|
||||
<i class="block text-[#E00000] mt-[7px]">Phần này chỉ dành cho admin nắm được cụ thể khuyến mại
|
||||
này làm gì. Khách hàng không nhìn thấy.</i>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Phân loại * </td>
|
||||
<td>
|
||||
<div style="display: flex;align-items: center;flex-wrap: wrap;">
|
||||
<select name='info[type]' onchange="show_content(this.value)"
|
||||
class="w-[170px] mr-[15px] select select-bordered h-[38px] min-h-[38px] rounded-[4px]">
|
||||
<option value='pro' selected>Tặng sản phẩm</option>
|
||||
<option value='cash'>Tặng tiền mặt</option>
|
||||
<option value='priceoff'>Giảm giá %</option>
|
||||
<option value='other'>Khác</option>
|
||||
</select>
|
||||
|
||||
<div id="js-type-pro">
|
||||
<span class="mr-[5px]"> Tên Sản phẩm </span>
|
||||
<input type="text" name="content_pro" value=""
|
||||
class="h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
|
||||
<div id="js-type-cash" style="display:none">
|
||||
<span class="mr-[5px]"> Nhập số tiền </span>
|
||||
<input type="text" name="content_cash" value=""
|
||||
onkeyup="this.value = writeStringToPrice(this.value)"
|
||||
class="w-[135px_!important] mr-[5px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
<span> vnd (v.d. 200000, 3000000) </span>
|
||||
</div>
|
||||
|
||||
<div id="js-type-priceoff" style="display:none">
|
||||
<span class="mr-[5px]"> Nhập % giảm giá </span>
|
||||
<input type="text" name="content_priceoff" value=""
|
||||
class="w-[135px_!important] mr-[5px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
<span>% (v.d. 12, 30)</span>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Thời gian hiệu lực * </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" 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="to_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[to_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> Giá trị đơn hàng tối thiểu </td>
|
||||
<td>
|
||||
<input type="text" name="info[valid_order_value]" value="2.000.000"
|
||||
onkeyup="this.value = writeStringToPrice(this.value)"
|
||||
class="w-[135px_!important] mr-[5px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
<span> vnd (để 0 nếu không áp dụng) </span>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Giới hạn số lần sử dụng / 1 khách hàng </td>
|
||||
<td>
|
||||
<input type="text" name="info[limit_use_per_user]" value="0"
|
||||
class="w-[80px_!important] mr-[5px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
||||
<span> (để 0 nếu không giới hạn số lượng dùng phiếu này trên 1 khách hàng) </span>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Áp dụng đồng thời với các mã KM khác </td>
|
||||
<td>
|
||||
<label class="items-center cursor-pointer" style="display: inline-flex;">
|
||||
<input type="checkbox" name="info[can_use_with_other]" value="1"
|
||||
class="scale-[1.2] mr-[7px]">
|
||||
<span> Có cho phép (1 đơn hàng có thể có nhiều voucher) </span>
|
||||
</label>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Hiển thị công khai </td>
|
||||
<td>
|
||||
<label class="items-center cursor-pointer" style="display: inline-flex;">
|
||||
<input type="checkbox" name="info[show_to_public]" checked class="scale-[1.2] mr-[7px]">
|
||||
<span> Cho hiển thị công khai (nếu giao diện web có) </span>
|
||||
</label>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Điều kiện áp dụng </td>
|
||||
<td>
|
||||
<label class="items-center cursor-pointer relative pl-[30px] mb-[8px]"
|
||||
style="display: inline-flex;">
|
||||
<input type="radio" name="info[product_condition]" value="all"
|
||||
class="left-0 radio checked:bg-blue-500 ">
|
||||
<span> Tất cả các sản phầm </span>
|
||||
</label>
|
||||
<br>
|
||||
<label class="items-center cursor-pointer relative pl-[30px]" style="display: inline-flex;">
|
||||
<input type="radio" name="info[product_condition]" value="select" checked
|
||||
class="left-0 radio checked:bg-blue-500">
|
||||
<span> Chỉ một số sản phẩm (* bạn sẽ cần chọn danh sách các sản phẩm)</span>
|
||||
</label>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Số lượng phiếu </td>
|
||||
<td>
|
||||
<input type="text" size="10" name="info[total]" value="0"
|
||||
class="w-[135px_!important] mr-[5px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
||||
<span> (để 0 nếu không có giới hạn) </span>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Hiển thị </td>
|
||||
<td>
|
||||
<label class="flex items-center cursor-pointer relative pl-[30px] mr-[15px]">
|
||||
<input type="radio" name="info[status]" value="1" class="left-0 radio checked:bg-blue-500">
|
||||
<span class="label-text ml-[5px]">Cho hiển thị</span>
|
||||
</label>
|
||||
|
||||
<label class="flex items-center cursor-pointer relative pl-[30px]">
|
||||
<input type="radio" name="info[status]" value="0" checked
|
||||
class="left-0 radio checked:bg-blue-500">
|
||||
<span class="label-text ml-[5px]">Ẩn hiển thị</span>
|
||||
</label>
|
||||
|
||||
</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]" />
|
||||
</form>
|
||||
|
||||
{% else %} <!-- Form thêm mới -->
|
||||
|
||||
<p
|
||||
class="w-[100%] bg-white m-[0_0_16px] text-center rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[54px] text-[18px] font-bold">
|
||||
Thêm / sửa coupon </p>
|
||||
|
||||
<form method="post" enctype="multipart/form-data"
|
||||
class="order-page-table w-[100%] bg-white p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
|
||||
|
||||
<input type="hidden" name="info[id]" value="0" />
|
||||
|
||||
<table>
|
||||
<tr>
|
||||
<td width="215"> Mã số phiếu * </td>
|
||||
<td>
|
||||
<input type="hidden" name="info[code_auto]" value="">
|
||||
|
||||
<label class="flex items-center cursor-pointer relative pl-[26px] mb-[8px] w-[fit-content]">
|
||||
<input type="radio" onchange="$('#info_code_manual_input').css('display','none')"
|
||||
name="info[code_type]" value="auto" checked class="left-0 radio checked:bg-blue-500">
|
||||
<span class="label-text ml-[5px]">Hệ thống tự tạo </span>
|
||||
</label>
|
||||
|
||||
<label class="flex items-center cursor-pointer relative pl-[26px] w-[fit-content]">
|
||||
<input type="radio" onchange="$('#info_code_manual_input').css('display','inline-block')"
|
||||
name="info[code_type]" value="manual" class="left-0 radio checked:bg-blue-500">
|
||||
<span class="label-text ml-[5px]"> Tự nhập tay </span>
|
||||
</label>
|
||||
|
||||
<div id="info_code_manual_input" class="w-[100%] mt-[12px]" style="display: none;">
|
||||
<input type="text" name="info[code_manual]" onchange="check_coupon_code(this.value, '0')"
|
||||
value=""
|
||||
class="h-[32px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
||||
|
||||
<i style="color:#CC3300">(Chú ý: Mã số các phiếu phải khác nhau)</i>
|
||||
|
||||
<div id="check_coupon_code_status"></div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Tên phiếu khuyến mại * </td>
|
||||
<td>
|
||||
<input type="text" value="" name="info[title]" placeholder="Tên phiếu khuyến mại *"
|
||||
class="w-[100%] h-[36px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
<i class="block text-[#E00000] mt-[7px]">* Phần này sẽ hiển thị trong đơn hàng của khách hàng,
|
||||
do vậy cần viết cụ thể.</i>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Mô tả </td>
|
||||
<td>
|
||||
<textarea name="info[description]" placeholder="Mô tả"
|
||||
class="w-[100%] min-h-[76px] max-h-[150px] outline-[0px] p-[4px_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
|
||||
|
||||
<i class="block text-[#E00000] mt-[7px]">Phần này chỉ dành cho admin nắm được cụ thể khuyến mại
|
||||
này làm gì. Khách hàng không nhìn thấy.</i>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Phân loại * </td>
|
||||
<td>
|
||||
<div style="display: flex;align-items: center;flex-wrap: wrap;">
|
||||
<select name='info[type]' onchange="show_content(this.value)"
|
||||
class="w-[170px] mr-[15px] select select-bordered h-[38px] min-h-[38px] rounded-[4px]">
|
||||
<option value='pro' selected>Tặng sản phẩm</option>
|
||||
<option value='cash'>Tặng tiền mặt</option>
|
||||
<option value='priceoff'>Giảm giá %</option>
|
||||
<option value='other'>Khác</option>
|
||||
</select>
|
||||
|
||||
<div id="js-type-pro">
|
||||
<span class="mr-[5px]"> Tên Sản phẩm </span>
|
||||
<input type="text" name="content_pro" value=""
|
||||
class="h-[32px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
|
||||
<div id="js-type-cash" style="display:none">
|
||||
<span class="mr-[5px]"> Nhập số tiền </span>
|
||||
<input type="text" name="content_cash" value=""
|
||||
onkeyup="this.value = writeStringToPrice(this.value)"
|
||||
class="w-[135px_!important] mr-[5px] h-[32px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
<span> vnd (v.d. 200000, 3000000) </span>
|
||||
</div>
|
||||
|
||||
<div id="js-type-priceoff" style="display:none">
|
||||
<span class="mr-[5px]"> Nhập % giảm giá </span>
|
||||
<input type="text" name="content_priceoff" value=""
|
||||
class="w-[135px_!important] mr-[5px] h-[32px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
<span>% (v.d. 12, 30)</span>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Thời gian hiệu lực * </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" 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="to_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[to_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> Giá trị đơn hàng tối thiểu </td>
|
||||
<td>
|
||||
<input type="text" name="info[valid_order_value]" value="0"
|
||||
onkeyup="this.value = writeStringToPrice(this.value)"
|
||||
class="w-[135px_!important] mr-[5px] h-[32px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
<span> vnd (để 0 nếu không áp dụng) </span>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Giới hạn số lần sử dụng / 1 khách hàng </td>
|
||||
<td>
|
||||
<input type="text" name="info[limit_use_per_user]" value="0"
|
||||
class="w-[80px_!important] mr-[5px] h-[32px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
||||
<span> (để 0 nếu không giới hạn số lượng dùng phiếu này trên 1 khách hàng) </span>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Áp dụng đồng thời với các mã KM khác </td>
|
||||
<td>
|
||||
<label class="items-center cursor-pointer" style="display: inline-flex;">
|
||||
<input type="checkbox" name="info[can_use_with_other]" value="1"
|
||||
class="checkbox checkbox-success mr-[7px]">
|
||||
<span class="label-text"> Có cho phép (1 đơn hàng có thể có nhiều voucher) </span>
|
||||
</label>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Hiển thị công khai </td>
|
||||
<td>
|
||||
<label class="items-center cursor-pointer" style="display: inline-flex;">
|
||||
<input type="checkbox" name="info[show_to_public]"
|
||||
class="checkbox checkbox-success mr-[7px]">
|
||||
<span class="label-text"> Cho hiển thị công khai (nếu giao diện web có) </span>
|
||||
</label>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Điều kiện áp dụng </td>
|
||||
<td>
|
||||
<label class="items-center cursor-pointer relative pl-[30px] mb-[8px]"
|
||||
style="display: inline-flex;">
|
||||
<input type="radio" name="info[product_condition]" value="all"
|
||||
class="left-0 radio checked:bg-blue-500" checked>
|
||||
<span class="label-text ml-[5px]"> Tất cả các sản phầm </span>
|
||||
</label>
|
||||
<br>
|
||||
|
||||
<label class="items-center cursor-pointer relative pl-[30px]" style="display: inline-flex;">
|
||||
<input type="radio" name="info[product_condition]" value="select"
|
||||
class="left-0 radio checked:bg-blue-500">
|
||||
<span class="label-text ml-[5px]"> Chỉ một số sản phẩm (* bạn sẽ cần chọn danh sách các sản
|
||||
phẩm)</span>
|
||||
</label>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Số lượng phiếu </td>
|
||||
<td>
|
||||
<input type="text" size="10" name="info[total]" value="0"
|
||||
class="w-[135px_!important] mr-[5px] h-[32px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
||||
<span> (để 0 nếu không có giới hạn) </span>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Hiển thị </td>
|
||||
<td>
|
||||
<label class="items-center cursor-pointer relative pl-[30px] mr-[15px]"
|
||||
style="display: inline-flex;">
|
||||
<input type="radio" name="info[status]" value="1" class="left-0 radio checked:bg-blue-500"
|
||||
checked>
|
||||
<span class="label-text ml-[5px]">Cho hiển thị</span>
|
||||
</label>
|
||||
|
||||
<label class="items-center cursor-pointer relative pl-[30px]" style="display: inline-flex;">
|
||||
<input type="radio" name="info[status]" value="0" class="left-0 radio checked:bg-blue-500">
|
||||
<span class="label-text ml-[5px]">Ẩn hiển thị</span>
|
||||
</label>
|
||||
|
||||
</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]" />
|
||||
</form>
|
||||
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<script>
|
||||
function show_content(ty) {
|
||||
var list_type = ['pro', 'cash', 'priceoff'];
|
||||
|
||||
for (var i = 0; i < list_type.length; i++) {
|
||||
var t_ty = list_type[i];
|
||||
if (ty == t_ty) document.getElementById('js-type-' + t_ty).style.display = 'block';
|
||||
else document.getElementById('js-type-' + t_ty).style.display = 'none';
|
||||
}
|
||||
}
|
||||
</script>
|
||||
116
old/template/marketing/coupon_product.html
Normal file
116
old/template/marketing/coupon_product.html
Normal file
@@ -0,0 +1,116 @@
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/admin/marketing/coupon"> Phiếu giảm giá - Voucher </a>
|
||||
<a href=""> Form thêm / sửa coupon </a>
|
||||
</div>
|
||||
|
||||
<div class="max-w-[1141px] m-auto">
|
||||
<div class="flex flex-wrap items-start m-[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 </p>
|
||||
|
||||
<a href="/admin/marketing/coupon-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 phiếu mới</span>
|
||||
</a>
|
||||
|
||||
<p class="w-[100%] text-[#6B7280]">
|
||||
Giảm 10.000đ khi mua đặt hàng online (nhập mã test2023)
|
||||
</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="/admin/marketing/coupon-add?id=8" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Chỉnh sửa </a>
|
||||
<a href="javascript:void(0)" style="color: #Fff;background: #0041E8;" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Danh sách sản phẩm </a>
|
||||
</div>
|
||||
|
||||
<div 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">
|
||||
|
||||
<div class="flex flex-wrap items-center justify-between mb-[13px]">
|
||||
<p class="font-bold text-[20px] leading-[20px] mr-3"> Danh sách sản phẩm áp dụng phiếu giảm giá </p>
|
||||
|
||||
<a href="" class="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]">
|
||||
<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 sản phẩm mới</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<form method="get" enctype="multipart/form-data" action="/admin/" class="flex items-center m-[15px_0] border border-[#F6F6F6] m-[12px_0_16px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
|
||||
<input type="text" name="q" id="keyword" value="" placeholder="Tìm sản phẩm " class="w-[240px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
|
||||
|
||||
<p class="whitespace-nowrap mr-[10px]">Chọn danh mục</p>
|
||||
|
||||
<select class="w-[165px_!important] mr-[10px] h-[36px] border border-[#D8D8D8] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
|
||||
<option value=""> Tất cả sản phẩm </option>
|
||||
<option value=""> - Danh mục cấp 1 </option>
|
||||
<option value=""> - Danh mục cấp 2 </option>
|
||||
<option value=""> - Danh mục cấp 3 </option>
|
||||
<option value=""> - Danh mục cấp 4 </option>
|
||||
</select>
|
||||
|
||||
<select class="w-[165px_!important] mr-[10px] h-[36px] border border-[#D8D8D8] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
|
||||
<option value=""> Thương hiệu </option>
|
||||
<option value=""> Brand </option>
|
||||
<option value=""> Brand </option>
|
||||
</select>
|
||||
|
||||
<input type="submit" value="Tìm kiếm" class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
|
||||
</form>
|
||||
|
||||
<div class="order-page-table">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<td width="50"> STT </td>
|
||||
<td width="90"> Ảnh </td>
|
||||
<td width="350"> Tên </td>
|
||||
<td> Thông tin bán hàng </td>
|
||||
<td> Lựa chọn </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
<td align="center"> 1 </td>
|
||||
|
||||
<td>
|
||||
<img src="https://via.placeholder.com/400x300" class="block m-auto"/>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<a href="" target="_blank"> Mainboard MSI B450 TOMAHAWK MAX II (AMD B450, Socket AM4, ATX, 4 Khe Cắm Ram DDR4) </a>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<p> - Mã kho: <b> CN1 </b> </p>
|
||||
<p> - Giá bán: <b> 1.999.000 vnđ </b> </p>
|
||||
<p> - Kho hàng : <b> 1 </b> </p>
|
||||
<p> - Bảo hành : <b> 36 Tháng </b> </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<div class="items-center flex justify-center">
|
||||
<a href="" title="Xem tại web" class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
|
||||
|
||||
<a href="" title="Xóa" class="icons icon-delete"></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</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>
|
||||
</div>
|
||||
</div>
|
||||
1
old/template/marketing/detail.html
Normal file
1
old/template/marketing/detail.html
Normal file
@@ -0,0 +1 @@
|
||||
<div></div>
|
||||
108
old/template/marketing/feed.html
Normal file
108
old/template/marketing/feed.html
Normal file
@@ -0,0 +1,108 @@
|
||||
{% if global.url contains 'view=fb-product-select' %}
|
||||
|
||||
{% include 'marketing/feed_select' %}
|
||||
|
||||
{% elsif global.url contains 'view=fb-product-add' %}
|
||||
|
||||
{% include 'marketing/feed_add' %}
|
||||
|
||||
{% elsif global.url contains 'view=fb-product-list' %}
|
||||
|
||||
{% include 'marketing/feed_list' %}
|
||||
|
||||
{% else %}
|
||||
<div class="w-[100%]">
|
||||
<div
|
||||
class="m-[16px] p-[20px_16px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
|
||||
<p class="leading-[31px] font-bold text-[24px] mb-[12px]"> Facebook Product Ads </p>
|
||||
|
||||
<div class="flex items-center justify-between mb-[20px]">
|
||||
<p class="mr-[15px]">Tổng hợp các danh sách chứa Sản phẩm dùng quảng cáo trên Facebook. Dùng link Facebook
|
||||
Feed
|
||||
ở danh sách phù hợp để nhập trong facebook ad manager</p>
|
||||
|
||||
<a href="/admin/marketing/feed?view=fb-product-add"
|
||||
class="flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[34px] p-[0_12px] 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 danh sách mới</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="overflow-x-auto">
|
||||
<table class="table">
|
||||
<thead class="bg-[#F6F6F6] text-[#000] text-[14px] font-500">
|
||||
<tr>
|
||||
<td width="45"> STT </td>
|
||||
<td> Danh sách </td>
|
||||
<td> Sản phẩm </td>
|
||||
<td> Facebook feed </td>
|
||||
<td> Google feed </td>
|
||||
<td> Cập nhật </td>
|
||||
<td width="270"> Lựa chọn </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
<td align="center"> 1 </td>
|
||||
|
||||
<td class="font-bold whitespace-nowrap"> 2023 còn hàng </td>
|
||||
|
||||
<td align="center"> 6.055 sp </td>
|
||||
|
||||
<td>
|
||||
<div class="min-w-[200px]">
|
||||
<input type="text" value="/feed/facebook.php?id=1" readonly
|
||||
class="w-full h-[35px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]" />
|
||||
<a href=""> FB feed </a>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<div class="min-w-[200px]">
|
||||
<input type="text" value="/feed/google.php?id=1" readonly
|
||||
class="w-full h-[35px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]" />
|
||||
<a href=""> Google feed </a>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td class="whitespace-nowrap">
|
||||
<p> Trương Thị Thái Ninh </p>
|
||||
<p> 25-10-2023, 3:05 pm </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<div class="flex items-center flex-wrap justify-center w-[250px]">
|
||||
<a href="/admin/marketing/feed?view=fb-product-list&id=1"
|
||||
class="block text-center font-[500] text-[#fff_!important] bg-[#0041E8] rounded-[4px] p-[0_9px] leading-[30px] mr-[8px]">Xem
|
||||
sản phẩm</a>
|
||||
|
||||
<a href="/admin/marketing/feed?view=fb-product-add&id=1"
|
||||
class="icons icon-edit mr-[8px]" title="Sửa lại"></a>
|
||||
|
||||
<a href="/admin/marketing/feed?view=fb-product-select&id=1"
|
||||
class="fas fa-plus-circle w-[30px] leading-[30px] mr-[8px] text-center rounded-[4px] border border-[#0041E8] bg-[#F5F7FF]"
|
||||
title="Thêm sản phẩm"></a>
|
||||
|
||||
<a href="" class="icons icon-delete" title="Xóa"></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</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>
|
||||
</div>
|
||||
{% endif %}
|
||||
70
old/template/marketing/feed_add.html
Normal file
70
old/template/marketing/feed_add.html
Normal file
@@ -0,0 +1,70 @@
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/admin/marketing/feed"> Facebook/Google Feed </a>
|
||||
<a href=""> Thêm/ sửa danh sách FB ad </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]">
|
||||
<p class="font-bold text-[20px] leading-[26px] mb-[10px]"> Cập nhật nhóm FB ad </p>
|
||||
<p class="text-[#6B7280]">ALL SP WEB 2023 NEW</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">
|
||||
<div class="mb-[17px] flex items-center">
|
||||
<p class="font-bold text-[20px] leading-[20px] mr-4"> Thông tin cơ bản </p>
|
||||
|
||||
<a href=""
|
||||
class="leading-[34px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_10px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
|
||||
Chọn Sản phẩm vào danh sách
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="mb-[15px]">
|
||||
<b class="mb-[6px] leading-[18px] block"> Đặt tên danh sách </b>
|
||||
|
||||
<input type="text" value=""
|
||||
class="w-[100%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
||||
</div>
|
||||
|
||||
|
||||
<div class="mb-[15px]">
|
||||
<p class="font-bold mb-[6px]"> Ghi chú / mô tả </p>
|
||||
|
||||
<textarea
|
||||
class="w-[100%] min-h-[122px] max-h-[170px] textarea textarea-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="mb-[15px]">
|
||||
<div class="mb-[12px]">
|
||||
<p class="font-[300] mb-1">
|
||||
<b class="font-bold">Google Product Category ID </b>
|
||||
<i class="text-[#6B7280]"> Chỉ điền 1 danh mục: ID hoặc Tên danh mục trong danh sách </i>
|
||||
<a href="" style="font-style: italic;"> tại đây </a>
|
||||
</p>
|
||||
|
||||
<i class="block text-[#6B7280]"> V.d nếu là sp Bird Food thì điền 4990 hoặc Animals & Pet Supplies >
|
||||
Pet Supplies > Bird Supplies > Bird Food </i>
|
||||
</div>
|
||||
|
||||
<input type="text" value=""
|
||||
class="w-[100%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
||||
</div>
|
||||
|
||||
<hr class="border-[4px] 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>
|
||||
113
old/template/marketing/feed_list.html
Normal file
113
old/template/marketing/feed_list.html
Normal file
@@ -0,0 +1,113 @@
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/admin/marketing/feed"> Facebook Product Ads </a>
|
||||
<a href=""> Sản phẩm hiển thị Facebook </a>
|
||||
</div>
|
||||
|
||||
<div class="m-0_0_16px_16px] p-[20px_16px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
|
||||
<p class="leading-[31px] font-bold text-[24px] mb-[12px]"> Danh sách: 2023 còn hàng </p>
|
||||
|
||||
<form method="get" enctype="multipart/form-data" action="/admin/" class="border border-[#F6F6F6] m-[12px_0_20px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
|
||||
<input type="text" name="q" id="keyword" value="" placeholder="Tìm sản phẩm" class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
|
||||
<input type="submit" value="Tìm kiếm" class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
|
||||
</form>
|
||||
|
||||
<div class="flex items-center flex-wrap justify-between mb-[20px]">
|
||||
<a href="" class="leading-[35px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
|
||||
Xóa danh sách được chọn
|
||||
</a>
|
||||
|
||||
<div class="flex items-center font-[500] leading-[35px]">
|
||||
<select class="min-w-[160px] h-[36px] m-[0_16px_0_0] p-[0_5px] border border-[#D8D8D8] rounded-[4px] mr-[15px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
|
||||
<option value=""> Xem theo điều kiện </option>
|
||||
<option value=""> option </option>
|
||||
</select>
|
||||
|
||||
<a href="/admin/marketing/feed?view=fb-product-select?id=" class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] 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 sản phẩm</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="order-page-table">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<td width="40"> <input type="checkbox" class="scale-[1.5] js-checkbox-all" onclick="CheckList.setAllChecked.call(this)"> </td>
|
||||
<td width="40"> STT </td>
|
||||
<td width="70"> Ảnh </td>
|
||||
<td> Tên Sản phẩm </td>
|
||||
<td> Thông tin bán hàng </td>
|
||||
<td width="180"> Lựa chọn </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
<td align="center">
|
||||
<input type="checkbox" class="scale-[1.5] js-checkbox-id">
|
||||
</td>
|
||||
|
||||
<td align="center"> 1 </td>
|
||||
|
||||
<td>
|
||||
<img src="https://via.placeholder.com/500x500" class="block">
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<a href="" target="_blank"> Chuột game Steelseries Prime Mini (62421) (USB/RGB) </a>
|
||||
<p> Mã kho: <b> MOVI213 </b> </p>
|
||||
<p> Lượt xem: 3360 </p>
|
||||
<p> Cập nhật: Hôm nay, 8:59 am </p>
|
||||
|
||||
<p class="inline-block mt-1 leading-[20px] border border-[#6B7280] text-[#6B7280] rounded-[50px] text-[12px] bg-[#F1F1F1] p-[0_10px]"> Chưa hiển thị </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<p> Giá: <b class="text-[red]">999.000</b> vnđ </p>
|
||||
<p> Kho hàng: <b>5</b> </p>
|
||||
<p> Bảo hành: <b>36 Tháng</b> </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<a href="" class="block text-center whitespace-nowrap font-[500] border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] leading-[34px] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||
Loại sản phẩm này
|
||||
</a>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr> <td align="center"> <input type="checkbox" class="scale-[1.5] js-checkbox-id"> </td><td align="center"> 2 </td><td><img src="https://via.placeholder.com/500x500/fe0" class="block"></td><td> <a href="" target="_blank"> Chuột game Steelseries </a> <p> Mã kho: <b> MOVI213 </b> </p><p> Lượt xem: 3360 </p><p> Cập nhật: Hôm nay, 8:59 am </p><p class="inline-block mt-1 leading-[20px] border border-[#6B7280] text-[#6B7280] rounded-[50px] text-[12px] bg-[#F1F1F1] p-[0_10px]"> Chưa hiển thị </p></td><td> <p> Giá: <b class="text-[red]">999.000</b> vnđ </p><p> Kho hàng: <b></b> </p><p> Bảo hành: <b></b> </p></td><td> <a href="" class="block text-center whitespace-nowrap font-[500] border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] leading-[34px] group hover:bg-[#0041E8] hover:text-[#fff]"> Loại sản phẩm này </a> </td></tr>
|
||||
|
||||
</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>
|
||||
|
||||
<script src="{{ 'checkbox.js' | asset_url }}"></script>
|
||||
|
||||
<script>
|
||||
|
||||
const LIST_ID = '26';
|
||||
const CheckList = Checkbox(removeProductFromFBList);
|
||||
|
||||
function removeProductFromFBList(pro_id) {
|
||||
$.post("/admin/ajax/facebook.php",{
|
||||
action : "remove-product-from-list"
|
||||
, list_id : LIST_ID
|
||||
, pro_id : pro_id
|
||||
},function(data){
|
||||
$("#row_"+pro_id).fadeOut();
|
||||
});
|
||||
}
|
||||
</script>
|
||||
83
old/template/marketing/feed_select.html
Normal file
83
old/template/marketing/feed_select.html
Normal file
@@ -0,0 +1,83 @@
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/admin/marketing/feed"> Facebook Product Ads </a>
|
||||
<a href=""> Thêm sản phẩm hiển thị Facebook </a>
|
||||
</div>
|
||||
|
||||
<div class="m-[0_0_16px_16px] p-[20px_16px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
|
||||
<p class="leading-[31px] font-bold text-[24px] mb-[12px]"> Chọn sản phẩm hiển thị Facebook </p>
|
||||
|
||||
<form method="get" enctype="multipart/form-data" action="/admin/" class="border border-[#F6F6F6] m-[12px_0_20px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
|
||||
<input type="text" name="q" id="keyword" value="" placeholder="Tìm sản phẩm" class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
|
||||
<input type="submit" value="Tìm kiếm" class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
|
||||
</form>
|
||||
|
||||
<div class="flex items-center justify-between m-[20px_0_16px]">
|
||||
<div class="flex items-center">
|
||||
<a href="" class="leading-[34px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] mr-[15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
|
||||
Thêm toàn bộ sản phẩm
|
||||
</a>
|
||||
|
||||
<a href="" class="leading-[34px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] mr-[15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
|
||||
Chọn danh mục Sản phẩm để xem
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center">
|
||||
<select class="min-w-[160px] h-[36px] p-[0_5px] border border-[#D8D8D8] rounded-[4px] mr-[15px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
|
||||
<option value=""> Lọc sản phẩm </option>
|
||||
<option value=""> option </option>
|
||||
</select>
|
||||
|
||||
<select class="min-w-[160px] h-[36px] p-[0_5px] border border-[#D8D8D8] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
|
||||
<option value=""> Sắp xếp sản phẩm </option>
|
||||
<option value=""> option </option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="order-page-table">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<td width="50"> STT </td>
|
||||
<td width="70"> Ảnh </td>
|
||||
<td> Tên Sản phẩm </td>
|
||||
<td> Thông tin bán hàng </td>
|
||||
<td width="160"> Lựa chọn </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
<td align="center"> 1 </td>
|
||||
<td> <img src="https://via.placeholder.com/500x350" class="block max-w-[52px] m-auto"/> </td>
|
||||
<td>
|
||||
<a href=""> Chuột game Steelseries Prime Mini (62421) (USB/RGB) </a>
|
||||
<p> Mã kho: <b> MOVI213 </b> </p>
|
||||
<p> Lượt xem: 3.360 </p>
|
||||
<p> Cập nhật: Hôm nay, 8:59 am </p>
|
||||
</td>
|
||||
<td>
|
||||
<p> Giá: <b class="text-[red]">999.000</b> vnđ </p>
|
||||
<p> Kho hàng: <b>5</b> </p>
|
||||
<p> Bảo hành: <b>36 Tháng</b> </p>
|
||||
</td>
|
||||
<td>
|
||||
<a href="" class="block text-center leading-[36px] bg-[#0041E8] text-[#fff_!important] font-[500] p-[0_12px] cursor-pointer rounded-[4px]"> Chọn sản phẩm </a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</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>
|
||||
1
old/template/marketing/home.html
Normal file
1
old/template/marketing/home.html
Normal file
@@ -0,0 +1 @@
|
||||
<div></div>
|
||||
45
old/template/marketing/poster_list.html
Normal file
45
old/template/marketing/poster_list.html
Normal file
@@ -0,0 +1,45 @@
|
||||
<div class="m-[16px_0_16px_16px] p-[20px_15px] bg-white">
|
||||
<p class="m-[0_0_13px] text-[24px] font-bold leading-[31px]"> Danh sách poster quảng cáo </p>
|
||||
|
||||
<div class="text-right m-[13px_0_20px]">
|
||||
<a href="/admin/marketing/poster-upload"
|
||||
class="rounded-[4px] bg-[#F5F7FF] border border-[#0041E8] hover:text-[#fff] hover:bg-[#0041E8] leading-[36px] font-[500] text-[#0041E8] p-[0_14px] inline-block">
|
||||
<i class="fas fa-file-download m-[0_4px_0_0]"></i> Upload poster mới
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="table">
|
||||
<table>
|
||||
<thead class="bg-[#F6F6F6] text-[#000] text-[14px] font-[500]">
|
||||
<tr>
|
||||
<td> STT </td>
|
||||
<td> Quản trị </td>
|
||||
<td> Tên file </td>
|
||||
<td> Danh sách file </td>
|
||||
<td> Thời gian đăng </td>
|
||||
<td> Lựa chọn </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr>
|
||||
<td align="center"> 1 </td>
|
||||
<td> admin@hurasoft.com </td>
|
||||
<td> Huyen - Test - Bỉm (Mẹ & Bé).html </td>
|
||||
<td> </td>
|
||||
<td> 02-08-2023, 4:51 pm </td>
|
||||
<td> <a href="javascript:void(0)" class="icons icon-delete m-auto" title="Xóa"></a> </td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="center"> 2 </td>
|
||||
<td> admin@hurasoft.com </td>
|
||||
<td> Huyen - Test - Bỉm (Mẹ & Bé).html </td>
|
||||
<td> </td>
|
||||
<td> 02-08-2023, 4:51 pm </td>
|
||||
<td> <a href="javascript:void(0)" class="icons icon-delete m-auto" title="Xóa"></a> </td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
48
old/template/marketing/poster_upload.html
Normal file
48
old/template/marketing/poster_upload.html
Normal file
@@ -0,0 +1,48 @@
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/admin/marketing/poster-list"> Danh sách Poster </a>
|
||||
<a href=""> Upload Poster </a>
|
||||
</div>
|
||||
|
||||
<div class="max-w-[1140px] m-auto p-[0_15px]">
|
||||
|
||||
<i class="block text-[13px] leading-[18px] mb-[10px]">Chức năng này cho phép bạn upload các file quảng cáo poster.
|
||||
Yêu cầu cần đặt trong file đuôi .zip. Server này giới hạn dung lượng file upload là 20 MB, do vậy nếu file .zip
|
||||
dung lượng lớn hơn 20MB thì bạn cần sử dụng công cụ FTP (hoặc liên hệ bên cung cấp server để nâng giới hạn file
|
||||
upload).</i>
|
||||
|
||||
<p
|
||||
class="w-[100%] bg-white m-[0_0_16px] text-center rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[54px] text-[18px] font-bold">
|
||||
Upload poster quảng cáo </p>
|
||||
|
||||
<div class="flex flex-wrap items-start m-[16px_0]">
|
||||
<div class="w-[25%] mr-[16px]">
|
||||
<div
|
||||
class="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;"> Upload Poster </a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<form enctype="multipart/form-data" method="post"
|
||||
class="w-[calc(100%_-25%_-16px)] bg-white p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
|
||||
<p class="mb-[20px]"> File zip chỉ được phép chứa file ảnh (jpg, gif) và html nếu có. </p>
|
||||
|
||||
<p class="mb-[20px]">
|
||||
<b class="text-[#E00000]">Chú ý</b>: Bạn cần nhớ tên file để truy cập, ví dụ bạn upload file abc.zip có
|
||||
chứa file khuyenmai.html, thì sau khi upload xong, đường dẫn truy cập sẽ là
|
||||
https://demopc8.hurasoft.com/media/marketing/abc/khuyenmai.html
|
||||
</p>
|
||||
|
||||
<div class="flex items-center border border-[#ECECEC] mb-[10px] p-[8px_12px]">
|
||||
<p class="mr-[10px]">Chọn file zip để upload (dung lượng tối đa 20MB)</p>
|
||||
<input type="file" name="zip_file"
|
||||
class="file-input w-full max-w-sm file-input-bordered h-[40px] text-[14px] file-input-primary"
|
||||
size="40" />
|
||||
</div>
|
||||
|
||||
<input name="submit" 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]">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
63
old/template/marketing/product_offer.html
Normal file
63
old/template/marketing/product_offer.html
Normal file
@@ -0,0 +1,63 @@
|
||||
<div class="max-w-[1141px] m-[17px_auto_20px] p-[0_15px]">
|
||||
<div class="flex flex-wrap items-start justify-center">
|
||||
|
||||
<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-[20px] flex flex-wrap items-center justify-between">
|
||||
<p class="font-bold text-[20px]"> Sản phẩm phiếu khuyến mại </p>
|
||||
|
||||
<a href="/admin/deal/deal-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]">
|
||||
<i class="far fa-file-excel mr-2"></i>
|
||||
<span>Tải danh sách hiện tại</span>
|
||||
</a>
|
||||
|
||||
<p class="w-[100%] text-[#6B7280] mt-[10px]"> Hướng dẫn: Để cập nhật/xoá Sản phẩm có mã khuyến mại, tải file
|
||||
excel mới nhất về và sửa từ đó. Để xoá sp thì chỉ cần xoá sp khỏi file excel. Sau khi chỉnh xong file
|
||||
excel thì Upload lại để hệ thống nhận mới. </p>
|
||||
</div>
|
||||
|
||||
<!-- col left -->
|
||||
<div class="w-[25%] mr-[16px]">
|
||||
<div
|
||||
class="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;"> Thông tin </a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- col right -->
|
||||
<form method="post" enctype="multipart/form-data"
|
||||
class="order-page-table w-[calc(100%_-25%_-16px)] bg-white p-[16pX_16px_20px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block text-[#6B7280]">
|
||||
|
||||
<table>
|
||||
<tr>
|
||||
<td width="215"> File cập nhật </td>
|
||||
|
||||
<td>
|
||||
<input type="file"
|
||||
class="file-input w-full max-w-sm file-input-bordered h-[40px] text-[14px] file-input-primary">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Lựa chọn </td>
|
||||
|
||||
<td>
|
||||
|
||||
<label class="cursor-pointer flex items-center mb-[5px]">
|
||||
<input type="checkbox" name="" checked="checked" class="checkbox checkbox-success" />
|
||||
<span class="label-text ml-[5px]">Xóa dữ liệu cũ trước khi cập nhật</span>
|
||||
</label>
|
||||
|
||||
<i class="block font-[300]">(* Nếu lựa chọn, hệ thống sẽ xóa bỏ hết dữ liệu đang có trước khi
|
||||
cập nhật dữ liệu nhận được từ file excel)</i>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<input name="commit" 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] mt-[17px]" />
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
95
old/template/marketing/promotion.html
Normal file
95
old/template/marketing/promotion.html
Normal file
@@ -0,0 +1,95 @@
|
||||
<div class="w-[100%]">
|
||||
<div
|
||||
class="marketing-coupon-page bg-white m-[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]"> Khuyến mại theo sản phẩm </p>
|
||||
|
||||
<form method="get" enctype="multipart/form-data" action="/admin/"
|
||||
class="border border-[#F6F6F6] m-[12px_0_20px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
|
||||
<input type="hidden" name="opt" value="marketing">
|
||||
<input type="hidden" name="view" value="promotion">
|
||||
|
||||
<input type="text" name="q" id="keyword" value=""
|
||||
class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
|
||||
<input type="submit" value="Tìm kiếm"
|
||||
class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
|
||||
</form>
|
||||
|
||||
<div class="flex items-center justify-between m-[20px_0_25px]">
|
||||
<p> Danh sách các khuyến mại đi kèm khi người dùng mua Sản phẩm. Bạn cần tạo khuyến mại và lựa chọn Sản phẩm
|
||||
phù
|
||||
hợp cho từng khuyến mại </p>
|
||||
|
||||
<div class="flex items-center">
|
||||
<a href="/admin/marketing/promotion-add"
|
||||
class="flex items-center whitespace-nowrap border border-[#0041E8] mr-[15px] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[35px] p-[0_12px]">
|
||||
<span
|
||||
class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10px] text-center rounded-[50%] mr-1">+</span>
|
||||
<span>Thêm khuyến mại mới</span>
|
||||
</a>
|
||||
|
||||
<a href="/admin/marketing/promotion-group"
|
||||
class="flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[35px] p-[0_12px]">
|
||||
<i class="far fa-bookmark mr-[8px]"></i>
|
||||
<span>Nhóm khuyến mại</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="overflow-x-auto">
|
||||
<table class="table">
|
||||
<thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
|
||||
<tr class="font-[600]">
|
||||
<td width="50"> STT </td>
|
||||
<td> Khuyến mại </td>
|
||||
<td> Thời gian </td>
|
||||
<td> Cập nhật cuối </td>
|
||||
<td> Sản phẩm </td>
|
||||
<td width="180"> Lựa chọn </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<td align="center"> 1 </td>
|
||||
|
||||
<td class="whitespace-nowrap">
|
||||
<p>
|
||||
[Quà tặng] <b class="text-[#0041E8] font-bold">Phiếu mua hàng trị giá 100.000 VND</b>
|
||||
</p>
|
||||
<p> - Mô tả: Phiếu mua hàng </p>
|
||||
<p> - Giá trị: 0 VND </p>
|
||||
<p> - Số lượng: 0 </p>
|
||||
</td>
|
||||
|
||||
<td class="whitespace-nowrap">
|
||||
<p>Không giới hạn thời gian</p>
|
||||
</td>
|
||||
|
||||
<td class="whitespace-nowrap">
|
||||
<p>Admin</p>
|
||||
<p>06-06-2020, 10:57 am</p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<a href="/admin/marketing/promotion-product?id=1"
|
||||
class="block text-center font-[500] text-[#fff_!important] bg-[#0041E8] rounded-[4px] p-[0_9px] leading-[30px]">Xem</a>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<div class="flex items-center flex-wrap justify-center w-[180px]">
|
||||
<a href="/admin/marketing/promotion-add?id=1"
|
||||
class="border-[1px] border-[#0041E8] icons icon-edit w-[32px] h-[32px] mr-[6px]"
|
||||
title="Sửa lại"></a>
|
||||
<a href="" title="Cho Hiển thị"
|
||||
class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]">
|
||||
</a>
|
||||
<!-- <a href="" title="Hạ Hiển thị" class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a> -->
|
||||
<a href="" title="Dừng khuyến mại"
|
||||
class="fas fa-volume-mute bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
|
||||
<a href="" class="icons icon-delete" title="Xóa"></a>
|
||||
</div>
|
||||
</td>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
278
old/template/marketing/promotion_add.html
Normal file
278
old/template/marketing/promotion_add.html
Normal file
@@ -0,0 +1,278 @@
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/admin/marketing/promotion"> Khuyến mại theo sản phẩm </a>
|
||||
<a href=""> Form thêm/sửa khuyến mại </a>
|
||||
</div>
|
||||
|
||||
<div class="max-w-[1141px] m-[auto] p-[0_15px]">
|
||||
<div class="flex flex-wrap items-start justify-center">
|
||||
{% if global.url contains 'id=' %}
|
||||
<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 </p>
|
||||
|
||||
<a href="/admin/marketing/promotion-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 khuyến mại mới</span>
|
||||
</a>
|
||||
|
||||
<p class="w-[100%] text-[#6B7280]">
|
||||
Tặng phiếu vệ sinh bảo dưỡng Laptop, PC miễn phí trọn đời trị giá 999.000đ (THEK417)
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="w-[25%] mr-[16px]">
|
||||
<div
|
||||
class="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>
|
||||
<a href="/admin/marketing/promotion-product?id=1"
|
||||
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Danh sách
|
||||
sản
|
||||
phẩm </a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
{% endif %}
|
||||
|
||||
<form method="post" enctype="multipart/form-data"
|
||||
class="order-page-table w-[calc(100%_-25%_-16px)] bg-white p-[16pX_16px_20px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] block">
|
||||
|
||||
<p class="mb-[20px] font-bold text-[20px]">Thông tin cơ bản</p>
|
||||
|
||||
<div class="mb-[18px]">
|
||||
<p class="mb-[7px]"> <b>Hình thức</b> </p>
|
||||
|
||||
<select class="w-[300px_!important] select select-bordered h-[40px] min-h-[40px]">
|
||||
<option value="" selected> Quà tặng </option>
|
||||
<option value=""> Dịch vụ </option>
|
||||
<option value=""> Sản phẩm </option>
|
||||
<option value=""> Khác </option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="mb-[18px]">
|
||||
<p class="inline-block m-[0_17px_7px_0]"> <b>Ảnh đại diện (nếu có)</b> </p>
|
||||
<input type="file" name="file_thumbnail" />
|
||||
|
||||
<div>
|
||||
<img src="https://via.placeholder.com/400x300" class="block m-[10px_0_0] max-h-[100px]" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-[18px]">
|
||||
<p class="mb-[7px]"> <b>Đặt tiêu đề khuyến mại</b> </p>
|
||||
|
||||
<input type="text" value=""
|
||||
class="w-[100%] h-[34px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
|
||||
<div class="flex flex-wrap justify-between">
|
||||
<div class="mb-[18px] w-[49%]">
|
||||
<p class="mb-[7px]"> <b>Giá trị bằng</b> (VNĐ) </p>
|
||||
|
||||
<input type="text" value="0"
|
||||
class="w-[100%] h-[34px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
|
||||
<div class="mb-[18px] w-[49%]">
|
||||
<p class="mb-[7px]"> <b>Số lượng</b> (Để = -1 nếu không hạn chế số lượng)</p>
|
||||
<input type="text" value="0"
|
||||
class="w-[100%] h-[34px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-[18px]">
|
||||
<p class="mb-[7px]"> <b>Mô tả</b> </p>
|
||||
|
||||
<textarea
|
||||
class="w-[100%] min-h-[122px] max-h-[170px] textarea textarea-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
|
||||
</div>
|
||||
|
||||
<div class="mb-[18px] flex flex-wrap">
|
||||
<p class="mr-[45px]"> <b>Thời gian hiệu lực</b> </p>
|
||||
|
||||
<div class="mb-[18px]">
|
||||
|
||||
<label class="cursor-pointer flex items-center mb-[10px]">
|
||||
<input type="radio" name="info[time_valid]" value="0" class="radio checked:bg-blue-500"
|
||||
checked="checked" />
|
||||
<span class="label-text ml-[10px]">Không giới hạn thời gian</span>
|
||||
</label>
|
||||
|
||||
<label class="cursor-pointer flex items-center mb-[10px]">
|
||||
<input type="radio" name="info[time_valid]" value="1" class="radio checked:bg-blue-500" />
|
||||
<span class="label-text ml-[10px]">Thời gian giới hạn</span>
|
||||
</label>
|
||||
|
||||
<div class="items-center mb-[10px]" 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" 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="to_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[to_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>
|
||||
</div>
|
||||
|
||||
<div class="mb-[18px]">
|
||||
<p class="mb-[7px]"> <b>Link liên quan (nếu có)</b> (Link tới 1 bài viết giới thiệu chi tiết hoặc link
|
||||
sản phẩm) </p>
|
||||
|
||||
<input type="text" value=""
|
||||
class="w-[100%] h-[34px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
|
||||
<div class="mb-[18px]">
|
||||
<p class="mb-[7px]"> <b>Ghi chú</b> </p>
|
||||
|
||||
<textarea
|
||||
class="w-[100%] min-h-[70px] max-h-[100px] textarea rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center">
|
||||
<p> <b>Hiển thị</b> </p>
|
||||
|
||||
|
||||
<label class="cursor-pointer flex items-center m-[0_76px]">
|
||||
<input type="radio" name="info[status]" value="1" class="radio checked:bg-blue-500" checked />
|
||||
<span class="label-text ml-[10px]">Cho hiển thị</span>
|
||||
</label>
|
||||
|
||||
|
||||
<label class="cursor-pointer flex items-center">
|
||||
<input type="radio" name="info[status]" value="0" class="radio checked:bg-blue-500" />
|
||||
<span class="label-text ml-[10px]">Ẩn hiển thị</span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<p class="bg-[#FAFAFB] h-[6px] m-[20px_-16px]"></p>
|
||||
|
||||
<input name="commit" 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>
|
||||
84
old/template/marketing/promotion_group.html
Normal file
84
old/template/marketing/promotion_group.html
Normal file
@@ -0,0 +1,84 @@
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/admin/marketing/promotion"> Khuyến mại theo sản phẩm </a>
|
||||
<a href=""> Nhóm khuyến mại </a>
|
||||
</div>
|
||||
|
||||
<div class="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] mb-[10px] font-bold text-[24px]"> Nhóm khuyến mại </p>
|
||||
|
||||
<div class="flex items-center justify-between m-[10px_0_15px]">
|
||||
<p> Tổ chức khuyến mại theo nhóm để lựa chọn cho sản phẩm nhanh hơn. </p>
|
||||
|
||||
<a href="/admin/marketing/promotion-group-add" class="flex items-center whitespace-nowrap border border-[#0041E8] mr-[15px] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[35px] p-[0_12px] group hover:bg-[#0041E8] hover:text-white">
|
||||
<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 nhóm mới</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="order-page-table">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<td width="40"> STT </td>
|
||||
<td> Nhóm </td>
|
||||
<td> Danh sách khuyến mại </td>
|
||||
<td width="200"> Ghi chú </td>
|
||||
<td> Cập nhật cuối </td>
|
||||
<td> Sản phẩm </td>
|
||||
<td width="85"> Lựa chọn </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
<td align="center"> 1 </td>
|
||||
|
||||
<td>
|
||||
<b> KM màn </b>
|
||||
<p> - Mô tả: </p>
|
||||
<p> - Phân loại: Khách hàng được nhận tất cả KM trong nhóm </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<p> - Đón Tết Rồng Vàng Tặng 2024 Phần Quà (0 VND) </p>
|
||||
<p> - KM Giá treo màn hình (0 VND) </p>
|
||||
</td>
|
||||
|
||||
<td> </td>
|
||||
|
||||
<td>
|
||||
<p> Trần Kim Ngân </p>
|
||||
<p> 05-02-2024, 10:15 am </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<a href="/admin/marketing/promotion-group-product?id=1" class="whitespace-nowrap block text-center leading-[30px] rounded-[4px] text-[#fff_!important] bg-[#0041E8] p-[0_6px]">
|
||||
Xem sản phẩm
|
||||
</a>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<div class="items-center flex justify-center">
|
||||
<a href="/admin/marketing/promotion-group-add?id=1" title="Sửa lại" class="icons icon-edit"></a>
|
||||
|
||||
<a href="" title="Xóa" class="icons icon-delete"></a>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</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>
|
||||
187
old/template/marketing/promotion_group_add.html
Normal file
187
old/template/marketing/promotion_group_add.html
Normal file
@@ -0,0 +1,187 @@
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/admin/marketing/promotion"> Khuyến mại theo sản phẩm </a>
|
||||
<a href=""> Form thêm/sửa khuyến mại </a>
|
||||
</div>
|
||||
|
||||
<div class="max-w-[1141px] m-[0_auto_20px]">
|
||||
<div class="flex flex-wrap items-start justify-center">
|
||||
{% if global.url contains 'id=' %}
|
||||
<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 </p>
|
||||
|
||||
<a href="/admin/marketing/promotion-group-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 nhóm mới</span>
|
||||
</a>
|
||||
|
||||
<p class="w-[100%] text-[#6B7280]">
|
||||
Tặng phiếu vệ sinh bảo dưỡng Laptop, PC miễn phí trọn đời trị giá 999.000đ (THEK417)
|
||||
</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)" style="color: #Fff;background: #0041E8;" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Chỉnh sửa </a>
|
||||
<a href="/admin/marketing/promotion-group-product?id=1" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Danh sách sản phẩm </a>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<form method="post" enctype="multipart/form-data" class="order-page-table w-[852px] bg-white p-[16pX_16px_20px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] block">
|
||||
<p class="font-bold text-[20px] leading-[20px] mb-[17px]"> Thông tin cơ bản </p>
|
||||
|
||||
<div class="mb-[15px]">
|
||||
<p class="font-bold mb-[7px]"> Đặt tên nhóm </p>
|
||||
|
||||
<input type="text" value="" class="w-[100%] h-[32px] border border-[#D8D8D8] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
|
||||
</div>
|
||||
|
||||
<div class="mb-[25px]">
|
||||
<p class="font-bold mb-[7px]"> Mô 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>
|
||||
|
||||
<div class="mb-[15px]">
|
||||
<p class="font-bold mb-[7px] inline-block"> Chọn khuyến mại </p>
|
||||
|
||||
<a href="#popup-promotionListToSelect" data-fancybox class="inline-block m-[0_10px] border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[30px] p-[0_10px] hover:bg-[#0041E8] hover:text-[#fff]">
|
||||
Chọn khuyến mại vào nhóm
|
||||
</a>
|
||||
|
||||
<i class="font-300 text-[#6B7280]"> (* Cần nhấn Cập nhật để lưu lại) </i>
|
||||
</div>
|
||||
|
||||
<div class="order-page-table mb-[15px]">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<td> Khuyến mại </td>
|
||||
<td width="130"> Lựa chọn </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr id="js-row-1">
|
||||
<td style="vertical-align: middle;"> - Tặng ngay 01 Bếp lẩu nướng đa năng- hiệu Edra </td>
|
||||
|
||||
<td>
|
||||
<div class="items-center flex justify-center">
|
||||
|
||||
<a href="javascript:void(0)" title="Cho lên" onclick="movePromotion('#js-row-1', 'up')" class="fas fa-long-arrow-alt-up bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px] hover:border-[#0041E8] hover:text-[#0041E8_!important] hover:bg-[#F5F7FF]"></a>
|
||||
|
||||
<a href="javascript:void(0)" title="Cho xuống" onclick="movePromotion('#js-row-1', 'down')" class="fas fa-long-arrow-alt-down bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px] hover:border-[#0041E8] hover:text-[#0041E8_!important] hover:bg-[#F5F7FF]"></a>
|
||||
|
||||
<a href="javascript:void(0)" title="Xóa" onclick="removeRow('#js-row-1')" class="icons icon-delete hover:border-[#0041E8]"></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr id="js-row-2"> <td style="vertical-align: middle;"> - Test Khuyến mại 2 </td><td> <div class="items-center flex justify-center"> <a href="javascript:void(0)" title="Cho lên" onclick="movePromotion('#js-row-2', 'up')" class="fas fa-long-arrow-alt-up bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px] hover:border-[#0041E8] hover:text-[#0041E8_!important] hover:bg-[#F5F7FF]"></a> <a href="javascript:void(0)" title="Cho xuống" onclick="movePromotion('#js-row-2', 'down')" class="fas fa-long-arrow-alt-down bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px] hover:border-[#0041E8] hover:text-[#0041E8_!important] hover:bg-[#F5F7FF]"></a> <a href="javascript:void(0)" title="Xóa" onclick="removeRow('#js-row-2')" class="icons icon-delete hover:border-[#0041E8]"></a> </div></td></tr><tr id="js-row-3"> <td style="vertical-align: middle;"> - Test 3 </td><td> <div class="items-center flex justify-center"> <a href="javascript:void(0)" title="Cho lên" onclick="movePromotion('#js-row-3', 'up')" class="fas fa-long-arrow-alt-up bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px] hover:border-[#0041E8] hover:text-[#0041E8_!important] hover:bg-[#F5F7FF]"></a> <a href="javascript:void(0)" title="Cho xuống" onclick="movePromotion('#js-row-3', 'down')" class="fas fa-long-arrow-alt-down bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px] hover:border-[#0041E8] hover:text-[#0041E8_!important] hover:bg-[#F5F7FF]"></a> <a href="javascript:void(0)" title="Xóa" onclick="removeRow('#js-row-3')" class="icons icon-delete hover:border-[#0041E8]"></a> </div></td></tr>
|
||||
|
||||
</tbody>
|
||||
|
||||
</table>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="mb-[15px]">
|
||||
<p class="font-bold mb-[7px]"> Ghi chú <i class="font-[300] font=[#6B7280]">(* dành cho quản trị)</i> </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 name="commit" 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>
|
||||
|
||||
<!-- Popup chọn khuyến mại -->
|
||||
<div id="popup-promotionListToSelect" class="hidden p-[16px] rounded-[15px] w-[100%] max-w-[1141px]">
|
||||
<p class="leading-[26px] text-[20px] font-bold mb-[17px]"> Chọn khuyến mại </p>
|
||||
|
||||
<div class="order-page-table">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<td width="50"> STT </td>
|
||||
<td width="400"> Khuyến mại </td>
|
||||
<td width="250"> Thời gian </td>
|
||||
<td> Ghi chú </td>
|
||||
<td width="190"> Lựa chọn </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr>
|
||||
<td align="center"> 1 </td>
|
||||
|
||||
<td>
|
||||
<p> [Dịch vụ] </p>
|
||||
<p> - Mô tả: <b> 🎁 Tặng ngay 01 màn hình Lenovo Q24i-20 trị giá 4.690.000 VNĐ </b> </p>
|
||||
<p> - Giá trị: <b> 0 VNĐ </b> </p>
|
||||
<p> - Số lượng: <b> 0 </b> </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<p class="m-[0_6px_6px_0]">
|
||||
- Bắt đầu: 23-10-2023, 12:00 am <br>
|
||||
- Kết thúc: 28-10-2023, 12:00 am
|
||||
</p>
|
||||
|
||||
<span class="inline-block m-[0_0_6px_0] bg-[#F7F5FF] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#0041E8] shadow-[0_0_0_1px_#0041E8]">
|
||||
Đã chạy
|
||||
</span>
|
||||
|
||||
<span class="inline-block m-[0_0_6px_0] bg-[#F9F2F2] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#E00000] shadow-[0_0_0_1px_#E00000]">
|
||||
Đã dừng
|
||||
</span>
|
||||
</td>
|
||||
|
||||
<td> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nostrum cupiditate soluta, nam, placeat molestias, possimus id aliquam sed repellat voluptatum ullam quaerat voluptatem tempore quisquam? Assumenda atque exercitationem in officiis?</p> </td>
|
||||
|
||||
<td>
|
||||
<a href="#popup-promotionListToSelect" data-fancybox="" class="block border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[30px] p-[0_10px] hover:bg-[#0041E8] hover:text-[#fff]">
|
||||
Chọn khuyến mại này
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="paging m-[20px_0!important]">
|
||||
<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>
|
||||
<!-- Popup chọn khuyến mại -->
|
||||
|
||||
|
||||
<script>
|
||||
|
||||
function removeRow(row_id) {
|
||||
$(row_id).remove();
|
||||
}
|
||||
|
||||
function move($div, dir) {
|
||||
//var $div = $(this).parent();
|
||||
if (dir === 'up') {
|
||||
$div.insertBefore($div.prev());
|
||||
} else {
|
||||
$div.insertAfter($div.next());
|
||||
}
|
||||
}
|
||||
|
||||
function movePromotion(row, dir) {
|
||||
var $div = $(row);
|
||||
move($div, dir);
|
||||
}
|
||||
</script>
|
||||
290
old/template/marketing/promotion_group_product.html
Normal file
290
old/template/marketing/promotion_group_product.html
Normal file
@@ -0,0 +1,290 @@
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/admin/marketing/promotion"> Khuyến mại theo sản phẩm </a>
|
||||
<a href="/admin/marketing/promotion-group"> Nhóm khuyến mại </a>
|
||||
<a href=""> Form thêm/sửa nhóm khuyến mại </a>
|
||||
</div>
|
||||
|
||||
<div class="max-w-[1141px] m-[0_auto_20px]">
|
||||
<div class="flex flex-wrap items-start justify-center">
|
||||
{% if global.url contains 'id=' %}
|
||||
<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 </p>
|
||||
|
||||
<a href="/admin/marketing/promotion-group-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 nhóm mới</span>
|
||||
</a>
|
||||
|
||||
<p class="w-[100%] text-[#6B7280]">
|
||||
Tặng phiếu vệ sinh bảo dưỡng Laptop, PC miễn phí trọn đời trị giá 999.000đ (THEK417)
|
||||
</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="/admin/marketing/promotion-group-add?id=1" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Chỉnh sửa </a>
|
||||
<a href="javascript:void(0)" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition" style="color: #Fff;background: #0041E8;"> Danh sách sản phẩm </a>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<form method="post" enctype="multipart/form-data" class="order-page-table w-[852px] bg-white p-[16pX_16px_20px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] block">
|
||||
<div class="flex flex-wrap items-center justify-between mb-[13px]">
|
||||
<p class="font-bold text-[20px] leading-[20px] mr-3"> Danh sách sản phẩm có nhóm khuyến mại </p>
|
||||
|
||||
<a href="#popup-promotionListToSelect" data-fancybox="" class="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]">
|
||||
<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 sản phẩm mới</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="order-page-table">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<td width="50"> STT </td>
|
||||
<td width="90"> Ảnh </td>
|
||||
<td width="350"> Tên </td>
|
||||
<td> Thông tin bán hàng </td>
|
||||
<td> Lựa chọn </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
<td align="center"> 1 </td>
|
||||
|
||||
<td>
|
||||
<img src="https://via.placeholder.com/400x300" class="block m-auto"/>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<a href="" target="_blank"> Mainboard MSI B450 TOMAHAWK MAX II (AMD B450, Socket AM4, ATX, 4 Khe Cắm Ram DDR4) </a>
|
||||
<p> Mã kho : Hurasoft212333 </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<p> - Giá bán: <b> 1.999.000 vnđ </b> </p>
|
||||
<p> - Kho hàng : <b> 1 </b> </p>
|
||||
<p> - Bảo hành : <b> 36 Tháng </b> </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<div class="items-center flex justify-center">
|
||||
<a href="" title="Xem tại web" class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
|
||||
|
||||
<a href="" title="Xóa" class="icons icon-delete"></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</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>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Popup Chọn sản phẩm vào nhóm khuyến mại -->
|
||||
<div id="popup-promotionListToSelect" class="hidden p-[16px] rounded-[15px] w-[100%] max-w-[1141px]">
|
||||
<p class="leading-[26px] text-[20px] font-bold mb-[17px]"> Chọn sản phẩm vào nhóm khuyến mại </p>
|
||||
|
||||
<form method="get" enctype="multipart/form-data" action="/admin/" class="border border-[#F6F6F6] m-[12px_0_20px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
|
||||
<input type="text" name="q" id="keyword" value="" class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
|
||||
<input type="submit" value="Tìm kiếm" class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
|
||||
</form>
|
||||
|
||||
<div class="flex items-center m-[15px_0]">
|
||||
<a href="javascript:void(0)" onclick="js_list_category.showModal()" class="leading-[34px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] mr-[15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
|
||||
Chọn danh mục để xem
|
||||
</a>
|
||||
|
||||
<a href="javascript:void(0)" onclick="js_list_brand.showModal()" class="leading-[34px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] mr-[15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
|
||||
Chọn thương hiệu để xem
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="order-page-table">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<td width="50"> STT </td>
|
||||
<td> Sản phẩm (Tổng số: 28.878) </td>
|
||||
<td width="160"> Giá </td>
|
||||
<td width="90"> Kho hàng </td>
|
||||
<td width="150"> Lựa chọn </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr align="center">
|
||||
<td> 1 </td>
|
||||
|
||||
<td align="left">
|
||||
<a href="" target="_blank"> Laptop Lenovo IdeaPad Slim 5 14IRL8 82XD007QVN (Intel Core i7-13620H | 16GB | 512GB | Intel UHD | 14 inch WUXGA | Win 11| Xám) </a>
|
||||
<p> Mã kho : <b>NBLN0777</b> </p>
|
||||
</td>
|
||||
|
||||
<td> 19.999.000 </td>
|
||||
|
||||
<td> 1.000 </td>
|
||||
|
||||
<td>
|
||||
<a href="#popup-promotionListToSelect" data-fancybox="" class="block border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[30px] p-[0_10px] hover:bg-[#0041E8] hover:text-[#fff]">
|
||||
Chọn sản phẩm
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="paging m-[20px_0!important]">
|
||||
<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>
|
||||
<!-- Popup Chọn sản phẩm vào nhóm khuyến mại -->
|
||||
|
||||
|
||||
<!-- Popup Danh mục + thương hiệu -->
|
||||
<dialog id="js_list_category" class="modal">
|
||||
<div class="modal-box max-w-xl p-[16px]">
|
||||
<form method="dialog">
|
||||
<button class="absolute bg-[#ECECEC] font-bold leading-[30px] right-2 rounded-[50%] text-[#9E9E9E] top-2 w-[30px]">✕</button>
|
||||
</form>
|
||||
|
||||
<p class="mb-[6px] font-bold text-[20px] leading-[26px]"> Chọn danh mục để xem </p>
|
||||
<p class="m-[6px_0]"> Tổng số sản phẩm: 1.740 </p>
|
||||
|
||||
<ul class="h-[400px] overflow-auto leading-[24px]">
|
||||
<li class="mb-[7px]">
|
||||
<div>
|
||||
+ (#1) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 1 </a>
|
||||
</div>
|
||||
|
||||
<ul class="pl-[15px]">
|
||||
|
||||
<li class="mb-[2px]">
|
||||
<div>
|
||||
+ (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a>
|
||||
</div>
|
||||
|
||||
<ul class="pl-[15px]">
|
||||
<li class="mb-[2px]">
|
||||
<div>
|
||||
+ (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5)
|
||||
</div>
|
||||
|
||||
<ul class="pl-[15px]">
|
||||
<li>
|
||||
<div>
|
||||
+ (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5)
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li class="mb-[2px]">
|
||||
<div>
|
||||
+ (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5)
|
||||
</div>
|
||||
</li>
|
||||
<li class="mb-[2px]">
|
||||
<div>
|
||||
+ (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5)
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</li>
|
||||
|
||||
<!-- loop -->
|
||||
<li class="mb-[2px]"> <div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div><ul class="pl-[15px]"> <li> <div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div></li></ul> </li></ul> </li>
|
||||
<!-- // -->
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<!-- Clone -->
|
||||
<li class="mb-[7px]"> <div> + (#1) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 1 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div><ul class="pl-[15px]"> <li> <div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div></li></ul> </li></ul> </li><li class="mb-[2px]"> <div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div><ul class="pl-[15px]"> <li> <div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div></li></ul> </li></ul> </li></ul> </li><li class="mb-[2px]"> <div> + (#1) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 1 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div><ul class="pl-[15px]"> <li> <div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div></li></ul> </li></ul> </li><li class="mb-[2px]"> <div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div><ul class="pl-[15px]"> <li> <div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div></li></ul> </li></ul> </li></ul> </li>
|
||||
<!-- // clone -->
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form method="dialog" class="modal-backdrop">
|
||||
<button>close</button>
|
||||
</form>
|
||||
</dialog>
|
||||
|
||||
<dialog id="js_list_brand" class="modal">
|
||||
<div class="modal-box max-w-xl p-[16px]">
|
||||
<form method="dialog">
|
||||
<button class="absolute bg-[#ECECEC] font-bold leading-[30px] right-2 rounded-[50%] text-[#9E9E9E] top-2 w-[30px]">✕</button>
|
||||
</form>
|
||||
|
||||
<p class="mb-[6px] font-bold text-[20px] leading-[26px]"> Chọn thương hiệu để xem </p>
|
||||
|
||||
<div class="h-[400px] overflow-auto">
|
||||
<p class="mb-[6px]"> Tìm theo chữ cái: </p>
|
||||
|
||||
<div class="flex flex-wrap items-center brand-letters leading-[24px] mb-[20px]">
|
||||
<a href="">
|
||||
A <span class="text-[black]">(73)</span>
|
||||
</a>
|
||||
|
||||
<a href=""> b <span class="text-[black]">(73)</span></a><a href=""> c <span class="text-[black]">(73)</span></a><a href=""> d <span class="text-[black]">(73)</span></a><a href=""> e <span class="text-[black]">(73)</span></a><a href=""> f <span class="text-[black]">(73)</span></a><a href=""> g <span class="text-[black]">(73)</span></a><a href=""> 123 <span class="text-[black]">(73)</span></a><a href=""> b <span class="text-[black]">(73)</span></a><a href=""> c <span class="text-[black]">(73)</span></a><a href=""> d <span class="text-[black]">(73)</span></a><a href=""> e <span class="text-[black]">(73)</span></a><a href=""> f <span class="text-[black]">(73)</span></a><a href=""> g <span class="text-[black]">(73)</span></a><a href=""> 123 <span class="text-[black]">(73)</span></a><a href=""> b <span class="text-[black]">(73)</span></a><a href=""> c <span class="text-[black]">(73)</span></a><a href=""> d <span class="text-[black]">(73)</span></a><a href=""> e <span class="text-[black]">(73)</span></a><a href=""> f <span class="text-[black]">(73)</span></a><a href=""> g <span class="text-[black]">(73)</span></a><a href=""> 123 <span class="text-[black]">(73)</span></a><a href=""> b <span class="text-[black]">(73)</span></a><a href=""> c <span class="text-[black]">(73)</span></a><a href=""> d <span class="text-[black]">(73)</span></a><a href=""> e <span class="text-[black]">(73)</span></a><a href=""> f <span class="text-[black]">(73)</span></a>
|
||||
</div>
|
||||
|
||||
<div class="order-page-table">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<td width="40">STT</td>
|
||||
<td>Thương hiệu</td>
|
||||
<td width="120">Số sản phẩm</td>
|
||||
<td width="80"></td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr align="center">
|
||||
<td> 1 </td>
|
||||
<td align="left"> ABS </td>
|
||||
<td> 1 </td>
|
||||
<td>
|
||||
<a href="/admin/deal/deal-add?id=1" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- loop -->
|
||||
<tr align="center"> <td> 2 </td><td align="left"> A </td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 3</td><td align="left"> B</td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 4 </td><td align="left"> C</td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 5 </td><td align="left"> ABS </td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr>
|
||||
<tr align="center"> <td> 2 </td><td align="left"> A </td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 3</td><td align="left"> B</td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 4 </td><td align="left"> C</td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 5 </td><td align="left"> ABS </td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr>
|
||||
<!-- // -->
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<form method="dialog" class="modal-backdrop">
|
||||
<button>close</button>
|
||||
</form>
|
||||
</dialog>
|
||||
<!-- Popup Danh mục + thương hiệu -->
|
||||
290
old/template/marketing/promotion_product.html
Normal file
290
old/template/marketing/promotion_product.html
Normal file
@@ -0,0 +1,290 @@
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/admin/marketing/promotion"> Khuyến mại theo sản phẩm </a>
|
||||
<a href=""> Form thêm/sửa khuyến mại </a>
|
||||
</div>
|
||||
|
||||
<div class="max-w-[1141px] m-[0_auto_20px]">
|
||||
<div class="flex flex-wrap items-start justify-center">
|
||||
{% if global.url contains 'id=' %}
|
||||
<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 </p>
|
||||
|
||||
<a href="/admin/marketing/promotion-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 khuyến mại mới</span>
|
||||
</a>
|
||||
|
||||
<p class="w-[100%] text-[#6B7280]">
|
||||
Tặng phiếu vệ sinh bảo dưỡng Laptop, PC miễn phí trọn đời trị giá 999.000đ (THEK417)
|
||||
</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="/admin/marketing/promotion-add?id=1" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Chỉnh sửa </a>
|
||||
<a href="javascript:void(0)" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition" style="color: #Fff;background: #0041E8;"> Danh sách sản phẩm </a>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<form method="post" enctype="multipart/form-data" class="order-page-table w-[852px] bg-white p-[16pX_16px_20px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] block">
|
||||
<div class="flex flex-wrap items-center justify-between mb-[13px]">
|
||||
<p class="font-bold text-[20px] leading-[20px] mr-3"> Danh sách sản phẩm có nhóm khuyến mại </p>
|
||||
|
||||
<a href="#popup-promotionListToSelect" data-fancybox="" class="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]">
|
||||
<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 sản phẩm mới</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="order-page-table">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<td width="50"> STT </td>
|
||||
<td width="90"> Ảnh </td>
|
||||
<td width="350"> Tên </td>
|
||||
<td> Thông tin bán hàng </td>
|
||||
<td> Lựa chọn </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
<td align="center"> 1 </td>
|
||||
|
||||
<td>
|
||||
<img src="https://via.placeholder.com/400x300" class="block m-auto"/>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<a href="" target="_blank"> Mainboard MSI B450 TOMAHAWK MAX II (AMD B450, Socket AM4, ATX, 4 Khe Cắm Ram DDR4) </a>
|
||||
<p> Mã kho : Hurasoft212333 </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<p> - Giá bán: <b> 1.999.000 vnđ </b> </p>
|
||||
<p> - Kho hàng : <b> 1 </b> </p>
|
||||
<p> - Bảo hành : <b> 36 Tháng </b> </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<div class="items-center flex justify-center">
|
||||
<a href="" title="Xem tại web" class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
|
||||
|
||||
<a href="" title="Xóa" class="icons icon-delete"></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</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>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- Popup Chọn sản phẩm vào nhóm khuyến mại -->
|
||||
<div id="popup-promotionListToSelect" class="hidden p-[16px] rounded-[15px] w-[100%] max-w-[1141px]">
|
||||
<p class="leading-[26px] text-[20px] font-bold mb-[17px]"> Chọn sản phẩm vào nhóm khuyến mại </p>
|
||||
|
||||
<form method="get" enctype="multipart/form-data" action="/admin/" class="border border-[#F6F6F6] m-[12px_0_20px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
|
||||
<input type="text" name="q" id="keyword" value="" class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
|
||||
<input type="submit" value="Tìm kiếm" class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
|
||||
</form>
|
||||
|
||||
<div class="flex items-center m-[15px_0]">
|
||||
<a href="javascript:void(0)" onclick="js_list_category.showModal()" class="leading-[34px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] mr-[15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
|
||||
Chọn danh mục để xem
|
||||
</a>
|
||||
|
||||
<a href="javascript:void(0)" onclick="js_list_brand.showModal()" class="leading-[34px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] mr-[15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
|
||||
Chọn thương hiệu để xem
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="order-page-table">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<td width="50"> STT </td>
|
||||
<td> Sản phẩm (Tổng số: 28.878) </td>
|
||||
<td width="160"> Giá </td>
|
||||
<td width="90"> Kho hàng </td>
|
||||
<td width="150"> Lựa chọn </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr align="center">
|
||||
<td> 1 </td>
|
||||
|
||||
<td align="left">
|
||||
<a href="" target="_blank"> Laptop Lenovo IdeaPad Slim 5 14IRL8 82XD007QVN (Intel Core i7-13620H | 16GB | 512GB | Intel UHD | 14 inch WUXGA | Win 11| Xám) </a>
|
||||
<p> Mã kho : <b>NBLN0777</b> </p>
|
||||
</td>
|
||||
|
||||
<td> 19.999.000 </td>
|
||||
|
||||
<td> 1.000 </td>
|
||||
|
||||
<td>
|
||||
<a href="#popup-promotionListToSelect" data-fancybox="" class="block border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[30px] p-[0_10px] hover:bg-[#0041E8] hover:text-[#fff]">
|
||||
Chọn sản phẩm
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="paging m-[20px_0!important]">
|
||||
<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>
|
||||
<!-- Popup Chọn sản phẩm vào nhóm khuyến mại -->
|
||||
|
||||
|
||||
<!-- Popup Danh mục + thương hiệu -->
|
||||
<dialog id="js_list_category" class="modal">
|
||||
<div class="modal-box max-w-xl p-[16px]">
|
||||
<form method="dialog">
|
||||
<button class="absolute bg-[#ECECEC] font-bold leading-[30px] right-2 rounded-[50%] text-[#9E9E9E] top-2 w-[30px]">✕</button>
|
||||
</form>
|
||||
|
||||
<p class="mb-[6px] font-bold text-[20px] leading-[26px]"> Chọn danh mục để xem </p>
|
||||
<p class="m-[6px_0]"> Tổng số sản phẩm: 1.740 </p>
|
||||
|
||||
<ul class="h-[400px] overflow-auto leading-[24px]">
|
||||
<li class="mb-[7px]">
|
||||
<div>
|
||||
+ (#1) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 1 </a>
|
||||
</div>
|
||||
|
||||
<ul class="pl-[15px]">
|
||||
|
||||
<li class="mb-[2px]">
|
||||
<div>
|
||||
+ (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a>
|
||||
</div>
|
||||
|
||||
<ul class="pl-[15px]">
|
||||
<li class="mb-[2px]">
|
||||
<div>
|
||||
+ (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5)
|
||||
</div>
|
||||
|
||||
<ul class="pl-[15px]">
|
||||
<li>
|
||||
<div>
|
||||
+ (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5)
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li class="mb-[2px]">
|
||||
<div>
|
||||
+ (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5)
|
||||
</div>
|
||||
</li>
|
||||
<li class="mb-[2px]">
|
||||
<div>
|
||||
+ (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5)
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</li>
|
||||
|
||||
<!-- loop -->
|
||||
<li class="mb-[2px]"> <div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div><ul class="pl-[15px]"> <li> <div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div></li></ul> </li></ul> </li>
|
||||
<!-- // -->
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<!-- Clone -->
|
||||
<li class="mb-[7px]"> <div> + (#1) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 1 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div><ul class="pl-[15px]"> <li> <div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div></li></ul> </li></ul> </li><li class="mb-[2px]"> <div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div><ul class="pl-[15px]"> <li> <div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div></li></ul> </li></ul> </li></ul> </li><li class="mb-[2px]"> <div> + (#1) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 1 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div><ul class="pl-[15px]"> <li> <div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div></li></ul> </li></ul> </li><li class="mb-[2px]"> <div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div><ul class="pl-[15px]"> <li> <div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div></li></ul> </li></ul> </li></ul> </li>
|
||||
<!-- // clone -->
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form method="dialog" class="modal-backdrop">
|
||||
<button>close</button>
|
||||
</form>
|
||||
</dialog>
|
||||
|
||||
<dialog id="js_list_brand" class="modal">
|
||||
<div class="modal-box max-w-xl p-[16px]">
|
||||
<form method="dialog">
|
||||
<button class="absolute bg-[#ECECEC] font-bold leading-[30px] right-2 rounded-[50%] text-[#9E9E9E] top-2 w-[30px]">✕</button>
|
||||
</form>
|
||||
|
||||
<p class="mb-[6px] font-bold text-[20px] leading-[26px]"> Chọn thương hiệu để xem </p>
|
||||
|
||||
<div class="h-[400px] overflow-auto">
|
||||
<p class="mb-[6px]"> Tìm theo chữ cái: </p>
|
||||
|
||||
<div class="flex flex-wrap items-center brand-letters leading-[24px] mb-[20px]">
|
||||
<a href="">
|
||||
A <span class="text-[black]">(73)</span>
|
||||
</a>
|
||||
|
||||
<a href=""> b <span class="text-[black]">(73)</span></a><a href=""> c <span class="text-[black]">(73)</span></a><a href=""> d <span class="text-[black]">(73)</span></a><a href=""> e <span class="text-[black]">(73)</span></a><a href=""> f <span class="text-[black]">(73)</span></a><a href=""> g <span class="text-[black]">(73)</span></a><a href=""> 123 <span class="text-[black]">(73)</span></a><a href=""> b <span class="text-[black]">(73)</span></a><a href=""> c <span class="text-[black]">(73)</span></a><a href=""> d <span class="text-[black]">(73)</span></a><a href=""> e <span class="text-[black]">(73)</span></a><a href=""> f <span class="text-[black]">(73)</span></a><a href=""> g <span class="text-[black]">(73)</span></a><a href=""> 123 <span class="text-[black]">(73)</span></a><a href=""> b <span class="text-[black]">(73)</span></a><a href=""> c <span class="text-[black]">(73)</span></a><a href=""> d <span class="text-[black]">(73)</span></a><a href=""> e <span class="text-[black]">(73)</span></a><a href=""> f <span class="text-[black]">(73)</span></a><a href=""> g <span class="text-[black]">(73)</span></a><a href=""> 123 <span class="text-[black]">(73)</span></a><a href=""> b <span class="text-[black]">(73)</span></a><a href=""> c <span class="text-[black]">(73)</span></a><a href=""> d <span class="text-[black]">(73)</span></a><a href=""> e <span class="text-[black]">(73)</span></a><a href=""> f <span class="text-[black]">(73)</span></a>
|
||||
</div>
|
||||
|
||||
<div class="order-page-table">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<td width="40">STT</td>
|
||||
<td>Thương hiệu</td>
|
||||
<td width="120">Số sản phẩm</td>
|
||||
<td width="80"></td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr align="center">
|
||||
<td> 1 </td>
|
||||
<td align="left"> ABS </td>
|
||||
<td> 1 </td>
|
||||
<td>
|
||||
<a href="/admin/deal/deal-add?id=1" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- loop -->
|
||||
<tr align="center"> <td> 2 </td><td align="left"> A </td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 3</td><td align="left"> B</td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 4 </td><td align="left"> C</td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 5 </td><td align="left"> ABS </td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr>
|
||||
<tr align="center"> <td> 2 </td><td align="left"> A </td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 3</td><td align="left"> B</td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 4 </td><td align="left"> C</td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 5 </td><td align="left"> ABS </td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr>
|
||||
<!-- // -->
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<form method="dialog" class="modal-backdrop">
|
||||
<button>close</button>
|
||||
</form>
|
||||
</dialog>
|
||||
<!-- Popup Danh mục + thương hiệu -->
|
||||
52
old/template/media/category.html
Normal file
52
old/template/media/category.html
Normal 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>
|
||||
102
old/template/media/home.html
Normal file
102
old/template/media/home.html
Normal file
@@ -0,0 +1,102 @@
|
||||
<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]">
|
||||
<p class="leading-[30px] mb-[13px] font-bold text-[24px]"> Danh sách media </p>
|
||||
|
||||
<form method="get" enctype="multipart/form-data" action="/admin/"
|
||||
class="border border-[#F6F6F6] m-[12px_0_16px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
|
||||
<input type="text" name="q" id="keyword" value="" placeholder=""
|
||||
class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
|
||||
<input type="submit" value="Tìm kiếm"
|
||||
class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
|
||||
</form>
|
||||
|
||||
<div class="flex items-center flex-wrap justify-between mb-[20px]">
|
||||
<div class="flex items-center">
|
||||
<select
|
||||
class="min-w-[160px] h-[36px] min-h-[36px] select select-bordered rounded-[4px] mr-[15px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
|
||||
<option value=""> Xem phân nhóm </option>
|
||||
<option value=""> option </option>
|
||||
</select>
|
||||
|
||||
<a href=""
|
||||
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ý nhóm media
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<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>
|
||||
<span>Thêm nội dung mới</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<p class="m-[13pX_0]">
|
||||
<b>Hướng dẫn:</b> Chức năng này cho phép bạn quản lý tất cả các loại file media (như file word, excel, ảnh
|
||||
chương trình, ảnh banner, file flash, ảnh Sản phẩm ...) phục vụ cho website. Copy đường dẫn file và gắn vào
|
||||
miêu
|
||||
tả Sản phẩm hay bài viết khác.
|
||||
</p>
|
||||
|
||||
<div class="overflow-x-auto">
|
||||
<table class="table">
|
||||
<thead class="bg-[#F6F6F6] text-[#000] text-[14px] font-500">
|
||||
<tr>
|
||||
<td width="50"> STT </td>
|
||||
<td width="120"> Xem nhanh </td>
|
||||
<td> Tên file </td>
|
||||
<td width="120" align="center"> Loại file </td>
|
||||
<td> Thời gian </td>
|
||||
<td width="120"> Lựa chọn </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
|
||||
<tr align="center">
|
||||
<td> 1 </td>
|
||||
|
||||
<td>
|
||||
<a href=""
|
||||
class="block text-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] font-[500] leading-[32px] hover:bg-[#0041E8] hover:text-[#fff]">
|
||||
Xem nhanh
|
||||
</a>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<p class="mr-2 whitespace-nowrap"> Đường dẫn </p>
|
||||
|
||||
<input type="text" value="/media/lib/11-08-2023/new.png"
|
||||
class="max-w-[700px] w-[100%] h-[35px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)] text-[#6B7280]">
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td> banner </td>
|
||||
|
||||
<td> 2023-08-11 00:00:00 </td>
|
||||
|
||||
<td>
|
||||
<div class="items-center flex justify-center">
|
||||
<a href="" title="Sửa lại" class="icons icon-edit mr-[6px]"></a>
|
||||
|
||||
<a href="" title="Xóa" class="icons icon-delete"></a>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center justify-center mt-[5px]">
|
||||
<p class="mr-[8px]">STT</p>
|
||||
|
||||
<input type="text" value="0"
|
||||
class="w-[32px] h-[32px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)] text-center">
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
129
old/template/media/upload.html
Normal file
129
old/template/media/upload.html
Normal 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>
|
||||
5
old/template/module_css/homepage.html
Normal file
5
old/template/module_css/homepage.html
Normal file
@@ -0,0 +1,5 @@
|
||||
<style>
|
||||
/* homepage_css.html */
|
||||
|
||||
@layer components {}
|
||||
</style>
|
||||
5
old/template/module_css/index.html
Normal file
5
old/template/module_css/index.html
Normal file
@@ -0,0 +1,5 @@
|
||||
{% if global.module == 'home' %}
|
||||
|
||||
{% include module_css/homepage %}
|
||||
|
||||
{% endif %}
|
||||
100
old/template/order/bargain.html
Normal file
100
old/template/order/bargain.html
Normal file
@@ -0,0 +1,100 @@
|
||||
<div class="bg-white shadow p-3 rounded-sm">
|
||||
<p class="text-2xl font-bold mb-3"> Danh sách mặc cả giá </p>
|
||||
<div class="flex flex-wrap gap-3">
|
||||
<a href="" class="btn btn-active">
|
||||
Chưa xử lý
|
||||
</a>
|
||||
|
||||
<a href="" class="btn">
|
||||
Thành công
|
||||
</a>
|
||||
|
||||
<a href="" class="btn">
|
||||
Hủy bỏ
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<p class="mt-5">
|
||||
Tổng số mặc cả giá nhận được: <b> 1.458 </b>
|
||||
</p>
|
||||
|
||||
<div class="mt-5 overflow-x-auto whitespace-nowrap border border-base-200 rounded-[4px]">
|
||||
<table class="table table-pin-rows table-pin-cols">
|
||||
<thead>
|
||||
<tr class="bg-base-200 text-black">
|
||||
<td> STT </td>
|
||||
<td> Thời gian </td>
|
||||
<td> Khách hàng </td>
|
||||
<td> Thông tin sản phẩm </td>
|
||||
<td> Trạng thái </td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr id="row_1">
|
||||
<td align="center"> 1 </td>
|
||||
<td> 16-11-2023, 9:59 am </td>
|
||||
<td>
|
||||
<p> - Họ tên: <b> Ngô Quang Sơn </b> </p>
|
||||
<p> - Email: sonnq57@yahoo.com.sg </p>
|
||||
<p> - Tel: 0913236989 </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<p> - Sản phẩm: Tai nghe NICEHCK Traceless có Mic (Type-C) </p>
|
||||
<p> - Giá bán (lúc mặc cả): 258.850.000 </p>
|
||||
<p> - Giá mặc cả: 0 </p>
|
||||
<p> - Nguồn mặc cả: https://hacom.vn/ </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<div id="status_1">
|
||||
<span class="badge badge-success badge-sm badge-soft">Thành công </span>
|
||||
<span class="badge badge-warning badge-sm badge-soft"> Chưa xử lý </span>
|
||||
<span class="badge badge-error badge-sm badge-soft">Hủy bỏ </span>
|
||||
|
||||
<a href="javascript:edit_order_status(1)" title="Chỉnh sửa" class=""><i
|
||||
class="iconify lucide--pencil mt-1 text-primary"></i></a>
|
||||
</div>
|
||||
|
||||
<p class="mt-2"> Lúc 28-02-2015, 12:40 pm </p>
|
||||
</td>
|
||||
|
||||
<td align="center">
|
||||
<a href="" class="btn btn-soft btn-error btn-xs btn-square" title="Xóa"> <span
|
||||
class="iconify lucide--trash-2 tw-rla"></span></a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="join mt-5 justify-center flex items-cente r">
|
||||
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item" aria-label="Pagination controls">
|
||||
<span class="iconify lucide--arrow-left"></span>
|
||||
</a>
|
||||
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">1</a>
|
||||
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item btn-active">2</a>
|
||||
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">3</a>
|
||||
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">4</a>
|
||||
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">5</a>
|
||||
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item" aria-label="Pagination controls">
|
||||
<span class="iconify lucide--arrow-right"></span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
function edit_order_status(id) {
|
||||
$('#status_' + id).html(`
|
||||
<select class="min-w-[140px] w-[auto_!important]">
|
||||
<option> Trạng thái </option>
|
||||
<option value="1"> Đã xử lý </option>
|
||||
<option value="0"> Chưa xử lý </option>
|
||||
<option value="-1"> Hủy bỏ </option>
|
||||
</select>
|
||||
`);
|
||||
}
|
||||
|
||||
</script>
|
||||
514
old/template/order/detail.html
Normal file
514
old/template/order/detail.html
Normal file
@@ -0,0 +1,514 @@
|
||||
<div class="breadcrumbs tw-zab tw-zpa tw-iia">
|
||||
<ul>
|
||||
<li><a href="/admin/order/home" data-discover="true">Danh sách đơn hàng</a></li>
|
||||
<li class="">Chi tiết đơn hàng</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="order-detail-page w-[80%] mt-3 m-auto">
|
||||
|
||||
<div class="shadow rounded-sm bg-white p-3">
|
||||
|
||||
<div class="flex items-center justify-between">
|
||||
<b class="text-[18px] font-[700] mb-[3px] leading-[23px]">Đơn hàng #000-368</b>
|
||||
<div class="text-right">
|
||||
<a href="" title="In đơn hàng" class="btn ">
|
||||
<i class="iconify lucide--printer"></i>
|
||||
<span>In đơn hàng</span>
|
||||
</a>
|
||||
<a href="" title="" class="btn">
|
||||
<i class="iconify lucide--mail"></i>
|
||||
<span>Gửi email</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<p class="mt-[5px]">Thời gian: 16-11-2023, 9:59 am</p>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-3 mt-5 gap-3">
|
||||
<div class="col-span-2 shadow rounded-sm bg-white p-3">
|
||||
<div class="mb-3">
|
||||
<b class="">1. Khách hàng</b>
|
||||
|
||||
<div class="order-page-table mt-2 border border-base-200 rounded-sm">
|
||||
<table class="table">
|
||||
<tr>
|
||||
<td width="200"> Tên </td>
|
||||
<td> Nguyen Duc Quan </td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Số điện thoại </td>
|
||||
<td> 0822256369 </td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Email </td>
|
||||
<td> quannd@hurasoft.com </td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Địa chỉ nhận hàng </td>
|
||||
<td>
|
||||
<span> Kiến Hưng, Quận Hà Đông, Hà Nội </span>
|
||||
<a onclick="js_update_shipping_address.showModal()" href="javascript:void(0)"
|
||||
title="Cập nhật địa chỉ nhận hàng" class="icons icon-edit inline-block"
|
||||
style="background-position: -111px -86px;"></a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Địa chỉ thanh toán </td>
|
||||
<td>
|
||||
<span> Kiến Hưng, Quận Hà Đông, Hà Nội </span>
|
||||
<a href="javascript:void(0)" onclick="js_update_payment.showModal()" data-fancybox
|
||||
title="Cập nhật địa chỉ thanh toán" class="icons icon-edit inline-block"
|
||||
style="background-position: -111px -86px;"></a>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="mb-3">
|
||||
<b class="">2. Sản phẩm</b>
|
||||
|
||||
<div
|
||||
class="overflow-x-auto lg:whitespace-nowrap ms:whitespace-nowrap md:whitespace-nowrap 2xl:whitespace-normal mt-2 border border-base-200 rounded-sm">
|
||||
<table class="table text-center">
|
||||
<thead class="bg-base-200">
|
||||
<tr>
|
||||
<td> STT </td>
|
||||
<td> Mã kho </td>
|
||||
<td> Tên </td>
|
||||
<td> Giá </td>
|
||||
<td> SL </td>
|
||||
<td> Tổng </td>
|
||||
<td> Ghi chú </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr>
|
||||
<td> 1 </td>
|
||||
<td class="text-primary"> HH0003 </td>
|
||||
<td class="text-left">
|
||||
<a href="" target="_blank" class="text-primary"> HHWS - CORE i9 9900X | 32G |
|
||||
NVIDIA RTX 2060 6GB </a>
|
||||
</td>
|
||||
<td> 34.800.000 VND (chiếc) </td>
|
||||
<td> 2 </td>
|
||||
<td> 69.600.000 VND </td>
|
||||
<td class="text-left">Ghi chú</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="mb-3">
|
||||
<b class="">3. Số tiền</b>
|
||||
|
||||
<div class="order-page-table mt-3 border border-base-200 rounded-sm">
|
||||
<table class="table">
|
||||
<tr>
|
||||
<td width="330"> Tổng giá trị </td>
|
||||
<td class="font-bold">
|
||||
69.600.000 VND
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Phí vận chuyển & giao hàng </td>
|
||||
<td>
|
||||
<span> 0 VND </span>
|
||||
<a href="javascript:void()" onclick="js_update_order_shipping.showModal()"
|
||||
title="Cập nhật phí ship cho đơn hàng" class="icons icon-edit inline-block"
|
||||
style="background-position: -111px -86px;vertical-align:sub;"></a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Phí thu hộ </td>
|
||||
<td>
|
||||
<span> 0 VND </span>
|
||||
<a href="javascript:void()" onclick="js_update_order_shipping.showModal()"
|
||||
title="Cập nhật phí ship cho đơn hàng" class="icons icon-edit inline-block"
|
||||
style="background-position: -111px -86px;vertical-align:sub;"></a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Tổng thu </td>
|
||||
<td> 69.600.000 VND </td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="mb-3">
|
||||
<b class="">4. Lịch sử cập nhật</b>
|
||||
|
||||
<div class="order-page-table text-center mt-3 border border-base-200 rounded-sm">
|
||||
<table class="table">
|
||||
<thead class="bg-base-200">
|
||||
<tr>
|
||||
<td> STT </td>
|
||||
<td> Phân loại </td>
|
||||
<td> Trạng thái </td>
|
||||
<td> Ghi chú </td>
|
||||
<td> Người cập nhật </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr>
|
||||
<td> 1 </td>
|
||||
<td> payment </td>
|
||||
<td> paid </td>
|
||||
<td> test </td>
|
||||
<td> Đức lúc 22-05-2023, 4:49 pm </td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td colspan="5" align="left"> Hiện tại chưa có trạng thái nào được cập nhật </td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="">
|
||||
<div class="rounded-sm bg-white p-3 shadow">
|
||||
<p class="mb-[7px] font-[700]">Nhân sự xử lý đơn hàng</p>
|
||||
<p class="flex items-center gap-3">
|
||||
<span class="inline-block">Uyên Hura</span>
|
||||
<a href="javascript:$('#js-assign-holder').toggle()" title="Chỉnh sửa"><i
|
||||
class="iconify lucide--pencil mt-1 text-primary"></i></a>
|
||||
</p>
|
||||
|
||||
<div id="js-assign-holder" class="hidden">
|
||||
<select
|
||||
onchange="OrderManagement.assignAdmin('130', this.value, this.options[this.selectedIndex].text)"
|
||||
class="select mt-2" id="js-assign-admin">
|
||||
<option value="">--Người thực hiện --</option>
|
||||
<option value="24">Uyên Hura</option>
|
||||
<option value="23">HuraSoft</option>
|
||||
<option value="25">Quân Hura</option>
|
||||
</select>
|
||||
<div id="assign_status"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="rounded-sm bg-white p-3 shadow mb-4 mt-3">
|
||||
<p class="mb-[7px] font-[700]"> Trạng thái thanh toán </p>
|
||||
|
||||
<div class="flex items-center mt-3 gap-3">
|
||||
<span class="badge badge-error badge badge-soft">
|
||||
Chưa thanh toán
|
||||
</span>
|
||||
<a href="javascript:$('#js-payment-status-holder').show()" title="Chỉnh sửa"><i
|
||||
class="iconify lucide--pencil mt-1 text-primary"></i></a>
|
||||
</div>
|
||||
|
||||
<div id="js-payment-status-holder" class="hidden">
|
||||
<div class="mt-3">
|
||||
<textarea placeholder="Ghi chú (v.d. Chuyển khoản ngân hàng VCB, số tham chiếu 1234)"
|
||||
id="js-payment-comment" class="textarea"></textarea>
|
||||
</div>
|
||||
|
||||
<div style="margin: 10px 0;">
|
||||
<input type="button" onclick="OrderManagement.update_payment_status()"
|
||||
title="Click để xác nhận đơn đã được thanh toán đủ" value="Đã nhận đủ"
|
||||
class="btn btn-active">
|
||||
<input type=" button" value="Quay lại" class="btn"
|
||||
onclick="$('#js-payment-status-holder').hide()">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p class="mt-3">Khách chọn: Thanh toán bằng VNPAY</p>
|
||||
</div>
|
||||
|
||||
<div class="mt-3 rounded-sm bg-white p-3 shadow mb-4">
|
||||
<p class="font-bold"> Trạng thái vận chuyển </p>
|
||||
|
||||
<p class="flex items-center mt-3 gap-3">
|
||||
<span class="badge badge-error badge badge-soft">
|
||||
Chưa chuyển
|
||||
</span>
|
||||
<a href="javascript:$('#js-fulfillment-status-holder').show()" title="Chỉnh sửa"><i
|
||||
class="iconify lucide--pencil mt-1 text-primary"></i></a>
|
||||
</p>
|
||||
|
||||
<div id="js-fulfillment-status-holder" style="display: none;">
|
||||
<div class="mt-5">
|
||||
<textarea placeholder="Ghi chú (v.d. Chuyển phát ViettelPost, mã phiếu gửi 1234)"
|
||||
id="js-fulfillment-comment" class="textarea"></textarea>
|
||||
</div>
|
||||
|
||||
<div style="margin: 10px 0;">
|
||||
<input type="button" onclick="OrderManagement.update_fulfillment_status()"
|
||||
title="Click để xác nhận đơn đã được vận chuyển thành công" value="Đã vận chuyển"
|
||||
class="btn btn-active" />
|
||||
<input type=" button" value="Quay lại" class="btn"
|
||||
onclick="$('#js-fulfillment-status-holder').hide()">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p class="mt-3">Khách chọn: Giao hàng tiêu chuẩn</p>
|
||||
</div>
|
||||
|
||||
<div class="mt-3 rounded-sm bg-white p-3 shadow mb-4">
|
||||
<p class="font-bold">
|
||||
Trạng thái đơn hàng
|
||||
<a href="javascript:$('#js-order-status-holder').toggle()" title="Chỉnh sửa"><i
|
||||
class="iconify lucide--pencil mt-1 text-primary"></i></a>
|
||||
</p>
|
||||
|
||||
<div id="js-order-status-holder" style="display: none;">
|
||||
<div class="mt-3">
|
||||
<textarea placeholder="Ghi chú" id="js-order-comment" class="textarea"></textarea>
|
||||
</div>
|
||||
|
||||
<div class="mt-3">
|
||||
<select id="js-order-status-select" class="select">
|
||||
<option value="">--Chọn trạng thái--</option>
|
||||
<option value="new">Mới</option>
|
||||
<option value="processing">Đang xử lý</option>
|
||||
<option value="success">Thành công</option>
|
||||
<option value="closed">Đóng lại</option>
|
||||
<option value="canceled">Hủy</option>
|
||||
</select>
|
||||
|
||||
<input type="button" onclick="OrderManagement.update_order_status()" title="Click để xác nhận"
|
||||
value="Lưu lại" class="btn btn-active mt-3">
|
||||
|
||||
<input type="button" value="Quay lại" class="btn" onclick="$('#js-order-status-holder').hide()">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-3 rounded-sm bg-white p-3 shadow mb-4">
|
||||
<p class="font-bold"> Ghi chú </p>
|
||||
|
||||
<textarea placeholder=" Ghi chú" id="js-comment" class="textarea"></textarea>
|
||||
|
||||
<div>
|
||||
<span id="js-comment-status-holder"></span>
|
||||
<input type="button" onclick="OrderManagement.update_admin_comment()" value="Lưu lại"
|
||||
class="btn btn-active mt-3">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- // Cập nhật địa chỉ nhận hàng -->
|
||||
<dialog id="js_update_shipping_address" class="modal">
|
||||
<div class="p-[20px_16px] rounded-[15px] w-[100%] max-w-[600px] bg-white modal-box">
|
||||
<p class="leading-[20px] text-[16px] font-bold mb-[20px]"> Cập nhật địa chỉ nhận hàng </p>
|
||||
|
||||
<table class="w-[100%]">
|
||||
<tr>
|
||||
<td width="100">Họ tên</td>
|
||||
<td>
|
||||
<input type="text" id="js-shipping-address-person_name" value="Nguyen Duc Quan"
|
||||
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Mobile</td>
|
||||
<td>
|
||||
<input type="text" id="js-shipping-address-mobile" value="0832256395"
|
||||
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Tỉnh/thành</td>
|
||||
<td>
|
||||
<input type="text" id="js-shipping-address-province_name" value="TP HCM"
|
||||
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Quận huyện</td>
|
||||
<td>
|
||||
<input type="text" id="js-shipping-address-district_name" value="Quận Gò Vấp"
|
||||
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Phường/xã</td>
|
||||
<td>
|
||||
<input type="text" id="js-shipping-address-ward_name" value=""
|
||||
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Địa chỉ</td>
|
||||
<td>
|
||||
<input type="text" id="js-shipping-address-address" size="50" value="Kiến Hưng - Hà Đông - Hà Nội"
|
||||
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!--<tr><td>Phân loại</td><td><input type=text id="js-shipping-address-type" size=30 value="" /></td></tr>-->
|
||||
<tr>
|
||||
<td>Ghi chú</td>
|
||||
<td>
|
||||
<input type="text" id="js-shipping-address-note" value="test"
|
||||
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td></td>
|
||||
<td>
|
||||
<input type="button" value="Cập nhật" onclick="OrderManagement.updateShippingAddress()"
|
||||
class="text-[#fff] bg-[#0041E8] rounded-[4px] h-[32px] p-[0_8px] cursor-pointer">
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<form method="dialog" class="modal-backdrop">
|
||||
<button>close</button>
|
||||
</form>
|
||||
</dialog>
|
||||
|
||||
|
||||
<!-- // Cập nhật địa chỉ thanh toán -->
|
||||
<dialog id="js_update_payment" class="modal">
|
||||
<div class="p-[20px_16px] rounded-[15px] w-[100%] max-w-[600px] bg-white modal-box">
|
||||
<p class="leading-[20px] text-[16px] font-bold mb-[15px]"> Cập nhật địa chỉ thanh toán </p>
|
||||
|
||||
<label class="inline-flex cursor-pointer">
|
||||
<input type="checkbox" value="1" id="js-payment-address-check-same-as-shipping" checked=""
|
||||
onchange="$('#js-payment-address-holder').toggle()" class="scale-[1.4] mr-[10px]">
|
||||
<span> Giống như địa chỉ nhận hàng </span>
|
||||
</label>
|
||||
|
||||
<div id="js-payment-address-holder" style="display: none;margin-top: 20px">
|
||||
<p class="leading-[20px] text-[16px] font-bold mb-[15px]"> Nhập địa chỉ: </p>
|
||||
|
||||
<table class="w-[100%]">
|
||||
<tr>
|
||||
<td width="100">Họ tên</td>
|
||||
<td>
|
||||
<input type="text" id="js-payment-address-person_name" value=""
|
||||
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Mobile</td>
|
||||
<td>
|
||||
<input type="text" id="js-payment-address-mobile" value=""
|
||||
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Tỉnh/thành</td>
|
||||
<td>
|
||||
<input type="text" id="js-payment-address-province_name" value=""
|
||||
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Quận huyện</td>
|
||||
<td>
|
||||
<input type="text" id="js-payment-address-district_name" value=""
|
||||
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Phường/xã</td>
|
||||
<td>
|
||||
<input type="text" id="js-payment-address-ward_name" value=""
|
||||
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Địa chỉ</td>
|
||||
<td>
|
||||
<input type="text" id="js-payment-address-address" value=""
|
||||
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- <tr><td>Phân loại</td><td><input type=text id="js-payment-address-type" value="" class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block"/></td></tr> -->
|
||||
|
||||
<tr>
|
||||
<td>Ghi chú</td>
|
||||
<td>
|
||||
<input type="text" id="js-payment-address-note" value=""
|
||||
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td></td>
|
||||
<td>
|
||||
<input type="button" value="Cập nhật" onclick="OrderManagement.updatePaymentAddress()"
|
||||
class="text-[#fff] bg-[#0041E8] rounded-[4px] h-[32px] p-[0_8px] cursor-pointer">
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<form method="dialog" class="modal-backdrop">
|
||||
<button>close</button>
|
||||
</form>
|
||||
</dialog>
|
||||
|
||||
|
||||
<!-- // Cập nhật phí ship cho đơn hàng -->
|
||||
<dialog id="js_update_order_shipping" class="modal">
|
||||
<div class="p-[20px_16px] rounded-[15px] w-[100%] max-w-[600px] modal-box">
|
||||
<p class="leading-[20px] text-[16px] font-bold mb-[20px]"> Cập nhật phí ship cho đơn hàng </p>
|
||||
|
||||
<table class="w-[100%]">
|
||||
<tr>
|
||||
<td>Phí ship</td>
|
||||
<td>
|
||||
<input type="text" id="shippingFee" onkeyup="this.value = writeStringToPrice(this.value)" value="0"
|
||||
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] h-[32px] m-[0_10px_10px_0] border border-[#D8D8D8] rounded-[4px] inline-block">
|
||||
<span>VND</span>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Chi chú</td>
|
||||
<td>
|
||||
<input type="text" id="shippingNote" value=""
|
||||
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
|
||||
<i>v.d. Gửi xe khách, Máy bay, EMS</i>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td></td>
|
||||
<td>
|
||||
<input type="button" value="Cập nhật" onclick="update_order_shipping(369)"
|
||||
class="text-[#fff] bg-[#0041E8] rounded-[4px] h-[32px] p-[0_8px] cursor-pointer mt-[15px]">
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<form method="dialog" class="modal-backdrop">
|
||||
<button>close</button>
|
||||
</form>
|
||||
</dialog>
|
||||
0
old/template/order/detail_new.html
Normal file
0
old/template/order/detail_new.html
Normal file
196
old/template/order/home.html
Normal file
196
old/template/order/home.html
Normal file
@@ -0,0 +1,196 @@
|
||||
<div class="bg-white shadow p-3 rounded-sm">
|
||||
<p class="text-2xl font-bold">Danh sách đơn hàng </p>
|
||||
|
||||
<div class="order-page-title flex flex-wrap mt-3 gap-1">
|
||||
<a href="/admin/?opt=order" class="btn btn-active">Tất cả</a>
|
||||
<a href="/admin/?opt=order&list=mine" class="btn">Tôi được giao</a>
|
||||
<a href="/admin/?opt=order&list=new" class="btn">Đơn mới</a>
|
||||
<a href="/admin/?opt=order&list=unpaid" class="btn">Chưa thanh toán</a>
|
||||
<a href="/admin/?opt=order&list=unfulfilled" class="btn">Chưa ship</a>
|
||||
</div>
|
||||
|
||||
<form method="get" action="" enctype="multipart/form-data" id="form-search" class="mt-5">
|
||||
<input type="hidden" name="opt" value="order">
|
||||
<input type="hidden" name="status" id="js-status" value="">
|
||||
<input type="hidden" name="update_by" id="update_by" value="">
|
||||
<input type="hidden" name="assign_to" id="assign_to" value="">
|
||||
<input type="hidden" name="payment" id="js-payment" value="">
|
||||
<input type="hidden" name="fullfillment" id="js-fullfillment" value="">
|
||||
|
||||
<div class="flex flex-wrap items-center p-3 shadow gap-5">
|
||||
<div class="flex items-center gap-3 w-[50%]">
|
||||
<input type="text" name="orderCode" value="" placeholder="Mã đơn hàng" class="w-full rounded-sm input ">
|
||||
<span class="whitespace-nowrap">hoặc</span>
|
||||
<input type="text" name="q" value="" placeholder="Tìm người mua (* tên, email, điện thoại)"
|
||||
class="w-full rounded-sm input">
|
||||
</div>
|
||||
<div class="flex items-center gap-3">
|
||||
<label for="dob" class="input data-error:input-error w-full">
|
||||
<span class="iconify lucide--calendar-1 size-4.5"></span>
|
||||
<input id="dob" type="date" placeholder="+84 78965 12335" :value="getData('dob')"
|
||||
@input="updateData('dob', $event.target.value)" :data-error="hasError('dob')" name="dob" />
|
||||
</label>
|
||||
<label for="dob" class="input data-error:input-error w-full">
|
||||
<span class="iconify lucide--calendar-1 size-4.5"></span>
|
||||
<input id="dob" type="date" placeholder="+84 78965 12335" :value="getData('dob')"
|
||||
@input="updateData('dob', $event.target.value)" :data-error="hasError('dob')" name="dob" />
|
||||
</label>
|
||||
|
||||
<input type="submit" value="Tìm kiếm" class="btn btn-primary" onclick="runFilter()">
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div class="flex items-center flex-wrap justify-between mt-5">
|
||||
<div class="2xl:w-[50%] md:w-[100%] flex items-center gap-5">
|
||||
<p class="inline-block ">
|
||||
Tổng số đơn hàng: <b>1.458</b>
|
||||
</p>
|
||||
|
||||
<p class="inline-block">
|
||||
Tổng giá trị: <b>14.948.348.000 VNĐ</b>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="2xl:w-[50%] md:w-[100%] flex 2xl:justify-end md:justify-start md:mt-[10px] gap-5">
|
||||
<a href="" class="btn">
|
||||
<i class="iconify lucide--printer"></i> In danh sách
|
||||
</a>
|
||||
|
||||
<a href="" class="btn">
|
||||
<i class="iconify lucide--download"></i> Tải file excel
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="overflow-x-auto sm:whitespace-nowrap border border-base-200 rounded-[4px] mt-5">
|
||||
<table class="table">
|
||||
<thead class="bg-base-200">
|
||||
<tr>
|
||||
<td> STT </td>
|
||||
<td> Mã số </td>
|
||||
<td> Thời gian </td>
|
||||
<td> Khách hàng </td>
|
||||
<td> Tỉnh/TP </td>
|
||||
<td> Giá trị </td>
|
||||
<td>
|
||||
<select onchange="setHiddenValue('js-payment', this.value); runFilter()" class="select">
|
||||
<option value="">Thanh toán</option>
|
||||
{% for _item in page.payment_status_list %}
|
||||
<option value="{{ _item[1].id }}">{{ _item[1].title }}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<select onchange="setHiddenValue('js-fullfillment', this.value); runFilter()" class="select">
|
||||
<option value="">Vận chuyển</option>
|
||||
{% for _item in page.fullfillment_status_list %}
|
||||
<option value="{{ _item[1].id }}">{{ _item[1].title }}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<select onchange="setHiddenValue('js-status', this.value); runFilter()" class="select">
|
||||
<option value="">Tình trạng đơn</option>
|
||||
{% for _item in page.order_status_list %}
|
||||
<option value="{{ _item[1].id }}">{{ _item[1].title }}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<select onchange="setHiddenValue('assign_to', this.value); runFilter()" class="select">
|
||||
<option value="">Người được giao</option>
|
||||
</select>
|
||||
</td>
|
||||
|
||||
<td> Xem </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr>
|
||||
<td> 1 </td>
|
||||
<td>
|
||||
<a class="link-primary" href="/admin/order/detail?id=369"> 000-369 </a>
|
||||
</td>
|
||||
<td> 16-11-2023, 9:59 am </td>
|
||||
<td>
|
||||
<a href="" class="link-primary"> Nguyen Duc Quan </a>
|
||||
</td>
|
||||
<td> Hà Nội </td>
|
||||
<td> 69.600.000 </td>
|
||||
<td>
|
||||
<div class="badge badge-success badge-sm badge-soft">Thành công</div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="badge badge-sm badge-ghost">Chờ xử lý</div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="badge badge-error badge-sm badge-soft">Lỗi</div>
|
||||
</td>
|
||||
<td>
|
||||
<a href="" class="link-primary"> Nguyen Duc Quan </a>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex justify-center gap-2">
|
||||
<a href="/admin/order/detail?id=369" class="btn btn-soft btn-xs btn-square"
|
||||
title="Chi tiết"> <span class="iconify lucide--eye tw-rla"></span></a>
|
||||
<a href="" class="btn btn-soft btn-error btn-xs btn-square" title="Xóa"> <span
|
||||
class="iconify lucide--trash-2 tw-rla"></span></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> 1 </td>
|
||||
<td>
|
||||
<a class="link-primary" href="/admin/order/detail?id=369"> 000-369 </a>
|
||||
</td>
|
||||
<td> 16-11-2023, 9:59 am </td>
|
||||
<td>
|
||||
<a href="" class="link-primary"> Nguyen Duc Quan </a>
|
||||
</td>
|
||||
<td> Hà Nội </td>
|
||||
<td> 69.600.000 </td>
|
||||
<td>
|
||||
<div class="badge badge-success badge-sm badge-soft">Thành công</div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="badge badge-sm badge-ghost">Chờ xử lý</div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="badge badge-sm badge-info badge-soft">Đang xử lý</div>
|
||||
</td>
|
||||
<td>
|
||||
<a href="" class="link-primary"> Nguyen Duc Quan </a>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex justify-center gap-2">
|
||||
<a href="/admin/order/detail?id=369" class="btn btn-soft btn-xs btn-square"
|
||||
title="Chi tiết"> <span class="iconify lucide--eye tw-rla"></span></a>
|
||||
<a href="" class="btn btn-soft btn-error btn-xs btn-square" title="Xóa"> <span
|
||||
class="iconify lucide--trash-2 tw-rla"></span></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="join mt-5 justify-center flex items-cente r">
|
||||
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item" aria-label="Pagination controls">
|
||||
<span class="iconify lucide--arrow-left"></span>
|
||||
</a>
|
||||
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">1</a>
|
||||
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item btn-active">2</a>
|
||||
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">3</a>
|
||||
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">4</a>
|
||||
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">5</a>
|
||||
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item" aria-label="Pagination controls">
|
||||
<span class="iconify lucide--arrow-right"></span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
131
old/template/order/paygate.html
Normal file
131
old/template/order/paygate.html
Normal file
@@ -0,0 +1,131 @@
|
||||
<div class="bg-white shadow p-3 rounded-sm">
|
||||
<p class="text-2xl font-bold mb-3"> Thanh toán qua cổng dịch vụ </p>
|
||||
|
||||
<div class="flex flex-wrap gap-3">
|
||||
<a href="" class="btn btn-active">
|
||||
Chưa xử lý
|
||||
</a>
|
||||
<a href="" class="btn">
|
||||
Thành công
|
||||
</a>
|
||||
<a href="" class="btn">
|
||||
Hủy bỏ
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<form method="get" enctype="multipart/form-data" action="/admin/"
|
||||
class="flex flex-wrap items-center mt-5 gap-3 shadow p-3 rounded-sm">
|
||||
<input type="text" name="q" id="keyword" value="" placeholder="Tìm theo email hoặc số điện thoại"
|
||||
class="input shadow" />
|
||||
|
||||
<div class="items-center flex gap-3">
|
||||
<p class="whitespace-nowrap"> Từ ngày </p>
|
||||
|
||||
<label for="dob" class="input data-error:input-error w-full">
|
||||
<span class="iconify lucide--calendar-1 size-4.5"></span>
|
||||
<input id="dob" type="date" placeholder="+84 78965 12335" :value="getData('dob')"
|
||||
@input="updateData('dob', $event.target.value)" :data-error="hasError('dob')" name="dob" />
|
||||
</label>
|
||||
</div>
|
||||
<div class="items-center flex gap-3">
|
||||
<p class="whitespace-nowrap"> Đến ngày </p>
|
||||
<label for="dob" class="input data-error:input-error w-full">
|
||||
<span class="iconify lucide--calendar-1 size-4.5"></span>
|
||||
<input id="dob" type="date" placeholder="+84 78965 12335" :value="getData('dob')"
|
||||
@input="updateData('dob', $event.target.value)" :data-error="hasError('dob')" name="dob" />
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<input type="submit" value="Tìm kiếm" class="btn btn-active">
|
||||
</form>
|
||||
|
||||
<div class="flex items-center justify-between mt-5">
|
||||
<div class="flex items-center gap-3">
|
||||
<p>Tổng số: <b class="">8</b></p>
|
||||
<p>Tổng giá trị: <b>800.000 VNĐ</b></p>
|
||||
</div>
|
||||
|
||||
<a href="" class="btn btn-outline btn-view">
|
||||
<i class="iconify lucide--file-x"></i>
|
||||
<span>Tải file excel</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="w-full sm:whitespace-nowrap overflow-x-auto mt-5 border border-base-200 rounded-sm">
|
||||
<table class="table ">
|
||||
<thead>
|
||||
<tr class="bg-base-200 text-black">
|
||||
<td> STT </td>
|
||||
<td> ID </td>
|
||||
<td> Cổng </td>
|
||||
<td> Thời gian </td>
|
||||
<td> Khách hàng </td>
|
||||
<td> Thanh toán cho </td>
|
||||
<td> Giá trị </td>
|
||||
<td> Trạng thái </td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr id="row_1">
|
||||
<td> 1 </td>
|
||||
|
||||
<td> 10 </td>
|
||||
|
||||
<td> viettelpay </td>
|
||||
|
||||
<td> 06-11-2022, 11:26 am </td>
|
||||
|
||||
<td align="left">
|
||||
<p> - Họ tên: <b> Ngô Quang Sơn </b> </p>
|
||||
<p> - Email: sonnq57@yahoo.com.sg </p>
|
||||
<p> - Tel: 0913236989 </p>
|
||||
</td>
|
||||
|
||||
<td> [order] 123 </td>
|
||||
|
||||
<td> 100.000 </td>
|
||||
|
||||
<td>
|
||||
<span class="badge badge-success badge-sm badge-soft">Thành công </span>
|
||||
<!-- <span class="text-[#0041E8] border-[#0041E8] bg-[#F7F5FF] rounded-[50px] border inline-block leading-[20px] text-[12px] font-[500] p-[0_8px] m-[0_7px_0px_0]"> Chưa xử lý </span>
|
||||
<span class="text-[#E00000] border-[#E00000] bg-[#F9F2F2] rounded-[50px] border inline-block leading-[20px] text-[12px] font-[500] p-[0_8px] m-[0_7px_0px_0]"> Hủy bỏ </span> -->
|
||||
</td>
|
||||
<td align="center">
|
||||
<a href="" class="btn btn-soft btn-error btn-xs btn-square" title="Xóa"> <span
|
||||
class="iconify lucide--trash-2 tw-rla"></span></a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="join mt-5 justify-center flex items-cente r">
|
||||
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item" aria-label="Pagination controls">
|
||||
<span class="iconify lucide--arrow-left"></span>
|
||||
</a>
|
||||
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">1</a>
|
||||
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item btn-active">2</a>
|
||||
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">3</a>
|
||||
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">4</a>
|
||||
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">5</a>
|
||||
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item" aria-label="Pagination controls">
|
||||
<span class="iconify lucide--arrow-right"></span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
function edit_order_status(id) {
|
||||
$('#status_' + id).html(`
|
||||
<select class="min-w-[140px] w-[auto_!important]">
|
||||
<option> Trạng thái </option>
|
||||
<option value="1"> Đã xử lý </option>
|
||||
<option value="0"> Chưa xử lý </option>
|
||||
<option value="-1"> Hủy bỏ </option>
|
||||
</select>
|
||||
`);
|
||||
}
|
||||
|
||||
</script>
|
||||
114
old/template/order/wait_order.html
Normal file
114
old/template/order/wait_order.html
Normal file
@@ -0,0 +1,114 @@
|
||||
<div class="bg-white shadow p-3 rounded-sm">
|
||||
<p class="text-2xl font-bold mb-3"> Đặt chờ sản phẩm </p>
|
||||
|
||||
<div class="flex flex-wrap gap-3">
|
||||
<a href="" class="btn btn-active">
|
||||
Chưa xử lý
|
||||
</a>
|
||||
<a href="" class="btn">
|
||||
Thành công
|
||||
</a>
|
||||
<a href="" class="btn">
|
||||
Hủy bỏ
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<form method="get" enctype="multipart/form-data" action="/admin/"
|
||||
class="mt-5 gap-3 flex items-center shadow p-3 rounded-sm">
|
||||
<input type="text" name="q" id="keyword" value="" placeholder="Tìm theo email hoặc số điện thoại"
|
||||
class="input shadow">
|
||||
<input type="submit" value="Tìm kiếm" class="btn btn-active">
|
||||
</form>
|
||||
|
||||
<div class="mt-5 flex items-center justify-between">
|
||||
<p> Danh sách các Sản phẩm khách hàng chờ đặt hàng </p>
|
||||
|
||||
<a href="" class="btn btn-outline btn-view">
|
||||
<i class="iconify lucide--file-x"></i>
|
||||
<span>Tải file excel</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 text-black">
|
||||
<td> STT </td>
|
||||
<td> Khách hàng </td>
|
||||
<td> Sản phẩm </td>
|
||||
<td> Nhận hàng tại </td>
|
||||
<td> Ghi chú </td>
|
||||
<td> Trạng thái </td>
|
||||
<td> </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr id="row_1">
|
||||
<td align="center"> 1 </td>
|
||||
<td>
|
||||
<p> - Họ tên: <b> Ngô Quang Sơn </b> </p>
|
||||
<p> - Email: sonnq57@yahoo.com.sg </p>
|
||||
<p> - Tel: 0913236989 </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<a href="" target="_blank" class="link-primary"> [Mới 100%] Dell Gaming G16 7620 (Intel core
|
||||
i7-12700H, 16GB, 1TB,
|
||||
RTX 3060 6GB, 16″ QHD+ 165Hz IPS) </a>
|
||||
</td>
|
||||
|
||||
<td> 20 Láng Hạ, Đống Đa, Hà Nội </td>
|
||||
|
||||
<td> Nhận hàng giờ hành chính </td>
|
||||
|
||||
<td>
|
||||
<div id="status_1">
|
||||
<span class="badge badge-success badge-sm badge-soft">Thành công </span>
|
||||
<span class="badge badge-warning badge-sm badge-soft"> Chưa xử lý </span>
|
||||
<span class="badge badge-error badge-sm badge-soft">Hủy bỏ </span>
|
||||
|
||||
<a href="javascript:edit_order_status(1)" title="Chỉnh sửa" class=""><i
|
||||
class="iconify lucide--pencil mt-1 text-primary"></i></a>
|
||||
</div>
|
||||
|
||||
<p class="mt-2"> Lúc 28-02-2015, 12:40 pm </p>
|
||||
</td>
|
||||
|
||||
<td align="center">
|
||||
<a href="" class="btn btn-soft btn-error btn-xs btn-square" title="Xóa"> <span
|
||||
class="iconify lucide--trash-2 tw-rla"></span></a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="join mt-5 justify-center flex items-cente r">
|
||||
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item" aria-label="Pagination controls">
|
||||
<span class="iconify lucide--arrow-left"></span>
|
||||
</a>
|
||||
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">1</a>
|
||||
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item btn-active">2</a>
|
||||
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">3</a>
|
||||
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">4</a>
|
||||
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">5</a>
|
||||
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item" aria-label="Pagination controls">
|
||||
<span class="iconify lucide--arrow-right"></span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
function edit_order_status(id) {
|
||||
$('#status_' + id).html(`
|
||||
<select class="min-w-[140px] w-[auto_!important]">
|
||||
<option> Trạng thái </option>
|
||||
<option value="1"> Đã xử lý </option>
|
||||
<option value="0"> Chưa xử lý </option>
|
||||
<option value="-1"> Hủy bỏ </option>
|
||||
</select>
|
||||
`);
|
||||
}
|
||||
|
||||
</script>
|
||||
409
old/template/other/header.html
Normal file
409
old/template/other/header.html
Normal file
@@ -0,0 +1,409 @@
|
||||
<div role="navigation" aria-label="Navbar" class="" id="layout-topbar">
|
||||
<div class="flex items-center justify-between px-6 py-3 bg-menu">
|
||||
<div class="inline-flex items-center gap-5">
|
||||
<a href="/">
|
||||
<img src="{{ 'logo_new.png' | asset_url }}" class="h-5.5" />
|
||||
</a>
|
||||
<button
|
||||
class="btn btn-outline btn-sm btn-ghost border-base-300 text-base-content/70 hidden h-9 w-100 justify-start gap-2 !text-sm md:flex bg-white"
|
||||
onclick="document.getElementById('topbar-search-modal')?.showModal()">
|
||||
<span class="iconify lucide--search size-4"></span>
|
||||
<span>Tìm Kiếm</span>
|
||||
</button>
|
||||
<button
|
||||
class="btn btn-outline btn-sm btn-square btn-ghost border-base-300 text-base-content/70 flex size-9 md:hidden"
|
||||
aria-label="Search" onclick="document.getElementById('topbar-search-modal')?.showModal()">
|
||||
<span class="iconify lucide--search size-4"></span>
|
||||
</button>
|
||||
<dialog id="topbar-search-modal" class="modal p-0">
|
||||
<div class="modal-box bg-transparent p-0 shadow-none">
|
||||
<div class="bg-base-100 rounded-box">
|
||||
<div class="input w-full border-0 !outline-none">
|
||||
<span class="iconify lucide--search text-base-content/60 size-4.5"></span>
|
||||
<input type="search" class="grow" placeholder="Tìm kiếm" aria-label="Search" />
|
||||
<form method="dialog">
|
||||
<button class="btn btn-xs btn-circle btn-ghost" aria-label="Close">
|
||||
<span class="iconify lucide--x text-base-content/80 size-4"></span>
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="border-base-300 flex items-center gap-3 border-t px-2 py-2">
|
||||
<div class="flex items-center gap-0.5">
|
||||
<div
|
||||
class="border-base-300 bg-base-200 flex size-5 items-center justify-center rounded-sm border shadow-xs">
|
||||
<span class="iconify lucide--arrow-up size-3.5"></span>
|
||||
</div>
|
||||
<div
|
||||
class="border-base-300 bg-base-200 flex size-5 items-center justify-center rounded-sm border shadow-xs">
|
||||
<span class="iconify lucide--arrow-down size-3.5"></span>
|
||||
</div>
|
||||
<p class="text-base-content/80 ms-1 text-sm">Điều hướng</p>
|
||||
</div>
|
||||
<div class="flex items-center gap-0.5 max-sm:hidden">
|
||||
<div
|
||||
class="border-base-300 bg-base-200 flex size-5 items-center justify-center rounded-sm border shadow-xs">
|
||||
<span class="iconify lucide--undo-2 size-3.5"></span>
|
||||
</div>
|
||||
<p class="text-base-content/80 ms-1 text-sm">Quay lại</p>
|
||||
</div>
|
||||
<div class="flex items-center gap-0.5">
|
||||
<div
|
||||
class="border-base-300 bg-base-200 flex size-5 items-center justify-center rounded-sm border shadow-xs">
|
||||
<span class="iconify lucide--corner-down-left size-3.5"></span>
|
||||
</div>
|
||||
<p class="text-base-content/80 ms-1 text-sm">Mở</p>
|
||||
</div>
|
||||
<div class="ms-auto flex items-center gap-0.5">
|
||||
<div
|
||||
class="border-base-300 bg-base-200 flex h-5 items-center justify-center rounded-sm border px-1 text-sm/none shadow-xs">
|
||||
esc
|
||||
</div>
|
||||
<p class="text-base-content/80 ms-1 text-sm">Đóng</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-base-100 rounded-box mt-4">
|
||||
<div class="px-5 py-3">
|
||||
<p class="text-base-content/80 text-sm font-medium">I'm looking for...</p>
|
||||
<div class="mt-2 flex flex-wrap gap-1.5">
|
||||
<div
|
||||
class="border-base-300 hover:bg-base-200 rounded-box cursor-pointer border px-2.5 py-1 text-sm/none">
|
||||
Writer
|
||||
</div>
|
||||
<div
|
||||
class="border-base-300 hover:bg-base-200 rounded-box cursor-pointer border px-2.5 py-1 text-sm/none">
|
||||
Editor
|
||||
</div>
|
||||
<div
|
||||
class="border-base-300 hover:bg-base-200 rounded-box cursor-pointer border px-2.5 py-1 text-sm/none">
|
||||
Explainer
|
||||
</div>
|
||||
<div
|
||||
class="border-base-300 hover:bg-base-200 rounded-box flex cursor-pointer items-center gap-1 border border-dashed px-2.5 py-1 text-sm/none">
|
||||
<span class="iconify lucide--plus size-3.5"></span>
|
||||
Action
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="border-base-300 h-px border-dashed" />
|
||||
|
||||
<ul class="menu w-full pt-1">
|
||||
<li class="menu-title">Talk to assistant</li>
|
||||
<li>
|
||||
<div class="group">
|
||||
<div
|
||||
class="from-primary to-primary/80 mask mask-squircle text-primary-content flex size-5 items-center justify-center bg-linear-to-b leading-none font-medium">
|
||||
R
|
||||
</div>
|
||||
<p class="grow text-sm">Research Buddy</p>
|
||||
<div
|
||||
class="flex translate-x-2 items-center gap-2.5 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100">
|
||||
<span class="iconify lucide--star text-orange-500"></span>
|
||||
<div class="flex items-center gap-0.5">
|
||||
<div
|
||||
class="border-base-300 flex size-5 items-center justify-center rounded-sm border shadow-xs">
|
||||
<span class="iconify lucide--corner-down-left size-3.5"></span>
|
||||
</div>
|
||||
<p class="ms-1 text-sm opacity-80">Select</p>
|
||||
</div>
|
||||
<span class="iconify lucide--ellipsis-vertical opacity-80"></span>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="group">
|
||||
<div
|
||||
class="from-secondary to-secondary/80 mask mask-squircle text-secondary-content flex size-5 items-center justify-center bg-linear-to-b leading-none font-medium">
|
||||
T
|
||||
</div>
|
||||
<p class="grow text-sm">Task Planner</p>
|
||||
<div
|
||||
class="flex translate-x-2 items-center gap-2.5 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100">
|
||||
<span class="iconify lucide--star text-orange-500"></span>
|
||||
<div class="flex items-center gap-0.5">
|
||||
<div
|
||||
class="border-base-300 flex size-5 items-center justify-center rounded-sm border shadow-xs">
|
||||
<span class="iconify lucide--corner-down-left size-3.5"></span>
|
||||
</div>
|
||||
<p class="ms-1 text-sm opacity-80">Select</p>
|
||||
</div>
|
||||
<span class="iconify lucide--ellipsis-vertical opacity-80"></span>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="group">
|
||||
<div
|
||||
class="from-success to-success/80 mask mask-squircle text-success-content flex size-5 items-center justify-center bg-linear-to-b leading-none font-medium">
|
||||
S
|
||||
</div>
|
||||
<p class="grow text-sm">Sparking Ideas</p>
|
||||
<div
|
||||
class="flex translate-x-2 items-center gap-2.5 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100">
|
||||
<span class="iconify lucide--star text-orange-500"></span>
|
||||
<div class="flex items-center gap-0.5">
|
||||
<div
|
||||
class="border-base-300 flex size-5 items-center justify-center rounded-sm border shadow-xs">
|
||||
<span class="iconify lucide--corner-down-left size-3.5"></span>
|
||||
</div>
|
||||
<p class="ms-1 text-sm opacity-80">Select</p>
|
||||
</div>
|
||||
<span class="iconify lucide--ellipsis-vertical opacity-80"></span>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="group">
|
||||
<div
|
||||
class="from-warning to-warning/80 mask mask-squircle text-warning-content flex size-5 items-center justify-center bg-linear-to-b leading-none font-medium">
|
||||
D
|
||||
</div>
|
||||
<p class="grow text-sm">Docs Assistant</p>
|
||||
<div
|
||||
class="flex translate-x-2 items-center gap-2.5 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100">
|
||||
<span class="iconify lucide--star text-orange-500"></span>
|
||||
<div class="flex items-center gap-0.5">
|
||||
<div
|
||||
class="border-base-300 flex size-5 items-center justify-center rounded-sm border shadow-xs">
|
||||
<span class="iconify lucide--corner-down-left size-3.5"></span>
|
||||
</div>
|
||||
<p class="ms-1 text-sm opacity-80">Select</p>
|
||||
</div>
|
||||
<span class="iconify lucide--ellipsis-vertical opacity-80"></span>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<hr class="border-base-300 h-px border-dashed" />
|
||||
|
||||
<ul class="menu w-full pt-1">
|
||||
<li class="menu-title flex flex-row items-center justify-between gap-2">
|
||||
<span>Tasks Manager</span>
|
||||
<span>Progress</span>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<span class="iconify lucide--notebook size-4"></span>
|
||||
<p class="grow text-sm">Creating an essay</p>
|
||||
<progress class="progress progress-primary h-1 w-30" value="60"
|
||||
max="100"></progress>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<span class="iconify lucide--message-circle size-4"></span>
|
||||
<p class="grow text-sm">Summarizing chat</p>
|
||||
<progress class="progress progress-secondary h-1 w-30" value="80"
|
||||
max="100"></progress>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<span class="iconify lucide--code size-4"></span>
|
||||
<p class="grow text-sm">Fixing syntax</p>
|
||||
<progress class="progress progress-accent h-1 w-30" value="35" max="100"></progress>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<span class="iconify lucide--book-open size-4"></span>
|
||||
<p class="grow text-sm">Reading docs</p>
|
||||
<progress class="progress progress-info h-1 w-30" value="90" max="100"></progress>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<span class="iconify lucide--lightbulb size-4"></span>
|
||||
<p class="grow text-sm">Generating ideas</p>
|
||||
<progress class="progress progress-warning h-1 w-30" value="50"
|
||||
max="100"></progress>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<form method="dialog" class="modal-backdrop">
|
||||
<button>close</button>
|
||||
</form>
|
||||
</dialog>
|
||||
</div>
|
||||
<div class="inline-flex items-center gap-0.5">
|
||||
|
||||
<div class="dropdown dropdown-bottom sm:dropdown-end dropdown-center">
|
||||
<div tabindex="0" role="button" class="btn btn-circle btn-sm relative" aria-label="Notifications">
|
||||
<span class="iconify lucide--bell motion-preset-seesaw size-4.5"></span>
|
||||
<div class="status status-error status-sm absolute end-1 top-1"></div>
|
||||
</div>
|
||||
<div tabindex="0"
|
||||
class="dropdown-content bg-base-100 rounded-box mt-1 w-84 shadow-md duration-1000 hover:shadow-lg">
|
||||
<div class="bg-base-200/30 rounded-t-box border-base-200 border-b ps-4 pe-2 pt-3">
|
||||
<div class="flex items-center justify-between">
|
||||
<p class="font-medium">Notification</p>
|
||||
<button class="btn btn-xs btn-circle btn-ghost" aria-label="Close"
|
||||
onclick="document.activeElement.blur()">
|
||||
<span class="iconify lucide--x size-4"></span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="-ms-2 mt-2 -mb-px flex items-center justify-between">
|
||||
<div role="tablist" class="tabs tabs-sm tabs-border">
|
||||
<div role="tab" class="tab tab-active gap-2 px-3 font-medium">
|
||||
<span>All</span>
|
||||
<div class="badge badge-sm">4</div>
|
||||
</div>
|
||||
<div role="tab" class="tab gap-2 px-3"><span>Team</span></div>
|
||||
<div role="tab" class="tab gap-2 px-3"><span>AI</span></div>
|
||||
<div role="tab" class="tab gap-2 px-3"><span>@mention</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hover:bg-base-200/20 relative flex items-start gap-3 p-4 transition-all">
|
||||
<div class="avatar avatar-online size-12">
|
||||
<img src="../../assets/images//avatars/2.png"
|
||||
class="from-primary/80 to-primary/60 mask mask-squircle bg-linear-to-b px-1 pt-1"
|
||||
alt="" />
|
||||
</div>
|
||||
<div class="grow">
|
||||
<p class="text-sm leading-tight">Lena submitted a draft for review.</p>
|
||||
<p class="text-base-content/60 text-xs">15 min ago</p>
|
||||
<div class="mt-2 flex items-center gap-2">
|
||||
<button class="btn btn-sm btn-primary">Approve</button>
|
||||
<button class="btn btn-sm btn-outline border-base-300">Decline</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="status status-primary absolute end-4 top-4 size-1.5"></div>
|
||||
</div>
|
||||
<hr class="border-base-300 border-dashed" />
|
||||
<div class="hover:bg-base-200/20 flex items-start gap-3 p-4 transition-all">
|
||||
<div class="avatar avatar-offline size-12">
|
||||
<img src="/images/avatars/4.png"
|
||||
class="from-secondary/80 to-secondary/60 mask mask-squircle bg-linear-to-b px-1 pt-1"
|
||||
alt="" />
|
||||
</div>
|
||||
<div class="grow">
|
||||
<p class="text-sm leading-tight">Kai mentioned you in a project.</p>
|
||||
<p class="text-base-content/60 text-xs">22 min ago</p>
|
||||
<div
|
||||
class="from-base-200 via-base-200/80 rounded-box mt-2 flex items-center justify-between gap-2 bg-linear-to-r to-transparent py-1 ps-2.5">
|
||||
<p class="text-sm">Check model inputs?</p>
|
||||
<button class="btn btn-xs btn-ghost text-xs">
|
||||
<span class="iconify lucide--reply size-3.5"></span>
|
||||
Reply
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="border-base-300 border-dashed" />
|
||||
<div class="hover:bg-base-200/20 flex items-start gap-3 p-4 transition-all">
|
||||
<div class="avatar size-12">
|
||||
<img src="/images/avatars/5.png"
|
||||
class="mask mask-squircle bg-linear-to-b from-orange-500/80 to-orange-500/60 px-1 pt-1"
|
||||
alt="" />
|
||||
</div>
|
||||
<div class="grow">
|
||||
<p class="text-sm leading-tight">Your latest results are ready</p>
|
||||
<div
|
||||
class="border-base-200 rounded-box mt-2 flex items-center justify-between gap-2 border px-2.5 py-1.5">
|
||||
<p class="text-sm">
|
||||
Forecast Report
|
||||
<span class="text-base-content/60 text-xs">(12 MB)</span>
|
||||
</p>
|
||||
<button class="btn btn-xs btn-square btn-ghost text-xs">
|
||||
<span class="iconify lucide--arrow-down-to-line size-4"></span>
|
||||
</button>
|
||||
</div>
|
||||
<div
|
||||
class="border-base-200 rounded-box mt-2 flex items-center justify-between gap-2 border px-2.5 py-1.5">
|
||||
<p class="text-sm">
|
||||
Generated Summary
|
||||
<span class="text-base-content/60 text-xs">(354 KB)</span>
|
||||
</p>
|
||||
<button class="btn btn-xs btn-square btn-ghost text-xs">
|
||||
<span class="iconify lucide--arrow-down-to-line size-4"></span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="border-base-200" />
|
||||
<div class="flex items-center justify-between px-2 py-2">
|
||||
<button class="btn btn-sm btn-soft btn-primary">View All</button>
|
||||
<div class="flex items-center gap-1">
|
||||
<button class="btn btn-sm btn-square btn-ghost">
|
||||
<span class="iconify lucide--check-check size-4"></span>
|
||||
</button>
|
||||
<button class="btn btn-sm btn-square btn-ghost">
|
||||
<span class="iconify lucide--bell-ring size-4"></span>
|
||||
</button>
|
||||
<button class="btn btn-sm btn-square btn-ghost">
|
||||
<span class="iconify lucide--settings size-4"></span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dropdown dropdown-bottom dropdown-end w-full">
|
||||
<div tabindex="0" role="button"
|
||||
class="hover:bg-base-300 rounded-box mx-2 mt-0 flex cursor-pointer items-center gap-2.5 transition-all group">
|
||||
<div class="avatar">
|
||||
<div class="bg-base-200 mask mask-squircle w-8">
|
||||
<img src="../../assets/images/avatars/1.png" alt="Avatar" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="grow -space-y-0.5">
|
||||
<p class="text-sm font-medium text-white">Denish N</p>
|
||||
<p class="text-base-content/60 text-xs text-white">@withden</p>
|
||||
</div>
|
||||
<span class="iconify lucide--chevrons-up-down text-base-content/60 size-4 text-white"></span>
|
||||
</div>
|
||||
<ul role="menu" tabindex="0"
|
||||
class="dropdown-content menu bg-base-100 rounded-box shadow-base-content/4 mb-1 w-48 p-1 shadow-[0px_-10px_40px_0px]">
|
||||
<li>
|
||||
<a href="./pages/settings.html">
|
||||
<span class="iconify lucide--user size-4"></span>
|
||||
<span>Tài khoản</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/admin/system/settings">
|
||||
<span class="iconify lucide--settings size-4"></span>
|
||||
<span>Cài đặt hệ thống</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-center justify-between px-3 gap-3 relative">
|
||||
<ul class="menu menu-horizontal">
|
||||
<li>
|
||||
<div class="flex items-center gap-3">
|
||||
<span class="iconify lucide--home tw-tsa"></span>
|
||||
<a href="/"><span class="grow">Home</span></a>
|
||||
</div>
|
||||
</li>
|
||||
{% for _menu_item in global.main_menu %}
|
||||
{% assign _menu_children = _menu_item.menu %}
|
||||
{% if _menu_item.id != 'system' %}
|
||||
<li
|
||||
class="{%- for _item in _menu_children -%}{%- if _item.url == global.url -%} active {%- endif -%} {%- endfor -%}">
|
||||
<div class="flex items-center gap-3">
|
||||
{% if _menu_item.icon_class != '' %}
|
||||
<span class="{{_menu_item.icon_class}}"></span>
|
||||
{% endif %}
|
||||
<span class="grow">{{ _menu_item.name }}</span>
|
||||
</div>
|
||||
<ul class="p-2 submenu">
|
||||
{% for _item in _menu_children %}
|
||||
<li class="{% if _item.url == global.url %} active {% endif %}"><a href="{{ _item.url }}"
|
||||
style="white-space: nowrap">{{ _item.name }}</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</li>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
508
old/template/other/topbar.html
Normal file
508
old/template/other/topbar.html
Normal file
@@ -0,0 +1,508 @@
|
||||
<!-- Start: Layout - Topbar -->
|
||||
|
||||
<div role="navigation" aria-label="Navbar" class="flex items-center justify-between px-3" id="layout-topbar">
|
||||
<div class="inline-flex items-center gap-3">
|
||||
<label class="btn btn-square btn-ghost btn-sm group-has-[[id=layout-sidebar-hover-trigger]:checked]/html:hidden"
|
||||
aria-label="Leftmenu toggle" for="layout-sidebar-toggle-trigger">
|
||||
<span class="iconify lucide--menu size-5"></span>
|
||||
</label>
|
||||
<label
|
||||
class="btn btn-square btn-ghost btn-sm hidden group-has-[[id=layout-sidebar-hover-trigger]:checked]/html:flex"
|
||||
aria-label="Leftmenu toggle" for="layout-sidebar-hover-trigger">
|
||||
<span class="iconify lucide--menu size-5"></span>
|
||||
</label>
|
||||
<button
|
||||
class="btn btn-outline btn-sm btn-ghost border-base-300 text-base-content/70 hidden h-9 w-48 justify-start gap-2 !text-sm md:flex"
|
||||
onclick="document.getElementById('topbar-search-modal')?.showModal()">
|
||||
<span class="iconify lucide--search size-4"></span>
|
||||
<span>Tìm Kiếm</span>
|
||||
</button>
|
||||
<button
|
||||
class="btn btn-outline btn-sm btn-square btn-ghost border-base-300 text-base-content/70 flex size-9 md:hidden"
|
||||
aria-label="Search" onclick="document.getElementById('topbar-search-modal')?.showModal()">
|
||||
<span class="iconify lucide--search size-4"></span>
|
||||
</button>
|
||||
<dialog id="topbar-search-modal" class="modal p-0">
|
||||
<div class="modal-box bg-transparent p-0 shadow-none">
|
||||
<div class="bg-base-100 rounded-box">
|
||||
<div class="input w-full border-0 !outline-none">
|
||||
<span class="iconify lucide--search text-base-content/60 size-4.5"></span>
|
||||
<input type="search" class="grow" placeholder="Tìm kiếm" aria-label="Search" />
|
||||
<form method="dialog">
|
||||
<button class="btn btn-xs btn-circle btn-ghost" aria-label="Close">
|
||||
<span class="iconify lucide--x text-base-content/80 size-4"></span>
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="border-base-300 flex items-center gap-3 border-t px-2 py-2">
|
||||
<div class="flex items-center gap-0.5">
|
||||
<div
|
||||
class="border-base-300 bg-base-200 flex size-5 items-center justify-center rounded-sm border shadow-xs">
|
||||
<span class="iconify lucide--arrow-up size-3.5"></span>
|
||||
</div>
|
||||
<div
|
||||
class="border-base-300 bg-base-200 flex size-5 items-center justify-center rounded-sm border shadow-xs">
|
||||
<span class="iconify lucide--arrow-down size-3.5"></span>
|
||||
</div>
|
||||
<p class="text-base-content/80 ms-1 text-sm">Điều hướng</p>
|
||||
</div>
|
||||
<div class="flex items-center gap-0.5 max-sm:hidden">
|
||||
<div
|
||||
class="border-base-300 bg-base-200 flex size-5 items-center justify-center rounded-sm border shadow-xs">
|
||||
<span class="iconify lucide--undo-2 size-3.5"></span>
|
||||
</div>
|
||||
<p class="text-base-content/80 ms-1 text-sm">Quay lại</p>
|
||||
</div>
|
||||
<div class="flex items-center gap-0.5">
|
||||
<div
|
||||
class="border-base-300 bg-base-200 flex size-5 items-center justify-center rounded-sm border shadow-xs">
|
||||
<span class="iconify lucide--corner-down-left size-3.5"></span>
|
||||
</div>
|
||||
<p class="text-base-content/80 ms-1 text-sm">Mở</p>
|
||||
</div>
|
||||
<div class="ms-auto flex items-center gap-0.5">
|
||||
<div
|
||||
class="border-base-300 bg-base-200 flex h-5 items-center justify-center rounded-sm border px-1 text-sm/none shadow-xs">
|
||||
esc
|
||||
</div>
|
||||
<p class="text-base-content/80 ms-1 text-sm">Đóng</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-base-100 rounded-box mt-4">
|
||||
<div class="px-5 py-3">
|
||||
<p class="text-base-content/80 text-sm font-medium">I'm looking for...</p>
|
||||
<div class="mt-2 flex flex-wrap gap-1.5">
|
||||
<div
|
||||
class="border-base-300 hover:bg-base-200 rounded-box cursor-pointer border px-2.5 py-1 text-sm/none">
|
||||
Writer
|
||||
</div>
|
||||
<div
|
||||
class="border-base-300 hover:bg-base-200 rounded-box cursor-pointer border px-2.5 py-1 text-sm/none">
|
||||
Editor
|
||||
</div>
|
||||
<div
|
||||
class="border-base-300 hover:bg-base-200 rounded-box cursor-pointer border px-2.5 py-1 text-sm/none">
|
||||
Explainer
|
||||
</div>
|
||||
<div
|
||||
class="border-base-300 hover:bg-base-200 rounded-box flex cursor-pointer items-center gap-1 border border-dashed px-2.5 py-1 text-sm/none">
|
||||
<span class="iconify lucide--plus size-3.5"></span>
|
||||
Action
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="border-base-300 h-px border-dashed" />
|
||||
|
||||
<ul class="menu w-full pt-1">
|
||||
<li class="menu-title">Talk to assistant</li>
|
||||
<li>
|
||||
<div class="group">
|
||||
<div
|
||||
class="from-primary to-primary/80 mask mask-squircle text-primary-content flex size-5 items-center justify-center bg-linear-to-b leading-none font-medium">
|
||||
R
|
||||
</div>
|
||||
<p class="grow text-sm">Research Buddy</p>
|
||||
<div
|
||||
class="flex translate-x-2 items-center gap-2.5 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100">
|
||||
<span class="iconify lucide--star text-orange-500"></span>
|
||||
<div class="flex items-center gap-0.5">
|
||||
<div
|
||||
class="border-base-300 flex size-5 items-center justify-center rounded-sm border shadow-xs">
|
||||
<span class="iconify lucide--corner-down-left size-3.5"></span>
|
||||
</div>
|
||||
<p class="ms-1 text-sm opacity-80">Select</p>
|
||||
</div>
|
||||
<span class="iconify lucide--ellipsis-vertical opacity-80"></span>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="group">
|
||||
<div
|
||||
class="from-secondary to-secondary/80 mask mask-squircle text-secondary-content flex size-5 items-center justify-center bg-linear-to-b leading-none font-medium">
|
||||
T
|
||||
</div>
|
||||
<p class="grow text-sm">Task Planner</p>
|
||||
<div
|
||||
class="flex translate-x-2 items-center gap-2.5 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100">
|
||||
<span class="iconify lucide--star text-orange-500"></span>
|
||||
<div class="flex items-center gap-0.5">
|
||||
<div
|
||||
class="border-base-300 flex size-5 items-center justify-center rounded-sm border shadow-xs">
|
||||
<span class="iconify lucide--corner-down-left size-3.5"></span>
|
||||
</div>
|
||||
<p class="ms-1 text-sm opacity-80">Select</p>
|
||||
</div>
|
||||
<span class="iconify lucide--ellipsis-vertical opacity-80"></span>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="group">
|
||||
<div
|
||||
class="from-success to-success/80 mask mask-squircle text-success-content flex size-5 items-center justify-center bg-linear-to-b leading-none font-medium">
|
||||
S
|
||||
</div>
|
||||
<p class="grow text-sm">Sparking Ideas</p>
|
||||
<div
|
||||
class="flex translate-x-2 items-center gap-2.5 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100">
|
||||
<span class="iconify lucide--star text-orange-500"></span>
|
||||
<div class="flex items-center gap-0.5">
|
||||
<div
|
||||
class="border-base-300 flex size-5 items-center justify-center rounded-sm border shadow-xs">
|
||||
<span class="iconify lucide--corner-down-left size-3.5"></span>
|
||||
</div>
|
||||
<p class="ms-1 text-sm opacity-80">Select</p>
|
||||
</div>
|
||||
<span class="iconify lucide--ellipsis-vertical opacity-80"></span>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="group">
|
||||
<div
|
||||
class="from-warning to-warning/80 mask mask-squircle text-warning-content flex size-5 items-center justify-center bg-linear-to-b leading-none font-medium">
|
||||
D
|
||||
</div>
|
||||
<p class="grow text-sm">Docs Assistant</p>
|
||||
<div
|
||||
class="flex translate-x-2 items-center gap-2.5 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100">
|
||||
<span class="iconify lucide--star text-orange-500"></span>
|
||||
<div class="flex items-center gap-0.5">
|
||||
<div
|
||||
class="border-base-300 flex size-5 items-center justify-center rounded-sm border shadow-xs">
|
||||
<span class="iconify lucide--corner-down-left size-3.5"></span>
|
||||
</div>
|
||||
<p class="ms-1 text-sm opacity-80">Select</p>
|
||||
</div>
|
||||
<span class="iconify lucide--ellipsis-vertical opacity-80"></span>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<hr class="border-base-300 h-px border-dashed" />
|
||||
|
||||
<ul class="menu w-full pt-1">
|
||||
<li class="menu-title flex flex-row items-center justify-between gap-2">
|
||||
<span>Tasks Manager</span>
|
||||
<span>Progress</span>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<span class="iconify lucide--notebook size-4"></span>
|
||||
<p class="grow text-sm">Creating an essay</p>
|
||||
<progress class="progress progress-primary h-1 w-30" value="60" max="100"></progress>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<span class="iconify lucide--message-circle size-4"></span>
|
||||
<p class="grow text-sm">Summarizing chat</p>
|
||||
<progress class="progress progress-secondary h-1 w-30" value="80" max="100"></progress>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<span class="iconify lucide--code size-4"></span>
|
||||
<p class="grow text-sm">Fixing syntax</p>
|
||||
<progress class="progress progress-accent h-1 w-30" value="35" max="100"></progress>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<span class="iconify lucide--book-open size-4"></span>
|
||||
<p class="grow text-sm">Reading docs</p>
|
||||
<progress class="progress progress-info h-1 w-30" value="90" max="100"></progress>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<span class="iconify lucide--lightbulb size-4"></span>
|
||||
<p class="grow text-sm">Generating ideas</p>
|
||||
<progress class="progress progress-warning h-1 w-30" value="50" max="100"></progress>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<form method="dialog" class="modal-backdrop">
|
||||
<button>close</button>
|
||||
</form>
|
||||
</dialog>
|
||||
</div>
|
||||
<div class="inline-flex items-center gap-0.5">
|
||||
<div class="dropdown dropdown-bottom dropdown-center">
|
||||
<div tabindex="0" class="btn btn-ghost btn-circle btn-sm cursor-pointer">
|
||||
<img src="https://flagcdn.com/us.svg" alt="Avatar" class="rounded-box size-4.5 object-cover" />
|
||||
</div>
|
||||
<div tabindex="0" class="dropdown-content bg-base-100 rounded-box mt-2 w-40 shadow">
|
||||
<ul class="menu w-full p-2">
|
||||
<li>
|
||||
<a class="flex items-center gap-2" href="#">
|
||||
<img src="https://flagcdn.com/us.svg" alt="Avatar"
|
||||
class="rounded-box size-4.5 cursor-pointer object-cover" />
|
||||
<span>English</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="flex items-center gap-2" href="#">
|
||||
<img src="https://flagcdn.com/vn.svg" alt="Avatar"
|
||||
class="rounded-box size-4.5 cursor-pointer object-cover" />
|
||||
<span>Tiếng việt</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<button aria-label="Toggle Theme" class="relative tw-dp btn btn-sm btn-circle btn-ghost"
|
||||
data-theme-control="toggle">
|
||||
<span
|
||||
class="iconify lucide--sun absolute size-4.5 -translate-y-4 opacity-0 transition-all duration-300 group-data-[theme=light]/html:translate-y-0 group-data-[theme=light]/html:opacity-100"></span>
|
||||
<span
|
||||
class="iconify lucide--moon absolute size-4.5 translate-y-4 opacity-0 transition-all duration-300 group-data-[theme=dark]/html:translate-y-0 group-data-[theme=dark]/html:opacity-100"></span>
|
||||
<span
|
||||
class="iconify lucide--palette absolute size-4.5 opacity-100 group-data-[theme=dark]/html:opacity-0 group-data-[theme=light]/html:opacity-0"></span>
|
||||
</button>
|
||||
|
||||
|
||||
<label for="layout-rightbar-drawer" class="btn btn-circle btn-ghost btn-sm drawer-button">
|
||||
<span class="iconify lucide--settings-2 size-4.5"></span>
|
||||
</label>
|
||||
<div class="dropdown dropdown-bottom sm:dropdown-end dropdown-center">
|
||||
<div tabindex="0" role="button" class="btn btn-circle btn-ghost btn-sm relative" aria-label="Notifications">
|
||||
<span class="iconify lucide--bell motion-preset-seesaw size-4.5"></span>
|
||||
<div class="status status-error status-sm absolute end-1 top-1"></div>
|
||||
</div>
|
||||
<div tabindex="0"
|
||||
class="dropdown-content bg-base-100 rounded-box mt-1 w-84 shadow-md duration-1000 hover:shadow-lg">
|
||||
<div class="bg-base-200/30 rounded-t-box border-base-200 border-b ps-4 pe-2 pt-3">
|
||||
<div class="flex items-center justify-between">
|
||||
<p class="font-medium">Notification</p>
|
||||
<button class="btn btn-xs btn-circle btn-ghost" aria-label="Close"
|
||||
onclick="document.activeElement.blur()">
|
||||
<span class="iconify lucide--x size-4"></span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="-ms-2 mt-2 -mb-px flex items-center justify-between">
|
||||
<div role="tablist" class="tabs tabs-sm tabs-border">
|
||||
<div role="tab" class="tab tab-active gap-2 px-3 font-medium">
|
||||
<span>All</span>
|
||||
<div class="badge badge-sm">4</div>
|
||||
</div>
|
||||
<div role="tab" class="tab gap-2 px-3"><span>Team</span></div>
|
||||
<div role="tab" class="tab gap-2 px-3"><span>AI</span></div>
|
||||
<div role="tab" class="tab gap-2 px-3"><span>@mention</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hover:bg-base-200/20 relative flex items-start gap-3 p-4 transition-all">
|
||||
<div class="avatar avatar-online size-12">
|
||||
<img src="../../assets/images//avatars/2.png"
|
||||
class="from-primary/80 to-primary/60 mask mask-squircle bg-linear-to-b px-1 pt-1" alt="" />
|
||||
</div>
|
||||
<div class="grow">
|
||||
<p class="text-sm leading-tight">Lena submitted a draft for review.</p>
|
||||
<p class="text-base-content/60 text-xs">15 min ago</p>
|
||||
<div class="mt-2 flex items-center gap-2">
|
||||
<button class="btn btn-sm btn-primary">Approve</button>
|
||||
<button class="btn btn-sm btn-outline border-base-300">Decline</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="status status-primary absolute end-4 top-4 size-1.5"></div>
|
||||
</div>
|
||||
<hr class="border-base-300 border-dashed" />
|
||||
<div class="hover:bg-base-200/20 flex items-start gap-3 p-4 transition-all">
|
||||
<div class="avatar avatar-offline size-12">
|
||||
<img src="/images/avatars/4.png"
|
||||
class="from-secondary/80 to-secondary/60 mask mask-squircle bg-linear-to-b px-1 pt-1"
|
||||
alt="" />
|
||||
</div>
|
||||
<div class="grow">
|
||||
<p class="text-sm leading-tight">Kai mentioned you in a project.</p>
|
||||
<p class="text-base-content/60 text-xs">22 min ago</p>
|
||||
<div
|
||||
class="from-base-200 via-base-200/80 rounded-box mt-2 flex items-center justify-between gap-2 bg-linear-to-r to-transparent py-1 ps-2.5">
|
||||
<p class="text-sm">Check model inputs?</p>
|
||||
<button class="btn btn-xs btn-ghost text-xs">
|
||||
<span class="iconify lucide--reply size-3.5"></span>
|
||||
Reply
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="border-base-300 border-dashed" />
|
||||
<div class="hover:bg-base-200/20 flex items-start gap-3 p-4 transition-all">
|
||||
<div class="avatar size-12">
|
||||
<img src="/images/avatars/5.png"
|
||||
class="mask mask-squircle bg-linear-to-b from-orange-500/80 to-orange-500/60 px-1 pt-1"
|
||||
alt="" />
|
||||
</div>
|
||||
<div class="grow">
|
||||
<p class="text-sm leading-tight">Your latest results are ready</p>
|
||||
<div
|
||||
class="border-base-200 rounded-box mt-2 flex items-center justify-between gap-2 border px-2.5 py-1.5">
|
||||
<p class="text-sm">
|
||||
Forecast Report
|
||||
<span class="text-base-content/60 text-xs">(12 MB)</span>
|
||||
</p>
|
||||
<button class="btn btn-xs btn-square btn-ghost text-xs">
|
||||
<span class="iconify lucide--arrow-down-to-line size-4"></span>
|
||||
</button>
|
||||
</div>
|
||||
<div
|
||||
class="border-base-200 rounded-box mt-2 flex items-center justify-between gap-2 border px-2.5 py-1.5">
|
||||
<p class="text-sm">
|
||||
Generated Summary
|
||||
<span class="text-base-content/60 text-xs">(354 KB)</span>
|
||||
</p>
|
||||
<button class="btn btn-xs btn-square btn-ghost text-xs">
|
||||
<span class="iconify lucide--arrow-down-to-line size-4"></span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="border-base-200" />
|
||||
<div class="flex items-center justify-between px-2 py-2">
|
||||
<button class="btn btn-sm btn-soft btn-primary">View All</button>
|
||||
<div class="flex items-center gap-1">
|
||||
<button class="btn btn-sm btn-square btn-ghost">
|
||||
<span class="iconify lucide--check-check size-4"></span>
|
||||
</button>
|
||||
<button class="btn btn-sm btn-square btn-ghost">
|
||||
<span class="iconify lucide--bell-ring size-4"></span>
|
||||
</button>
|
||||
<button class="btn btn-sm btn-square btn-ghost">
|
||||
<span class="iconify lucide--settings size-4"></span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="drawer drawer-end">
|
||||
<input id="topbar-profile-drawer" type="checkbox" class="drawer-toggle" />
|
||||
<div class="drawer-content">
|
||||
<label for="topbar-profile-drawer" class="btn btn-ghost flex items-center gap-2 px-1.5">
|
||||
<div class="avatar">
|
||||
<div class="bg-base-200 mask mask-squircle w-8">
|
||||
<img src="../../assets/images/avatars/1.png" alt="Avatar" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-start">
|
||||
<p class="text-sm/none">Denish</p>
|
||||
<p class="text-base-content/50 mt-0.5 text-xs/none">Team</p>
|
||||
</div>
|
||||
</label>
|
||||
</div>
|
||||
<div class="drawer-side">
|
||||
<label for="topbar-profile-drawer" aria-label="close sidebar" class="drawer-overlay"></label>
|
||||
<div class="h-full w-72 p-2 sm:w-84">
|
||||
<div class="bg-base-100 rounded-box relative flex h-full flex-col pt-4 sm:pt-8">
|
||||
<label for="topbar-profile-drawer"
|
||||
class="btn btn-xs btn-circle btn-ghost absolute start-2 top-2" aria-label="Close">
|
||||
<span class="iconify lucide--x size-4"></span>
|
||||
</label>
|
||||
<div class="flex flex-col items-center">
|
||||
<div class="relative">
|
||||
<div
|
||||
class="avatar bg-base-200 isolate size-20 cursor-pointer overflow-hidden rounded-full px-1 pt-1 md:size-24">
|
||||
<img src="/images/avatars/1.png" alt="User Avatar" />
|
||||
</div>
|
||||
<div
|
||||
class="bg-base-100 absolute end-0 bottom-0 flex items-center justify-center rounded-full p-1.5 shadow-sm">
|
||||
<span class="iconify lucide--pencil size-4"></span>
|
||||
</div>
|
||||
</div>
|
||||
<p class="mt-4 text-lg/none font-medium sm:mt-8">John Doe</p>
|
||||
<p class="text-base-content/60 mt-1 text-sm">john@company.com</p>
|
||||
<div class="mt-4 flex items-center gap-2 *:cursor-pointer sm:mt-6">
|
||||
<div class="avatar bg-base-200 size-10 overflow-hidden rounded-full px-1 pt-1">
|
||||
<img src="/images/avatars/2.png" alt="Team member" />
|
||||
</div>
|
||||
<div class="avatar bg-base-200 size-10 overflow-hidden rounded-full px-1 pt-1">
|
||||
<img src="/images/avatars/3.png" alt="Team member" />
|
||||
</div>
|
||||
<div class="avatar bg-base-200 size-10 overflow-hidden rounded-full px-1 pt-1">
|
||||
<img src="/images/avatars/4.png" alt="Team member" />
|
||||
</div>
|
||||
<div
|
||||
class="bg-base-200 border-base-300 flex size-10 items-center justify-center rounded-full border border-dashed">
|
||||
<span class="iconify lucide--plus size-4.5"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="border-base-300 mt-4 grow overflow-auto border-t border-dashed px-2 sm:mt-6">
|
||||
<ul class="menu w-full p-2">
|
||||
<li class="menu-title">Account</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="iconify lucide--user size-4.5"></span>
|
||||
<span>View Profile</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="iconify lucide--users size-4.5"></span>
|
||||
<span>Team</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="iconify lucide--mail-plus size-4.5"></span>
|
||||
<span>Invites</span>
|
||||
<div class="badge badge-sm">4</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="menu-title">Platform</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="iconify lucide--settings size-4.5"></span>
|
||||
<span>Settings</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="iconify lucide--credit-card size-4.5"></span>
|
||||
<span>Billing</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="iconify lucide--help-circle size-4.5"></span>
|
||||
<span>Support</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="text-error hover:bg-error/10" href="#">
|
||||
<span class="iconify lucide--log-out size-4.5"></span>
|
||||
<span>Sign Out</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div
|
||||
class="rounded-box from-primary to-secondary text-primary-content m-4 mt-auto flex cursor-pointer flex-col items-center justify-center bg-linear-to-br p-4 text-center transition-all hover:opacity-95 sm:p-6">
|
||||
<div
|
||||
class="bg-primary-content/10 border-primary-content/10 flex items-center justify-center rounded-full border p-1.5 sm:p-2.5">
|
||||
<span class="iconify lucide--zap size-5 sm:size-6"></span>
|
||||
</div>
|
||||
<p
|
||||
class="mt-2 font-mono text-[11px] font-medium tracking-wider uppercase opacity-70 sm:mt-4">
|
||||
Upgrade your plan
|
||||
</p>
|
||||
<p class="mt-1 leading-none font-medium sm:text-lg">
|
||||
Save
|
||||
<span class="font-semibold underline">30%</span>
|
||||
today
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- End: Layout - Topbar -->
|
||||
82
old/template/page/category.html
Normal file
82
old/template/page/category.html
Normal 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/category_add"
|
||||
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>
|
||||
123
old/template/page/category_add.html
Normal file
123
old/template/page/category_add.html
Normal file
@@ -0,0 +1,123 @@
|
||||
<div class="w-[100%] mb-[50px]">
|
||||
<div class="text-sm breadcrumbs ml-[10px]">
|
||||
<ul>
|
||||
<li><a href="/admin/page/category">Quản lý danh mục</a></li>
|
||||
<li class="text-[#0041E8]">Form thêm/sửa danh mục nội dung cố định</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 danh mục</h1>
|
||||
<div class="flex items-center">
|
||||
<a href="/admin/page/form"
|
||||
class="group flex items-center border-[1px] border-[#ECECEC] rounded-[4px] p-[5px_10px_5px_10px] hover:bg-blue-700">
|
||||
<span
|
||||
class="w-[14.5px] group-hover:text-white group-hover:border-white h-[14.5px] border-[1px] rounded-[50%] border-[#6B7280] text-center leading-[10.5px] mr-[5px] text-[#6B7280]">+</span>
|
||||
<span class="text-[#6B7280] group-hover:text-white">Thêm nội dung mới</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-gray-500">Chính sách chung</p>
|
||||
</div>
|
||||
|
||||
<div class="flex">
|
||||
<div class="left w-[270px] mr-[10px]">
|
||||
<div class="list-tab">
|
||||
<a href="/admin/page/category_add"
|
||||
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 my-[15px]">Thông tin cơ bản</b>
|
||||
|
||||
<div class="mb-[15px]">
|
||||
<label for="" class="block mb-[10px] font-[700] text-[14px] text-[#383C44]">Tên danh mục</label>
|
||||
<input type="text" name="" value="" placeholder="Tên danh mục"
|
||||
class="w-full 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]">Tóm tắt (nếu
|
||||
có)</label>
|
||||
<textarea type="text" name="" value="" placeholder="Tóm tắt"
|
||||
class="w-full h-[120px] textarea input-bordered rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]"></textarea>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-2 gap-[15px] mb-[15px]">
|
||||
<div class="">
|
||||
<label for="" class="block mb-[10px] font-[700] text-[14px] text-[#383C44]">Là danh mục con
|
||||
của</label>
|
||||
<select name=''
|
||||
class="w-full mr-[15px] select select-bordered h-[38px] min-h-[38px] rounded-[4px]">
|
||||
<option value='' selected>Danh mục gốc</option>
|
||||
<option value=''>Máy tính</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="">
|
||||
<label for="" class="block mb-[10px] font-[700] text-[14px] text-[#383C44]">Thứ tự xuất hiện
|
||||
<span class="text-[14px] font-[300] italic text-[6b7280]">(cao xếp trước)</span></label>
|
||||
<input type="text" name="" value="0" placeholder="Thứ tự"
|
||||
class="w-full 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="mb-[15px]">
|
||||
<label for="" class="block mb-[10px] font-[700] text-[14px] text-[#383C44]">Ảnh đại diện (nếu
|
||||
có)</label>
|
||||
<div class="flex items-center">
|
||||
<a href=""
|
||||
class="w-[115px] 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>
|
||||
<p class="font-[300] ml-[5px] italic text-gray-500">No file chosen</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="bg-white p-[10px] shadow-[0_0_1px_0px_#0000001A] mt-[5px]">
|
||||
<b class="block text-[20px] font-bold my-[10px]">Dùng cho SEO</b>
|
||||
|
||||
<div class="mb-[15px]">
|
||||
<label for="" class="block mb-[10px] font-[700] text-[14px] text-[#383C44]">Meta Title <span
|
||||
class="ml-[5px] font-[300] text-[#6B7280]"> *
|
||||
nếu để trống sẽ dùng tên danh mục</span></label>
|
||||
<input type="text" name="" value="" placeholder="Meta title"
|
||||
class="w-full 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 Keyword</label>
|
||||
<input type="text" name="" value="" placeholder="Meta Keyword"
|
||||
class="w-full 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
|
||||
<span class="ml-[5px] font-[300] text-[#6B7280]">* nếu để trống sẽ dùng tóm tắt danh
|
||||
mục</span></label>
|
||||
<textarea type="text" name="" value="" placeholder="Meta Description"
|
||||
class="w-full input input-md input-bordered h-[120px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]"></textarea>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="bg-white p-[10px] shadow-[0_1px_1px_0px_#0000001A] rounded-[0_0_10px_10px] mt-[10px]">
|
||||
<input
|
||||
class="btn w-[95px] h-[35px] min-h-[35px] bg-[#0041E8] rounded-[4px] mt-[10px] text-white cursor-pointer"
|
||||
name="submit" type="submit" value="Cập nhật">
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
156
old/template/page/form.html
Normal file
156
old/template/page/form.html
Normal file
@@ -0,0 +1,156 @@
|
||||
<div class="w-[100%] mb-[50px]">
|
||||
<div class="text-sm breadcrumbs ml-[10px]">
|
||||
<ul>
|
||||
<li><a href="/admin/page">Nội dung cố định</a></li>
|
||||
<li class="text-[#0041E8]">Form thêm/sửa nội dung cố định</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 nội dung</h1>
|
||||
<div class="flex items-center">
|
||||
<a href="/admin/page/form"
|
||||
class="group flex items-center border-[1px] border-[#ECECEC] rounded-[4px] p-[5px_10px_5px_10px] hover:bg-blue-700">
|
||||
<span
|
||||
class="w-[14.5px] group-hover:text-white group-hover:border-white h-[14.5px] border-[1px] rounded-[50%] border-[#6B7280] text-center leading-[10.5px] mr-[5px] text-[#6B7280]">+</span>
|
||||
<span class="text-[#6B7280] group-hover:text-white">Thêm nội dung mới</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-gray-500">Chương trình khuyến mãi tháng</p>
|
||||
</div>
|
||||
|
||||
<div class="flex">
|
||||
<div class="left w-[270px] mr-[10px]">
|
||||
<div class="list-tab">
|
||||
<a href="/admin/page/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_10px_0_0] shadow-[0_-1px_1px_0px_#0000001A] border-b-[6px] border-[#FAFAFB]">
|
||||
<b class="block text-[20px] font-bold my-[10px]">Thông tin cơ bản</b>
|
||||
|
||||
<div class="mb-[15px]">
|
||||
<label for="" class="block mb-[10px] font-[700] text-[14px] text-[#383C44]">Tiêu đề nội
|
||||
dung</label>
|
||||
<input type="text" name="" value="" placeholder="Tiêu đề nội dung"
|
||||
class="w-full 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]">Link Index</label>
|
||||
<input type="text" name="" value="" placeholder="Link Index"
|
||||
class="w-full 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]">Nội dung tóm tắt
|
||||
(nếu có)</label>
|
||||
<textarea type="text" name="" value="" placeholder="Nội dung tóm tắt (nếu có)"
|
||||
class="w-full textarea h-[120px] input-bordered 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]">Là danh mục con
|
||||
của</label>
|
||||
<div class="flex item items-center">
|
||||
<select name=''
|
||||
class="w-[40%] mr-[15px] select select-bordered h-[38px] min-h-[38px] rounded-[4px]">
|
||||
<option value='' selected>Danh mục gốc</option>
|
||||
<option value=''>Máy tính</option>
|
||||
</select>
|
||||
<a href="/admin/page/category"
|
||||
class="leading-[35px] block 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>
|
||||
</div>
|
||||
|
||||
<div class="mb-[15px]">
|
||||
<label for="" class="block mb-[10px] font-[700] text-[14px] text-[#383C44]">Ảnh đại diện (nếu
|
||||
có)</label>
|
||||
<div class="flex items-center">
|
||||
<a href=""
|
||||
class="w-[115px] 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>
|
||||
<p class="font-[300] ml-[5px] italic text-gray-500">No file chosen</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="bg-white p-[10px] my-[10px]">
|
||||
<b class="block text-[20px] font-bold my-[10px]">Nội dung chi tiết</b>
|
||||
<div class="mb-[15px]">
|
||||
<label for="" class="block mb-[10px] font-[700] text-[14px] text-[#383C44]">Hiển thị nội dung từ
|
||||
template <span class="italic ml-[10px] text-[#6B7280] font-[300]">(* phải nằm trong thư mục
|
||||
static/,
|
||||
chỉ chấp nhận ký tự a-z0-9 và
|
||||
_)</span></label>
|
||||
<input type="text" name="" value="landing_page_khuyen_mai_thang" placeholder=""
|
||||
class="w-full 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] flex items-center">
|
||||
<p class="text-[#6B7280] mr-[10px]">Hoặc nhập nội dung</p>
|
||||
<div class="flex items-center">
|
||||
<a href=""
|
||||
class=" flex items-center mr-[20px] border-[1px] border-[#0041E8] p-[8px_10px] rounded-[4px] bg-[#F5F7FF]">
|
||||
<i class="fa-solid fa-file-arrow-up text-[#0041E8]"></i>
|
||||
<span class="text-[#0041E8] ml-[5px]">Lấy ảnh từ thư viện media</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<textarea id="product-desc" class="rounded-[12px]"> </textarea>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="bg-white p-[10px] shadow-[0_0_1px_0px_#0000001A]">
|
||||
<b class="block text-[20px] font-bold my-[10px]">Dùng cho SEO</b>
|
||||
|
||||
<div class="mb-[15px]">
|
||||
<label for="" class="block mb-[10px] font-[700] text-[14px] text-[#383C44]">Meta Title <span
|
||||
class="ml-[5px] font-[300] text-[#6B7280]"> *
|
||||
nếu để trống sẽ dùng tên danh mục</span></label>
|
||||
<input type="text" name="" value="" placeholder="Meta title"
|
||||
class="w-full 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 Keyword</label>
|
||||
<input type="text" name="" value="" placeholder="Meta Keyword"
|
||||
class="w-full 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
|
||||
<span class="ml-[5px] font-[300] text-[#6B7280]">* nếu để trống sẽ dùng tóm tắt danh
|
||||
mục</span></label>
|
||||
<textarea type="text" name="" value="" placeholder="Meta Description"
|
||||
class="w-full input input-md input-bordered h-[120px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]"></textarea>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="bg-white p-[10px] shadow-[0_1px_1px_0px_#0000001A] rounded-[0_0_10px_10px] mt-[10px]">
|
||||
<input
|
||||
class="btn w-[95px] h-[35px] min-h-[35px] bg-[#0041E8] rounded-[4px] mt-[10px] text-white cursor-pointer"
|
||||
name="submit" type="submit" value="Cập nhật">
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
187
old/template/page/home.html
Normal file
187
old/template/page/home.html
Normal 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>
|
||||
50
old/template/payinstall/add_company.html
Normal file
50
old/template/payinstall/add_company.html
Normal file
@@ -0,0 +1,50 @@
|
||||
<div class="w-[100%] mb-[50px]">
|
||||
|
||||
<div class="text-sm breadcrumbs ml-[10px]">
|
||||
<ul>
|
||||
<li><a href="/admin/payinstall">Cài đặt trả góp</a></li>
|
||||
<li class="text-[#0041E8]">Form thêm / sửa công ty tín dụng</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>
|
||||
<h1 class="text-[20px] font-[700]">Cập nhật công ty</h1>
|
||||
<p class="text-[#6B7280]">HD Saigon</p>
|
||||
</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]">Chỉnh
|
||||
sửa</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right w-[860px]">
|
||||
<div
|
||||
class="bg-white p-[15px] 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 công ty</label>
|
||||
<input type="text" size="60" name="" id="" placeholder="Tên công ty"
|
||||
class="w-[100%] h-[35px] input input-md input-bordered 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]">Thứ tự hiển thị</label>
|
||||
<input type="text" size="60" name="" id="" placeholder="0"
|
||||
class="w-[50%] h-[35px] input input-md input-bordered rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="bg-white p-[10px] rounded-[0_0_10px_10px] shadow-[0_1px_1px_0px_#0000001A]">
|
||||
<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>
|
||||
68
old/template/payinstall/add_period.html
Normal file
68
old/template/payinstall/add_period.html
Normal file
@@ -0,0 +1,68 @@
|
||||
<div class="w-[100%] mb-[50px]">
|
||||
|
||||
<div class="text-sm breadcrumbs ml-[10px]">
|
||||
<ul>
|
||||
<li><a href="/admin/payinstall">Cài đặt trả góp</a></li>
|
||||
<li class="text-[#0041E8]">Form thêm / sửa thời gian</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 thời gian</h1>
|
||||
<a href="/admin/payinstall/add-period"
|
||||
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ời gian</span>
|
||||
</a>
|
||||
</div>
|
||||
<p class="text-[#6B7280]">6 tháng</p>
|
||||
</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]">Chỉnh
|
||||
sửa</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right w-[860px]">
|
||||
<div
|
||||
class="bg-white p-[15px] 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]">
|
||||
<div class="flex items-center mb-[5px]">
|
||||
<label class="font-[600] mr-[5px] text-[14px]">Số tháng</label>
|
||||
<p class="text-[#6B7280]">Tháng (* ghi số, ví dụ 6)</p>
|
||||
</div>
|
||||
<input type="text" size="60" name="" id="" placeholder="Số tháng"
|
||||
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]">
|
||||
<div class="flex items-center mb-[5px]">
|
||||
<label class="font-[600] mr-[5px] text-[14px]">Lãi suất</label>
|
||||
<p class="text-[#6B7280]">% (* ghi số thập phân, ví dụ: 2.6 - tương đương 2.6%)</p>
|
||||
</div>
|
||||
<input type="text" size="60" name="" id="" placeholder="Lãi suất"
|
||||
class="w-[50%] 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]">Thứ tự hiển thị</label>
|
||||
<input type="text" size="60" name="" id="" placeholder="0"
|
||||
class="w-[50%] 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] rounded-[0_0_10px_10px] shadow-[0_1px_1px_0px_#0000001A]">
|
||||
<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>
|
||||
68
old/template/payinstall/add_upfront.html
Normal file
68
old/template/payinstall/add_upfront.html
Normal file
@@ -0,0 +1,68 @@
|
||||
<div class="w-[100%] mb-[50px]">
|
||||
|
||||
<div class="text-sm breadcrumbs ml-[10px]">
|
||||
<ul>
|
||||
<li><a href="/admin/payinstall">Cài đặt trả góp</a></li>
|
||||
<li class="text-[#0041E8]">Form thêm / sửa thông tin trả trước</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 % trả trước</h1>
|
||||
<a href="/admin/payinstall/add-upfront"
|
||||
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 trả trước</span>
|
||||
</a>
|
||||
</div>
|
||||
<p class="text-[#6B7280]">HD Saigon</p>
|
||||
</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]">Chỉnh
|
||||
sửa</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right w-[860px]">
|
||||
<div
|
||||
class="bg-white p-[15px] 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]">
|
||||
<div class="flex items-center mb-[5px]">
|
||||
<label class="font-[600] mr-[5px] text-[14px]">Tên gọi</label>
|
||||
<p class="text-[#6B7280]">(* dùng để hiển thị trên web, ví dụ ghi 20 %)</p>
|
||||
</div>
|
||||
<input type="text" size="60" name="" id="" placeholder="Tên gọi"
|
||||
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]">
|
||||
<div class="flex items-center mb-[5px]">
|
||||
<label class="font-[600] mr-[5px] text-[14px]">Số phần trăm</label>
|
||||
<p class="text-[#6B7280]">% (* ghi số, ví dụ: 20% thì ghi là 20)</p>
|
||||
</div>
|
||||
<input type="text" size="60" name="" id="" placeholder="Số phần trăm"
|
||||
class="w-[50%] 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]">Thứ tự hiển thị</label>
|
||||
<input type="text" size="60" name="" id="" placeholder="0"
|
||||
class="w-[50%] 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] rounded-[0_0_10px_10px] shadow-[0_1px_1px_0px_#0000001A]">
|
||||
<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>
|
||||
58
old/template/payinstall/category.html
Normal file
58
old/template/payinstall/category.html
Normal file
@@ -0,0 +1,58 @@
|
||||
<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 mục sản phẩm có trả góp</h1>
|
||||
|
||||
<div id="action-links" class="mb-[15px]">
|
||||
<div class="flex item-center justify-between">
|
||||
<div
|
||||
class="p-[5px_10px] border-[1px] border-[#79B0E2] rounded-[4px] text-[14px] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
|
||||
<a href="javascript:;" onclick="RowExpand.open_all();"><span id="js-row-expand-all">[+]</span> Xem
|
||||
hết
|
||||
danh mục</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<table class="table mt-[15px]">
|
||||
<thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-500">
|
||||
<tr>
|
||||
<th>Danh mục</th>
|
||||
<th class="w-[190px]">SP</th>
|
||||
<th class="w-[100px]">Lựa chọn</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<p>
|
||||
1. <a href="" class="name">Màn Hình Máy Tính</a>
|
||||
</p>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex items-center justify-center">
|
||||
<p>798</p>
|
||||
<a href=""
|
||||
class="btn w-[120px] h-[30px] min-h-[30px] p-[5px] rounded-[4px] bg-[#0041E8] text-white ml-[5px]">Xem
|
||||
sản
|
||||
phẩm</a>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="list-btn flex items-center justify-center">
|
||||
<a href="/0-vetp" 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="/0-vetp" 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="fa-solid fa-piggy-bank text-[#0041E8]"></i>
|
||||
</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user