update list product

This commit is contained in:
2024-05-04 09:29:34 +07:00
parent da868053ca
commit edee2ad3d8
26 changed files with 2039 additions and 76 deletions

13
assets/script/full.min.css vendored Normal file

File diff suppressed because one or more lines are too long

2
assets/script/jquery.js vendored Normal file

File diff suppressed because one or more lines are too long

View File

@@ -497,11 +497,12 @@ a {
}
.admin-menu .icon-close {
position: absolute;
top: 0;
top: 12px;
right: -40px;
width: 40px;
display: block;
background-color: rgb(0 78 153/var(--tw-bg-opacity));
height: 36px;
}
.admin-menu .icon-close i {
display: block;
@@ -1178,4 +1179,62 @@ input[type=radio]:focus:before {
}
.css-table .name {
color: #0041e8;
}
.style-checkbox {
display: block;
position: relative;
padding-left: 26px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.style-checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.style-checkbox .checkmark {
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
background: #fff;
border: 1.5px solid #c5c5c5;
border-radius: 4px;
}
.style-checkbox:hover input ~ .checkmark {
background: #fff;
}
.style-checkbox input:checked ~ .checkmark {
background-color: #0041e8;
border: 1px solid #0041e8;
}
.style-checkbox .checkmark:after {
content: "";
position: absolute;
display: none;
}
.style-checkbox input:checked ~ .checkmark:after {
display: block;
}
.style-checkbox .checkmark:after {
left: 7px;
top: 1px;
width: 6px;
height: 13px;
border: solid white;
border-width: 0 3px 3px 0;
transform: rotate(45deg);
}/*# sourceMappingURL=pc_style.css.map */

View File

@@ -486,11 +486,12 @@ a {
}
.icon-close {
position: absolute;
top: 0;
top: 12px;
right: -40px;
width: 40px;
display: block;
background-color: rgb(0 78 153 / var(--tw-bg-opacity));
height: 36px;
i {
display: block;
margin: 0 auto;
@@ -1223,3 +1224,58 @@ input[type="radio"] {
color: #0041e8;
}
}
.style-checkbox {
display: block;
position: relative;
padding-left: 26px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.style-checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.style-checkbox .checkmark {
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
background: #fff;
border: 1.5px solid #c5c5c5;
border-radius: 4px;
}
.style-checkbox:hover input ~ .checkmark {
background: #fff;
}
.style-checkbox input:checked ~ .checkmark {
background-color: #0041e8;
border: 1px solid #0041e8;
}
.style-checkbox .checkmark:after {
content: "";
position: absolute;
display: none;
}
.style-checkbox input:checked ~ .checkmark:after {
display: block;
}
.style-checkbox .checkmark:after {
left: 7px;
top: 1px;
width: 6px;
height: 13px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

103
template/admin/add.html Normal file
View File

@@ -0,0 +1,103 @@
<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>
<div class="check-form flex items-center mb-[15px]">
<input type="checkbox" name="change_url_on_update" value="1" checked=""
class="checked:bg-[#0041E8] w-[18px] h-[18px] rounded-[4px]">
<span class="ml-[10px] text-[#6B7280]">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>
</div>
<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>
<div class="check-form flex items-center">
<input type="checkbox" name="change_url_on_update" value="1" checked=""
class="checked:bg-[#0041E8] w-[18px] h-[18px] rounded-[4px]">
<span class="ml-[10px] text-[#6B7280]">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>
</div>
</div>
<div class="form-control w-[100%]">
<label class="block font-[600] text-[14px] mb-[5px]">Khóa thành viên</label>
<div class="check-form flex items-center">
<input type="checkbox" name="change_url_on_update" value="1" checked=""
class="checked:bg-[#0041E8] w-[18px] h-[18px] rounded-[4px]">
<span class="ml-[10px] text-[#6B7280]">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>
</div>
</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>

View File

@@ -0,0 +1,156 @@
<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="css-table">
<thead>
<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">
<div class="check-form flex items-center mr-[20px]">
<input type="checkbox" name="" value="1"
class="checked:bg-[#0041E8] w-[20px] h-[20px] rounded-[4px]">
<span class="ml-[7px] text-[#6B7280]">Xem</span>
</div>
<div class="check-form flex items-center mr-[20px]">
<input type="checkbox" name="" value="1"
class="checked:bg-[#0041E8] w-[20px] h-[20px] rounded-[4px]">
<span class="ml-[7px] text-[#6B7280]">Xóa<a href=""></a></span>
</div>
<div class="check-form flex items-center mr-[20px]">
<input type="checkbox" name="" value="1"
class="checked:bg-[#0041E8] w-[20px] h-[20px] rounded-[4px]">
<span class="ml-[7px] text-[#6B7280]">Cập nhật</span>
</div>
</div>
</td>
</tr>
<tr>
<td>1.2</td>
<td>Chờ mua sản phẩm</td>
<td>
<div class="flex items-center">
<div class="check-form flex items-center mr-[20px]">
<input type="checkbox" name="" value="1"
class="checked:bg-[#0041E8] w-[20px] h-[20px] rounded-[4px]">
<span class="ml-[7px] text-[#6B7280]">Xem</span>
</div>
<div class="check-form flex items-center mr-[20px]">
<input type="checkbox" name="" value="1"
class="checked:bg-[#0041E8] w-[20px] h-[20px] rounded-[4px]">
<span class="ml-[7px] text-[#6B7280]">Xóa<a href=""></a></span>
</div>
<div class="check-form flex items-center mr-[20px]">
<input type="checkbox" name="" value="1"
class="checked:bg-[#0041E8] w-[20px] h-[20px] rounded-[4px]">
<span class="ml-[7px] text-[#6B7280]">Cập nhật</span>
</div>
</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">
<div class="check-form flex items-center mr-[20px]">
<input type="checkbox" name="" value="1"
class="checked:bg-[#0041E8] w-[20px] h-[20px] rounded-[4px]">
<span class="ml-[7px] text-[#6B7280]">Xem</span>
</div>
<div class="check-form flex items-center mr-[20px]">
<input type="checkbox" name="" value="1"
class="checked:bg-[#0041E8] w-[20px] h-[20px] rounded-[4px]">
<span class="ml-[7px] text-[#6B7280]">Xóa<a href=""></a></span>
</div>
<div class="check-form flex items-center mr-[20px]">
<input type="checkbox" name="" value="1"
class="checked:bg-[#0041E8] w-[20px] h-[20px] rounded-[4px]">
<span class="ml-[7px] text-[#6B7280]">Cập nhật</span>
</div>
</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">
<div class="check-form flex items-center mr-[20px]">
<input type="checkbox" name="" value="1"
class="checked:bg-[#0041E8] w-[20px] h-[20px] rounded-[4px]">
<span class="ml-[7px] text-[#6B7280]">Xem</span>
</div>
<div class="check-form flex items-center mr-[20px]">
<input type="checkbox" name="" value="1"
class="checked:bg-[#0041E8] w-[20px] h-[20px] rounded-[4px]">
<span class="ml-[7px] text-[#6B7280]">Xóa<a href=""></a></span>
</div>
<div class="check-form flex items-center mr-[20px]">
<input type="checkbox" name="" value="1"
class="checked:bg-[#0041E8] w-[20px] h-[20px] rounded-[4px]">
<span class="ml-[7px] text-[#6B7280]">Cập nhật</span>
</div>
</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>

102
template/admin/home.html Normal file
View File

@@ -0,0 +1,102 @@
<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="style-table mt-[15px]">
<thead>
<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="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] 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-[#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>

View File

@@ -0,0 +1,116 @@
<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="css-table">
<thead>
<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>
<div class="check-form flex items-center">
<input type="checkbox" name="" value="1"
class="checked:bg-[#0041E8] w-[20px] h-[20px] rounded-[4px]">
<span class="ml-[7px] text-[#6B7280]">Được xem</span>
</div>
</td>
</tr>
<tr>
<td>1.2</td>
<td>Chờ mua sản phẩm</td>
<td>
<div class="check-form flex items-center">
<input type="checkbox" name="" value="1"
class="checked:bg-[#0041E8] w-[20px] h-[20px] rounded-[4px]">
<span class="ml-[7px] text-[#6B7280]">Được xem</span>
</div>
</td>
</tr>
<tr>
<td>1.3</td>
<td>Thanh toán qua cổng dịch vụ</td>
<td>
<div class="check-form flex items-center">
<input type="checkbox" name="" value="1"
class="checked:bg-[#0041E8] w-[20px] h-[20px] rounded-[4px]">
<span class="ml-[7px] text-[#6B7280]">Được xem</span>
</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="check-form flex items-center">
<input type="checkbox" name="" value="1"
class="checked:bg-[#0041E8] w-[20px] h-[20px] rounded-[4px]">
<span class="ml-[7px] text-[#6B7280]">Được xem</span>
</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>

View File

@@ -24,4 +24,8 @@
{% include javascript/visitor %}
{% elsif global.module == 'system' %}
{% include javascript/system %}
{% endif %}

View 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>

View File

@@ -1,3 +1,5 @@
{{page | show_var }}
<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">
@@ -36,20 +38,22 @@
<thead>
<tr>
<th class="whitespace-nowrap">STT</th>
<th>ID</th>
<th>Ảnh</th>
<th>Sản phẩm</th>
<th class="whitespace-nowrap">Người dùng</th>
<th>Thông tin bán hàng</th>
<th>Thông tin khác</th>
<th class="text-left">Sản phẩm (Tổng số: {{page.total}})</th>
<th class="whitespace-nowrap text-left w-[350px]">Thông tin bán hàng</th>
<th>
<span>Đặc điểm</span>
<select name="" id=""
class="block w-[160px] bg-white border-[1px] border-[#D8D8D8] font-[400] h-[30px] mt-[5px] rounded-[4px]">
<option value="">Lọc sản phẩm</option>
class="block w-[230px] h-[32px] px-[5px] bg-white border-[1px] border-[#D8D8D8] font-[400] h-[30px] mt-[5px] rounded-[4px] shadow-[0_2px_4px_0_#0000001F]"
onchange="location.href=this.value">
<option value="/admin/product">Lọc sản phẩm</option>
<option value="/admin/product?hotType=new">Mới</option>
<option value="/admin/product?hotType=hot">HOT (hỏi nhiều)</option>
<option value="/admin/product?hotType=bestsale">Bán chạy</option>
<option value="/admin/product?hotType=saleoff">Xả hàng (sale-off)</option>
<option value="/admin/product?hotType=online-only">Chỉ bán online</option>
</select>
</th>
<th>Công cụ</th>
<th class="text-left ">Công cụ</th>
</tr>
</thead>
<tbody>
@@ -58,22 +62,21 @@
{% increment counter %}
<tr>
<td>{{ counter }}</td>
<td class="whitespace-nowrap">#{{item.id}}</td>
<td>
<img class="block mx-auto my-0 w-[70px] h-[50px]" src="{{item.image.thumb}}" alt="">
<span class="text-center block">{{item.image_count}} ảnh</span>
<i class="icons icon-edit text-center m-auto"></i>
</td>
<td>
<a href="/admin/product/form?id={{item.id}}"
class="text-[#0041E8] inline-block">{{item.title}}</a>
{% if item.config_count > 0 %}<p class="text-[#FFC700]">[Có cấu hình]</p>{% endif %}
<div class="flex items-center">
<a href="/admin/product/form?id={{item.id}}">[#{{item.id}}]
<span class="text-[#0041E8]">-
{{item.title}}</span>
</a>
{% if item.config_count > 0 %}<p class="text-[#FFC700] text-[12px]">[Có cấu hình]</p>{% endif %}
<div class="flex items-center my-[5px]">
<span>Danh mục:</span>
<b class="mx-[10px]">Màn hình Máy tính</b>
<a href=""><i class="icons icon-edit"></i></a>
</div>
<div class="flex items-center">
<div class="flex items-center my-[5px]">
<span>Mã kho</span>
<b class="px-[5px]">{{item.sku}}</b>
<span class="text-[#000] font-[500]">|</span>
@@ -85,19 +88,15 @@
{% assign date_last = item.last_update %}
{% assign time_conlai = date_now | minus: date_last %}
<p>Cập nhật: {{item.last_update | date: "Y-m-d h:i" }} <span class="text-[#E00000]">(
<p class="mb-[7px]">Cập nhật: {{item.last_update | date: "Y-m-d h:i" }} <span
class="text-[#E00000]">(
{{ time_conlai | divided_by: 86400 | round}}
ngày)</span></p>
<p>Người cập nhật : {{item.last_update_by}}</p>
</td>
<td>
<p>- Xem : {{item.visit}}</p>
<p>- Thích : {{item.like_count}}</p>
<p>- Mua : {{item.buy_count}}</p>
</td>
<td>
<div class="flex flex-wrap items-center mb-[1px]">
<span class="">- Giá bán:</span>
<span class="">Giá bán:</span>
<b class="text-[#E00000] ml-[3px] whitespace-nowrap">
{% if item.price > 0 %}
{{item.price | format_price }} vnd
@@ -106,45 +105,47 @@
{% endif %}
</b>
</div>
<div class="flex items-center mb-[1px]">
<span class="whitespace-nowrap">Giá thị trường:</span>
<b class="text-[#E00000] ml-[3px] whitespace-nowrap">
{% if item.market_price > 0 %} {{item.market_price | format_price }} vnd {% else %}
0 vnd {% endif %}
</b>
</div>
<p>Bảo hành: {{item.warranty}}</p>
<p>Khuyến mại: {{item.special_offer}}</p>
<div class="flex items-center">
<span>- Sl tổng:</span>
<span>SL tổng:</span>
<b class="ml-[3px]">{{item.quantity}}</b>
</div>
</td>
<td>
<div class="flex items-center mb-[1px]">
<span class="whitespace-nowrap">- Giá bán:</span>
<b class="text-[#E00000] ml-[3px] whitespace-nowrap">{% if item.price > 0 %}
{{item.price | format_price }} vnd
{% else %}
{{item.price }} vnd
{% endif %}</b>
</div>
<p>- Bảo hành: {{item.warranty}}</p>
<p>- Khuyến mại: {{item.special_offer}}</p>
<label class="style-checkbox mb-[7px]">Mới Hot (Hỏi nhiều)
<input type="checkbox" name="new" {% if item.hot_type=="new" %}checked{% endif %}>
<span class="checkmark"></span>
</label>
<label class="style-checkbox mb-[7px]">HOT (hỏi
nhiều)
<input type="checkbox" name="hot" {% if item.hot_type=="hot" %}checked{% endif %}>
<span class="checkmark"></span>
</label>
<label class="style-checkbox mb-[7px]">Bán
chạy
<input type="checkbox" name="bestsale" {% if item.hot_type=="bestsale" %}checked{% endif %}>
<span class="checkmark"></span>
</label>
<label class="style-checkbox mb-[7px]">Xả
hàng (sale-off)
<input type="checkbox" name="saleoff" {% if item.hot_type=="saleoff" %}checked{% endif %}>
<span class="checkmark"></span>
</label>
<label class="style-checkbox mb-[7px]">Chỉ bán online
<input type="checkbox" name="online-only" {% if item.hot_type=="online-only" %}checked{%
endif %}>
<span class="checkmark"></span>
</label>
</td>
<td>
<div>
<input type="checkbox" name="">
<label for="">Mới Hot (Hỏi nhiều)</label>
</div>
<div>
<input type="checkbox" name="">
<label for="">Bán chạy</label>
</div>
<div>
<input type="checkbox" name="">
<label for="">Xả hàng (sale-off)</label>
</div>
<div>
<input type="checkbox" name="" id="">
<label for="">Chỉ bán online</label>
</div>
<a href=""
class="bg-[#0041E8] rounded-[4px] text-white px-[10px] py-[6px] mt-[3px] inline-block">Cập
nhật</a>
</td>
<td class="">
<td class="align-text-top">
<div class="list-btn flex items-center w-[150px]">
<a href="/admin/product/form?id={{item.id}}" title="Form sản phẩm"
class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
@@ -154,19 +155,21 @@
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-view"></i>
</a>
{% if item.status == 0 %}
<a href=""
class="w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
<i class="fa-regular fa-eye-slash text-[#9E9E9E]"></i>
</a>
{% else %}
<a href=""
class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] bg-white">
<i class="fa-regular fa-eye text-[#0041E8]"></i>
</a>
{% endif %}
<a href=""
class="w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
<i class="icons icon-remove"></i>
</a>
<a href=""
class="w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
<i class="icons icon-hide"></i>
</a>
</div>
<div class="flex items-center w-[150px] mt-[10px]">
<span>STT</span>
<input type="text" value="1"
class="w-[55px] border-[1px] border-[#D8D8D8] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] px-[5px] py-[3px] rounded-[4px] ml-[5px]">
</div>
</td>
</tr>

View File

@@ -0,0 +1,112 @@
<div class="global-breadcrumb-container">
<a href="/admin/system"> Cài đặt chung </a>
<a href=""> Meta SEO trang chủ </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"> Thay đổi nội dung doanh nghiệp </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">
Thông tin
</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%] mr-[7px]">
<div class="flex items-center mb-[5px]">
<label class="font-[600] text-[14px]">Thẻ Meta Title</label>
<span class="ml-[5px] text-[#6B7280]">* nếu để trống sẽ dùng tên gọi website</span>
</div>
<input name="" id="" placeholder="Thẻ Meta Title"
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%] mr-[7px]">
<label class="font-[600] mb-[5px] text-[14px]">Thẻ Meta Keywords</label>
<input name="" id="" placeholder="Thẻ Meta Keywords"
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%] mr-[7px]">
<label class="font-[600] mb-[5px] text-[14px]">Thẻ Meta Keywords</label>
<textarea name="" id="" placeholder="Thẻ Meta Keywords"
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>
</div>
<div class="p-[15px] bg-white border-t-[6px] border-[#FAFAFB]">
<div class="flex items-center justify-between">
<b class="block text-[20px]">Thư viện ảnh</b>
<div class="flex items-center">
<div class="list-btn flex items-center">
<a href=""
class="flex items-center mr-[10px] border-[1px] px-[10px] py-[5px] border-[#0041E8] rounded-[4px]">
<i class="fa-solid fa-arrow-up-from-bracket text-[#0041E8]"></i>
<span class="text-[#0041E8] ml-[5px]">Upload ảnh</span>
</a>
<a href=""
class="flex items-center mr-[10px] border-[1px] px-[10px] py-[5px] border-[#0041E8] rounded-[4px]">
<i class="fa-regular fa-folder text-[#0041E8]"></i>
<span class="text-[#0041E8] ml-[5px]">Quản lý</span>
</a>
<a href=""
class="flex items-center border-[1px] px-[10px] py-[5px] border-[#0041E8] rounded-[4px]">
<i class="fa-regular fa-pen-to-square text-[#0041E8]"></i>
<span class="text-[#0041E8] ml-[5px]">Chọn ảnh trong kho ảnh chính</span>
</a>
</div>
</div>
</div>
<div class="my-[10px]">
<div class="flex items-center">
<a href="" class="mr-[10px]">
<img src="https://via.placeholder.com/115x70" alt="">
</a>
<a href="" class="mr-[10px]">
<img src="https://via.placeholder.com/115x70" alt="">
</a>
<a href="" class="mr-[10px]">
<img src="https://via.placeholder.com/115x70" alt="">
</a>
<a href="" class="mr-[10px]">
<img src="https://via.placeholder.com/115x70" alt="">
</a>
<a href="" class="mr-[10px]">
<img src="https://via.placeholder.com/115x70" alt="">
</a>
<a href="" class="mr-[10px]">
<img src="https://via.placeholder.com/115x70" alt="">
</a>
<a href="" class="mr-[10px]">
<img src="https://via.placeholder.com/115x70" alt="">
</a>
</div>
<div class="paging my-[20px]">
<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 class="mt-[20px]">
<b class="block text-[16px]">Thông tin giới thiệu chi tiết</b>
<textarea id="info-desc"> </textarea>
</div>
<div class="mt-[20px]">
<b class="block text-[16px]">Thông tin liên hệ</b>
<textarea id="contact-desc"> </textarea>
</div>
</div>
<div
class="p-[15px] bg-white rounded-[0_0_15px_15px] shadow-[0px_1px_1px_0px_#0000001A] border-t-[6px] border-[#FAFAFB]">
<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>

View File

@@ -0,0 +1,69 @@
<div class="global-breadcrumb-container">
<a href="/admin/system"> Cài đặt chung </a>
<a href=""> Các phương thức thanh toá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]">
<div class="flex items-center justify-between mb-[7px]">
<p class="font-bold text-[20px] leading-[26px] block"> Các phương thức thanh toán </p>
<a href="/admin/system/pay-method-add" id="add-prod"
class="p-[7px_10px] border-[1px] border-[#ECECEC] rounded-[4px] text-[14px] text-[#0041E8] flex items-center"><span
class="border-[1px] border-[#6B7280] h-[15px] w-[14px] text-[#6B7280] leading-[11px] text-center rounded-[50%] mr-1">+</span>
<span class="font-[500] text-[#6B7280]">Thêm phương thức mới</span></a>
</div>
<p class="text-[#6B7280]">Cập nhật các phương thức thanh toán mà quý khách muốn hiển thị ở trang thanh toán đơn
hàng. Chỉ các phương
thức ở trạng
thái "Đang hiển thị" được hiển thị ở trang thanh toán.
</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">
Thông tin
</a>
</div>
<div class="w-[852px]">
<div class="p-[15px] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A]">
<table class="style-table">
<thead>
<tr>
<th>STT</th>
<th>Phân loại</th>
<th>Phương thức</th>
<th>Cập nhật</th>
<th>Thứ tự</th>
<th>Lựa chọn</th>
</tr>
</thead>
<tbody>
<tr>
<td class="align-text-top">1</td>
<td class="align-text-top">cod</td>
<td class="align-text-top">Thanh toán khi nhận hàng (COD) (#1)</td>
<td>
<p>25-09-2022, 2:42 pm</p>
<p>Hurasoft Test</p>
</td>
<td class="align-text-top">10</td>
<td class="align-text-top">
<div class="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]'><i
class="fa-regular fa-eye-slash text-[#0041E8]"></i></a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>

View File

@@ -0,0 +1,95 @@
<div class="global-breadcrumb-container">
<a href="/admin/system"> Cài đặt chung </a>
<a href="/admin/system/pay-method"> Các phương thức thanh toán </a>
<a href=""> Form thêm/sửa phương thức thanh toá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 mb-[10px]"> Các phương thức thanh toán </p>
<p class="text-[#6B7280]">Tiền mặt khi nhận hàng (COD)</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">
Thông tin
</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="flex mb-[15px]">
<b class="block w-[150px] text-[#383C44] ">Phân loại (*)</b>
<div class="right">
<div class="flex items-center mb-[7px]">
<input type="radio" name="info[type]" value="0" checked="">
<label for="" class="ml-[25px]">Tiền mặt khi nhận hàng (COD)</label>
</div>
<div class="flex items-center mb-[7px]">
<input type="radio" name="info[type]" value="0">
<label for="" class="ml-[25px]">Thẻ ATM/ Chuyển khoản (Internet Banking)</label>
</div>
<div class="flex items-center mb-[7px]">
<input type="radio" name="info[type]" value="0">
<label for="" class="ml-[25px]">Thẻ tín dụng Visa/Master</label>
</div>
<div class="flex items-center mb-[7px]">
<input type="radio" name="info[type]" value="0">
<label for="" class="ml-[25px]">Cổng thanh toán (VNPay, Payoo, ViettelPay ..)</label>
</div>
<div class="flex items-center mb-[7px]">
<input type="radio" name="info[type]" value="0">
<label for="" class="ml-[25px]">Ví điện tử (Moca, Momo ..)</label>
</div>
<div class="flex items-center mb-[7px]">
<input type="radio" name="info[type]" value="0">
<label for="" class="ml-[25px]">Điểm thành viên (trừ điểm tích luỹ của thành viên)</label>
</div>
<div class="flex items-center mb-[7px]">
<input type="radio" name="info[type]" value="0">
<label for="" class="ml-[25px]">Hình thức khác</label>
</div>
</div>
</div>
<div class="form-control mb-[15px] w-[100%]">
<label class="font-[600] mb-[5px] text-[14px]">Tên phương thức (*)</label>
<input name="" id="" placeholder="Tên phương thức (*)"
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="font-[600] mb-[5px] text-[14px]">Nội dung chi tiết</label>
<textarea name="" id="" placeholder="Nội dung chi tiết"
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>
<div class="form-control mb-[15px] w-[100%]">
<div class="flex items-center mb-[5px]">
<label class="font-[600] text-[14px]">Nội dung chi tiết</label>
<span class="italic text-[#6B7280] ml-[10px]">(cao xếp trước)</span>
</div>
<input 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)] mr-[10px]" />
</div>
<div class="flex items-center">
<b class="block w-[150px] text-[#383C44] ">Phân loại (*)</b>
<div class="right flex items-center">
<div class="flex items-center mr-[30px]">
<input type="radio" name="info[status]" value="0" checked="">
<label for="" class="ml-[25px]">Hiển thị</label>
</div>
<div class="flex items-center">
<input type="radio" name="info[status]" value="0" checked="">
<label for="" class="ml-[25px]">Ẩn</label>
</div>
</div>
</div>
</div>
<div
class="p-[15px] bg-white rounded-[0_0_15px_15px] border-t-[6px] border-[#FAFAFB] 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>

317
template/system/print.html Normal file
View File

@@ -0,0 +1,317 @@
<div class="global-breadcrumb-container">
<a href="/admin/system"> Cài đặt chung </a>
<a href=""> Print/ Xuất Excel </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ài đặt In ấn (Print) và Xuất Excel </p>
<p class="text-[#6B7280]"><b>Hướng dẫn:</b> Nên dùng Editor ở phần <a href="" class="text-[#0041E8]">sửa
template</a> để chỉnh nội dung html rồi
copy/cập
nhật ở đây
</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">
Thông tin
</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 text-[20px] mb-[10px]">Dành cho khách hàng:</b>
<table class="style-table">
<thead>
<tr>
<th class="w-[50px]">STT</th>
<th>Phân loại</th>
<th class="w-[345px]">Nội dung</th>
<th class="w-[115px]">Hành động</th>
</tr>
</thead>
<tbody>
<tr>
<td class="align-text-top">1</td>
<td>
<p>In giỏ hàng</p>
<p>print-user-cart</p>
</td>
<td class="align-text-top">
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Xem
nội
dung</a>
<div style="display: none;" id="js-email-tpl-order-detail" class="mt-[15px]">
<textarea name="" id=""
class="w-[100%] h-[225px] p-[10px] rounded-[4px] border-[1px] border-[#D8D8D8]"></textarea>
<p>- Dữ liệu có thể dùng. page</p>
<div class="flex items-center">
<p>- Test hiển thị:</p>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] ml-[5px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Test
hiển thị</a>
</div>
</div>
</td>
<td class="align-text-top">
<a href="javascript:void(0)"
class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
nhật</a>
</td>
</tr>
<tr>
<td class="align-text-top">2</td>
<td>
<p>In đơn hàng</p>
<p>print-user-order</p>
</td>
<td class="align-text-top">
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Xem
nội
dung</a>
<div style="display: none;" id="js-email-tpl-order-detail" class="mt-[15px]">
<textarea name="" id=""
class="w-[100%] h-[225px] p-[10px] rounded-[4px] border-[1px] border-[#D8D8D8]"></textarea>
<p>- Dữ liệu có thể dùng. page</p>
<div class="flex items-center">
<p>- Test hiển thị:</p>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] ml-[5px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Test
hiển thị</a>
</div>
</div>
</td>
<td class="align-text-top">
<a href="javascript:void(0)"
class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
nhật</a>
</td>
</tr>
<tr>
<td class="align-text-top">3</td>
<td>
<p>Xuất excel giỏ hàng</p>
<p>export-shopping-cart</p>
</td>
<td class="align-text-top">
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Xem
nội
dung</a>
<div style="display: none;" id="js-email-tpl-order-detail" class="mt-[15px]">
<textarea name="" id=""
class="w-[100%] h-[225px] p-[10px] rounded-[4px] border-[1px] border-[#D8D8D8]"></textarea>
<p>- Dữ liệu có thể dùng. page</p>
<div class="flex items-center">
<p>- Test hiển thị:</p>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] ml-[5px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Test
hiển thị</a>
</div>
</div>
</td>
<td class="align-text-top">
<a href="javascript:void(0)"
class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
nhật</a>
</td>
</tr>
<tr>
<td class="align-text-top">4</td>
<td>
<p>Xuất excel sản phẩm</p>
<p>export-product-quote</p>
</td>
<td class="align-text-top">
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Xem
nội
dung</a>
<div style="display: none;" id="js-email-tpl-order-detail" class="mt-[15px]">
<textarea name="" id=""
class="w-[100%] h-[225px] p-[10px] rounded-[4px] border-[1px] border-[#D8D8D8]"></textarea>
<p>- Dữ liệu có thể dùng. page</p>
<div class="flex items-center">
<p>- Test hiển thị:</p>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] ml-[5px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Test
hiển thị</a>
</div>
</div>
</td>
<td class="align-text-top">
<a href="javascript:void(0)"
class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
nhật</a>
</td>
</tr>
<tr>
<td class="align-text-top">5</td>
<td>
<p>Xuất xây dựng cấu hình máy tính</p>
<p>export-buildpc</p>
</td>
<td class="align-text-top">
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Xem
nội
dung</a>
<div style="display: none;" id="js-email-tpl-order-detail" class="mt-[15px]">
<textarea name="" id=""
class="w-[100%] h-[225px] p-[10px] rounded-[4px] border-[1px] border-[#D8D8D8]"></textarea>
<p>- Dữ liệu có thể dùng. page</p>
<div class="flex items-center">
<p>- Test hiển thị:</p>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] ml-[5px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Test
hiển thị</a>
</div>
</div>
</td>
<td class="align-text-top">
<a href="javascript:void(0)"
class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
nhật</a>
</td>
</tr>
<tr>
<td class="align-text-top">6</td>
<td>
<p>Xuất xây dựng tản nhiệt</p>
<p>export-tannhiet</p>
</td>
<td class="align-text-top">
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Xem
nội
dung</a>
<div style="display: none;" id="js-email-tpl-order-detail" class="mt-[15px]">
<textarea name="" id=""
class="w-[100%] h-[225px] p-[10px] rounded-[4px] border-[1px] border-[#D8D8D8]"></textarea>
<p>- Dữ liệu có thể dùng. page</p>
<div class="flex items-center">
<p>- Test hiển thị:</p>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] ml-[5px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Test
hiển thị</a>
</div>
</div>
</td>
<td class="align-text-top">
<a href="javascript:void(0)"
class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
nhật</a>
</td>
</tr>
</tbody>
</table>
</div>
<div
class="p-[15px] border-t-[6px] border-[#FAFAFB] bg-white rounded-[0_0_15px_15px] shadow-[0px_1px_1px_0px_#0000001A]">
<b class="block text-[20px] mb-[10px]">Dành cho quản trị viên website:</b>
<table class="style-table">
<thead>
<tr>
<th class="w-[50px]">STT</th>
<th>Phân loại</th>
<th class="w-[312px]">Nội dung</th>
<th>Hành động</th>
</tr>
</thead>
<tbody>
<tr>
<td class="align-text-top">1</td>
<td class="align-text-top">
In đơn hàng trong admin <br> print-admin-order-detail-new
</td>
<td>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Xem
nội
dung</a>
<div style="display: none;" id="js-email-tpl-order-detail" class="mt-[15px]">
<textarea name="" id=""
class="w-[100%] h-[225px] p-[10px] rounded-[4px] border-[1px] border-[#D8D8D8]"></textarea>
<p>- Dữ liệu có thể dùng. page</p>
<div class="flex items-center">
<p>- Test hiển thị:</p>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] ml-[5px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Test
hiển thị</a>
</div>
</div>
</td>
<td class="align-text-top">
<a href="javascript:void(0)"
class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
nhật</a>
</td>
</tr>
<tr>
<td class="align-text-top">2</td>
<td class="align-text-top">
In danh sách đơn hàng trong admin <br> print-admin-order-list
</td>
<td>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Xem
nội
dung</a>
<div style="display: none;" id="js-email-tpl-order-detail" class="mt-[15px]">
<textarea name="" id=""
class="w-[100%] h-[225px] p-[10px] rounded-[4px] border-[1px] border-[#D8D8D8]"></textarea>
<p>- Dữ liệu có thể dùng. page</p>
<div class="flex items-center">
<p>- Test hiển thị:</p>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] ml-[5px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Test
hiển thị</a>
</div>
</div>
</td>
<td class="align-text-top">
<a href="javascript:void(0)"
class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
nhật</a>
</td>
</tr>
<tr>
<td class="align-text-top">3</td>
<td class="align-text-top">
In admin log <br> print-admin-admin-log
</td>
<td>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Xem
nội
dung</a>
<div style="display: none;" id="js-email-tpl-order-detail" class="mt-[15px]">
<textarea name="" id=""
class="w-[100%] h-[225px] p-[10px] rounded-[4px] border-[1px] border-[#D8D8D8]"></textarea>
<p>- Dữ liệu có thể dùng. page</p>
<div class="flex items-center">
<p>- Test hiển thị:</p>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] ml-[5px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Test
hiển thị</a>
</div>
</div>
</td>
<td class="align-text-top">
<a href="javascript:void(0)"
class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
nhật</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>

View File

@@ -0,0 +1,78 @@
<div class="global-breadcrumb-container">
<a href="/admin/system"> Cài đặt chung </a>
<a href=""> Thông tin các tỉnh/thành/quận-huyệ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"> Thông tin các tỉnh </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">
Thông tin
</a>
</div>
<div class="w-[852px]">
<div class="p-[15px] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A]">
<b class="block text-[20px] mb-[10px]">Danh sách các tỉnh</b>
<table class="style-table">
<thead>
<tr>
<th class="w-[50px]">STT</th>
<th>SystemID</th>
<th class="w-[105px]">Tên</th>
<th>Địa chỉ</th>
<th class="w-[80px]">Huyện</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td class="align-text-top">6</td>
<td class="align-text-top">
An Giang
</td>
<td>
Huyện An Phú , Huyện Châu Phú , Huyện Châu Thành , Huyện Chợ Mới , Huyện Phú Tân , Huyện
Tịnh Biên , Huyện Thoại Sơn ,
Huyện Tri Tôn , Thành phố Châu Đốc , Thành phố Long Xuyên , Thị xã Tân Châu
</td>
<td class="align-text-top">
<div class="flex items-center justify-center">
<p>1</p>
<a href=""
class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center ml-[7px]'><i
class='icons icon-edit'></i></a>
</div>
</td>
</tr>
<tr>
<td>1</td>
<td class="align-text-top">6</td>
<td class="align-text-top">
An Giang
</td>
<td>
Huyện An Phú , Huyện Châu Phú , Huyện Châu Thành , Huyện Chợ Mới , Huyện Phú Tân , Huyện
Tịnh Biên , Huyện Thoại Sơn ,
Huyện Tri Tôn , Thành phố Châu Đốc , Thành phố Long Xuyên , Thị xã Tân Châu
</td>
<td class="align-text-top">
<div class="flex items-center justify-center">
<p>1</p>
<a href=""
class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center ml-[7px]'><i
class='icons icon-edit'></i></a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>

View File

@@ -0,0 +1,44 @@
<div class="global-breadcrumb-container">
<a href="/admin/system"> Cài đặt chung </a>
<a href="">Cài đặt phí vận chuyể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"> Quản lý shipping </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">
Thông tin
</a>
</div>
<div class="w-[852px]">
<div class="p-[15px] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A]">
<table class="style-table">
<tr>
<td>
<div class="flex items-center">
Cài đặt hệ thống chung <a href="/admin/system/shipping/setting"
class="w-[80px] h-[32px] leading-[32px] text-center text-[#0041E8] border-[1px] border-[#0041E8] block ml-[10px] rounded-[4px]">Cài
đặt</a>
</div>
</td>
</tr>
<tr>
<td>
<div class="flex items-center">
Cài đặt phí ship từng vùng <a href="/admin/system/shipping/fee"
class="w-[80px] h-[32px] leading-[32px] text-center text-[#0041E8] border-[1px] border-[#0041E8] block ml-[10px] rounded-[4px]">Cài
đặt</a>
</div>
</td>
</tr>
</table>
</div>
</div>
</div>

View File

@@ -0,0 +1,95 @@
<div class="global-breadcrumb-container">
<a href="/admin/system"> Cài đặt chung </a>
<a href="http://local.hura8_admin/admin/system/shipping/">Cài đặt phí vận chuyển </a>
<a href="">Cài đặt hệ thống chung </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ài đặt hệ thống </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">
Thông tin
</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%]">
<div class="flex items-center mb-[5px]">
<label class="font-[600] text-[14px]">Giá trị đơn hàng không tính phí</label>
<span class="italic text-[#6B7280] ml-[7px]">(* Đơn hàng có giá trị nhỏ hơn giá trị này sẽ được áp
dụng biểu
phí theo vùng)</span>
</div>
<input name="" id="" placeholder="Giá trị đơn hàng không tính phí"
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>
<div class="p-[15px] bg-white border-t-[6px] border-[#FAFAFB]">
<b class="block text-[20px] mb-[10px]">Cài đặt phí thu hộ</b>
<table class="style-table">
<thead>
<tr>
<th class="w-[50px]">STT</th>
<th>Giá trị đơn hàng dưới mức</th>
<th>Phí thu hộ (VND)</th>
<th class="w-[80px]">Lựa chọn</th>
</tr>
</thead>
<tbody id="js-tb-settings">
<tr>
<td>1</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>
</tbody>
</table>
<div class="text-center mt-[15px] text-[#0041E8]">
<a href="javascript:add_form_setting()" class="inline-flex items-center">
<span
class="border-[1px] border-[#0041E8] h-[15px] w-[15px] leading-[12px] text-center rounded-[50%] mr-1">+</span>
<span class="font-[600]"> Thêm hàng </span>
</a>
</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 class="mt-[30px] text-[#383C44]">
<b>Hướng dẫn cài phí thu hộ</b>
<p>Phí thu hộ được tính theo giá trị cần thu hộ, ví dụ:</p>
<p>- Từ 0 đến <=1 triệu=30.000đ=> Cần nhập là 1.000.000</p>
<p>- Từ >1 triệu đến <= 2 triệu=50.000đ=> Cần nhập là 2.000.000</p>
<p>- Từ >2 triệu đến <= 3 triệu=70.000đ=> Cần nhập là 3.000.000</p>
<p>- Từ >3 triệu đến <= 4 triệu=90.000đ=> Cần nhập là 4.000.000</p>
<p>- Từ >4 triệu đến <= 5 triệu=110.000đ=> Cần nhập là 5.000.000</p>
<p>- Từ >5 triệu đến <= 6 triệu=130.000đ=> Cần nhập là 6.000.000</p>
<p>- Từ >6 triệu đến <= 7 triệu=150.000đ=> Cần nhập là 7.000.000</p>
<p>- Từ >7 triệu đến <= 8 triệu=170.000đ=> Cần nhập là 8.000.000</p>
<p>- Từ >8 triệu đến <= 9 triệu=190.000đ=> Cần nhập là 9.000.000</p>
<p>- Trên 9 triệu = 0đ => Cần nhập là 10.000.000.000 (nhập số lớn nhất có thể)</p>
<p class="mt-[20px]">Để xóa phí nào nó, click "Xóa bỏ" và nhấn "Cập nhật" để lưu lại</p>
</div>
</div>
</div>
</div>

