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

up

Browse Source
This commit is contained in:
Tieptk
2025-02-12 16:13:51 +07:00
parent c3c4efd679
commit 1315df5ebb
46 changed files with 817 additions and 673 deletions
Download Patch File Download Diff File Expand all files Collapse all files

106
assets/script/pc_style.css
View File

@@ -560,39 +560,6 @@ a {
color: #fff; color: #fff;
} }
.order-page-table {
line-height: 20px;
}
.order-page-table a {
color: #0041e8;
}
.order-page-table select {
border-radius: 4px;
border: 1px solid #d8d8d8;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
height: 32px;
display: block;
width: 100%;
padding: 0 0 0 5px;
font-weight: 400;
}
.order-page-table .icons {
width: 30px;
height: 30px;
border: 1px solid #ececec;
background-color: #f9f9f9;
border-radius: 5px;
}
.order-page-table .icon-edit {
border: 1px solid #0041e8;
background-color: #f5f7ff;
background-position: -108px -82px;
margin-right: 6px;
}
.order-page-table .icon-delete {
background-position: -145px -82px;
}
.order-detail-page .icon-edit { .order-detail-page .icon-edit {
border: transparent; border: transparent;
background-color: transparent; background-color: transparent;
@@ -658,11 +625,6 @@ a {
content: none; content: none;
} }
.table-vertical-inherit tbody td {
padding: 8px;
vertical-align: inherit;
}
#js-form-search [type=search]:focus::before { #js-form-search [type=search]:focus::before {
position: absolute; position: absolute;
content: "\f00d"; content: "\f00d";
@@ -686,28 +648,6 @@ a {
background: #f6f6f6; background: #f6f6f6;
} }
.table-list-customer th {
padding: 7px 5px;
background: #f6f6f6;
border: 1px solid #ececec;
white-space: nowrap;
}
.table-list-customer td {
padding: 7px 6px;
border: 1px solid #ececec;
}
.table-comment th {
padding: 7px 5px;
background: #f6f6f6;
border: 1px solid #ececec;
white-space: nowrap;
}
.table-comment td {
padding: 7px 6px;
border: 1px solid #ececec;
}
.list-info-reply th { .list-info-reply th {
padding: 7px 5px; padding: 7px 5px;
background: #f6f6f6; background: #f6f6f6;
@@ -750,9 +690,6 @@ a {
color: #fff; color: #fff;
} }
.modal .order-page-table td {
vertical-align: middle;
}
.modal .brand-letters a { .modal .brand-letters a {
width: 11.1111111111%; width: 11.1111111111%;
text-transform: capitalize; text-transform: capitalize;
@@ -848,21 +785,6 @@ a {
font-family: "Font Awesome 6 Free"; font-family: "Font Awesome 6 Free";
} }
.css-table th {
padding: 10px;
background: #f6f6f6;
border: 1px solid #ececec;
white-space: nowrap;
text-align: left;
}
.css-table td {
padding: 10px;
border: 1px solid #ececec;
}
.css-table .name {
color: #0041e8;
}
.checkbox-success { .checkbox-success {
--chkbg: #0041e8; --chkbg: #0041e8;
--chkfg: #fff; --chkfg: #fff;
@@ -1004,4 +926,32 @@ a {
.table .btn { .table .btn {
color: #fff; color: #fff;
padding: 0; padding: 0;
}
.table select {
border-radius: 4px;
border: 1px solid #d8d8d8;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
height: 32px;
display: block;
width: 100%;
padding: 0 0 0 5px;
font-weight: 400;
}
.table .icons {
width: 30px;
height: 30px;
border: 1px solid #ececec;
background-color: #f9f9f9;
border-radius: 5px;
}
.table .icon-edit {
border: 1px solid #0041e8;
background-color: #f5f7ff;
background-position: -108px -82px;
}
.table .icon-delete {
background-position: -145px -82px;
}
.table .icon-view {
background-position: -180px -82px;
}/*# sourceMappingURL=pc_style.css.map */ }/*# sourceMappingURL=pc_style.css.map */

2
assets/script/pc_style.css.map
View File

File diff suppressed because one or more lines are too long

118
assets/script/pc_style.scss
View File

@@ -574,38 +574,7 @@ a {
} }
} }
} }
.order-page-table {
line-height: 20px;
a {
color: #0041e8;
}
select {
border-radius: 4px;
border: 1px solid #d8d8d8;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
height: 32px;
display: block;
width: 100%;
padding: 0 0 0 5px;
font-weight: 400;
}
.icons {
width: 30px;
height: 30px;
border: 1px solid #ececec;
background-color: #f9f9f9;
border-radius: 5px;
}
.icon-edit {
border: 1px solid #0041e8;
background-color: #f5f7ff;
background-position: -108px -82px;
margin-right: 6px;
}
.icon-delete {
background-position: -145px -82px;
}
}
.order-detail-page { .order-detail-page {
.icon-edit { .icon-edit {
border: transparent; border: transparent;
@@ -673,15 +642,6 @@ a {
} }
} }
.table-vertical-inherit {
tbody {
td {
padding: 8px;
vertical-align: inherit;
}
}
}
#js-form-search [type="search"]:focus::before { #js-form-search [type="search"]:focus::before {
position: absolute; position: absolute;
content: "\f00d"; content: "\f00d";
@@ -705,32 +665,6 @@ a {
} }
} }
.table-list-customer {
th {
padding: 7px 5px;
background: #f6f6f6;
border: 1px solid #ececec;
white-space: nowrap;
}
td {
padding: 7px 6px;
border: 1px solid #ececec;
}
}
.table-comment {
th {
padding: 7px 5px;
background: #f6f6f6;
border: 1px solid #ececec;
white-space: nowrap;
}
td {
padding: 7px 6px;
border: 1px solid #ececec;
}
}
.list-info-reply { .list-info-reply {
th { th {
padding: 7px 5px; padding: 7px 5px;
@@ -775,11 +709,6 @@ a {
} }
} }
.modal { .modal {
.order-page-table {
td {
vertical-align: middle;
}
}
.brand-letters { .brand-letters {
a { a {
width: calc(100% / 9); width: calc(100% / 9);
@@ -886,23 +815,6 @@ a {
} }
} }
.css-table {
th {
padding: 10px;
background: #f6f6f6;
border: 1px solid #ececec;
white-space: nowrap;
text-align: left;
}
td {
padding: 10px;
border: 1px solid #ececec;
}
.name {
color: #0041e8;
}
}
.checkbox-success { .checkbox-success {
--chkbg: #0041e8; --chkbg: #0041e8;
--chkfg: #fff; --chkfg: #fff;
@@ -1049,4 +961,32 @@ a {
color: #fff; color: #fff;
padding: 0; padding: 0;
} }
select {
border-radius: 4px;
border: 1px solid #d8d8d8;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
height: 32px;
display: block;
width: 100%;
padding: 0 0 0 5px;
font-weight: 400;
}
.icons {
width: 30px;
height: 30px;
border: 1px solid #ececec;
background-color: #f9f9f9;
border-radius: 5px;
}
.icon-edit {
border: 1px solid #0041e8;
background-color: #f5f7ff;
background-position: -108px -82px;
}
.icon-delete {
background-position: -145px -82px;
}
.icon-view {
background-position: -180px -82px;
}
} }

27
template/admin/add.html
View File

@@ -64,33 +64,36 @@
<textarea name="" id="" placeholder="Địa chỉ IP giới hạn truy cập. Nhập mỗi IP một dòng" <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> 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="check-form flex items-center mb-[15px]"> <label class="check-form flex items-center mb-[15px] cursor-pointer">
<input type="checkbox" name="change_url_on_update" value="1" checked="" <input type="checkbox" name="change_url_on_update" value="1" checked=""
class="checked:bg-[#0041E8] w-[18px] h-[18px] rounded-[4px]"> class="checkbox checkbox-success">
<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ị <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> website ở mọi nơi (v.d. ở nhà, nơi công cộng)</span>
</div> </label>
<div class="form-control mb-[15px] w-[100%]"> <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="block font-[600] text-[14px] mb-[5px]">Phân quyền đặc biệt</label>
<div class="check-form flex items-center"> <label class="check-form flex items-center cursor-pointer">
<input type="checkbox" name="change_url_on_update" value="1" checked="" <input type="checkbox" name="change_url_on_update" value="1" checked=""
class="checked:bg-[#0041E8] w-[18px] h-[18px] rounded-[4px]"> class="checkbox checkbox-success">
<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 <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ẽ sẽ
không cần bị hạn chế bởi quy định phân quyền) không cần bị hạn chế bởi quy định phân quyền)
</span> </span>
</div> </label>
</div> </div>
<div class="form-control w-[100%]"> <div class="form-control w-[100%]">
<label class="block font-[600] text-[14px] mb-[5px]">Khóa thành viên</label> <label class="block font-[600] text-[14px] mb-[5px]">Khóa thành viên</label>
<div class="check-form flex items-center"> <label class="check-form flex items-center cursor-pointer">
<input type="checkbox" name="change_url_on_update" value="1" checked="" <input type="checkbox" name="change_url_on_update" value="1" checked=""
class="checked:bg-[#0041E8] w-[18px] h-[18px] rounded-[4px]"> class="checkbox checkbox-success">
<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 <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) sẽ không cần bị hạn chế bởi quy định phân quyền)
</span> </span>
</div> </label>
</div> </div>
</div> </div>

112
template/admin/entity_permission.html
View File

