This commit is contained in:
2025-12-13 12:07:01 +07:00
parent d51528e407
commit e703314c7f
2 changed files with 188 additions and 125 deletions

View File

@@ -1,6 +1,6 @@
<!-- Start: Dashboard Stats Widget --> <!-- Start: Dashboard Stats Widget -->
<div class="gap-3 flex"> <div class="flex gap-3">
<div class="w-[calc(100%_-450px)]"> <div class="w-[calc(100%_-450px)]">
<!-- việc cần làm --> <!-- việc cần làm -->
@@ -384,81 +384,202 @@
</div> </div>
</div> </div>
<div class="mt-3"> <div class="mt-3">
<!-- Start: Lịch sử chỉnh sửa --> <div class="card bg-base-100 shadow-md">
<div aria-label="Card" class="card bg-base-100 shadow"> <div class="card-body p-4">
<div class="card-body p-5">
<div class="flex items-center justify-between gap-3">
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<i data-lucide="shopping-bag" class="size-4.5"></i> <i data-lucide="megaphone" class="size-5"></i>
<span class="font-medium">Lịch sử chỉnh sửa</span> <h3 class="card-title text-lg">Hoạt động gần đây</h3>
</div> </div>
<button class="btn btn-outline btn-sm hura-btn-outline px-2"> <ul id="stream" class="space-y-2 overflow-auto max-h-[270px] mt-3">
Xem danh sách <!-- item -->
<i data-lucide="plus-circle" class="size-3.5"></i> <li class="alert py-1 alert-success">
</button> <span></span>
<div>
<p class="font-medium">Đơn hàng #12345 đã được xử lý</p>
<span class="text-xs opacity-70">Vừa xong</span>
</div> </div>
<div class="mt-2 overflow-auto border-base-content/5 border rounded-box"> </li>
<table class="table table-md">
<thead> <li class="alert py-1 alert-info">
<tr class="bg-base-200 font-bold text-gray-900"> <span>💬</span>
<div>
<p class="font-medium">Khách hàng Nguyễn Văn A đã gửi phản hồi</p>
<span class="text-xs opacity-70">3 phút trước</span>
</div>
</li>
<li class="alert py-1 alert-warning">
<span>⚠️</span>
<div>
<p class="font-medium">Lỗi kết nối với cổng thanh toán</p>
<span class="text-xs opacity-70">4 phút trước</span>
</div>
</li>
<li class="alert py-1">
<span>📰</span>
<div>
<p class="font-medium">Tin tức mới: Xu hướng mua sắm trực tuyến 2024</p>
<span class="text-xs opacity-70">5 phút trước</span>
</div>
</li>
<li class="alert py-1 alert-error">
<i data-lucide="ban" class="size-4"></i>
<div>
<p class="font-medium">Đơn hàng #12345 đã bị hủy</p>
<span class="text-xs opacity-70">Vừa xong</span>
</div>
</li>
<li class="alert py-1 alert-info">
<span>💬</span>
<div>
<p class="font-medium">Khách hàng Nguyễn Văn A đã gửi phản hồi</p>
<span class="text-xs opacity-70">3 phút trước</span>
</div>
</li>
<li class="alert py-1 alert-warning ">
<span>⚠️</span>
<div>
<p class="font-medium">Lỗi kết nối với cổng thanh toán</p>
<span class="text-xs opacity-70">4 phút trước</span>
</div>
</li>
<li class="alert py-1">
<span>📰</span>
<div>
<p class="font-medium">Tin tức mới: Xu hướng mua sắm trực tuyến 2024</p>
<span class="text-xs opacity-70">5 phút trước</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="w-[450px]">
<!-- 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>
<input type="date" value="2025-11-26" class="input w-1/3" />
</div>
<form class="flex items-center justify-between mt-3">
<input type="text" placeholder="Nhập việc cần làm của bạn" class="input input-sm w-[80%]" />
<button type="button" class="btn hura-btn-active btn-sm">Tạo mới</button>
</form>
<div class="overflow-x-auto border border-base-300 mt-3 rounded-sm">
<table class="table table-sm">
<thead class="bg-base-200 text-black font-bold">
<td> STT </td> <td> STT </td>
<td> Người dùng </td>
<td> Nội dung </td> <td> Nội dung </td>
<td> Thời gian </td> <td> Hết hạn </td>
<td> Xem chi tiết </td> <td> Trạng thái </td>
</tr> <td>Sửa</td>
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<td> 1 </td> <td> 1 </td>
<td> uyentt@hurasoft.com </td> <td class="whitespace-nowrap"> Sửa trang chủ websiteLaptoptcc </td>
<td> Chỉnh sửa trang chủ website laptoptcc </td> <td> 28/11/2023 </td>
<td> 24/11/2023 </td>
<td> <td>
<a href="" class="btn btn-outline hura-btn-outline btn-sm">Xem</a> <div class="badge badge-success badge-sm badge-soft whitespace-nowrap">Đang triển khai
</div>
</td>
<td>
<div class="flex items-center gap-2">
<a href="" class="btn btn-soft btn-xs btn-square btn-view">
<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> </td>
</tr> </tr>
<tr> <tr>
<td> 1 </td> <td> 2 </td>
<td> uyentt@hurasoft.com </td> <td class="whitespace-nowrap"> Sửa trang chủ websiteLaptoptcc </td>
<td> Chỉnh sửa trang chủ website laptoptcc </td> <td> 28/11/2023 </td>
<td> 24/11/2023 </td>
<td> <td>
<a href="" class="btn btn-outline hura-btn-outline btn-sm">Xem</a> <div class="badge badge-error badge-sm badge-soft whitespace-nowrap">Đang triển khai
</div>
</td>
<td>
<div class="flex items-center gap-2">
<a href="" class="btn btn-soft btn-xs btn-square btn-view">
<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> </td>
</tr> </tr>
<tr> <tr>
<td> 1 </td> <td> 3 </td>
<td> uyentt@hurasoft.com </td> <td class="whitespace-nowrap"> Sửa trang chủ websiteLaptoptcc </td>
<td> Chỉnh sửa trang chủ website laptoptcc </td> <td> 28/11/2023 </td>
<td> 24/11/2023 </td>
<td> <td>
<a href="" class="btn btn-outline hura-btn-outline btn-sm">Xem</a> <div class="badge badge-sm badge-ghost whitespace-nowrap">Đang triển khai</div>
</td>
<td>
<div class="flex items-center gap-2">
<a href="" class="btn btn-soft btn-xs btn-square btn-view">
<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> </td>
</tr> </tr>
<tr> <tr>
<td> 1 </td> <td> 4 </td>
<td> uyentt@hurasoft.com </td> <td class="whitespace-nowrap"> Sửa trang chủ websiteLaptoptcc </td>
<td> Chỉnh sửa trang chủ website laptoptcc </td> <td> 28/11/2023 </td>
<td> 24/11/2023 </td>
<td> <td>
<a href="" class="btn btn-outline hura-btn-outline btn-sm">Xem</a> <div class="badge badge-info badge-sm badge-soft whitespace-nowrap">Đang triển khai
</div>
</td>
<td>
<div class="flex items-center gap-2">
<a href="" class="btn btn-soft btn-xs btn-square btn-view">
<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> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div> </div>
</div> </div>
</div>
<!-- End: Recent Orders --> <!-- ghi chú -->
<div class="bg-white shadow p-3 rounded-sm mt-3">
<div class="flex items-center gap-2 mb-3">
<i data-lucide="notebook-pen" class="size-5"></i>
<b>Ghi chú nhanh</b>
</div> </div>
<textarea id="noteInput" class="textarea textarea-bordered w-full" placeholder="Nhập ghi chú..."></textarea>
<button class="btn btn-sm hura-btn-active mt-2">
+ Thêm
</button>
</div> </div>
<div class="w-[450px]">
<div class="bg-white shadow p-3 rounded-sm"> <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"> <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-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-introduce-web" class="btn btn-sm"> Web giới thiệu</a>
@@ -466,7 +587,7 @@
<a href="#js-report-article" class="btn btn-sm"> Bài viết</a> <a href="#js-report-article" class="btn btn-sm"> Bài viết</a>
</div> </div>
<div class="home-report-holder block overflow-x-auto rounded-box border border-base-400 bg-base-10" <div class="home-report-holder block overflow-x-auto rounded-box border border-base-300 bg-base-10"
id="js-report-most-viewed-products"> id="js-report-most-viewed-products">
<table class="table table-sm"> <table class="table table-sm">
<thead class="bg-base-200 text-black font-bold"> <thead class="bg-base-200 text-black font-bold">
@@ -558,64 +679,7 @@
</div> </div>
<div class="bg-white shadow p-3 mt-3 rounded-sm">
<div class="flex items-center justify-between">
<b class="font-medium">Ghi nhắc việc làm cá nhân</b>
<input type="date" value="2025-11-26" class="input w-1/3" />
</div>
<form class="flex items-center justify-between mt-3">
<input type="text" placeholder="Nhập việc cần làm của bạn" class="input w-[78%]" />
<button type="button" class="btn hura-btn-active">Tạo mới</button>
</form>
<div class="overflow-x-auto border border-base-content/5 mt-3">
<table class="table">
<thead class="bg-base-200">
<td> STT </td>
<td> Nội dung </td>
<td> Hết hạn </td>
<td> Trạng thái </td>
</thead>
<tbody>
<tr>
<td> 1 </td>
<td class="whitespace-nowrap"> Sửa trang chủ websiteLaptoptcc </td>
<td> 28/11/2023 </td>
<td>
<div class="badge badge-success badge-sm badge-soft whitespace-nowrap">Đang triển khai
</div>
</td>
</tr>
<tr>
<td> 2 </td>
<td class="whitespace-nowrap"> Sửa trang chủ websiteLaptoptcc </td>
<td> 28/11/2023 </td>
<td>
<div class="badge badge-error badge-sm badge-soft whitespace-nowrap">Đang triển khai
</div>
</td>
</tr>
<tr>
<td> 3 </td>
<td class="whitespace-nowrap"> Sửa trang chủ websiteLaptoptcc </td>
<td> 28/11/2023 </td>
<td>
<div class="badge badge-sm badge-ghost whitespace-nowrap">Đang triển khai</div>
</td>
</tr>
<tr>
<td> 4 </td>
<td class="whitespace-nowrap"> Sửa trang chủ websiteLaptoptcc </td>
<td> 28/11/2023 </td>
<td>
<div class="badge badge-info badge-sm badge-soft whitespace-nowrap">Đang triển khai
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div> </div>
</div> </div>

View File

@@ -381,7 +381,6 @@
}); });
} }
document.addEventListener("DOMContentLoaded", () => { document.addEventListener("DOMContentLoaded", () => {
initCustomerAcquisitionChart() initCustomerAcquisitionChart()
initRevenueStatisticsChart() initRevenueStatisticsChart()