View File

@@ -0,0 +1,73 @@
<div class="global-breadcrumb-container">
<a href="/admin/template"> Sửa file template </a>
<a href=""> Thêm/ sửa template file, giao diệ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]">
<div class="flex items-center justify-between">
<p class="font-bold text-[20px] leading-[26px] block"> Cập nhật template file, giao diện </p>
<div class="flex items-center">
<a href="/admin/template/add-template/"
class="flex items-center justify-end m-[auto_0_auto_auto] text-right whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] font-[500] p-[7px]">
<span
class="block border-[1px] border-[#6B7280] h-[15px] w-[14px] leading-[11px] text-center rounded-[50%] mr-1">+</span>
<span>Thêm template mới</span>
</a>
</div>
</div>
<p class="text-[#6B7280] block mt-[5px]">mobile_detail</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">
Thông tin
</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 text-[20px] mb-[10px]">Cập nhật lại</b>
<div class="form-control mb-[15px] w-[100%]">
<div class="flex items-center mb-[5px]">
<label class="font-[600] text-[14px]">File name</label>
<span class="ml-[5px] text-[#6B7280] italic">v.d. product_detail, account_home</span>
</div>
<input name="" id="" placeholder="File name"
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="flex">
<div class="form-control mb-[15px] w-[45%]">
<div class="flex items-center mb-[7px]">
<label class="font-[600] text-[14px]">Module</label>
<span class="ml-[5px] text-[#6B7280] italic">v.d. product / other / customer / ajax</span>
</div>
<select name="" id=""
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]">
<option value="">--Chọn--</option>
</select>
</div>
<div class="w-[55%] ml-[7px] flex items-center mt-[6px]">
<b class="block mx-[10px] whitespace-nowrap text-[#383C44]">hoặc nhập</b>
<input name="" id="" placeholder=""
class="w-[100%] h-[32px] 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="form-control w-[100%]">
<div class="flex items-center mb-[5px]">
<label class="font-[600] text-[14px]">STT</label>
</div>
<input name="" id="" placeholder="STT"
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]" />
</div>
</div>
<div
class="p-[15px] bg-white rounded-[0_0_15px_15px] shadow-[0px_1px_1px_0px_#0000001A] border-t-[6px] border-[#FAFAFB]">
<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>