@@ -34,8 +34,8 @@
của phòng ban. của phòng ban.
</div> </div>
<table class="css-table"> <table class="table">
<thead> <thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-500">
<tr> <tr>
<th class="w-[40px]">STT</th> <th class="w-[40px]">STT</th>
<th>Hạng mục</th> <th>Hạng mục</th>
@@ -52,21 +52,18 @@
<td>Danh sách đơn hàng</td> <td>Danh sách đơn hàng</td>
<td> <td>
<div class="flex items-center"> <div class="flex items-center">
<div class="check-form flex items-center mr-[20px]"> <label class="check-form flex items-center mr-[20px] cursor-pointer">
<input type="checkbox" name="" value="1" <input type="checkbox" name="" value="1" class="checkbox checkbox-success">
class="checked:bg-[#0041E8] w-[20px] h-[20px] rounded-[4px]"> <span class="ml-[7px] text-[#6B7280] label-text">Xem</span>
<span class="ml-[7px] text-[#6B7280]">Xem</span> </label>
</div> <label class="check-form flex items-center mr-[20px] cursor-pointer">
<div class="check-form flex items-center mr-[20px]"> <input type="checkbox" name="" value="1" class="checkbox checkbox-success">
<input type="checkbox" name="" value="1" <span class="ml-[7px] text-[#6B7280] label-text">Xóa</span>
class="checked:bg-[#0041E8] w-[20px] h-[20px] rounded-[4px]"> </label>
<span class="ml-[7px] text-[#6B7280]">Xóa<a href=""></a></span> <label class="check-form flex items-center mr-[20px] cursor-pointer">
</div> <input type="checkbox" name="" value="1" class="checkbox checkbox-success">
<div class="check-form flex items-center mr-[20px]"> <span class="ml-[7px] text-[#6B7280] label-text">Cập nhật</span>
<input type="checkbox" name="" value="1" </label>
class="checked:bg-[#0041E8] w-[20px] h-[20px] rounded-[4px]">
<span class="ml-[7px] text-[#6B7280]">Cập nhật</span>
</div>
</div> </div>
</td> </td>
</tr> </tr>
@@ -75,21 +72,18 @@
<td>Chờ mua sản phẩm</td> <td>Chờ mua sản phẩm</td>
<td> <td>
<div class="flex items-center"> <div class="flex items-center">
<div class="check-form flex items-center mr-[20px]"> <label class="check-form flex items-center mr-[20px] cursor-pointer">
<input type="checkbox" name="" value="1" <input type="checkbox" name="" value="1" class="checkbox checkbox-success">
class="checked:bg-[#0041E8] w-[20px] h-[20px] rounded-[4px]"> <span class="ml-[7px] text-[#6B7280] label-text">Xem</span>
<span class="ml-[7px] text-[#6B7280]">Xem</span> </label>
</div> <label class="check-form flex items-center mr-[20px] cursor-pointer">
<div class="check-form flex items-center mr-[20px]"> <input type="checkbox" name="" value="1" class="checkbox checkbox-success">
<input type="checkbox" name="" value="1" <span class="ml-[7px] text-[#6B7280] label-text">Xóa</span>
class="checked:bg-[#0041E8] w-[20px] h-[20px] rounded-[4px]"> </label>
<span class="ml-[7px] text-[#6B7280]">Xóa<a href=""></a></span> <label class="check-form flex items-center mr-[20px] cursor-pointer">
</div> <input type="checkbox" name="" value="1" class="checkbox checkbox-success">
<div class="check-form flex items-center mr-[20px]"> <span class="ml-[7px] text-[#6B7280] label-text">Cập nhật</span>
<input type="checkbox" name="" value="1" </label>
class="checked:bg-[#0041E8] w-[20px] h-[20px] rounded-[4px]">
<span class="ml-[7px] text-[#6B7280]">Cập nhật</span>
</div>
</div> </div>
</td> </td>
</tr> </tr>
@@ -98,21 +92,18 @@
<td>Thanh toán qua cổng dịch vụ</td> <td>Thanh toán qua cổng dịch vụ</td>
<td> <td>
<div class="flex items-center"> <div class="flex items-center">
<div class="check-form flex items-center mr-[20px]"> <label class="check-form flex items-center mr-[20px] cursor-pointer">
<input type="checkbox" name="" value="1" <input type="checkbox" name="" value="1" class="checkbox checkbox-success">
class="checked:bg-[#0041E8] w-[20px] h-[20px] rounded-[4px]"> <span class="ml-[7px] text-[#6B7280] label-text">Xem</span>
<span class="ml-[7px] text-[#6B7280]">Xem</span> </label>
</div> <label class="check-form flex items-center mr-[20px] cursor-pointer">
<div class="check-form flex items-center mr-[20px]"> <input type="checkbox" name="" value="1" class="checkbox checkbox-success">
<input type="checkbox" name="" value="1" <span class="ml-[7px] text-[#6B7280] label-text">Xóa</span>
class="checked:bg-[#0041E8] w-[20px] h-[20px] rounded-[4px]"> </label>
<span class="ml-[7px] text-[#6B7280]">Xóa<a href=""></a></span> <label class="check-form flex items-center mr-[20px] cursor-pointer">
</div> <input type="checkbox" name="" value="1" class="checkbox checkbox-success">
<div class="check-form flex items-center mr-[20px]"> <span class="ml-[7px] text-[#6B7280] label-text">Cập nhật</span>
<input type="checkbox" name="" value="1" </label>
class="checked:bg-[#0041E8] w-[20px] h-[20px] rounded-[4px]">
<span class="ml-[7px] text-[#6B7280]">Cập nhật</span>
</div>
</div> </div>
</td> </td>
</tr> </tr>
@@ -125,21 +116,18 @@
<td>Danh sách Sản phẩm</td> <td>Danh sách Sản phẩm</td>
<td> <td>
<div class="flex items-center"> <div class="flex items-center">
<div class="check-form flex items-center mr-[20px]"> <label class="check-form flex items-center mr-[20px] cursor-pointer">
<input type="checkbox" name="" value="1" <input type="checkbox" name="" value="1" class="checkbox checkbox-success">
class="checked:bg-[#0041E8] w-[20px] h-[20px] rounded-[4px]"> <span class="ml-[7px] text-[#6B7280] label-text">Xem</span>
<span class="ml-[7px] text-[#6B7280]">Xem</span> </label>
</div> <label class="check-form flex items-center mr-[20px] cursor-pointer">
<div class="check-form flex items-center mr-[20px]"> <input type="checkbox" name="" value="1" class="checkbox checkbox-success">
<input type="checkbox" name="" value="1" <span class="ml-[7px] text-[#6B7280] label-text">Xóa</span>
class="checked:bg-[#0041E8] w-[20px] h-[20px] rounded-[4px]"> </label>
<span class="ml-[7px] text-[#6B7280]">Xóa<a href=""></a></span> <label class="check-form flex items-center mr-[20px] cursor-pointer">
</div> <input type="checkbox" name="" value="1" class="checkbox checkbox-success">
<div class="check-form flex items-center mr-[20px]"> <span class="ml-[7px] text-[#6B7280] label-text">Cập nhật</span>
<input type="checkbox" name="" value="1" </label>
class="checked:bg-[#0041E8] w-[20px] h-[20px] rounded-[4px]">
<span class="ml-[7px] text-[#6B7280]">Cập nhật</span>
</div>
</div> </div>
</td> </td>
</tr> </tr>

13
template/admin/home.html
View File

@@ -40,8 +40,8 @@
</div> </div>
</div> </div>
<table class="style-table mt-[15px]"> <table class="table mt-[15px]">
<thead> <thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-500">
<tr> <tr>
<th class="w-[38px]">STT</th> <th class="w-[38px]">STT</th>
<th>Họ tên</th> <th>Họ tên</th>
@@ -80,18 +80,19 @@
</td> </td>
<td> <td>
<a href="/admin/admin/admin-log" <a href="/admin/admin/admin-log"
class="px-[15px] py-[5px] bg-[#0041E8] rounded-[4px] m-auto text-white text-center">Xem toàn 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> bộ</a>
</td> </td>
<td> <td>
<div class="list-btn flex items-center justify-center"> <div class="list-btn flex items-center justify-center">
<a href="/admin/template/upload-set" title="Form sản phẩm" <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]"> class="w-[30px] h-[30px] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
<i class="icons icon-edit"></i> <i class="icons icon-edit"></i>
</a> </a>
<a href="" <a href=""
class="w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]"> 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> <i class="icons icon-delete"></i>
</a> </a>
</div> </div>
</td> </td>

40
template/admin/menu_permission.html
View File

@@ -42,8 +42,8 @@
</p> </p>
</div> </div>
<table class="css-table"> <table class="table">
<thead> <thead class="bg-[#f6f6f6] text-[#000] font-[500]">
<tr> <tr>
<th class="w-[40px]">STT</th> <th class="w-[40px]">STT</th>
<th>Hạng mục</th> <th>Hạng mục</th>
@@ -59,33 +59,30 @@
<td>1.1</td> <td>1.1</td>
<td>Danh sách đơn hàng</td> <td>Danh sách đơn hàng</td>
<td> <td>
<div class="check-form flex items-center"> <label class="check-form flex items-center cursor-pointer">
<input type="checkbox" name="" value="1" <input type="checkbox" name="" value="1" class="checkbox checkbox-success">
class="checked:bg-[#0041E8] w-[20px] h-[20px] rounded-[4px]"> <span class="ml-[7px] text-[#6B7280] label-text">Được xem</span>
<span class="ml-[7px] text-[#6B7280]">Được xem</span> </label>
</div>
</td> </td>
</tr> </tr>
<tr> <tr>
<td>1.2</td> <td>1.2</td>
<td>Chờ mua sản phẩm</td> <td>Chờ mua sản phẩm</td>
<td> <td>
<div class="check-form flex items-center"> <label class="check-form flex items-center cursor-pointer">
<input type="checkbox" name="" value="1" <input type="checkbox" name="" value="1" class="checkbox checkbox-success">
class="checked:bg-[#0041E8] w-[20px] h-[20px] rounded-[4px]"> <span class="ml-[7px] text-[#6B7280] label-text">Được xem</span>
<span class="ml-[7px] text-[#6B7280]">Được xem</span> </label>
</div>
</td> </td>
</tr> </tr>
<tr> <tr>
<td>1.3</td> <td>1.3</td>
<td>Thanh toán qua cổng dịch vụ</td> <td>Thanh toán qua cổng dịch vụ</td>
<td> <td>
<div class="check-form flex items-center"> <label class="check-form flex items-center cursor-pointer">
<input type="checkbox" name="" value="1" <input type="checkbox" name="" value="1" class="checkbox checkbox-success">
class="checked:bg-[#0041E8] w-[20px] h-[20px] rounded-[4px]"> <span class="ml-[7px] text-[#6B7280] label-text">Được xem</span>
<span class="ml-[7px] text-[#6B7280]">Được xem</span> </label>
</div>
</td> </td>
</tr> </tr>
<tr class="bg-[#FFE6C1] font-[700]"> <tr class="bg-[#FFE6C1] font-[700]">
@@ -96,11 +93,10 @@
<td>2.1</td> <td>2.1</td>
<td>Danh sách Sản phẩm</td> <td>Danh sách Sản phẩm</td>
<td> <td>
<div class="check-form flex items-center"> <label class="check-form flex items-center cursor-pointer">
<input type="checkbox" name="" value="1" <input type="checkbox" name="" value="1" class="checkbox checkbox-success">
class="checked:bg-[#0041E8] w-[20px] h-[20px] rounded-[4px]"> <span class="ml-[7px] text-[#6B7280] label-text">Được xem</span>
<span class="ml-[7px] text-[#6B7280]">Được xem</span> </label>
</div>
</td> </td>
</tr> </tr>
</tbody> </tbody>

64
template/article/category.html
View File

@@ -1,21 +1,25 @@
<div class="bg-white m-[16px_0_16px_16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]"> <div
class="bg-white m-[16px_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-[13px] font-bold text-[24px]"> Danh mục nội dung </p> <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]"> <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]"> <a href="/admin/article/category-add"
<span class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span> 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> <span>Thêm danh mục mới</span>
</a> </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]"> <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> <i class="far fa-folder mr-2"></i>
<span>Danh sách nội dung</span> <span>Danh sách nội dung</span>
</a> </a>
</div> </div>
<div class="order-page-table table-vertical-inherit"> <div class="table">
<table> <table>
<thead> <thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-[500]">
<tr> <tr>
<td width="600"> Danh mục </td> <td width="600"> Danh mục </td>
<td> ID </td> <td> ID </td>
@@ -36,12 +40,14 @@
<td> child_article </td> <td> child_article </td>
<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"> <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>
<td> <td>
<span class="inline-block mr-[10px] leading-[30px]"> 60 </span> <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]"> <a href=""
class="inline-block cursor-pointer leading-[30px] bg-[#0041E8] text-[#fff_!important] rounded-[4px] font-[500] p-[0_11px]">
Xem Xem
</a> </a>
</td> </td>
@@ -50,11 +56,15 @@
<div class="items-center flex justify-center"> <div class="items-center flex justify-center">
<a href="/admin/article/category-add?id=1" title="Sửa lại" class="icons icon-edit"></a> <a href="/admin/article/category-add?id=1" title="Sửa lại" class="icons icon-edit"></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="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="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="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> <a href="" title="Xóa" class="icons icon-delete"></a>
</div> </div>
@@ -70,12 +80,14 @@
<td> child_article </td> <td> child_article </td>
<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"> <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>
<td> <td>
<span class="inline-block mr-[10px] leading-[30px]"> 60 </span> <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]"> <a href=""
class="inline-block cursor-pointer leading-[30px] bg-[#0041E8] text-[#fff_!important] rounded-[4px] font-[500] p-[0_11px]">
Xem Xem
</a> </a>
</td> </td>
@@ -84,11 +96,15 @@
<div class="items-center flex justify-center"> <div class="items-center flex justify-center">
<a href="/admin/article/category-add?id=1" title="Sửa lại" class="icons icon-edit"></a> <a href="/admin/article/category-add?id=1" title="Sửa lại" class="icons icon-edit"></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="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="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="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> <a href="" title="Xóa" class="icons icon-delete"></a>
</div> </div>
@@ -104,12 +120,14 @@
<td> child_article </td> <td> child_article </td>
<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"> <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>
<td> <td>
<span class="inline-block mr-[10px] leading-[30px]"> 60 </span> <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]"> <a href=""
class="inline-block cursor-pointer leading-[30px] bg-[#0041E8] text-[#fff_!important] rounded-[4px] font-[500] p-[0_11px]">
Xem Xem
</a> </a>
</td> </td>
@@ -118,11 +136,15 @@
<div class="items-center flex justify-center"> <div class="items-center flex justify-center">
<a href="/admin/article/category-add?id=1" title="Sửa lại" class="icons icon-edit"></a> <a href="/admin/article/category-add?id=1" title="Sửa lại" class="icons icon-edit"></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="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="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="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> <a href="" title="Xóa" class="icons icon-delete"></a>
</div> </div>

