update
This commit is contained in:
@@ -244,4 +244,9 @@
|
||||
.hura-bg-blue {
|
||||
background: var(--color-hura);
|
||||
}
|
||||
.hura-shadow-blue {
|
||||
box-shadow:
|
||||
0 10px 15px -3px rgb(var(--color-hura) / 0.35),
|
||||
0 4px 6px -4px rgb(var(--color-hura) / 0.25);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -162,11 +162,11 @@
|
||||
|
||||
<button type="submit" class="btn hura-btn-active btn-sm mt-3">Lưu lại</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<form method="dialog" class="modal-backdrop">
|
||||
<button>close</button>
|
||||
</form>
|
||||
</dialog>
|
||||
</div>
|
||||
|
||||
@@ -467,7 +467,10 @@
|
||||
<!-- ghi nhắc việc -->
|
||||
<div class="bg-white shadow p-3 rounded-sm">
|
||||
<div class="flex items-center justify-between">
|
||||
<b class="font-medium">Ghi nhắc việc làm cá nhân</b>
|
||||
<div class="flex items-center gap-2">
|
||||
<i data-lucide="notebook-pen" class="size-5"></i>
|
||||
<b class="">Ghi nhắc việc làm cá nhân</b>
|
||||
</div>
|
||||
<input type="date" value="2025-11-26" class="input w-1/3" />
|
||||
</div>
|
||||
<form class="flex items-center justify-between mt-3">
|
||||
@@ -495,7 +498,7 @@
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex items-center gap-2">
|
||||
<a href="" class="btn btn-soft btn-xs btn-square btn-view">
|
||||
<a href="" class="btn btn-soft btn-xs btn-square hura-btn-outline">
|
||||
<i data-lucide="pencil" class="size-3"></i>
|
||||
</a>
|
||||
<a href="" class="btn btn-soft btn-xs btn-square btn-error">
|
||||
@@ -514,7 +517,7 @@
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex items-center gap-2">
|
||||
<a href="" class="btn btn-soft btn-xs btn-square btn-view">
|
||||
<a href="" class="btn btn-soft btn-xs btn-square hura-btn-outline">
|
||||
<i data-lucide="pencil" class="size-3"></i>
|
||||
</a>
|
||||
<a href="" class="btn btn-soft btn-xs btn-square btn-error">
|
||||
@@ -532,7 +535,7 @@
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex items-center gap-2">
|
||||
<a href="" class="btn btn-soft btn-xs btn-square btn-view">
|
||||
<a href="" class="btn btn-soft btn-xs btn-square hura-btn-outline">
|
||||
<i data-lucide="pencil" class="size-3"></i>
|
||||
</a>
|
||||
<a href="" class="btn btn-soft btn-xs btn-square btn-error">
|
||||
@@ -551,7 +554,7 @@
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex items-center gap-2">
|
||||
<a href="" class="btn btn-soft btn-xs btn-square btn-view">
|
||||
<a href="" class="btn btn-soft btn-xs btn-square hura-btn-outline">
|
||||
<i data-lucide="pencil" class="size-3"></i>
|
||||
</a>
|
||||
<a href="" class="btn btn-soft btn-xs btn-square btn-error">
|
||||
@@ -577,108 +580,270 @@
|
||||
+ Thêm
|
||||
</button>
|
||||
|
||||
<div class="border overflow-x-auto border-base-200 mt-3 rounded-sm">
|
||||
<table class="table table-sm">
|
||||
<thead>
|
||||
<tr class="bg-base-300 text-black font-bold">
|
||||
<td class="w-[50px]">STT</td>
|
||||
<td>Ghi chú</td>
|
||||
<td class="w-[80px]">Công cụ</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>Nội dung ghi chú</td>
|
||||
<td>
|
||||
<div class="flex items-center gap-2">
|
||||
<a href="" class="btn btn-soft btn-xs btn-square btn-hura-outline">
|
||||
<i data-lucide="pencil" class="size-3"></i>
|
||||
</a>
|
||||
<a href="" class="btn btn-soft btn-xs btn-square btn-error">
|
||||
<i data-lucide="trash-2" class="size-3"></i>
|
||||
</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Ticket -->
|
||||
<div class="bg-white shadow p-3 rounded-sm mt-3">
|
||||
<div id="js-admin-home-tab" class="admin-home-tab flex items-center justify-end mb-3">
|
||||
<a href="#js-report-most-viewed-products" class=" btn btn-sm hura-btn-active">Sản phẩm xem nhiều</a>
|
||||
<a href="#js-report-introduce-web" class="btn btn-sm"> Web giới thiệu</a>
|
||||
<a href="#js-report-key-word" class="btn btn-sm"> Từ khóa</a>
|
||||
<a href="#js-report-article" class="btn btn-sm"> Bài viết</a>
|
||||
<div class="flex items-center justify-between">
|
||||
<div class="flex items-center gap-2 mb-3">
|
||||
<i data-lucide="life-buoy" class="size-5"></i>
|
||||
<b>Hỗ trợ từ Hurasoft</b>
|
||||
</div>
|
||||
<button type="button" class="btn btn-sm hura-btn-active"
|
||||
onclick="document.getElementById('form-support')?.showModal()">
|
||||
<i data-lucide="plus-circle" class="size-3"></i>
|
||||
<span>Tạo hỗ trợ</span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="home-report-holder block overflow-x-auto rounded-box border border-base-300 bg-base-10"
|
||||
id="js-report-most-viewed-products">
|
||||
<div class="mt-3 border-base-300 border rounded-sm overflow-x-auto whitespace-nowrap">
|
||||
<table class="table table-sm">
|
||||
<thead class="bg-base-200 text-black font-bold">
|
||||
<td width="50">STT</td>
|
||||
<td>Sản phẩm</td>
|
||||
<td width="75">Lượt xem</td>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr>
|
||||
<td> 1 </td>
|
||||
<td> <a href="" class="line-clamp-1"> Laptop Asus ZenBook UX3402VALaptop
|
||||
Asus ZenBook
|
||||
UX3402VALaptop
|
||||
Asus ZenBook UX3402VA </a> </td>
|
||||
<td> 30.000 </td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>2
|
||||
<td><a href="" class="line-clamp-1"> Laptop Asus ZenBook UX3402VALaptop
|
||||
Asus ZenBook
|
||||
UX3402VALaptop
|
||||
Asus ZenBook UX3402VA </a>
|
||||
<td>30.000
|
||||
<tr>
|
||||
<td>3
|
||||
<td><a href="" class="line-clamp-1"> Laptop Asus ZenBook UX3402VALaptop
|
||||
Asus ZenBook
|
||||
UX3402VALaptop
|
||||
Asus ZenBook UX3402VA </a>
|
||||
<td>30.000
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="home-report-holder hidden" id="js-report-introduce-web">
|
||||
<b class="text-23">Truy cập website</b>
|
||||
<div class="px-5 pt-5 pb-2">
|
||||
<div id="gradient-donut-chart"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="home-report-holder hidden" id="js-report-key-word">
|
||||
<div class="flex flex-wrap gap-2">
|
||||
<a href="" class="btn btn-dash btn-sm">Laptop, Máy Tính Xách Tay</a>
|
||||
<a href="" class="btn btn-dash btn-sm">Laptop, Máy Tính Xách Tay</a>
|
||||
<a href="" class="btn btn-dash btn-sm">Laptop, Máy Tính Xách Tay</a>
|
||||
<a href="" class="btn btn-dash btn-sm">Laptop, Máy Tính Xách Tay</a>
|
||||
<a href="" class="btn btn-dash btn-sm">Laptop, Máy Tính Xách Tay</a>
|
||||
<a href="" class="btn btn-dash btn-sm">Laptop, Máy Tính Xách Tay</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="home-report-holder hidden" id="js-report-article">
|
||||
<table class="table table-sm">
|
||||
<thead class="bg-base-200 text-black font-bold">
|
||||
<thead>
|
||||
<tr class="bg-base-300 font-bold text-black">
|
||||
<td>STT</td>
|
||||
<td>Bài viết</td>
|
||||
<td>Lượt xem</td>
|
||||
<td>Yêu cầu</td>
|
||||
<td>Phản hồi cuối</td>
|
||||
<td>Trạng thái</td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td> <a href="" class="line-clamp-1"> Laptop Asus ZenBook UX3402VALaptop Asus ZenBook
|
||||
UX3402VALaptop
|
||||
Asus ZenBook UX3402VA </a> </td>
|
||||
<td class="link-primary"> 30.000 </td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>2
|
||||
<td><a href="" class="line-clamp-1"> Laptop Asus ZenBook UX3402VALaptop Asus ZenBook
|
||||
UX3402VALaptop
|
||||
Asus ZenBook UX3402VA </a>
|
||||
<td class="link-primary">30.000</td>
|
||||
<td>
|
||||
<div class="flex gap-2">
|
||||
<p>[Tk001]</p>
|
||||
<a href="" class="hura-text-blue underline font-bold">Sửa lỗi hiển thị web</a>
|
||||
<a href="" class="text-red-500">[2 phản hồi]</a>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex gap-2">
|
||||
<p class="text-green-700">[Hura]</p>
|
||||
<b>Hồng</b>
|
||||
</div>
|
||||
<p>
|
||||
<p>15-12-2025, 10:10 am (0 ngày)</p>
|
||||
</p>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex gap-2">
|
||||
<select name="" id="" class="select select-sm w-[100px]">
|
||||
<option value="">Trạng thái</option>
|
||||
<option value="">Đã xong</option>
|
||||
<option value="">Đang làm</option>
|
||||
<option value="">Chờ duyệt</option>
|
||||
<option value="">Cần làm lại</option>
|
||||
<option value="">Hủy bỏ</option>
|
||||
</select>
|
||||
<a href="" class="btn btn-sm hura-btn-active">xem</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>3
|
||||
<td><a href="" class="line-clamp-1"> Laptop Asus ZenBook UX3402VALaptop Asus ZenBook
|
||||
UX3402VALaptop
|
||||
Asus ZenBook UX3402VA </a>
|
||||
<td class="link-primary">30.000</td>
|
||||
<td>1</td>
|
||||
<td>
|
||||
<div class="flex gap-2">
|
||||
<p>[Tk001]</p>
|
||||
<a href="" class="hura-text-blue underline font-bold">Sửa lỗi hiển thị web</a>
|
||||
<a href="" class="text-red-500">[2 phản hồi]</a>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex gap-2">
|
||||
<p class="text-green-700">[Hura]</p>
|
||||
<b>Ngọc</b>
|
||||
</div>
|
||||
<p>15-12-2025, 10:10 am (0 ngày)</p>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex gap-2">
|
||||
<select name="" id="" class="select select-sm w-[100px]">
|
||||
<option value="">Trạng thái</option>
|
||||
<option value="">Đã xong</option>
|
||||
<option value="">Đang làm</option>
|
||||
<option value="">Chờ duyệt</option>
|
||||
<option value="">Cần làm lại</option>
|
||||
<option value="">Hủy bỏ</option>
|
||||
</select>
|
||||
<a href="" class="btn btn-sm hura-btn-active">xem</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>
|
||||
<div class="flex gap-2">
|
||||
<p>[Tk001]</p>
|
||||
<a href="" class="hura-text-blue underline font-bold">Sửa lỗi hiển thị web</a>
|
||||
<a href="" class="text-red-500">[2 phản hồi]</a>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex gap-2">
|
||||
<p class="text-red-500">[KH]</p>
|
||||
<b>Kh@gmail.com</b>
|
||||
</div>
|
||||
<p>15-12-2025, 10:10 am (0 ngày)</p>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex gap-2">
|
||||
<select name="" id="" class="select select-sm w-[100px]">
|
||||
<option value="">Trạng thái</option>
|
||||
<option value="">Đã xong</option>
|
||||
<option value="">Đang làm</option>
|
||||
<option value="">Chờ duyệt</option>
|
||||
<option value="">Cần làm lại</option>
|
||||
<option value="">Hủy bỏ</option>
|
||||
</select>
|
||||
<a href="" class="btn btn-sm hura-btn-active">xem</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<!-- box form hỗ trợ -->
|
||||
<dialog id="form-support" class="modal p-0">
|
||||
<div class="modal-box bg-transparent p-0 shadow-none max-w-2xl">
|
||||
<div class="bg-base-100 rounded-box p-4">
|
||||
<div class="flex items-center justify-between">
|
||||
<b class="text-lg">Thêm hỗ trợ</b>
|
||||
<form method="dialog">
|
||||
<button class="btn btn-xs btn-circle btn-ghost" aria-label="Close">
|
||||
<i data-lucide="x" class="text-base-content/80 size-4"></i>
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="mt-5">
|
||||
<label for="" class="block font-bold">Tên hỗ trợ <span class="text-red-500">*</span></label>
|
||||
<input type="text" value="Test" placeholder="Tên hỗ trợ"
|
||||
class="input mt-3 shadow w-full rounded-sm">
|
||||
</div>
|
||||
<div class="mt-5">
|
||||
<label for="" class="block font-bold">Mô tả hỗ trợ <span
|
||||
class="text-red-500">*</span></label>
|
||||
<textarea type="text" value="Test" placeholder="Mô tả hỗ trợ"
|
||||
class="textarea mt-3 shadow w-full h-[100px] rounded-sm"></textarea>
|
||||
</div>
|
||||
<div class="mt-5">
|
||||
<div class="flex items-center gap-3">
|
||||
<label for="" class="font-bold">Tải file đính kèm</label>
|
||||
<div class="box-note tooltip">
|
||||
<i data-lucide="circle-question-mark"
|
||||
class="size-4 cursor-pointer text-orange-400"></i>
|
||||
<div class="tooltip-content">
|
||||
Quý khách hàng nên tải file đính kèm mô tả chi tiết công việc cần hỗ trợ, sẽ
|
||||
giúp chúng tôi hỗ trợ quý khách giải quyết vấn đề nhanh hơn.!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="uploadfile-support" class="mt-3"></div>
|
||||
</div>
|
||||
|
||||
<div class="mt-5">
|
||||
<button type="submit" class="btn btn-sm hura-btn-active"><i data-lucide="send"
|
||||
class="size-3"></i>
|
||||
Gửi hỗ trợ</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<form method="dialog" class="modal-backdrop">
|
||||
<button>close</button>
|
||||
</form>
|
||||
</dialog>
|
||||
</div>
|
||||
|
||||
<!-- liên kết nhanh -->
|
||||
<div class="bg-white shadow p-3 rounded-sm mt-3">
|
||||
<div class="flex items-center gap-2 justify-between">
|
||||
<b class="">Liên kết nhanh</b>
|
||||
<button type="button" class="btn btn-sm hura-btn-active"
|
||||
onclick="document.getElementById('form-quickLink')?.showModal()">
|
||||
<i data-lucide="plus-circle" class="size-3"></i>
|
||||
<span>Thêm link</span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="mt-5 border border-base-300 rounded-sm">
|
||||
<table class="">
|
||||
|
||||
</table>
|
||||
</div>
|
||||
<div class="mt-5 grid grid-cols-1 gap-3">
|
||||
<div class="p-2 flex items-center justify-between bg-base-100 rounded-box hura-shadow-blue shadow-lg">
|
||||
<a href="/admin/order" class="flex items-center gap-2">
|
||||
<i data-lucide="store" class="size-4"></i>
|
||||
<span>Danh sách đơn hàng</span>
|
||||
</a>
|
||||
<div class="flex items-center gap-2">
|
||||
<a href="" class="btn btn-soft btn-xs btn-square hura-btn-outline">
|
||||
<i data-lucide="pencil" class="size-3"></i>
|
||||
</a>
|
||||
<a href="" class="btn btn-soft btn-xs btn-square btn-error">
|
||||
<i data-lucide="trash-2" class="size-3"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-2 flex items-center justify-between bg-base-100 rounded-box hura-shadow-blue shadow-lg">
|
||||
<a href="/admin/product" class="flex items-center gap-2">
|
||||
<i data-lucide="package" class="size-4"></i>
|
||||
<span>Danh sách sản phẩm</span>
|
||||
</a>
|
||||
<div class="flex items-center gap-2">
|
||||
<a href="" class="btn btn-soft btn-xs btn-square hura-btn-outline">
|
||||
<i data-lucide="pencil" class="size-3"></i>
|
||||
</a>
|
||||
<a href="" class="btn btn-soft btn-xs btn-square btn-error">
|
||||
<i data-lucide="trash-2" class="size-3"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-2 flex items-center justify-between bg-base-100 rounded-box hura-shadow-blue shadow-lg">
|
||||
<a href="/admin/customer" class="flex items-center gap-2">
|
||||
<i data-lucide="user" class="size-4"></i>
|
||||
<span>Danh sách khách hàng</span>
|
||||
</a>
|
||||
<div class="flex items-center gap-2">
|
||||
<a href="" class="btn btn-soft btn-xs btn-square hura-btn-outline">
|
||||
<i data-lucide="pencil" class="size-3"></i>
|
||||
</a>
|
||||
<a href="" class="btn btn-soft btn-xs btn-square btn-error">
|
||||
<i data-lucide="trash-2" class="size-3"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
@@ -1,3 +1,10 @@
|
||||
<!-- plugin upload image -->
|
||||
<link href="https://unpkg.com/filepond/dist/filepond.min.css" rel="stylesheet" />
|
||||
<link href="https://unpkg.com/filepond-plugin-image-preview/dist/filepond-plugin-image-preview.min.css"
|
||||
rel="stylesheet" />
|
||||
<script src="https://unpkg.com/filepond-plugin-image-preview/dist/filepond-plugin-image-preview.min.js"></script>
|
||||
<script src="https://unpkg.com/filepond/dist/filepond.min.js"></script>
|
||||
|
||||
<script>
|
||||
const initCustomerAcquisitionChart = () => {
|
||||
const chartOptions = {
|
||||
@@ -389,4 +396,13 @@
|
||||
initAdminHomeTab()
|
||||
})
|
||||
|
||||
// Quan trọng: đăng ký plugin
|
||||
FilePond.registerPlugin(FilePondPluginImagePreview);
|
||||
FilePond.create(document.querySelector("#uploadfile-support"), {
|
||||
credits: false,
|
||||
allowImageCrop: false,
|
||||
allowImagePreview: false,
|
||||
allowMultiple: true,
|
||||
labelIdle: 'Kéo thả file hoặc <span class="filepond--label-action">Chọn file</span>',
|
||||
})
|
||||
</script>
|
||||
Reference in New Issue
Block a user