View File

@@ -0,0 +1,80 @@
<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 giao diện web</h1>
<a href="/admin/template/upload-set"
class="flex items-center justify-end w-[205px] m-[auto_0_auto_auto] text-right whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] p-[10px]">
<span
class="block border-[1px] border-[#0041E8] h-[15px] w-[15px] leading-[12px] text-center rounded-[50%] mr-1">+</span>
<span>Thêm mẫu giao diện mới</span>
</a>
<table class="mt-[15px] style-table">
<thead>
<tr>
<th class="w-[65px]">STT</th>
<th>Thư mục</th>
<th class="w-[470px]">Tên / miêu tả</th>
<th>Thông tin</th>
<th class="w-[160px]">Sửa giao diện</th>
<th>Xem template</th>
<th>Quản lý</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>default</td>
<td>
<b>Giao diện mặc định</b>
<p>Mẫu giao diện ban đầu khi tạo website. Mẫu này được dùng khi không có mẫu nào khác được kích
hoạt sử dụng thay thế
</p>
<a href="javascript:void(0)" onclick="backup_template('default');"
class="p-[5px] border-[1px] border-[#0041E8] rounded-[4px] text-[#0041E8] block w-[175px] text-center mt-[7px]">
<i class="fa-solid fa-file-arrow-down"></i> Tải backup giao diện
</a>
</td>
<td class="align-text-top">
<p>Tạo lúc: 23-03-2021, 2:46 pm</p>
<p>Trần Khắc Tiệp</p>
</td>
<td class="align-text-top">
<a href="/admin/template/edit-template/default"
class="w-[130px] h-[30px] block m-auto leading-[30px] bg-[#0041E8] block text-center text-white rounded-[4px]">Sửa
giao diện</a>
</td>
<td class="align-text-top">
<a href="/admin/template/set/default"
class="w-[130px] h-[30px] block m-auto leading-[30px] bg-[#fff] block text-center text-[#0041E8] rounded-[4px] border-[1px] border-[#0041E8]">
<i class="fa-regular fa-file"></i> Danh sách file</a>
<a href="/admin/template/set-upload/default"
class="w-[130px] h-[30px] block m-auto leading-[30px] bg-[#fff] block text-center text-[#0041E8] rounded-[4px] border-[1px] border-[#0041E8] mt-[5px]">
<i class="fa-regular fa-file-zipper"></i> Upload file</a>
</td>
<td class="align-text-top">
<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] 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="/moi-100-dell-gaming-g16-7620-intel-core-i7-12700h-16gb-1tb-rtx-3060-6gb-16-qhd-165hz-ips"
title="Xem tại web" target="_blank"
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-view"></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]">
<i class="fa-regular fa-eye text-[#0041E8]"></i>
</a>
<a href=""
class="w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
<i class="icons icon-remove"></i>
</a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>