249
template/article/form.html
View File

@@ -5,7 +5,8 @@
<div class="max-w-[1141px] m-auto"> <div class="max-w-[1141px] m-auto">
<div class="flex flex-wrap items-start m-[16px_0]"> <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"> <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=' %} {% if global.url contains 'id=' %}
<p class="font-bold text-[20px]"> Sửa nội dung </p> <p class="font-bold text-[20px]"> Sửa nội dung </p>
@@ -17,31 +18,44 @@
{% endif %} {% endif %}
<div class="flex items-center"> <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]"> <a href="/admin/article/form"
<span class="border-[1px] border-[#6B7280] h-[13px] w-[13px] leading-[10.3px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span> 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> <span>Thêm nội dung mới</span>
</a> </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]"> <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 class="far fa-folder mr-2"></span>
<span>Quản lý danh mục</span> <span>Quản lý danh mục</span>
</a> </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> <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> </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"> <div
<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> 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>
{% if global.url contains 'id=' %} {% 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/tag?id=1"
<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> 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-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> <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 %} {% endif %}
</div> </div>
<form method="post" enctype="multipart/form-data" class="w-[852px] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block"> <form method="post" enctype="multipart/form-data"
class="w-[852px] 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]"> <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> <p class="font-bold text-[20px] leading-[20px] mb-[15px]"> Thông tin cơ bản </p>
@@ -73,14 +87,16 @@
</label> </label>
</div> </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]"> <div
<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> 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="overflow-auto max-h-[250px]">
<div class="mb-1"> <div class="mb-1">
<label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <label class="inline-flex items-center mb-1 ml-1 cursor-pointer group">
<input type="checkbox" value="1" class="scale-[1.5] mr-2"> <input type="checkbox" value="1" class="checkbox checkbox-success">
<b> Danh mục cấp 1 </b> <b class="label-text ml-[5px]"> Danh mục cấp 1 </b>
</label> </label>
</div> </div>
@@ -91,8 +107,9 @@
<div class="pl-[25px]"> <div class="pl-[25px]">
<!-- KHÔNG CÓ danh mục con --> <!-- KHÔNG CÓ danh mục con -->
<label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <label class="inline-flex items-center mb-1 ml-1 cursor-pointer group">
<input type="checkbox" value="2" class="scale-[1.5] mr-2"> <input type="checkbox" value="2" class="checkbox checkbox-success">
<span class="text-[#6B7280] group-hover:text-[#000]"> Danh mục cấp 2 </span> <span class="label-text ml-[5px] text-[#6B7280]"> Danh mục
cấp 2 </span>
</label> <br> </label> <br>
<!-- CÓ danh mục con --> <!-- CÓ danh mục con -->
@@ -101,18 +118,68 @@
<div class="pl-[25px]"> <div class="pl-[25px]">
<label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <label class="inline-flex items-center mb-1 ml-1 cursor-pointer group">
<input type="checkbox" value="2" class="scale-[1.5] mr-2"> <input type="checkbox" value="2" class="checkbox checkbox-success">
<span class="text-[#6B7280] group-hover:text-[#000]"> Danh mục cấp 3 </span> <span class="text-[#6B7280] label-text ml-[5px]"> Danh mục cấp 3 </span>
</label> <br> </label> <br>
</div> </div>
</div> </div>
<label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input type="checkbox" value="2" class="scale-[1.5] mr-2"> <span class="text-[#6B7280] group-hover:text-[#000]"> 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="scale-[1.5] mr-2"> <span class="text-[#6B7280] group-hover:text-[#000]"> 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="scale-[1.5] mr-2"> <span class="text-[#6B7280] group-hover:text-[#000]"> 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="scale-[1.5] mr-2"> <span class="text-[#6B7280] group-hover:text-[#000]"> 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="scale-[1.5] mr-2"> <span class="text-[#6B7280] group-hover:text-[#000]"> 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="scale-[1.5] mr-2"> <span class="text-[#6B7280] group-hover:text-[#000]"> 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>
<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>
</div> </div>
<!-- clone --> <!-- clone -->
<div class="mb-1"> <label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input type="checkbox" value="1" class="scale-[1.5] mr-2"> <b> 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="scale-[1.5] mr-2"> <span class="text-[#6B7280] group-hover:text-[#000]"> 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="scale-[1.5] mr-2"> <span class="text-[#6B7280] group-hover:text-[#000]"> 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="scale-[1.5] mr-2"> <span class="text-[#6B7280] group-hover:text-[#000]"> 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="scale-[1.5] mr-2"> <span class="text-[#6B7280] group-hover:text-[#000]"> 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="scale-[1.5] mr-2"> <span class="text-[#6B7280] group-hover:text-[#000]"> 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="scale-[1.5] mr-2"> <span class="text-[#6B7280] group-hover:text-[#000]"> Danh mục cấp 2 </span> </label> <br></div></div> <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> </div>
@@ -120,31 +187,36 @@
<div class="mb-[15px]"> <div class="mb-[15px]">
<p class="mb-[7px] w-[100%] font-[600]"> Tiêu đề </p> <p class="mb-[7px] w-[100%] font-[600]"> Tiêu đề </p>
<input type="text" value="" class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/> <input type="text" value=""
class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
</div> </div>
<div class="mb-[15px]"> <div class="mb-[15px]">
<p class="mb-[7px] w-[100%] font-[600]"> Link Index </p> <p class="mb-[7px] w-[100%] font-[600]"> Link Index </p>
<input type="text" value="" class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/> <input type="text" value=""
class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
</div> </div>
<div class="mb-[15px]"> <div class="mb-[15px]">
<p class="mb-[7px] w-[100%] font-[600]"> Link tham khảo (link web ngoài nếu có) </p> <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] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/> <input type="text" value=""
class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
</div> </div>
<div class="mb-[15px]"> <div class="mb-[15px]">
<p class="mb-[7px] w-[100%] font-[600]"> Tóm tắt chính </p> <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] outline-[0px] p-[10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea> <textarea
class="w-[100%] min-h-[90px] max-h-[150px] outline-[0px] p-[10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
</div> </div>
<div> <div>
<p class="mb-[7px] w-[100%] font-[600]"> Tags (Mỗi cụm từ 1 dòng) </p> <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] outline-[0px] p-[10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea> <textarea
class="w-[100%] min-h-[90px] max-h-[150px] outline-[0px] p-[10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
</div> </div>
</div> </div>
@@ -154,17 +226,20 @@
<p class="font-bold text-[20px] leading-[20px]"> Mô tả (nếu có) </p> <p class="font-bold text-[20px] leading-[20px]"> Mô tả (nếu có) </p>
<div class="flex items-center font-[500] leading-[35px]"> <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]"> <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 class="icons icon-upload group-hover:filter-none"></span>
<span> Upload ảnh </span> <span> Upload ảnh </span>
</a> </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]"> <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> <i class="far fa-folder mr-2"></i>
<span> Quản lý </span> <span> Quản lý </span>
</a> </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]"> <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> <i class="fa fa-image mr-2"></i>
<span> Chọn ảnh trong kho ảnh </span> <span> Chọn ảnh trong kho ảnh </span>
</a> </a>
@@ -184,9 +259,11 @@
</div> </div>
<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> <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] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/> <input type="text" value=""
class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
</div> </div>
</div> </div>
@@ -200,7 +277,8 @@
<i class="text-[13px] font-[300]"> * để trống sẽ dùng link mặc định của hệ thống </i> <i class="text-[13px] font-[300]"> * để trống sẽ dùng link mặc định của hệ thống </i>
</p> </p>
<input type="text" value="" class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/> <input type="text" value=""
class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
</div> </div>
<div class="mb-[15px]"> <div class="mb-[15px]">
@@ -209,7 +287,8 @@
<i class="text-[13px] font-[300]">  0 ký tự , 0 từ </i> <i class="text-[13px] font-[300]">  0 ký tự , 0 từ </i>
</p> </p>
<input type="text" value="" class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/> <input type="text" value=""
class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
</div> </div>
<div class="mb-[15px]"> <div class="mb-[15px]">
@@ -218,7 +297,8 @@
<i class="text-[13px] font-[300]">  0 ký tự , 0 từ </i> <i class="text-[13px] font-[300]">  0 ký tự , 0 từ </i>
</p> </p>
<input type="text" value="" class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/> <input type="text" value=""
class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
</div> </div>
<div class="mb-[15px]"> <div class="mb-[15px]">
@@ -227,15 +307,16 @@
<i class="text-[13px] font-[300]"> 0 ký tự , 0 từ (Khuyến nghị: 160 ký tự) </i> <i class="text-[13px] font-[300]"> 0 ký tự , 0 từ (Khuyến nghị: 160 ký tự) </i>
</p> </p>
<textarea class="w-[100%] min-h-[90px] max-h-[150px] outline-[0px] p-[10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea> <textarea
class="w-[100%] min-h-[90px] max-h-[150px] outline-[0px] p-[10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
</div> </div>
<div class="mb-[15px] flex items-start"> <div class="mb-[15px] flex items-start">
<p class="mb-[7px] w-[100%] font-[600] w-[220px]"> Cho phép Google Index </p> <p class="mb-[7px] w-[100%] font-[600] w-[220px]"> Cho phép Google Index </p>
<label class="inline-flex items-center cursor-pointer"> <label class="inline-flex items-center cursor-pointer">
<input type="checkbox" class="scale-[1.4] mr-2"> <input type="checkbox" class="checkbox checkbox-success">
<span> Cho phép Google Index </span> <span class="label-text ml-[15px]"> Cho phép Google Index </span>
</label> </label>
</div> </div>
@@ -243,8 +324,8 @@
<p class="mb-[7px] w-[100%] font-[600] w-[220px]"> Hiển thị Mục lục đầu bài viết </p> <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"> <label class="inline-flex items-center cursor-pointer">
<input type="checkbox" class="scale-[1.4] mr-2"> <input type="checkbox" class="checkbox checkbox-success">
<span> Cho phép hiển thị </span> <span class="label-text ml-[15px]"> Cho phép hiển thị </span>
</label> </label>
</div> </div>
@@ -260,33 +341,86 @@
<div> <div>
<label class="inline-flex items-center cursor-pointer relative pl-[30px] mr-[34px]"> <label class="inline-flex items-center cursor-pointer relative pl-[30px] mr-[34px]">
<input type="radio" value="0" name="info[article_time_set]" class="left-0" checked=""> <input type="radio" value="0" name="info[article_time_set]"
<span> Thời gian tạo bài </span> class="radio checked:bg-blue-500" checked="">
<span class="label-text ml-[10px]"> Thời gian tạo bài </span>
</label> </label>
<label class="inline-flex items-center cursor-pointer relative pl-[30px] mr-[34px]"> <label class="inline-flex items-center cursor-pointer relative pl-[30px] mr-[34px]">
<input type="radio" value="1" name="info[article_time_set]" class="left-0"> <input type="radio" value="1" name="info[article_time_set]"
<span> Chọn thời gian </span> class="radio checked:bg-blue-500">
<span class="label-text ml-[10px]"> Chọn thời gian </span>
</label> </label>
<div class="w-[100%] hidden" id="js-publish_time"> <div class="w-[100%] hidden" id="js-publish_time">
<div class="flex items-center m-[10px_0]"> <div class="flex items-center m-[10px_0]">
<div class="relative mr-[20px]"> <div class="relative mr-[20px]">
<i class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i> <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)]"> 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> </div>
<p class="mr-[10px]"> Giờ </p> <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)]"> <select name="info[from_time_minute]" id="from_time_minute" style="width: 85px;"
<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> 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> </select>
</div> </div>
</div> </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> <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>
@@ -295,18 +429,19 @@
<div> <div>
<label class="inline-flex items-center cursor-pointer relative pl-[30px] mr-[34px]"> <label class="inline-flex items-center cursor-pointer relative pl-[30px] mr-[34px]">
<input type="radio" value="0" name="info[status]" class="left-0" checked=""> <input type="radio" value="0" name="info[status]" class="radio checked:bg-blue-500"
<span> Bản nháp </span> checked="">
<span class="label-text ml-[10px]"> Bản nháp </span>
</label> </label>
<label class="inline-flex items-center cursor-pointer relative pl-[30px] mr-[34px]"> <label class="inline-flex items-center cursor-pointer relative pl-[30px] mr-[34px]">
<input type="radio" value="1" name="info[status]" class="left-0"> <input type="radio" value="1" name="info[status]" class="radio checked:bg-blue-500">
<span> Cho hiển thị </span> <span class="label-text ml-[10px]"> Cho hiển thị </span>
</label> </label>
<label class="inline-flex items-center cursor-pointer relative pl-[30px] mr-[34px]"> <label class="inline-flex items-center cursor-pointer relative pl-[30px] mr-[34px]">
<input type="radio" value="-1" name="info[status]" class="left-0"> <input type="radio" value="-1" name="info[status]" class="radio checked:bg-blue-500">
<span> Chờ duyệt </span> <span class="label-text ml-[10px]"> Chờ duyệt </span>
</label> </label>
</div> </div>
@@ -316,14 +451,16 @@
<div class="flex flex-wrap items-center"> <div class="flex flex-wrap items-center">
<p class="w-[230px] font-bold"> Xem thử </p> <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"> <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 Xem bài viết tại trang web
</a> </a>
</div> </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]"/> <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> </form>
</div> </div>
</div> </div>

