Compare commits
4 Commits
cf98ec94a0
...
5dcb6686c2
| Author | SHA1 | Date | |
|---|---|---|---|
| 5dcb6686c2 | |||
| 7feffb1783 | |||
| 6f9cfba530 | |||
| 70d0602388 |
@@ -4,6 +4,8 @@
|
||||
|
||||
<p>Repo: <a href="https://repo.hurasoft.com/tieptk/admin_hura_8" target="_blank">https://repo.hurasoft.com/tieptk/admin_hura_8</a></p>
|
||||
|
||||
<p>Theo dõi tiến độ: <a href="https://docs.google.com/spreadsheets/d/1Po3ANsG00pm_Y3dnrwuV81cidTCCqepYmR3yPDlIq6c/edit#gid=0" target="_blank">https://docs.google.com/spreadsheets/d/1Po3ANsG00pm_Y3dnrwuV81cidTCCqepYmR3yPDlIq6c/edit#gid=0</a></p>
|
||||
|
||||
<h2>Cài đặt hệ thống</h2>
|
||||
|
||||
<p>Test và làm việc chính tại web: <a href="http://local.hura8_admin/"> http://local.hura8_admin/</a> </p>
|
||||
|
||||
@@ -791,7 +791,7 @@ input[type=radio]:focus:before {
|
||||
padding: 8px;
|
||||
}
|
||||
.order-page-table tr:hover {
|
||||
background: #F5F7FF;
|
||||
background: #f5f7ff;
|
||||
}
|
||||
.order-page-table td {
|
||||
padding: 10px;
|
||||
@@ -824,15 +824,6 @@ input[type=radio]:focus:before {
|
||||
background-position: -145px -82px;
|
||||
}
|
||||
|
||||
.td-top td {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.td-border-0 td {
|
||||
border: 0;
|
||||
padding: 3px 0;
|
||||
}
|
||||
|
||||
.order-detail-page .icon-edit {
|
||||
border: transparent;
|
||||
background-color: transparent;
|
||||
@@ -924,4 +915,37 @@ input[type=radio]:focus:before {
|
||||
line-height: 20px;
|
||||
display: block;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.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 {
|
||||
padding: 7px 5px;
|
||||
background: #f6f6f6;
|
||||
border: 1px solid #ececec;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.list-info-reply td {
|
||||
padding: 7px 6px;
|
||||
border: 1px solid #ececec;
|
||||
}/*# sourceMappingURL=pc_style.css.map */
|
||||
File diff suppressed because one or more lines are too long
@@ -32,7 +32,7 @@ input::-webkit-inner-spin-button {
|
||||
input[type="number"] {
|
||||
-moz-appearance: textfield;
|
||||
}
|
||||
input[type='date']::-webkit-calendar-picker-indicator {
|
||||
input[type="date"]::-webkit-calendar-picker-indicator {
|
||||
background: transparent;
|
||||
bottom: 0;
|
||||
color: transparent;
|
||||
@@ -808,9 +808,9 @@ input[type="radio"] {
|
||||
padding: 8px;
|
||||
}
|
||||
}
|
||||
tr{
|
||||
&:hover{
|
||||
background: #F5F7FF;
|
||||
tr {
|
||||
&:hover {
|
||||
background: #f5f7ff;
|
||||
}
|
||||
}
|
||||
td {
|
||||
@@ -844,18 +844,7 @@ input[type="radio"] {
|
||||
background-position: -145px -82px;
|
||||
}
|
||||
}
|
||||
.td-top{
|
||||
td{
|
||||
vertical-align: top;
|
||||
}
|
||||
}
|
||||
.td-border-0{
|
||||
td{
|
||||
border: 0;
|
||||
padding: 3px 0;
|
||||
}
|
||||
}
|
||||
.order-detail-page{
|
||||
.order-detail-page {
|
||||
.icon-edit {
|
||||
border: transparent;
|
||||
background-color: transparent;
|
||||
@@ -951,3 +940,42 @@ input[type="radio"] {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.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 {
|
||||
th {
|
||||
padding: 7px 5px;
|
||||
background: #f6f6f6;
|
||||
border: 1px solid #ececec;
|
||||
white-space: nowrap;
|
||||
}
|
||||
td {
|
||||
padding: 7px 6px;
|
||||
border: 1px solid #ececec;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,245 @@
|
||||
<div class="w-[100%]">
|
||||
<div
|
||||
class="m-[15px] px-[15px] py-[20px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto">
|
||||
<h1 class="text-[24px] font-[700] mb-3">Tổng hợp trao đổi</h1>
|
||||
|
||||
<div class="list-filter-account flex items-center">
|
||||
<a href="javacsript:void(0)"
|
||||
class="px-[10px] py-[6px] text-[#fff] mr-[5px] bg-[#0041E8] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-white">Trao
|
||||
đổi mới nhất</a>
|
||||
<a href="javacsript:void(0)"
|
||||
class="px-[10px] py-[6px] text-[#919699] mr-[5px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-white">Chưa
|
||||
có phản hồi</a>
|
||||
<a href="javacsript:void(0)"
|
||||
class="px-[10px] py-[6px] text-[#919699] mr-[5px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-white">Quản
|
||||
trị viên chưa phản hồi</a>
|
||||
<a href="javacsript:void(0)"
|
||||
class="px-[10px] py-[6px] text-[#919699] mr-[5px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-white">Danh
|
||||
sách phản hồi</a>
|
||||
</div>
|
||||
|
||||
<form action=""
|
||||
class="flex items-center p-[15px] rounded-[10px] shadow-[0_1px_1px_0_rgba(0,0,0,0.10)] mt-[15px] border-[1px] border-[#F6F6F6]">
|
||||
<input type="text" name=""
|
||||
class="w-[375px] h-[35px] px-[10px] rounded-[4px] border-[#D8D8D8] border-[1px] mr-[10px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"
|
||||
placeholder="Tìm kiếm">
|
||||
<button type="submit" class="px-[8px] py-[6px] rounded-[4px] text-white bg-[#0041E8]">Tìm kiếm</button>
|
||||
</form>
|
||||
|
||||
|
||||
<div class="list-filter flex items-center justify-between mt-[15px] mb-[20px]">
|
||||
<p>Tổng số: <b>1.996</b></p>
|
||||
<select name="" id=""
|
||||
class="w-[180px] h-[35px] p-[5px] border-[1px] border-[#D8D8D8] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||
<option value="">Chọn bộ lọc</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
|
||||
<table class="table-comment">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>STT</th>
|
||||
<th>Phản hồi</th>
|
||||
<th>Thời gian</th>
|
||||
<th>Tác giả</th>
|
||||
<th>Sản phẩm</th>
|
||||
<th>Nội dung</th>
|
||||
<th>Lựa chọn</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>1</td>
|
||||
<td>09-08-2023, 11:24 am</td>
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<b>Nguyễn An</b>
|
||||
<p class="p-[3px_4px] rounded-[2px] bg-[#FFCECE] ml-[5px] font-[500] text-[10px]">Quản trị
|
||||
viên</p>
|
||||
</div>
|
||||
<p>annv@hurasoft.com</p>
|
||||
</td>
|
||||
<td>
|
||||
<a href="" class="text-[#0041E8]">Màn Hình AOC 24B1XHS 23.8 inch Full HD</a>
|
||||
</td>
|
||||
<td>
|
||||
test reply
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<a href="javascript:void(0)" onclick="js_list_reply_comment.showModal()"
|
||||
class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
||||
<i class="fa-regular fa-hand-pointer text-[#0041E8]"></i>
|
||||
</a>
|
||||
<a href=""
|
||||
class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
||||
<i class="icons icon-edit"></i>
|
||||
</a>
|
||||
<a href=""
|
||||
class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
||||
<i class="fa-solid fa-crown text-[#0041E8]"></i>
|
||||
</a>
|
||||
</div>
|
||||
<div class="flex items-center">
|
||||
<a href=""
|
||||
class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
||||
<i class="fa fa-plus text-[#0041E8]"></i>
|
||||
</a>
|
||||
<a href=""
|
||||
class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
||||
<i class="fa-solid fa-ban text-[#9E9E9E]"></i>
|
||||
</a>
|
||||
<a href=""
|
||||
class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
||||
<i class="icons icon-remove"></i>
|
||||
</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
|
||||
<dialog id="js_list_reply_comment" class="modal">
|
||||
<div class="modal-box w-[852px] max-w-5xl p-[15px]">
|
||||
<form method="dialog">
|
||||
<button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</button>
|
||||
</form>
|
||||
<h2 class="text-[18px] uppercase font-bold border-b-[1px] pb-[5px]">Chi tiết phản hồi</h2>
|
||||
|
||||
<div class="info-comment mt-[10px]">
|
||||
<b class="text-[16px] mb-[10px] block">Thông tin</b>
|
||||
<div class="flex items-center mb-[5px]">
|
||||
<p
|
||||
class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
|
||||
Khách
|
||||
hàng</p>
|
||||
<b class="ml-[5px]">Hura test</b>
|
||||
</div>
|
||||
<div class="flex items-center mb-[5px]">
|
||||
<p
|
||||
class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
|
||||
Email</p>
|
||||
<p class="ml-[5px]">test@mail.com</p>
|
||||
</div>
|
||||
<div class="flex items-center mb-[5px]">
|
||||
<p
|
||||
class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
|
||||
Tiêu đề</p>
|
||||
<p class="ml-[5px]">Màn Hình Máy Tính LG 27UL850 27Inch 4K IPS</p>
|
||||
</div>
|
||||
<div class="flex items-center mb-[5px]">
|
||||
<p
|
||||
class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
|
||||
Nội dung</p>
|
||||
<p class="ml-[5px]">test reply</p>
|
||||
</div>
|
||||
<div class="flex items-center mb-[5px]">
|
||||
<p
|
||||
class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
|
||||
Thời gian</p>
|
||||
<p class="ml-[5px]">20-04-2023, 1:36 pm</p>
|
||||
</div>
|
||||
<div class="flex items-center mb-[5px]">
|
||||
<p
|
||||
class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
|
||||
Liên quan</p>
|
||||
<p class="ml-[5px]">[product] <a href="" class="text-[#0041E8]">Màn Hình Máy Tính LG 27UL850
|
||||
27Inch 4K IPS</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="info-reply mt-[20px]">
|
||||
<b class="text-[16px] block mb-[10px]">Phản hồi <span>2</span></b>
|
||||
<table class="list-info-reply">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>STT</th>
|
||||
<th>Thời gian</th>
|
||||
<th>Tác giả</th>
|
||||
<th>Nội dung</th>
|
||||
<th>Lựa chọn</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>09-08-2023, 11:24 am</td>
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<b>Nguyễn An</b>
|
||||
<p
|
||||
class="p-[3px_4px] rounded-[2px] bg-[#FFCECE] ml-[5px] font-[500] text-[10px]">
|
||||
Quản trị
|
||||
viên</p>
|
||||
</div>
|
||||
<p>annv@hurasoft.com</p>
|
||||
</td>
|
||||
<td>em sẽ tư vấn cụ thể cho chị nhé ạ</td>
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<a href=""
|
||||
class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
||||
<i class="fa-solid fa-ban text-[#9E9E9E]"></i>
|
||||
</a>
|
||||
<a href=""
|
||||
class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
||||
<i class="icons icon-remove text-[#9E9E9E]"></i>
|
||||
</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>09-08-2023, 11:24 am</td>
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<b>Nguyễn An</b>
|
||||
<p
|
||||
class="p-[3px_4px] rounded-[2px] bg-[#FFCECE] ml-[5px] font-[500] text-[10px]">
|
||||
Quản trị
|
||||
viên</p>
|
||||
</div>
|
||||
<p>annv@hurasoft.com</p>
|
||||
</td>
|
||||
<td>em sẽ tư vấn cụ thể cho chị nhé ạ</td>
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<a href=""
|
||||
class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
||||
<i class="fa-solid fa-ban text-[#9E9E9E]"></i>
|
||||
</a>
|
||||
<a href=""
|
||||
class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
||||
<i class="icons icon-remove text-[#9E9E9E]"></i>
|
||||
</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="send-quick-feedback mt-[20px]">
|
||||
<b class="block text-[16px] mb-[10px]">Gửi phản hồi nhanh</b>
|
||||
<textarea name="" id=""
|
||||
class="w-[70%] h-[50px] p-[10px] border-[1px] border-[#D8D8D8] mb-[15px] rounded-[4px]"></textarea>
|
||||
|
||||
<div class="flex items-center mt-[10px]">
|
||||
<input
|
||||
class="btn w-[56px] min-h-[32px] h-[32px] bg-[#0041E8] rounded-[4px] text-white cursor-pointer"
|
||||
name="commit" type="submit" value="Gửi">
|
||||
<p class="ml-[10px]">(* Bạn sẽ gửi phản hồi là Uyên Hura)</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<form method="dialog" class="modal-backdrop">
|
||||
<button>close</button>
|
||||
</form>
|
||||
</dialog>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
10
template/customer/customer-add.html
Normal file
10
template/customer/customer-add.html
Normal file
@@ -0,0 +1,10 @@
|
||||
<div class="w-[100%] mb-[50px]">
|
||||
|
||||
<div class="text-sm breadcrumbs ml-[10px]">
|
||||
<ul>
|
||||
<li><a href="/admin/customer">Danh sách khách hàng</a></li>
|
||||
<li class="text-[#0041E8]">Form thêm khách hàng</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -0,0 +1,230 @@
|
||||
<div class="w-[100%]">
|
||||
<div
|
||||
class="m-[15px] px-[15px] py-[20px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto">
|
||||
<h1 class="text-[24px] font-[700] mb-3">Khách hàng liên hệ</h1>
|
||||
|
||||
<form action=""
|
||||
class="flex items-center p-[15px] rounded-[10px] shadow-[0_1px_1px_0_rgba(0,0,0,0.10)] mt-[15px] border-[1px] border-[#F6F6F6]">
|
||||
<input type="text" name=""
|
||||
class="w-[375px] h-[35px] px-[10px] rounded-[4px] border-[#D8D8D8] border-[1px] mr-[10px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"
|
||||
placeholder="Tìm kiếm">
|
||||
<button type="submit" class="px-[8px] py-[6px] rounded-[4px] text-white bg-[#0041E8]">Tìm kiếm</button>
|
||||
</form>
|
||||
|
||||
|
||||
<div class="list-filter flex items-center justify-between mt-[15px] mb-[20px]">
|
||||
<p>Tổng số: <b>1.996</b></p>
|
||||
<select name="" id=""
|
||||
class="w-[180px] h-[35px] p-[5px] border-[1px] border-[#D8D8D8] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||
<option value="">Chọn bộ lọc</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
|
||||
<table class="table-comment">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>STT</th>
|
||||
<th>Phản hồi</th>
|
||||
<th>Thời gian</th>
|
||||
<th>Tác giả</th>
|
||||
<th>Sản phẩm</th>
|
||||
<th>Nội dung</th>
|
||||
<th>Lựa chọn</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>1</td>
|
||||
<td>09-08-2023, 11:24 am</td>
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<b>Nguyễn An</b>
|
||||
<p class="p-[3px_4px] rounded-[2px] bg-[#FFCECE] ml-[5px] font-[500] text-[10px]">Quản trị
|
||||
viên</p>
|
||||
</div>
|
||||
<p>annv@hurasoft.com</p>
|
||||
</td>
|
||||
<td>
|
||||
<a href="" class="text-[#0041E8]">Màn Hình AOC 24B1XHS 23.8 inch Full HD</a>
|
||||
</td>
|
||||
<td>
|
||||
test reply
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<a href="javascript:void(0)" onclick="js_list_reply_comment.showModal()"
|
||||
class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
||||
<i class="fa-regular fa-hand-pointer text-[#0041E8]"></i>
|
||||
</a>
|
||||
<a href=""
|
||||
class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
||||
<i class="icons icon-edit"></i>
|
||||
</a>
|
||||
<a href=""
|
||||
class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
||||
<i class="fa-solid fa-crown text-[#0041E8]"></i>
|
||||
</a>
|
||||
</div>
|
||||
<div class="flex items-center">
|
||||
<a href=""
|
||||
class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
||||
<i class="fa fa-plus text-[#0041E8]"></i>
|
||||
</a>
|
||||
<a href=""
|
||||
class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
||||
<i class="fa-solid fa-ban text-[#9E9E9E]"></i>
|
||||
</a>
|
||||
<a href=""
|
||||
class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
||||
<i class="icons icon-remove"></i>
|
||||
</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
|
||||
<dialog id="js_list_reply_comment" class="modal">
|
||||
<div class="modal-box w-[852px] max-w-5xl p-[15px]">
|
||||
<form method="dialog">
|
||||
<button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</button>
|
||||
</form>
|
||||
<h2 class="text-[18px] uppercase font-bold border-b-[1px] pb-[5px]">Chi tiết phản hồi</h2>
|
||||
|
||||
<div class="info-comment mt-[10px]">
|
||||
<b class="text-[16px] mb-[10px] block">Thông tin</b>
|
||||
<div class="flex items-center mb-[5px]">
|
||||
<p
|
||||
class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
|
||||
Khách
|
||||
hàng</p>
|
||||
<b class="ml-[5px]">Hura test</b>
|
||||
</div>
|
||||
<div class="flex items-center mb-[5px]">
|
||||
<p
|
||||
class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
|
||||
Email</p>
|
||||
<p class="ml-[5px]">test@mail.com</p>
|
||||
</div>
|
||||
<div class="flex items-center mb-[5px]">
|
||||
<p
|
||||
class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
|
||||
Tiêu đề</p>
|
||||
<p class="ml-[5px]">Màn Hình Máy Tính LG 27UL850 27Inch 4K IPS</p>
|
||||
</div>
|
||||
<div class="flex items-center mb-[5px]">
|
||||
<p
|
||||
class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
|
||||
Nội dung</p>
|
||||
<p class="ml-[5px]">test reply</p>
|
||||
</div>
|
||||
<div class="flex items-center mb-[5px]">
|
||||
<p
|
||||
class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
|
||||
Thời gian</p>
|
||||
<p class="ml-[5px]">20-04-2023, 1:36 pm</p>
|
||||
</div>
|
||||
<div class="flex items-center mb-[5px]">
|
||||
<p
|
||||
class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
|
||||
Liên quan</p>
|
||||
<p class="ml-[5px]">[product] <a href="" class="text-[#0041E8]">Màn Hình Máy Tính LG 27UL850
|
||||
27Inch 4K IPS</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="info-reply mt-[20px]">
|
||||
<b class="text-[16px] block mb-[10px]">Phản hồi <span>2</span></b>
|
||||
<table class="list-info-reply">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>STT</th>
|
||||
<th>Thời gian</th>
|
||||
<th>Tác giả</th>
|
||||
<th>Nội dung</th>
|
||||
<th>Lựa chọn</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>09-08-2023, 11:24 am</td>
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<b>Nguyễn An</b>
|
||||
<p
|
||||
class="p-[3px_4px] rounded-[2px] bg-[#FFCECE] ml-[5px] font-[500] text-[10px]">
|
||||
Quản trị
|
||||
viên</p>
|
||||
</div>
|
||||
<p>annv@hurasoft.com</p>
|
||||
</td>
|
||||
<td>em sẽ tư vấn cụ thể cho chị nhé ạ</td>
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<a href=""
|
||||
class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
||||
<i class="fa-solid fa-ban text-[#9E9E9E]"></i>
|
||||
</a>
|
||||
<a href=""
|
||||
class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
||||
<i class="icons icon-remove text-[#9E9E9E]"></i>
|
||||
</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>09-08-2023, 11:24 am</td>
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<b>Nguyễn An</b>
|
||||
<p
|
||||
class="p-[3px_4px] rounded-[2px] bg-[#FFCECE] ml-[5px] font-[500] text-[10px]">
|
||||
Quản trị
|
||||
viên</p>
|
||||
</div>
|
||||
<p>annv@hurasoft.com</p>
|
||||
</td>
|
||||
<td>em sẽ tư vấn cụ thể cho chị nhé ạ</td>
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<a href=""
|
||||
class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
||||
<i class="fa-solid fa-ban text-[#9E9E9E]"></i>
|
||||
</a>
|
||||
<a href=""
|
||||
class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
||||
<i class="icons icon-remove text-[#9E9E9E]"></i>
|
||||
</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="send-quick-feedback mt-[20px]">
|
||||
<b class="block text-[16px] mb-[10px]">Gửi phản hồi nhanh</b>
|
||||
<textarea name="" id=""
|
||||
class="w-[70%] h-[50px] p-[10px] border-[1px] border-[#D8D8D8] mb-[15px] rounded-[4px]"></textarea>
|
||||
|
||||
<div class="flex items-center mt-[10px]">
|
||||
<input
|
||||
class="btn w-[56px] min-h-[32px] h-[32px] bg-[#0041E8] rounded-[4px] text-white cursor-pointer"
|
||||
name="commit" type="submit" value="Gửi">
|
||||
<p class="ml-[10px]">(* Bạn sẽ gửi phản hồi là Uyên Hura)</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<form method="dialog" class="modal-backdrop">
|
||||
<button>close</button>
|
||||
</form>
|
||||
</dialog>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,141 @@
|
||||
<div class="w-[100%]">
|
||||
<div
|
||||
class="m-[15px] px-[15px] py-[20px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto">
|
||||
<h1 class="text-2xl font-[700] mb-3">Danh sách khách hàng</h1>
|
||||
|
||||
<div class="list-filter-account flex items-center">
|
||||
<a href="javacsript:void(0)"
|
||||
class="px-[30px] py-[6px] text-[#fff] mr-[5px] bg-[#0041E8] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-white">Tất
|
||||
cả</a>
|
||||
<a href="javacsript:void(0)"
|
||||
class="px-[30px] py-[6px] text-[#919699] mr-[5px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-white">Khách
|
||||
hàng đăng
|
||||
ký</a>
|
||||
<a href="javacsript:void(0)"
|
||||
class="px-[30px] py-[6px] text-[#919699] mr-[5px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-white">Chưa
|
||||
đăng ký</a>
|
||||
<a href="javacsript:void(0)"
|
||||
class="px-[30px] py-[6px] text-[#919699] mr-[5px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-white">VIP</a>
|
||||
</div>
|
||||
|
||||
<form action=""
|
||||
class="flex items-center p-[15px] rounded-[10px] shadow-[0_1px_1px_0_rgba(0,0,0,0.10)] mt-[15px] border-[1px] border-[#F6F6F6]">
|
||||
<input type="text" name=""
|
||||
class="w-[375px] h-[35px] px-[10px] rounded-[4px] border-[#D8D8D8] border-[1px] mr-[10px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"
|
||||
placeholder="Tìm khách hàng (* tên, email, điện thoại)">
|
||||
<button type="submit" class="px-[8px] py-[6px] rounded-[4px] text-white bg-[#0041E8]">Tìm kiếm</button>
|
||||
</form>
|
||||
|
||||
<div class="list-filter flex items-center justify-between mt-[15px]">
|
||||
<select name="" id=""
|
||||
class="w-[180px] h-[35px] p-[5px] border-[1px] border-[#D8D8D8] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||
<option value="">Sắp xếp khách hàng</option>
|
||||
</select>
|
||||
|
||||
<div class="list flex items-center">
|
||||
<a href="javascript:void(0)" class="flex items-center p-[8px_15px] border-[1px] border-[#0041E8] rounded-[4px]
|
||||
text-[#0041E8] ml-[15px] bg-[#F5F7FF] hover:text-white hover:bg-[#0041E8]">
|
||||
<i class="fa-solid fa-user-plus"></i>
|
||||
<span class="ml-[5px]">Thêm KH mới</span>
|
||||
</a>
|
||||
<a href="javascript:void(0)" class="flex items-center p-[8px_15px] border-[1px] border-[#0041E8] rounded-[4px]
|
||||
text-[#0041E8] ml-[15px] bg-[#F5F7FF] hover:text-white hover:bg-[#0041E8]">
|
||||
<i class="fa-solid fa-user-group"></i>
|
||||
<span class="ml-[5px]">Các nhóm KH</span>
|
||||
</a>
|
||||
<a href="javascript:void(0)" class="flex items-center p-[8px_15px] border-[1px] border-[#0041E8] rounded-[4px]
|
||||
text-[#0041E8] ml-[15px] bg-[#F5F7FF] hover:text-white hover:bg-[#0041E8]">
|
||||
<i class="fa-regular fa-file-excel"></i>
|
||||
<span class="ml-[5px]">Tải file excel</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<table class="w-[100%] mt-[15px] table-list-customer">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>STT</th>
|
||||
<th>ID</th>
|
||||
<th>Khách hàng</th>
|
||||
<th>Thông tin</th>
|
||||
<th>Tỉnh/TP</th>
|
||||
<th>Trạng thái</th>
|
||||
<th>Số đơn hàng</th>
|
||||
<th>Tổng giá trị</th>
|
||||
<th>Thời gian</th>
|
||||
<th>Chỉnh sửa</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>1767</td>
|
||||
<td>Đức Anh</td>
|
||||
<td>
|
||||
<p>- Email: ducanhnguyen199x@gmail.com</p>
|
||||
<p>- Tel: 0976642092</p>
|
||||
<p>- Mobile: 0976642092</p>
|
||||
</td>
|
||||
<td>
|
||||
Hà Nội
|
||||
</td>
|
||||
<td>
|
||||
<span class="w-[14px] h-[14px] bg-[#FFC700] block mx-auto my-0 rounded-[50%]"></span>
|
||||
</td>
|
||||
<td>
|
||||
<span class="text-[#0041E8]">0</span><span class="ml-[5px]">Thành công</span>
|
||||
</td>
|
||||
<td>
|
||||
<span class="text-[#0041E8]">0</span><span class="ml-[5px]">Thu</span>
|
||||
</td>
|
||||
<td>
|
||||
<p>
|
||||
- Tham gia: 06-10-2023, 10:46 am
|
||||
</p>
|
||||
<p>
|
||||
- Đăng nhập cuối: Chưa bao giờ
|
||||
</p>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<a href="/admin/product/form?id={{item.id}}" title="Form sản phẩm"
|
||||
class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
||||
<i class="icons icon-edit"></i>
|
||||
</a>
|
||||
<a href="{{item.request_path}}" 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] mb-[5px]">
|
||||
<i class="fa-solid fa-lock text-[#0041E8]"></i>
|
||||
</a>
|
||||
</div>
|
||||
<div class="flex items-center">
|
||||
<a href=""
|
||||
class="w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
||||
<i class="fa-solid fa-globe text-[#9E9E9E]"></i>
|
||||
</a>
|
||||
<a href=""
|
||||
class="w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
||||
<i class="icons icon-remove"></i>
|
||||
</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<div class="paging">
|
||||
<a href="">
|
||||
<i class="fas fa-chevron-left"></i>
|
||||
</a>
|
||||
<a href="{{paging.url}}" class="active">
|
||||
1
|
||||
</a>
|
||||
<a href="{{paging.url}}">
|
||||
2
|
||||
</a>
|
||||
<a href="{{paging.url}}">
|
||||
<i class="fas fa-chevron-right"></i>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,245 @@
|
||||
<div class="w-[100%]">
|
||||
<div
|
||||
class="m-[15px] px-[15px] py-[20px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto">
|
||||
<h1 class="text-[24px] font-[700] mb-3">Tổng hợp đánh giá</h1>
|
||||
|
||||
<div class="list-filter-account flex items-center">
|
||||
<a href="javacsript:void(0)"
|
||||
class="px-[10px] py-[6px] text-[#fff] mr-[5px] bg-[#0041E8] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-white">Trao
|
||||
đổi mới nhất</a>
|
||||
<a href="javacsript:void(0)"
|
||||
class="px-[10px] py-[6px] text-[#919699] mr-[5px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-white">Chưa
|
||||
có phản hồi</a>
|
||||
<a href="javacsript:void(0)"
|
||||
class="px-[10px] py-[6px] text-[#919699] mr-[5px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-white">Quản
|
||||
trị viên chưa phản hồi</a>
|
||||
<a href="javacsript:void(0)"
|
||||
class="px-[10px] py-[6px] text-[#919699] mr-[5px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-white">Danh
|
||||
sách phản hồi</a>
|
||||
</div>
|
||||
|
||||
<form action=""
|
||||
class="flex items-center p-[15px] rounded-[10px] shadow-[0_1px_1px_0_rgba(0,0,0,0.10)] mt-[15px] border-[1px] border-[#F6F6F6]">
|
||||
<input type="text" name=""
|
||||
class="w-[375px] h-[35px] px-[10px] rounded-[4px] border-[#D8D8D8] border-[1px] mr-[10px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"
|
||||
placeholder="Tìm kiếm">
|
||||
<button type="submit" class="px-[8px] py-[6px] rounded-[4px] text-white bg-[#0041E8]">Tìm kiếm</button>
|
||||
</form>
|
||||
|
||||
|
||||
<div class="list-filter flex items-center justify-between mt-[15px] mb-[20px]">
|
||||
<p>Tổng số: <b>1.996</b></p>
|
||||
<select name="" id=""
|
||||
class="w-[180px] h-[35px] p-[5px] border-[1px] border-[#D8D8D8] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||
<option value="">Chọn bộ lọc</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
|
||||
<table class="table-comment">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>STT</th>
|
||||
<th>Phản hồi</th>
|
||||
<th>Thời gian</th>
|
||||
<th>Tác giả</th>
|
||||
<th>Sản phẩm</th>
|
||||
<th>Nội dung</th>
|
||||
<th>Lựa chọn</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>1</td>
|
||||
<td>09-08-2023, 11:24 am</td>
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<b>Nguyễn An</b>
|
||||
<p class="p-[3px_4px] rounded-[2px] bg-[#FFCECE] ml-[5px] font-[500] text-[10px]">Quản trị
|
||||
viên</p>
|
||||
</div>
|
||||
<p>annv@hurasoft.com</p>
|
||||
</td>
|
||||
<td>
|
||||
<a href="" class="text-[#0041E8]">Màn Hình AOC 24B1XHS 23.8 inch Full HD</a>
|
||||
</td>
|
||||
<td>
|
||||
test reply
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<a href="javascript:void(0)" onclick="js_list_reply_comment.showModal()"
|
||||
class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
||||
<i class="fa-regular fa-hand-pointer text-[#0041E8]"></i>
|
||||
</a>
|
||||
<a href=""
|
||||
class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
||||
<i class="icons icon-edit"></i>
|
||||
</a>
|
||||
<a href=""
|
||||
class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
||||
<i class="fa-solid fa-crown text-[#0041E8]"></i>
|
||||
</a>
|
||||
</div>
|
||||
<div class="flex items-center">
|
||||
<a href=""
|
||||
class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
||||
<i class="fa fa-plus text-[#0041E8]"></i>
|
||||
</a>
|
||||
<a href=""
|
||||
class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
||||
<i class="fa-solid fa-ban text-[#9E9E9E]"></i>
|
||||
</a>
|
||||
<a href=""
|
||||
class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
||||
<i class="icons icon-remove"></i>
|
||||
</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
|
||||
<dialog id="js_list_reply_comment" class="modal">
|
||||
<div class="modal-box w-[852px] max-w-5xl p-[15px]">
|
||||
<form method="dialog">
|
||||
<button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</button>
|
||||
</form>
|
||||
<h2 class="text-[18px] uppercase font-bold border-b-[1px] pb-[5px]">Chi tiết phản hồi</h2>
|
||||
|
||||
<div class="info-comment mt-[10px]">
|
||||
<b class="text-[16px] mb-[10px] block">Thông tin</b>
|
||||
<div class="flex items-center mb-[5px]">
|
||||
<p
|
||||
class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
|
||||
Khách
|
||||
hàng</p>
|
||||
<b class="ml-[5px]">Hura test</b>
|
||||
</div>
|
||||
<div class="flex items-center mb-[5px]">
|
||||
<p
|
||||
class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
|
||||
Email</p>
|
||||
<p class="ml-[5px]">test@mail.com</p>
|
||||
</div>
|
||||
<div class="flex items-center mb-[5px]">
|
||||
<p
|
||||
class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
|
||||
Tiêu đề</p>
|
||||
<p class="ml-[5px]">Màn Hình Máy Tính LG 27UL850 27Inch 4K IPS</p>
|
||||
</div>
|
||||
<div class="flex items-center mb-[5px]">
|
||||
<p
|
||||
class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
|
||||
Nội dung</p>
|
||||
<p class="ml-[5px]">test reply</p>
|
||||
</div>
|
||||
<div class="flex items-center mb-[5px]">
|
||||
<p
|
||||
class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
|
||||
Thời gian</p>
|
||||
<p class="ml-[5px]">20-04-2023, 1:36 pm</p>
|
||||
</div>
|
||||
<div class="flex items-center mb-[5px]">
|
||||
<p
|
||||
class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
|
||||
Liên quan</p>
|
||||
<p class="ml-[5px]">[product] <a href="" class="text-[#0041E8]">Màn Hình Máy Tính LG 27UL850
|
||||
27Inch 4K IPS</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="info-reply mt-[20px]">
|
||||
<b class="text-[16px] block mb-[10px]">Phản hồi <span>2</span></b>
|
||||
<table class="list-info-reply">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>STT</th>
|
||||
<th>Thời gian</th>
|
||||
<th>Tác giả</th>
|
||||
<th>Nội dung</th>
|
||||
<th>Lựa chọn</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>09-08-2023, 11:24 am</td>
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<b>Nguyễn An</b>
|
||||
<p
|
||||
class="p-[3px_4px] rounded-[2px] bg-[#FFCECE] ml-[5px] font-[500] text-[10px]">
|
||||
Quản trị
|
||||
viên</p>
|
||||
</div>
|
||||
<p>annv@hurasoft.com</p>
|
||||
</td>
|
||||
<td>em sẽ tư vấn cụ thể cho chị nhé ạ</td>
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<a href=""
|
||||
class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
||||
<i class="fa-solid fa-ban text-[#9E9E9E]"></i>
|
||||
</a>
|
||||
<a href=""
|
||||
class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
||||
<i class="icons icon-remove text-[#9E9E9E]"></i>
|
||||
</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>09-08-2023, 11:24 am</td>
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<b>Nguyễn An</b>
|
||||
<p
|
||||
class="p-[3px_4px] rounded-[2px] bg-[#FFCECE] ml-[5px] font-[500] text-[10px]">
|
||||
Quản trị
|
||||
viên</p>
|
||||
</div>
|
||||
<p>annv@hurasoft.com</p>
|
||||
</td>
|
||||
<td>em sẽ tư vấn cụ thể cho chị nhé ạ</td>
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<a href=""
|
||||
class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
||||
<i class="fa-solid fa-ban text-[#9E9E9E]"></i>
|
||||
</a>
|
||||
<a href=""
|
||||
class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
||||
<i class="icons icon-remove text-[#9E9E9E]"></i>
|
||||
</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="send-quick-feedback mt-[20px]">
|
||||
<b class="block text-[16px] mb-[10px]">Gửi phản hồi nhanh</b>
|
||||
<textarea name="" id=""
|
||||
class="w-[70%] h-[50px] p-[10px] border-[1px] border-[#D8D8D8] mb-[15px] rounded-[4px]"></textarea>
|
||||
|
||||
<div class="flex items-center mt-[10px]">
|
||||
<input
|
||||
class="btn w-[56px] min-h-[32px] h-[32px] bg-[#0041E8] rounded-[4px] text-white cursor-pointer"
|
||||
name="commit" type="submit" value="Gửi">
|
||||
<p class="ml-[10px]">(* Bạn sẽ gửi phản hồi là Uyên Hura)</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<form method="dialog" class="modal-backdrop">
|
||||
<button>close</button>
|
||||
</form>
|
||||
</dialog>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -22,10 +22,10 @@
|
||||
<script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script>
|
||||
|
||||
</head>
|
||||
{{ global|show_var }}
|
||||
{{ page|show_var }}
|
||||
|
||||
<body>
|
||||
{{ global|show_var }}
|
||||
{{ page|show_var }}
|
||||
<div class="admin-global-container">
|
||||
|
||||
<!-- Menu full -->
|
||||
@@ -225,7 +225,8 @@
|
||||
<!-- Header -->
|
||||
<div class="admin-header-container flex items-center justify-between bg-white px-4 py-3">
|
||||
<form class="max-w-[420px] relative w-[100%] menu-hide" id="js-form-search">
|
||||
<div class="content w-[100%] flex items-center border rounded-[5px]">
|
||||
<div
|
||||
class="content w-[100%] flex items-center border-[#ECECEC] border-[1px] rounded-[5px] focus-within:border-[#0041E8]">
|
||||
<div class="inset-y-0 start-0 flex items-center ps-3 pointer-events-none">
|
||||
<i class="icons icon-search"></i>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user