View File

@@ -0,0 +1,74 @@
<div class="global-breadcrumb-container">
<a href="/admin/template"> Sửa file template </a>
<a href="/admin/template/set/default"> Danh sách template file, giao diện : htpstore </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]">
<div class="flex items-center justify-between">
<p class="font-bold text-[20px] leading-[26px] block"> Danh sách template file, giao diện </p>
<div class="flex items-center">
<a href="/admin/template/add-template/"
class="flex items-center justify-end m-[auto_0_auto_auto] text-right whitespace-nowrap border border-[#6B7280] rounded-[4px] bg-[#fff] text-[#6B7280] font-[500] p-[7px]">
<span
class="block border-[1px] border-[#6B7280] h-[15px] w-[14px] leading-[11px] text-center rounded-[50%] mr-1">+</span>
<span>Thêm template file</span>
</a>
<a href="/admin/template/edit-template/"
class="flex items-center justify-end ml-[10px] text-right whitespace-nowrap border border-[#6B7280] rounded-[4px] bg-[#fff] text-[#6B7280] font-[500] p-[7px]">
<i class="icons icon-edit mr-[3px] grayscale-[1]"></i>
<span>Sửa file</span>
</a>
</div>
</div>
<p class="text-[#6B7280] block mt-[5px]">htpstore</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">
Danh sách
</a>
</div>
<div class="w-[852px]">
<div class="p-[15px] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A]">
<table class="style-table">
<thead>
<tr>
<th class="w-[38px]">STT</th>
<th>Module</th>
<th>Template</th>
<th>Thứ tự</th>
<th>Thông tin</th>
<th>Lựa chọn</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>0</td>
<td>mobile_detail</td>
<td>0</td>
<td>Tạo lúc bởi: 0</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] 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-[#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>
</div>

View File

@@ -0,0 +1,54 @@
<div class="global-breadcrumb-container">
<a href="/admin/template"> Sửa file template </a>
<a href=""> Thêm/ sửa giao diệ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]">
<p class="font-bold text-[20px] leading-[26px] block"> Cập nhật giao diện </p>
<p class="text-[#6B7280] block mt-[5px]">htpstore</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">
Thông tin
</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 text-[20px] mb-[10px]">Cập nhật lại</b>
<div class="form-control mb-[15px] w-[100%]">
<div class="flex items-center mb-[5px]">
<label class="font-[600] text-[14px]">Tên thư mục</label>
<span class="ml-[5px] text-[#6B7280] italic">v.d. xehoi (các file liên quan tới giao diện cần upload
tại
/template/xehoi/ )</span>
</div>
<input name="" id="" placeholder="Tên thư mục"
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]">Tên gọi của giao diện</label>
<span class="ml-[5px] text-[#6B7280] italic">v.d. Giao diện xe hơi</span>
</div>
<input name="" id="" placeholder="Tên gọi của giao diệ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)] mr-[10px]" />
</div>
<div class="form-control w-[100%]">
<label class="block mb-[5px] font-[600] text-[14px]">Mô tả về giao diện này</label>
<textarea name="" id="" placeholder="Mô tả về giao diện này"
class="w-[100%] h-[75px] 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>
</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>