53
template/article/home.html
View File

@@ -1,44 +1,54 @@
<div class="bg-white m-[16px_0_16px_16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]"> <div
class="bg-white m-[16px_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-[13px] font-bold text-[24px]"> Bài viết </p> <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)]"> <form method="get" enctype="multipart/form-data" action="/admin/"
<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)] "> 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="submit" value="Tìm kiếm" class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]"> <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> </form>
<div class="flex items-center flex-wrap justify-between mb-[20px]"> <div class="flex items-center flex-wrap justify-between mb-[20px]">
<div class="flex items-center"> <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)]"> <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=""> Chọn danh mục </option>
<option value=""> option </option> <option value=""> option </option>
</select> </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]"> <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 Xem nội dung đang ẩn
</a> </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]"> <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 Xem nội dung nổi bật
</a> </a>
</div> </div>
<div class="flex items-center font-[500] leading-[35px]"> <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]"> <a href="/admin/article/form"
<span class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span> 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> <span>Thêm nội dung mới</span>
</a> </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]"> <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> <i class="far fa-folder mr-2"></i>
<span>Quản lý danh mục</span> <span>Quản lý danh mục</span>
</a> </a>
</div> </div>
</div> </div>
<div class="order-page-table"> <div class="table">
<table> <table>
<thead> <thead class="bg-[#F6F6F6] text-[#000] text-[14px] font-500">
<tr> <tr>
<td width="40"> STT </td> <td width="40"> STT </td>
<td width="130"> Ảnh </td> <td width="130"> Ảnh </td>
@@ -66,7 +76,8 @@
<div> <div>
STT 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)] "> <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> </div>
</td> </td>
@@ -85,15 +96,21 @@
<div class="items-center flex"> <div class="items-center flex">
<a href="/admin/article/form?id=1" title="Sửa lại" class="icons icon-edit"></a> <a href="/admin/article/form?id=1" title="Sửa lại" class="icons icon-edit"></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="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="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ạ 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="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="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> <a href="" title="Xóa" class="icons icon-delete"></a>
</div> </div>

4
template/banner/home.html
View File

@@ -51,9 +51,9 @@
</div> </div>
</div> </div>
<div class="order-page-table td-top"> <div class="table td-top">
<table> <table>
<thead style="font-weight: 500;"> <thead class="bg-[#F6F6F6] text-[#000] text-[14px] font-500">
<td> STT </td> <td> STT </td>
<td width="280"> Ảnh </td> <td width="280"> Ảnh </td>
<td> Thông tin </td> <td> Thông tin </td>

4
template/customer/comment.html
View File

@@ -36,8 +36,8 @@
</div> </div>
<table class="table-comment"> <table class="table">
<thead> <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
<tr> <tr>
<th>STT</th> <th>STT</th>
<th>Phản hồi</th> <th>Phản hồi</th>

7
template/customer/customer_contact.html
View File

@@ -22,8 +22,8 @@
</div> </div>
<table class="table-comment"> <table class="table">
<thead> <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
<tr> <tr>
<th class="w-[50px]">STT</th> <th class="w-[50px]">STT</th>
<th>Thời gian</th> <th>Thời gian</th>
@@ -51,7 +51,8 @@
<td> <td>
<textarea name="" id="" <textarea name="" id=""
class="w-[100%] h-[40px] rounded-[4px] p-[5px] border-[1px] border-[#D8D8D8] mb-[5px]"></textarea> class="w-[100%] h-[40px] rounded-[4px] p-[5px] border-[1px] border-[#D8D8D8] mb-[5px]"></textarea>
<a href="" class="p-[5px_10px_5px_10px] rounded-[4px] bg-[#0041E8] text-white">Cập nhật</a> <a href="" class="btn w-[100px] h-[35px] min-h-[35px] rounded-[4px] bg-[#0041E8] text-white">Cập
nhật</a>
</td> </td>

4
template/customer/customer_group.html
View File

@@ -13,8 +13,8 @@
</a> </a>
</div> </div>
<table class="table-customer-group mt-[15px]"> <table class="table mt-[15px]">
<thead> <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
<tr> <tr>
<th class="w-[50px]">STT</th> <th class="w-[50px]">STT</th>
<th>Mã nhóm</th> <th>Mã nhóm</th>

4
template/customer/customer_newsletter.html
View File

@@ -25,8 +25,8 @@
</a> </a>
</div> </div>
<table class="mt-[15px] table-newsletter"> <table class="mt-[15px] table">
<thead> <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
<tr> <tr>
<th class="w-[50px]">STT</th> <th class="w-[50px]">STT</th>
<th>Họ tên</th> <th>Họ tên</th>

4
template/customer/customer_review.html
View File

@@ -9,8 +9,8 @@
<option value="">Lọc xem ý kiến</option> <option value="">Lọc xem ý kiến</option>
</select> </select>
</div> </div>
<table class="table-review mt-[15px]"> <table class="table mt-[15px]">
<thead> <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
<tr> <tr>
<th class="w-[50px]">STT</th> <th class="w-[50px]">STT</th>
<th>Khách hàng</th> <th>Khách hàng</th>

4
template/customer/home.html
View File

@@ -51,8 +51,8 @@
</div> </div>
</div> </div>
<table class="w-[100%] mt-[15px] table-list-customer"> <table class="w-[100%] mt-[15px] table">
<thead> <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
<tr> <tr>
<th>STT</th> <th>STT</th>
<th>ID</th> <th>ID</th>

4
template/customer/review.html
View File

@@ -36,8 +36,8 @@
</div> </div>
<table class="table-comment"> <table class="table">
<thead> <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
<tr> <tr>
<th>STT</th> <th>STT</th>
<th>Phản hồi</th> <th>Phản hồi</th>

4
template/deal/home.html
View File

@@ -43,9 +43,9 @@
</div> </div>
</div> </div>
<div class="order-page-table"> <div class="table">
<table> <table>
<thead> <thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-500">
<tr> <tr>
<td width="40"> <td width="40">
<input type="checkbox" class="checkbox checkbox-success" <input type="checkbox" class="checkbox checkbox-success"

1
template/job/home.html
View File

@@ -1 +0,0 @@
template/job/home.html

4
template/marketing/conditional_promotion.html
View File

@@ -11,9 +11,9 @@
</a> </a>
</div> </div>
<div class="order-page-table"> <div class="table">
<table> <table>
<thead> <thead class="bg-[#F6F6F6] text-[#000] text-[14px] font-[500]">
<tr> <tr>
<td> STT </td> <td> STT </td>
<td> Khuyến mại </td> <td> Khuyến mại </td>

90
template/marketing/coupon.html
View File

@@ -1,18 +1,23 @@
<div class="marketing-coupon-page bg-white m-[16px_0_16px_16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]"> <div
class="marketing-coupon-page bg-white m-[16px_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-[13px] font-[600] text-[24px]"> Coupon khuyến mại </p> <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]"> <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> <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 border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[35px] p-[0_12px]" > <a href="/admin/marketing/coupon-add"
<span class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10px] text-center rounded-[50%] mr-1">+</span> class="flex items-center whitespace-nowrap 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> <span>Thêm phiếu mới</span>
</a> </a>
</div> </div>
<div class="order-page-table"> <div>
<table> <table class="table">
<thead> <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
<tr> <tr>
<td width="50"> STT </td> <td width="50"> STT </td>
<td> Mã số </td> <td> Mã số </td>
@@ -26,7 +31,7 @@
</thead> </thead>
<tbody> <tbody>
<tr> <tr class="text-[13px]">
<td align="center"> 1 </td> <td align="center"> 1 </td>
<td class="whitespace-nowrap"> CP231020233 </td> <td class="whitespace-nowrap"> CP231020233 </td>
@@ -44,19 +49,22 @@
<td> <td>
<div class="flex items-start"> <div class="flex items-start">
<p class="inline-block m-[0_6px_6px_0]"> <p class="inline-block m-[0_6px_6px_0] text-[13px]">
- Bắt đầu: 23-10-2023, 12:00 am <br> - Bắt đầu: 23-10-2023, 12:00 am <br>
- Kết thúc: 28-10-2023, 12:00 am - Kết thúc: 28-10-2023, 12:00 am
</p> </p>
<div>
<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]"> <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 Đã chạy
</span> </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]"> <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 Đã dừng
</span> </span>
</div> </div>
</div>
</td> </td>
<td> <td>
@@ -74,16 +82,68 @@
<div class="items-center flex"> <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="/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="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)" 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> <a href="javascript:void(0)" class="icons icon-delete" title="Xóa"></a>
</div> </div>
</td> </td>
</tr> </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]"> - 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> </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> <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> </tbody>
</table> </table>
</div> </div>

33
template/marketing/feed.html
View File

@@ -11,21 +11,25 @@
{% include 'marketing/feed_list' %} {% include 'marketing/feed_list' %}
{% else %} {% else %}
<div class="m-[16px_0_16px_16px] p-[20px_16px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]"> <div
class="m-[16px_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]"> Facebook Product Ads </p> <p class="leading-[31px] font-bold text-[24px] mb-[12px]"> Facebook Product Ads </p>
<div class="flex items-center justify-between mb-[20px]"> <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> <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]"> <a href="/admin/marketing/feed?view=fb-product-add"
<span class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span> 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> <span>Thêm danh sách mới</span>
</a> </a>
</div> </div>
<div class="order-page-table"> <div class="table">
<table> <table>
<thead> <thead class="bg-[#F6F6F6] text-[#000] text-[14px] font-500">
<tr> <tr>
<td width="45"> STT </td> <td width="45"> STT </td>
<td> Danh sách </td> <td> Danh sách </td>
@@ -47,12 +51,14 @@
<td align="center"> 6.055 sp </td> <td align="center"> 6.055 sp </td>
<td> <td>
<input type="text" value="/feed/facebook.php?id=1" readonly class="block leading-[32px] w-[100%] bg-[#fff] p-[0_10px] m-[0_0_4px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]"/> <input type="text" value="/feed/facebook.php?id=1" readonly
class="block leading-[32px] w-[100%] bg-[#fff] p-[0_10px] m-[0_0_4px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]" />
<a href=""> FB feed </a> <a href=""> FB feed </a>
</td> </td>
<td> <td>
<input type="text" value="/feed/google.php?id=1" readonly class="block leading-[32px] w-[100%] bg-[#fff] p-[0_10px] m-[0_0_4px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]"/> <input type="text" value="/feed/google.php?id=1" readonly
class="block leading-[32px] w-[100%] bg-[#fff] p-[0_10px] m-[0_0_4px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]" />
<a href=""> Google feed </a> <a href=""> Google feed </a>
</td> </td>
@@ -63,11 +69,16 @@
<td> <td>
<div class="flex items-center flex-wrap justify-center"> <div class="flex items-center flex-wrap justify-center">
<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-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" title="Sửa lại"></a> <a href="/admin/marketing/feed?view=fb-product-add&id=1" class="icons icon-edit"
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="/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> <a href="" class="icons icon-delete" title="Xóa"></a>
</div> </div>

4
template/marketing/poster_list.html
View File

@@ -8,9 +8,9 @@
</a> </a>
</div> </div>
<div class="order-page-table"> <div class="table">
<table> <table>
<thead> <thead class="bg-[#F6F6F6] text-[#000] text-[14px] font-[500]">
<tr> <tr>
<td> STT </td> <td> STT </td>
<td> Quản trị </td> <td> Quản trị </td>

40
template/marketing/promotion.html
View File

@@ -1,33 +1,41 @@
<div class="marketing-coupon-page bg-white m-[16px_0_16px_16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]"> <div
class="marketing-coupon-page bg-white m-[16px_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]"> Khuyến mại theo sản phẩm </p> <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)]"> <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="opt" value="marketing">
<input type="hidden" name="view" value="promotion"> <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="text" name="q" id="keyword" value=""
<input type="submit" value="Tìm kiếm" class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]"> 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> </form>
<div class="flex items-center justify-between m-[20px_0_25px]"> <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> <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"> <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]"> <a href="/admin/marketing/promotion-add"
<span class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10px] text-center rounded-[50%] mr-1">+</span> 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> <span>Thêm khuyến mại mới</span>
</a> </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]"> <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> <i class="far fa-bookmark mr-[8px]"></i>
<span>Nhóm khuyến mại</span> <span>Nhóm khuyến mại</span>
</a> </a>
</div> </div>
</div> </div>
<div class="order-page-table"> <div>
<table> <table class="table">
<thead> <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
<tr class="font-[600]"> <tr class="font-[600]">
<td width="50"> STT </td> <td width="50"> STT </td>
<td> Khuyến mại </td> <td> Khuyến mại </td>
@@ -60,15 +68,19 @@
</td> </td>
<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> <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>
<td> <td>
<div class="flex items-center flex-wrap justify-center"> <div class="flex items-center flex-wrap justify-center">
<a href="/admin/marketing/promotion-add?id=1" class="icons icon-edit" title="Sửa lại"></a> <a href="/admin/marketing/promotion-add?id=1" class="icons icon-edit" 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="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="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="" 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> <a href="" class="icons icon-delete" title="Xóa"></a>
</div> </div>
</td> </td>

4
template/media/home.html
View File

@@ -38,9 +38,9 @@
tả Sản phẩm hay bài viết khác. tả Sản phẩm hay bài viết khác.
</p> </p>
<div class="order-page-table"> <div class="table">
<table> <table>
<thead> <thead class="bg-[#F6F6F6] text-[#000] text-[14px] font-500">
<tr> <tr>
<td width="50"> STT </td> <td width="50"> STT </td>
<td width="120"> Xem nhanh </td> <td width="120"> Xem nhanh </td>

22
template/order/home.html
View File

@@ -34,8 +34,8 @@
<i <i
class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute top-[4px] left-[10px] leading-[35px]"></i> class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute top-[4px] left-[10px] leading-[35px]"></i>
</div> </div>
<input datepicker name="start" type="text" <input name="start-time" type="date"
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-[125px] ps-[30px] p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-[130px] ps-[30px] p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
placeholder="Từ ngày"> placeholder="Từ ngày">
</div> </div>
<div class="relative ml-[15px]"> <div class="relative ml-[15px]">
@@ -43,8 +43,8 @@
<i <i
class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute top-[4px] left-[10px] leading-[35px]"></i> class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute top-[4px] left-[10px] leading-[35px]"></i>
</div> </div>
<input name="end" type="text" <input name="end-time" type="date"
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-[125px] ps-[30px] p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-[130px] ps-[30px] p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
placeholder="Đến ngày"> placeholder="Đến ngày">
</div> </div>
</div> </div>
@@ -78,9 +78,9 @@
</div> </div>
</div> </div>
<div class="order-page-table"> <div>
<table class="table"> <table class="table">
<thead class="bg-[#f6f6f6]"> <thead class="bg-[#f6f6f6] text-[14px] font-500 text-[#000]">
<tr> <tr>
<td> STT </td> <td> STT </td>
<td class="w-[85px]"> Mã số </td> <td class="w-[85px]"> Mã số </td>
@@ -106,7 +106,7 @@
</select> </select>
</td> </td>
<td width="160"> <td width="170">
<select onchange="setHiddenValue('js-status', this.value); runFilter()"> <select onchange="setHiddenValue('js-status', this.value); runFilter()">
<option value="">Tình trạng đơn</option> <option value="">Tình trạng đơn</option>
{% for _item in page.order_status_list %} {% for _item in page.order_status_list %}
@@ -115,13 +115,13 @@
</select> </select>
</td> </td>
<td width="160"> <td width="180">
<select onchange="setHiddenValue('assign_to', this.value); runFilter()"> <select onchange="setHiddenValue('assign_to', this.value); runFilter()">
<option value="">Người được giao</option> <option value="">Người được giao</option>
</select> </select>
</td> </td>
<td width=""> Xem </td> <td> Xem </td>
</tr> </tr>
</thead> </thead>
@@ -148,7 +148,7 @@
</td> </td>
<td> <td>
<div class="flex justify-center"> <div class="flex justify-center">
<a href="/admin/order/detail?id=369" class="icons icon-edit" title="Chi tiết"></a> <a href="/admin/order/detail?id=369" class="icons icon-edit mr-[7px]" title="Chi tiết"></a>
<a href="" class="icons icon-delete" title="Xóa"></a> <a href="" class="icons icon-delete" title="Xóa"></a>
</div> </div>
</td> </td>
@@ -176,7 +176,7 @@
</td> </td>
<td> <td>
<div class="flex justify-center"> <div class="flex justify-center">
<a href="/admin/order/detail?id=369" class="icons icon-edit" title="Chi tiết"></a> <a href="/admin/order/detail?id=369" class="icons icon-edit mr-[7px]" title="Chi tiết"></a>
<a href="" class="icons icon-delete" title="Xóa"></a> <a href="" class="icons icon-delete" title="Xóa"></a>
</div> </div>
</td> </td>

13
template/payinstall/category.html
View File