View File

@@ -11,15 +11,15 @@
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap"
rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.6.0/dist/full.min.css" rel="stylesheet" type="text/css" />
<!-- <link href="https://cdn.jsdelivr.net/npm/daisyui@4.6.0/dist/full.min.css" rel="stylesheet" type="text/css" /> -->
<link rel="stylesheet" media="screen" href="{{ 'full.min.css' | asset_url }}?v12.11" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
<link rel="stylesheet" media="screen" href="{{ 'fancybox.css' | asset_url }}" />
<link rel="stylesheet" media="screen" href="{{ 'pc_style.css' | asset_url }}?v12.1" />
<link rel="stylesheet" media="screen" href="{{ 'pc_style.css' | asset_url }}?v12.111" />
<script src="{{ 'tailwindcss.js' | asset_url }}"></script>
<script src="{{ 'fancybox.js' | asset_url }}"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script>
<script src="{{ 'jquery.js' | asset_url }}"></script>
</head>
@@ -126,10 +126,6 @@
<div class="item">
<a href="/" class="icons icon-home"> </a>
<div class="sub-menu">
<p class="font-bold"> Dashboard </p>
</div>
</div>
{% for _category in global.main_menu %}

70
template/tool/home.html Normal file
View File

@@ -0,0 +1,70 @@
<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-[10px] block">Công cụ</h1>
<p>
<b>Lưu ý:</b> Các công cụ dưới đây thực hiện thao tác áp dụng cho hàng loạt nội dung. Chỉ nên phân quyền cho
phép một số quản
trị viên được sử dụng để tránh dữ liệu bị xóa
</p>
<table class="style-table">
<thead>
<tr>
<th class="w-[40px]">STT</th>
<th>Công cụ</th>
<th class="w-[140px]">Link</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>
<b>Thao tác cho hàng loạt Sản phẩm</b>
<p>Thực hiện 1 thao tác cho 1 danh sách các Sản phẩm, gồm: Xóa, Hiển thị, Đổi danh mục</p>
</td>
<td>
<a href="/admin/tool/batch-product"
class="px-[30px] py-[8px] bg-[#0041E8] text-white rounded-[4px]">Sử
dụng</a>
</td>
</tr>
<tr>
<td>2</td>
<td>
<b>Chuyển Sản phẩm giữa các danh mục</b>
<p>Chuyển toàn bộ hoặc 1 nhóm Sản phẩm từ danh mục A sang danh mục B</p>
</td>
<td>
<a href="/admin/tool/move-product"
class="px-[30px] py-[8px] bg-[#0041E8] text-white rounded-[4px]">Sử
dụng</a>
</td>
</tr>
<tr>
<td>3</td>
<td>
<b>Cập nhật sản phẩm chưa đủ thuộc tính</b>
<p>Xem các sản phẩm chưa có đủ thuộc tính để cập nhật nhanh</p>
</td>
<td>
<a href="/admin/tool/category-product-no-attribute"
class="px-[30px] py-[8px] bg-[#0041E8] text-white rounded-[4px]">Sử
dụng</a>
</td>
</tr>
<tr>
<td>4</td>
<td>
<b>Kiểm tra các mã sản phẩm (SKU) chưa có tại website</b>
<p>Nhập các mã SKU để kiểm tra xem đã có trên website hay chưa</p>
</td>
<td>
<a href="/admin/tool/check-product-sku"
class="px-[30px] py-[8px] bg-[#0041E8] text-white rounded-[4px]">Sử
dụng</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>