@@ -14,8 +14,8 @@
</div> </div>
</div> </div>
<table class="style-table mt-[15px]"> <table class="table mt-[15px]">
<thead> <thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-500">
<tr> <tr>
<th>Danh mục</th> <th>Danh mục</th>
<th class="w-[190px]">SP</th> <th class="w-[190px]">SP</th>
@@ -32,17 +32,20 @@
<td> <td>
<div class="flex items-center justify-center"> <div class="flex items-center justify-center">
<p>798</p> <p>798</p>
<a href="" class="p-[5px] rounded-[4px] bg-[#0041E8] text-white ml-[5px]">Xem sản phẩm</a> <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> </div>
</td> </td>
<td> <td>
<div class="list-btn flex items-center justify-center"> <div class="list-btn flex items-center justify-center">
<a href="/0-vetp" title="Xem tại web" target="_blank" <a href="/0-vetp" 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]"> 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> <i class="icons icon-view"></i>
</a> </a>
<a href="/0-vetp" title="Xem tại web" target="_blank" <a href="/0-vetp" 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]"> 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> <i class="fa-solid fa-piggy-bank text-[#0041E8]"></i>
</a> </a>
</div> </div>

80
template/payinstall/home.html
View File

@@ -8,8 +8,8 @@
<span class="font-[500]">Thêm công ty</span></a> <span class="font-[500]">Thêm công ty</span></a>
<table class="style-table mt-[20px]"> <table class="table mt-[20px]">
<thead> <thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-500">
<tr> <tr>
<th class="w-[45px]">STT</th> <th class="w-[45px]">STT</th>
<th class="w-[215px]">Công ty</th> <th class="w-[215px]">Công ty</th>
@@ -23,11 +23,11 @@
<p>HD Saigon</p> <p>HD Saigon</p>
<div class='list-btn flex items-center mt-[5px]'> <div class='list-btn flex items-center mt-[5px]'>
<a href="/admin/payinstall/add-company" <a href="/admin/payinstall/add-company"
class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i 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> class='icons icon-edit'></i></a>
<a href="" <a href=""
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i 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> class='icons icon-delete'></i></a>
</div> </div>
</td> </td>
<td> <td>
@@ -41,7 +41,7 @@
<span class="font-[500]">Thêm trả trước</span></a> <span class="font-[500]">Thêm trả trước</span></a>
</div> </div>
<div class="flex items-center"> <div class="flex items-center">
<table class="style-table mt-[15px] w-[85px]"> <table class="table mt-[15px] w-[85px]">
<tbody> <tbody>
<tr> <tr>
<td class="">20%</td> <td class="">20%</td>
@@ -53,17 +53,17 @@
<td> <td>
<div class='list-btn flex items-center mt-[5px]'> <div class='list-btn flex items-center mt-[5px]'>
<a href="" <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='w-[30px] h-[30px] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
class='icons icon-edit'></i></a> class='icons icon-edit'></i></a>
<a href="" <a href=""
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i 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> class='icons icon-delete'></i></a>
</div> </div>
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
<table class="style-table mt-[15px] w-[85px]"> <table class="table mt-[15px] w-[85px]">
<tbody> <tbody>
<tr> <tr>
<td class="">20%</td> <td class="">20%</td>
@@ -75,11 +75,11 @@
<td> <td>
<div class='list-btn flex items-center mt-[5px]'> <div class='list-btn flex items-center mt-[5px]'>
<a href="" <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='w-[30px] h-[30px] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
class='icons icon-edit'></i></a> class='icons icon-edit'></i></a>
<a href="" <a href=""
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i 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> class='icons icon-delete'></i></a>
</div> </div>
</td> </td>
</tr> </tr>
@@ -96,7 +96,7 @@
<span class="font-[500]">Thêm thời gian</span></a> <span class="font-[500]">Thêm thời gian</span></a>
</div> </div>
<div class="flex items-center"> <div class="flex items-center">
<table class="style-table mt-[15px] w-[85px]"> <table class="table mt-[15px] w-[85px]">
<tbody> <tbody>
<tr> <tr>
<td class="">20%</td> <td class="">20%</td>
@@ -108,17 +108,17 @@
<td> <td>
<div class='list-btn flex items-center mt-[5px]'> <div class='list-btn flex items-center mt-[5px]'>
<a href="" <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='w-[30px] h-[30px] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
class='icons icon-edit'></i></a> class='icons icon-edit'></i></a>
<a href="" <a href=""
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i 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> class='icons icon-delete'></i></a>
</div> </div>
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
<table class="style-table mt-[15px] w-[85px]"> <table class="table mt-[15px] w-[85px]">
<tbody> <tbody>
<tr> <tr>
<td class="">20%</td> <td class="">20%</td>
@@ -130,11 +130,11 @@
<td> <td>
<div class='list-btn flex items-center mt-[5px]'> <div class='list-btn flex items-center mt-[5px]'>
<a href="" <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='w-[30px] h-[30px] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
class='icons icon-edit'></i></a> class='icons icon-edit'></i></a>
<a href="" <a href=""
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i 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> class='icons icon-delete'></i></a>
</div> </div>
</td> </td>
</tr> </tr>
@@ -151,11 +151,11 @@
<p>HD Saigon</p> <p>HD Saigon</p>
<div class='list-btn flex items-center mt-[5px]'> <div class='list-btn flex items-center mt-[5px]'>
<a href="/admin/payinstall/add-company" <a href="/admin/payinstall/add-company"
class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i 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> class='icons icon-edit'></i></a>
<a href="" <a href=""
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i 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> class='icons icon-delete'></i></a>
</div> </div>
</td> </td>
<td> <td>
@@ -169,7 +169,7 @@
<span class="font-[500]">Thêm trả trước</span></a> <span class="font-[500]">Thêm trả trước</span></a>
</div> </div>
<div class="flex items-center"> <div class="flex items-center">
<table class="style-table mt-[15px] w-[85px]"> <table class="table mt-[15px] w-[85px]">
<tbody> <tbody>
<tr> <tr>
<td class="">20%</td> <td class="">20%</td>
@@ -181,17 +181,17 @@
<td> <td>
<div class='list-btn flex items-center mt-[5px]'> <div class='list-btn flex items-center mt-[5px]'>
<a href="" <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='w-[30px] h-[30px] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
class='icons icon-edit'></i></a> class='icons icon-edit'></i></a>
<a href="" <a href=""
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i 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> class='icons icon-delete'></i></a>
</div> </div>
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
<table class="style-table mt-[15px] w-[85px]"> <table class="table mt-[15px] w-[85px]">
<tbody> <tbody>
<tr> <tr>
<td class="">20%</td> <td class="">20%</td>
@@ -203,11 +203,11 @@
<td> <td>
<div class=' list-btn flex items-center mt-[5px]'> <div class=' list-btn flex items-center mt-[5px]'>
<a href="" <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='w-[30px] h-[30px] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
class='icons icon-edit'></i></a> class='icons icon-edit'></i></a>
<a href="" <a href=""
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i 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> class='icons icon-delete'></i></a>
</div> </div>
</td> </td>
</tr> </tr>
@@ -224,7 +224,7 @@
<span class="font-[500]">Thêm thời gian</span></a> <span class="font-[500]">Thêm thời gian</span></a>
</div> </div>
<div class="flex items-center"> <div class="flex items-center">
<table class="style-table mt-[15px] w-[85px]"> <table class="table mt-[15px] w-[85px]">
<tbody> <tbody>
<tr> <tr>
<td class="">20%</td> <td class="">20%</td>
@@ -236,17 +236,17 @@
<td> <td>
<div class='list-btn flex items-center mt-[5px]'> <div class='list-btn flex items-center mt-[5px]'>
<a href="" <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='w-[30px] h-[30px] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
class='icons icon-edit'></i></a> class='icons icon-edit'></i></a>
<a href="" <a href=""
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i 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> class='icons icon-delete'></i></a>
</div> </div>
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
<table class="style-table mt-[15px] w-[85px]"> <table class="table mt-[15px] w-[85px]">
<tbody> <tbody>
<tr> <tr>
<td class="">20%</td> <td class="">20%</td>
@@ -258,11 +258,11 @@
<td> <td>
<div class=' list-btn flex items-center mt-[5px]'> <div class=' list-btn flex items-center mt-[5px]'>
<a href="" <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='w-[30px] h-[30px] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
class='icons icon-edit'></i></a> class='icons icon-edit'></i></a>
<a href="" <a href=""
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i 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> class='icons icon-delete'></i></a>
</div> </div>
</td> </td>
</tr> </tr>

12
template/payinstall/order.html
View File

@@ -10,10 +10,10 @@
<button type="submit" class="px-[8px] py-[6px] rounded-[4px] text-white bg-[#0041E8]">Tìm kiếm</button> <button type="submit" class="px-[8px] py-[6px] rounded-[4px] text-white bg-[#0041E8]">Tìm kiếm</button>
</form> </form>
<p>Tổng số: 16</p> <p class="mt-[10px]">Tổng số: 16</p>
<table class="style-table mt-[15px]"> <table class="table mt-[15px]">
<thead> <thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-500">
<tr> <tr>
<th>STT</th> <th>STT</th>
<th class="w-[135px]">Mã đơn</th> <th class="w-[135px]">Mã đơn</th>
@@ -63,13 +63,13 @@
</td> </td>
<td>05-03-2024, 12:58 am</td> <td>05-03-2024, 12:58 am</td>
<td> <td>
<div class='list-btn flex items-center justify-center'> <div class='list-btn flex items-center justify-center p-[5px_0]'>
<a href="/admin/payinstall/order_detail" <a href="/admin/payinstall/order_detail"
class="mr-[5px] bg-[#0041E8] text-white px-[10px] py-[5px] rounded-[4px]">Chi class="btn w-[100px] h-[33px] min-h-[33px] mr-[5px] bg-[#0041E8] text-white px-[10px] py-[5px] rounded-[4px]">Chi
tiết</a> tiết</a>
<a href="" <a href=""
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i 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> class='icons icon-delete'></i></a>
</div> </div>
</td> </td>
</tr> </tr>

4
template/pcbuilder/home.html
View File

@@ -5,8 +5,8 @@
<a href="/admin/pcbuilder/config-edit" <a href="/admin/pcbuilder/config-edit"
class="p-[5px] border-[1px] border-[#79B0E2] text-[#79B0E2] rounded-[4px]">Chỉnh sửa linh kiện</a> class="p-[5px] border-[1px] border-[#79B0E2] text-[#79B0E2] rounded-[4px]">Chỉnh sửa linh kiện</a>
<table class="style-table mt-[15px]"> <table class="table mt-[15px]">
<thead> <thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-500">
<tr> <tr>
<th class="w-[50px]">STT</th> <th class="w-[50px]">STT</th>
<th>ID danh mục</th> <th>ID danh mục</th>

14
template/report/customer.html
View File

@@ -78,8 +78,8 @@
<i class="fa-regular fa-file-excel"></i></a> <i class="fa-regular fa-file-excel"></i></a>
</div> </div>
<table class="style-table mt-[15px]"> <table class="table mt-[15px]">
<thead> <thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-500">
<tr> <tr>
<th class="w-[50px]">STT</th> <th class="w-[50px]">STT</th>
<th>Ngày</th> <th>Ngày</th>
@@ -88,27 +88,27 @@
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<td>1</td> <td class="text-center">1</td>
<td>05-12-2021</td> <td>05-12-2021</td>
<td>235</td> <td>235</td>
</tr> </tr>
<tr> <tr>
<td>1</td> <td class="text-center">1</td>
<td>05-12-2021</td> <td>05-12-2021</td>
<td>235</td> <td>235</td>
</tr> </tr>
<tr> <tr>
<td>1</td> <td class="text-center">1</td>
<td>05-12-2021</td> <td>05-12-2021</td>
<td>235</td> <td>235</td>
</tr> </tr>
<tr> <tr>
<td>1</td> <td class="text-center">1</td>
<td>05-12-2021</td> <td>05-12-2021</td>
<td>235</td> <td>235</td>
</tr> </tr>
<tr> <tr>
<td>1</td> <td class="text-center">1</td>
<td>05-12-2021</td> <td>05-12-2021</td>
<td>235</td> <td>235</td>
</tr> </tr>

12
template/report/order.html
View File

@@ -78,8 +78,8 @@
<i class="fa-regular fa-file-excel"></i></a> <i class="fa-regular fa-file-excel"></i></a>
</div> </div>
<table class="style-table mt-[15px]"> <table class="table mt-[15px]">
<thead> <thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-500">
<tr> <tr>
<th class="w-[50px]">STT</th> <th class="w-[50px]">STT</th>
<th>Ngày</th> <th>Ngày</th>
@@ -89,7 +89,7 @@
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<td>1</td> <td class="text-center">1</td>
<td>05-12-2021</td> <td>05-12-2021</td>
<td>235</td> <td>235</td>
<td> <td>
@@ -97,7 +97,7 @@
</td> </td>
</tr> </tr>
<tr> <tr>
<td>1</td> <td class="text-center">1</td>
<td>05-12-2021</td> <td>05-12-2021</td>
<td>235</td> <td>235</td>
<td> <td>
@@ -105,7 +105,7 @@
</td> </td>
</tr> </tr>
<tr> <tr>
<td>1</td> <td class="text-center">1</td>
<td>05-12-2021</td> <td>05-12-2021</td>
<td>235</td> <td>235</td>
<td> <td>
@@ -113,7 +113,7 @@
</td> </td>
</tr> </tr>
<tr> <tr>
<td>1</td> <td class="text-center">1</td>
<td>05-12-2021</td> <td>05-12-2021</td>
<td>235</td> <td>235</td>
<td> <td>

12
template/report/product_buy.html
View File

@@ -50,8 +50,8 @@
class="block w-[30px] h-[30px] leading-[30px] border-[1px] border-[#ECECEC] text-center bg-[#F9F9F9] text-[#9E9E9E] rounded-[4px]"> class="block w-[30px] h-[30px] leading-[30px] border-[1px] border-[#ECECEC] text-center bg-[#F9F9F9] text-[#9E9E9E] rounded-[4px]">
<i class="fa-regular fa-file-excel"></i></a> <i class="fa-regular fa-file-excel"></i></a>
</div> </div>
<table class="style-table mt-[15px]"> <table class="table mt-[15px]">
<thead> <thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-500">
<tr> <tr>
<th class="w-[50px]">STT</th> <th class="w-[50px]">STT</th>
<th>Mã số</th> <th>Mã số</th>
@@ -61,7 +61,7 @@
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<td>1</td> <td class="text-center">1</td>
<td>#2081</td> <td>#2081</td>
<td> <td>
<a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a> <a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
@@ -69,7 +69,7 @@
<td>223</td> <td>223</td>
</tr> </tr>
<tr> <tr>
<td>1</td> <td class="text-center">1</td>
<td>#2081</td> <td>#2081</td>
<td> <td>
<a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a> <a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
@@ -77,7 +77,7 @@
<td>223</td> <td>223</td>
</tr> </tr>
<tr> <tr>
<td>1</td> <td class="text-center">1</td>
<td>#2081</td> <td>#2081</td>
<td> <td>
<a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a> <a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
@@ -85,7 +85,7 @@
<td>223</td> <td>223</td>
</tr> </tr>
<tr> <tr>
<td>1</td> <td class="text-center">1</td>
<td>#2081</td> <td>#2081</td>
<td> <td>
<a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a> <a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>

12
template/report/product_visit.html
View File

@@ -50,8 +50,8 @@
class="block w-[30px] h-[30px] leading-[30px] border-[1px] border-[#ECECEC] text-center bg-[#F9F9F9] text-[#9E9E9E] rounded-[4px]"> class="block w-[30px] h-[30px] leading-[30px] border-[1px] border-[#ECECEC] text-center bg-[#F9F9F9] text-[#9E9E9E] rounded-[4px]">
<i class="fa-regular fa-file-excel"></i></a> <i class="fa-regular fa-file-excel"></i></a>
</div> </div>
<table class="style-table mt-[15px]"> <table class="table mt-[15px]">
<thead> <thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-500">
<tr> <tr>
<th class="w-[50px]">STT</th> <th class="w-[50px]">STT</th>
<th>Mã số</th> <th>Mã số</th>
@@ -61,7 +61,7 @@
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<td>1</td> <td class="text-center">1</td>
<td>#2081</td> <td>#2081</td>
<td> <td>
<a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a> <a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
@@ -69,7 +69,7 @@
<td>223</td> <td>223</td>
</tr> </tr>
<tr> <tr>
<td>1</td> <td class="text-center">1</td>
<td>#2081</td> <td>#2081</td>
<td> <td>
<a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a> <a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
@@ -77,7 +77,7 @@
<td>223</td> <td>223</td>
</tr> </tr>
<tr> <tr>
<td>1</td> <td class="text-center">1</td>
<td>#2081</td> <td>#2081</td>
<td> <td>
<a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a> <a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
@@ -85,7 +85,7 @@
<td>223</td> <td>223</td>
</tr> </tr>
<tr> <tr>
<td>1</td> <td class="text-center">1</td>
<td>#2081</td> <td>#2081</td>
<td> <td>
<a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a> <a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>

10
template/report/referer.html
View File

@@ -57,8 +57,8 @@
class="block w-[30px] h-[30px] leading-[30px] border-[1px] border-[#ECECEC] text-center bg-[#F9F9F9] text-[#9E9E9E] rounded-[4px]"> class="block w-[30px] h-[30px] leading-[30px] border-[1px] border-[#ECECEC] text-center bg-[#F9F9F9] text-[#9E9E9E] rounded-[4px]">
<i class="fa-regular fa-file-excel"></i></a> <i class="fa-regular fa-file-excel"></i></a>
</div> </div>
<table class="style-table mt-[15px]"> <table class="table mt-[15px]">
<thead> <thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-500">
<tr> <tr>
<td class="w-[50px]">STT</td> <td class="w-[50px]">STT</td>
<td>Nguồn</td> <td>Nguồn</td>
@@ -67,21 +67,21 @@
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<td>1</td> <td class="text-center">1</td>
<td> <td>
<a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a> <a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
</td> </td>
<td>278</td> <td>278</td>
</tr> </tr>
<tr> <tr>
<td>1</td> <td class="text-center">1</td>
<td> <td>
<a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a> <a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
</td> </td>
<td>278</td> <td>278</td>
</tr> </tr>
<tr> <tr>
<td>1</td> <td class="text-center">1</td>
<td> <td>
<a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a> <a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
</td> </td>

10
template/report/search.html
View File

@@ -57,8 +57,8 @@
class="block w-[30px] h-[30px] leading-[30px] border-[1px] border-[#ECECEC] text-center bg-[#F9F9F9] text-[#9E9E9E] rounded-[4px]"> class="block w-[30px] h-[30px] leading-[30px] border-[1px] border-[#ECECEC] text-center bg-[#F9F9F9] text-[#9E9E9E] rounded-[4px]">
<i class="fa-regular fa-file-excel"></i></a> <i class="fa-regular fa-file-excel"></i></a>
</div> </div>
<table class="style-table mt-[15px]"> <table class="table mt-[15px]">
<thead> <thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-500">
<tr> <tr>
<td class="w-[50px]">STT</td> <td class="w-[50px]">STT</td>
<td>Nguồn</td> <td>Nguồn</td>
@@ -67,21 +67,21 @@
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<td>1</td> <td class="text-center">1</td>
<td> <td>
<a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a> <a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
</td> </td>
<td>278</td> <td>278</td>
</tr> </tr>
<tr> <tr>
<td>1</td> <td class="text-center">1</td>
<td> <td>
<a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a> <a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
</td> </td>
<td>278</td> <td>278</td>
</tr> </tr>
<tr> <tr>
<td>1</td> <td class="text-center">1</td>
<td> <td>
<a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a> <a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
</td> </td>

30
template/report/visitor.html
View File

@@ -78,37 +78,37 @@
<i class="fa-regular fa-file-excel"></i></a> <i class="fa-regular fa-file-excel"></i></a>
</div> </div>
<table class="style-table mt-[15px]"> <table class="table mt-[15px]">
<thead> <thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-500">
<tr> <tr>
<th class="w-[50px]">STT</th> <th class="w-[50px] text-center">STT</th>
<th>Ngày</th> <th>Ngày</th>
<th>Số truy cập</th> <th>Số truy cập</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<td>1</td> <td class="text-center">1</td>
<td>05-12-2021</td> <td>05-12-2021</td>
<td>235</td> <td>235</td>
</tr> </tr>
<tr> <tr>
<td>1</td> <td class="text-center">1</td>
<td>05-12-2021</td> <td>05-12-2021</td>
<td>235</td> <td>235</td>
</tr> </tr>
<tr> <tr>
<td>1</td> <td class="text-center">1</td>
<td>05-12-2021</td> <td>05-12-2021</td>
<td>235</td> <td>235</td>
</tr> </tr>
<tr> <tr>
<td>1</td> <td class="text-center">1</td>
<td>05-12-2021</td> <td>05-12-2021</td>
<td>235</td> <td>235</td>
</tr> </tr>
<tr> <tr>
<td>1</td> <td class="text-center">1</td>
<td>05-12-2021</td> <td>05-12-2021</td>
<td>235</td> <td>235</td>
</tr> </tr>
@@ -127,8 +127,8 @@
<i class="fa-regular fa-file-excel"></i></a> <i class="fa-regular fa-file-excel"></i></a>
</div> </div>
<table class="style-table mt-[15px]"> <table class="table mt-[15px]">
<thead> <thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-500">
<tr> <tr>
<th class="w-[50px]">STT</th> <th class="w-[50px]">STT</th>
<th>Ngày</th> <th>Ngày</th>
@@ -137,27 +137,27 @@
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<td>1</td> <td class="text-center">1</td>
<td>05-12-2021</td> <td>05-12-2021</td>
<td>235</td> <td>235</td>
</tr> </tr>
<tr> <tr>
<td>1</td> <td class="text-center">1</td>
<td>05-12-2021</td> <td>05-12-2021</td>
<td>235</td> <td>235</td>
</tr> </tr>
<tr> <tr>
<td>1</td> <td class="text-center">1</td>
<td>05-12-2021</td> <td>05-12-2021</td>
<td>235</td> <td>235</td>
</tr> </tr>
<tr> <tr>
<td>1</td> <td class="text-center">1</td>
<td>05-12-2021</td> <td>05-12-2021</td>
<td>235</td> <td>235</td>
</tr> </tr>
<tr> <tr>
<td>1</td> <td class="text-center">1</td>
<td>05-12-2021</td> <td>05-12-2021</td>
<td>235</td> <td>235</td>
</tr> </tr>

17
template/system/form_store_design/other.html
View File

@@ -1,6 +1,9 @@
<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"> <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">
<i class="block text-[#E00000] leading-[20px] mb-[20px]"> <i class="block text-[#E00000] leading-[20px] mb-[20px]">
<b>Cảnh báo:</b> Vì các cài đặt sau sẽ được sử dụng ở biến global. Nên hệ thống sẽ cho phép tạo tối đa 20 giá trị và giới hạn số ký tự không quá 500 mỗi giá trị để đảm bảo website hoạt động tốt. Do vậy chỉ cài đặt các nội dung thật sự sẽ được hiển thị ở tất cả các nơi (v.d. Header/Footer). <b>Cảnh báo:</b> Vì các cài đặt sau sẽ được sử dụng ở biến global. Nên hệ thống sẽ cho phép tạo tối đa 20 giá
trị và giới hạn số ký tự không quá 500 mỗi giá trị để đảm bảo website hoạt động tốt. Do vậy chỉ cài đặt các nội
dung thật sự sẽ được hiển thị ở tất cả các nơi (v.d. Header/Footer).
</i> </i>
<div class="order-page-table"> <div class="order-page-table">
@@ -24,7 +27,9 @@
<textarea class="block border border-[#D8D8D8] w-[100%] p-[8px]">0000000000</textarea> <textarea class="block border border-[#D8D8D8] w-[100%] p-[8px]">0000000000</textarea>
</td> </td>
<td align="center"> <td align="center">
<a href="" class="block border border-[#0041E8] text-[#0041E8] bg-[#F5F7FF] mb-[5px] rounded-[4px] leading-[32px] hover:bg-[#0041E8] hover:text-[#fff]">Cập nhật</a> <a href=""
class="block border border-[#0041E8] text-[#0041E8] bg-[#F5F7FF] mb-[5px] rounded-[4px] leading-[32px] hover:bg-[#0041E8] hover:text-[#fff]">Cập
nhật</a>
<a href="javascript:void(0)" class="icons icon-delete" title="Xóa"></a> <a href="javascript:void(0)" class="icons icon-delete" title="Xóa"></a>
</td> </td>
</tr> </tr>
@@ -33,8 +38,10 @@
</table> </table>
<div class="text-center mt-[15px]"> <div class="text-center mt-[15px]">
<a href="javascript:add_form_setting()" class="inline-flex items-center"> <a href="javascript:add_form_setting()"
<span class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10px] text-center rounded-[50%] mr-1">+</span> class="inline-flex items-center bg-[#F5F7FF] text-[#0041E8] p-[5px_10px] rounded-[4px] hover:bg-[#0041E8] hover:text-[#fff]">
<span
class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10px] text-center rounded-[50%] mr-1 ">+</span>
<span> Thêm quản trị biến nội dung </span> <span> Thêm quản trị biến nội dung </span>
</a> </a>
</div> </div>