View File

@@ -0,0 +1,72 @@
<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 link redirect</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 link truy cập">
<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-end">
<a href="/admin/url/redirect-form"
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 url redirect</span>
</a>
<a href="javascript:void(0)"
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-excel"></i>
<span class="ml-1">Tải file excel</span>
</a>
</div>
<table class="style-table mt-[15px]">
<thead>
<tr>
<th class="w-[40px]">STT</th>
<th>Link truy cập</th>
<th>Link đích</th>
<th class="w-[140px]">Redirect_code</th>
<th class="w-[130px]">Quản lý</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>
<input name="" id="" value="/bo-phim-chuot-fuhlen-l411-fuhlen-l102"
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="" value="https://hoanghapc.vn/combo-bo-phim-chuot-fuhlen-l411-fuhlen-l102"
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>
301
</td>
<td>
<div class="list-btn flex items-center justify-center">
<a href="" title="Form sản phẩm"
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="" title="Xem tại web" target="_blank"
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-view"></i>
</a>
<a href=""
class="w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
<i class="icons icon-remove"></i>
</a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>

View File

@@ -0,0 +1,47 @@
<div class="global-breadcrumb-container">
<a href="/admin/url"> Url Redirect </a>
<a href=""> Form thêm/sửa link redirect </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 link redirect </p>
<p class="mt-[5px] block text-[#6B7280]">/bo-phim-chuot-fuhlen-l411-fuhlen-l102</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="javasript:void(0)" style="color: #Fff;background: #0041E8;"
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
Thông tin
</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]">Link cũ</label>
<input name="" id="" placeholder="Link cũ" value=""
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]">Link đích mới</label>
<input name="" id="" placeholder="Link đích mới" value=""
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 w-[100%]">
<label class="block font-[600] text-[14px] mb-[5px]">Redirect Code</label>
<select name="" id="" placeholder="Link đích mới" value=""
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="">301 - Moved Permanently</option>
</select>
</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>