8
template/system/province_list.html
View File

@@ -20,8 +20,8 @@
<div class="w-[852px]"> <div class="w-[852px]">
<div class="p-[15px] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A]"> <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> <b class="block text-[20px] mb-[10px]">Danh sách các tỉnh</b>
<table class="style-table"> <table class="table">
<thead> <thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-500">
<tr> <tr>
<th class="w-[50px]">STT</th> <th class="w-[50px]">STT</th>
<th>SystemID</th> <th>SystemID</th>
@@ -46,7 +46,7 @@
<div class="flex items-center justify-center"> <div class="flex items-center justify-center">
<p>1</p> <p>1</p>
<a href="" <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='w-[30px] h-[30px] rounded-[4px] text-center leading-[30px] flex items-center justify-center ml-[7px]'><i
class='icons icon-edit'></i></a> class='icons icon-edit'></i></a>
</div> </div>
</td> </td>
@@ -66,7 +66,7 @@
<div class="flex items-center justify-center"> <div class="flex items-center justify-center">
<p>1</p> <p>1</p>
<a href="" <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='w-[30px] h-[30px] rounded-[4px] text-center leading-[30px] flex items-center justify-center ml-[7px]'><i
class='icons icon-edit'></i></a> class='icons icon-edit'></i></a>
</div> </div>
</td> </td>

38
template/system/settings.html
View File

@@ -3,8 +3,8 @@
<h1 class="text-[24px] font-[700] mb-[15px]">Tổng hợp các cài đặt cho website</h1> <h1 class="text-[24px] font-[700] mb-[15px]">Tổng hợp các cài đặt cho website</h1>
<div class="mb-[30px]"> <div class="mb-[30px]">
<b class="block mb-[10px]">Cài đặt hiển thị ngoài giao diện:</b> <b class="block mb-[10px]">Cài đặt hiển thị ngoài giao diện:</b>
<table class="style-table mt-[15px]"> <table class="table mt-[15px]">
<thead> <thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-500">
<tr> <tr>
<th class="w-[50px]">STT</th> <th class="w-[50px]">STT</th>
<th>Nội dung</th> <th>Nội dung</th>
@@ -13,7 +13,7 @@
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<td>1</td> <td class="text-center">1</td>
<td>Header (logo, banner top)</td> <td>Header (logo, banner top)</td>
<td> <td>
<a href="/admin/system/store-design" <a href="/admin/system/store-design"
@@ -22,7 +22,7 @@
</td> </td>
</tr> </tr>
<tr> <tr>
<td>2</td> <td class="text-center">2</td>
<td>Banner popup</td> <td>Banner popup</td>
<td> <td>
<a href="/admin/system/store-design/section=popup" <a href="/admin/system/store-design/section=popup"
@@ -31,7 +31,7 @@
</td> </td>
</tr> </tr>
<tr> <tr>
<td>3</td> <td class="text-center">3</td>
<td>Ảnh/màu nền website</td> <td>Ảnh/màu nền website</td>
<td> <td>
<a href="/admin/system/store-design/section=background" <a href="/admin/system/store-design/section=background"
@@ -40,7 +40,7 @@
</td> </td>
</tr> </tr>
<tr> <tr>
<td>4</td> <td class="text-center">4</td>
<td>Thông tin cài đặt tùy biến khác</td> <td>Thông tin cài đặt tùy biến khác</td>
<td> <td>
<a href="/admin/system/store-design/section=other" <a href="/admin/system/store-design/section=other"
@@ -53,8 +53,8 @@
</div> </div>
<div class="mb-[15px]"> <div class="mb-[15px]">
<b class="block mb-[10px]">Cài đặt dùng cho hệ thống:</b> <b class="block mb-[10px]">Cài đặt dùng cho hệ thống:</b>
<table class="style-table mt-[15px]"> <table class="table mt-[15px]">
<thead> <thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-500">
<tr> <tr>
<th class="w-[50px]">STT</th> <th class="w-[50px]">STT</th>
<th>Nội dung</th> <th>Nội dung</th>
@@ -63,7 +63,7 @@
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<td>1</td> <td class="text-center">1</td>
<td>Cài đặt hiển thị</td> <td>Cài đặt hiển thị</td>
<td> <td>
<a href="/admin/system/setup" <a href="/admin/system/setup"
@@ -72,7 +72,7 @@
</td> </td>
</tr> </tr>
<tr> <tr>
<td>2</td> <td class="text-center">2</td>
<td>Chi nhánh cửa hàng</td> <td>Chi nhánh cửa hàng</td>
<td> <td>
<a href="/admin/system/store-address" <a href="/admin/system/store-address"
@@ -81,7 +81,7 @@
</td> </td>
</tr> </tr>
<tr> <tr>
<td>3</td> <td class="text-center">3</td>
<td>Chặn IP xấu truy cập website</td> <td>Chặn IP xấu truy cập website</td>
<td> <td>
<a href="/admin/system/ban-ip" <a href="/admin/system/ban-ip"
@@ -90,7 +90,7 @@
</td> </td>
</tr> </tr>
<tr> <tr>
<td>4</td> <td class="text-center">4</td>
<td>Email bán hàng/CSKH</td> <td>Email bán hàng/CSKH</td>
<td> <td>
<a href="/admin/system/email" <a href="/admin/system/email"
@@ -99,7 +99,7 @@
</td> </td>
</tr> </tr>
<tr> <tr>
<td>5</td> <td class="text-center">5</td>
<td>Print/ Xuất Excel</td> <td>Print/ Xuất Excel</td>
<td> <td>
<a href="/admin/system/print" <a href="/admin/system/print"
@@ -108,7 +108,7 @@
</td> </td>
</tr> </tr>
<tr> <tr>
<td>6</td> <td class="text-center">6</td>
<td>Meta SEO trang chủ</td> <td>Meta SEO trang chủ</td>
<td> <td>
<a href="/admin/system/change-info" <a href="/admin/system/change-info"
@@ -117,7 +117,7 @@
</td> </td>
</tr> </tr>
<tr> <tr>
<td>7</td> <td class="text-center">7</td>
<td>Thông tin giới thiệu cửa hàng</td> <td>Thông tin giới thiệu cửa hàng</td>
<td> <td>
<a href="/admin/system/change-info" <a href="/admin/system/change-info"
@@ -126,7 +126,7 @@
</td> </td>
</tr> </tr>
<tr> <tr>
<td>8</td> <td class="text-center">8</td>
<td>Thông tin các tỉnh/thành/quận-huyện</td> <td>Thông tin các tỉnh/thành/quận-huyện</td>
<td> <td>
<a href="/admin/system/province-list" <a href="/admin/system/province-list"
@@ -135,7 +135,7 @@
</td> </td>
</tr> </tr>
<tr> <tr>
<td>9</td> <td class="text-center">9</td>
<td>Các phương thức thanh toán</td> <td>Các phương thức thanh toán</td>
<td> <td>
<a href="/admin/system/pay-method" <a href="/admin/system/pay-method"
@@ -144,7 +144,7 @@
</td> </td>
</tr> </tr>
<tr> <tr>
<td>10</td> <td class="text-center">10</td>
<td>Các phương thức vận chuyển</td> <td>Các phương thức vận chuyển</td>
<td> <td>
<a href="/admin/system/ship-method" <a href="/admin/system/ship-method"
@@ -153,7 +153,7 @@
</td> </td>
</tr> </tr>
<tr> <tr>
<td>11</td> <td class="text-center">11</td>
<td>Cài đặt phí vận chuyển</td> <td>Cài đặt phí vận chuyển</td>
<td> <td>
<a href="/admin/shipping2" <a href="/admin/shipping2"

25
template/system/store_address.html
View File

@@ -64,12 +64,11 @@
<div class="flex items-center"> <div class="flex items-center">
<b class="w-[200px]">Đây là 1 cửa hàng ?</b> <b class="w-[200px]">Đây là 1 cửa hàng ?</b>
<div class="check-form flex items-center"> <label class="check-form flex items-center cursor-pointer">
<input type="checkbox" name="" value="1" checked <input type="checkbox" name="" value="1" checked class="checkbox checkbox-success">
class="checked:bg-[#0041E8] w-[18px] h-[18px] rounded-[4px]"> <span class="ml-[10px] text-[#6B7280] label-text">Đây là 1 cửa hàng khách có thể tới
<span class="ml-[10px] text-[#6B7280]">Đây là 1 cửa hàng khách có thể tới
</span> </span>
</div> </label>
</div> </div>
<input type="submit" value="Cập nhật" <input type="submit" value="Cập nhật"
@@ -80,8 +79,8 @@
<div <div
class="p-[15px] mb-[15px] bg-white border-t-[6px] border-[#FAFAFB] rounded-[0_0_15px_15px] shadow-[0px_1px_1px_0px_#0000001A]"> class="p-[15px] mb-[15px] bg-white border-t-[6px] border-[#FAFAFB] rounded-[0_0_15px_15px] shadow-[0px_1px_1px_0px_#0000001A]">
<b class="block text-[20px] mb-[10px]">Danh sách địa chỉ cửa hàng</b> <b class="block text-[20px] mb-[10px]">Danh sách địa chỉ cửa hàng</b>
<table class="style-table mb-[15px]"> <table class="table mb-[15px]">
<thead> <thead class="bg-[#f6f6f6] text-[14px] font-[500] text-[#000]">
<tr> <tr>
<th class="w-[50px]">STT</th> <th class="w-[50px]">STT</th>
<th class="w-[135px]">Tên gọi</th> <th class="w-[135px]">Tên gọi</th>
@@ -103,14 +102,14 @@
<td> <td>
<div class='list-btn flex items-center'> <div class='list-btn flex items-center'>
<a href="" <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='w-[30px] h-[30px] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
class='icons icon-edit'></i></a> class='icons icon-edit'></i></a>
<a href="" <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='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> class="fa-regular fa-eye-slash text-[#9E9E9E]"></i></a>
<a href="" <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='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> class='icons icon-delete'></i></a>
</div> </div>
</td> </td>
</tr> </tr>
@@ -124,14 +123,14 @@
<td> <td>
<div class='list-btn flex items-center'> <div class='list-btn flex items-center'>
<a href="" <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='w-[30px] h-[30px] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
class='icons icon-edit'></i></a> class='icons icon-edit'></i></a>
<a href="" <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='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> class="fa-regular fa-eye-slash text-[#9E9E9E]"></i></a>
<a href="" <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='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> class='icons icon-delete'></i></a>
</div> </div>
</td> </td>
</tr> </tr>

14
template/template/home.html
View File

@@ -9,8 +9,8 @@
<span>Thêm mẫu giao diện mới</span> <span>Thêm mẫu giao diện mới</span>
</a> </a>
<table class="mt-[15px] style-table"> <table class="mt-[15px] table">
<thead> <thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-500">
<tr> <tr>
<th class="w-[65px]">STT</th> <th class="w-[65px]">STT</th>
<th>Thư mục</th> <th>Thư mục</th>
@@ -41,7 +41,7 @@
</td> </td>
<td class="align-text-top"> <td class="align-text-top">
<a href="/admin/template/edit-template/default" <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 class="btn w-[130px] h-[34px] min-h-[34px] block m-auto leading-[30px] bg-[#0041E8] block text-center text-white rounded-[4px]">Sửa
giao diện</a> giao diện</a>
</td> </td>
<td class="align-text-top"> <td class="align-text-top">
@@ -55,12 +55,12 @@
<td class="align-text-top"> <td class="align-text-top">
<div class="list-btn flex items-center justify-center"> <div class="list-btn flex items-center justify-center">
<a href="/admin/template/upload-set" title="Form sản phẩm" <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]"> class="w-[30px] h-[30px] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
<i class="icons icon-edit"></i> <i class="icons icon-edit"></i>
</a> </a>
<a href="/moi-100-dell-gaming-g16-7620-intel-core-i7-12700h-16gb-1tb-rtx-3060-6gb-16-qhd-165hz-ips" <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" 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]"> 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> <i class="icons icon-view"></i>
</a> </a>
<a href="" <a href=""
@@ -68,8 +68,8 @@
<i class="fa-regular fa-eye text-[#0041E8]"></i> <i class="fa-regular fa-eye text-[#0041E8]"></i>
</a> </a>
<a href="" <a href=""
class="w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]"> 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> <i class="icons icon-delete"></i>
</a> </a>
</div> </div>
</td> </td>

2
template/theme.html
View File

@@ -304,11 +304,9 @@
</div> </div>
<script src="{{ 'jquery.js' | asset_url }}"></script> <script src="{{ 'jquery.js' | asset_url }}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.3.0/datepicker.min.js"></script>
<script src="{{ 'global.js' | asset_url }}"></script> <script src="{{ 'global.js' | asset_url }}"></script>
{% include javascript/index %} {% include javascript/index %}
</body> </body>

12
template/tool/home.html
View File

@@ -7,8 +7,8 @@
trị viên được sử dụng để tránh dữ liệu bị xóa trị viên được sử dụng để tránh dữ liệu bị xóa
</p> </p>
<table class="style-table"> <table class="table">
<thead> <thead class="bg-[#f6f6f6] text-[14px] font-[500] text-[#000]">
<tr> <tr>
<th class="w-[40px]">STT</th> <th class="w-[40px]">STT</th>
<th>Công cụ</th> <th>Công cụ</th>
@@ -24,7 +24,7 @@
</td> </td>
<td> <td>
<a href="/admin/tool/batch-product" <a href="/admin/tool/batch-product"
class="px-[30px] py-[8px] bg-[#0041E8] text-white rounded-[4px]">Sử class="btn w-[115px] h-[34px] min-h-[34px] px-[30px] py-[8px] bg-[#0041E8] text-white rounded-[4px]">Sử
dụng</a> dụng</a>
</td> </td>
</tr> </tr>
@@ -36,7 +36,7 @@
</td> </td>
<td> <td>
<a href="/admin/tool/move-product" <a href="/admin/tool/move-product"
class="px-[30px] py-[8px] bg-[#0041E8] text-white rounded-[4px]">Sử class="btn w-[115px] h-[34px] min-h-[34px] px-[30px] py-[8px] bg-[#0041E8] text-white rounded-[4px]">Sử
dụng</a> dụng</a>
</td> </td>
</tr> </tr>
@@ -48,7 +48,7 @@
</td> </td>
<td> <td>
<a href="/admin/tool/category-product-no-attribute" <a href="/admin/tool/category-product-no-attribute"
class="px-[30px] py-[8px] bg-[#0041E8] text-white rounded-[4px]">Sử class="btn w-[115px] h-[34px] min-h-[34px] px-[30px] py-[8px] bg-[#0041E8] text-white rounded-[4px]">Sử
dụng</a> dụng</a>
</td> </td>
</tr> </tr>
@@ -60,7 +60,7 @@
</td> </td>
<td> <td>
<a href="/admin/tool/check-product-sku" <a href="/admin/tool/check-product-sku"
class="px-[30px] py-[8px] bg-[#0041E8] text-white rounded-[4px]">Sử class="btn w-[115px] h-[34px] min-h-[34px] px-[30px] py-[8px] bg-[#0041E8] text-white rounded-[4px]">Sử
dụng</a> dụng</a>
</td> </td>
</tr> </tr>

12
template/url/redirect.html
View File

@@ -24,8 +24,8 @@
</a> </a>
</div> </div>
<table class="style-table mt-[15px]"> <table class="table mt-[15px]">
<thead> <thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-500">
<tr> <tr>
<th class="w-[40px]">STT</th> <th class="w-[40px]">STT</th>
<th>Link truy cập</th> <th>Link truy cập</th>
@@ -51,16 +51,16 @@
<td> <td>
<div class="list-btn flex items-center justify-center"> <div class="list-btn flex items-center justify-center">
<a href="" title="Form sản phẩm" <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]"> class="w-[32px] h-[32px] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
<i class="icons icon-edit"></i> <i class="icons icon-edit"></i>
</a> </a>
<a href="" title="Xem tại web" target="_blank" <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]"> 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> <i class="icons icon-view"></i>
</a> </a>
<a href="" <a href=""
class="w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]"> 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> <i class="icons icon-delete"></i>
</a> </a>
</div> </div>
</td> </td>