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

update

Browse Source
This commit is contained in:
Tieptk
2025-12-12 16:29:06 +07:00
parent 04f6e919f0
commit 6f7a292259
3 changed files with 197 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
notes/home.md
View File

@@ -17,16 +17,19 @@ Chỉ gồm những thông tin quan trọng nhất mang tính chất: **Chỉ b
Mặc định sẽ hiển thị 3 chỉ báo. Khách hàng có thể click vào lựa chọn **Thêm chỉ báo** để tích chọn hiển thị thêm chỉ báo từ danh sách các chỉ báo được lập sẵn bởi hệ thống. Mặc định sẽ hiển thị 3 chỉ báo. Khách hàng có thể click vào lựa chọn **Thêm chỉ báo** để tích chọn hiển thị thêm chỉ báo từ danh sách các chỉ báo được lập sẵn bởi hệ thống.
Các thể hiện của chỉ báo: Các thể hiện của chỉ báo:
- Dạng thẻ: Hiển thị tên chỉ báo + số lượng mục cần xử lý - Dạng thẻ: Hiển thị tên chỉ báo + số lượng mục cần xử lý
Ví dụ: Ví dụ:
- [Đơn hàng mới] 15 - [Đơn hàng mới] 15
- [Liên hệ mới của khách hàng] 8 - [Liên hệ mới của khách hàng] 8
- [Comment mới chưa duyệt] 5 - [Comment mới chưa duyệt] 5
### 2. Tóm tắt thông tin: ### 2. Tóm tắt thông tin:
Có 2 dạng tóm tắt là **Chỉ số** và **Biểu đồ** Có 2 dạng tóm tắt là **Chỉ số** và **Biểu đồ**
#### Chỉ số: #### Chỉ số:
- Doanh thu trong ngày/tuần/tháng/năm - Doanh thu trong ngày/tuần/tháng/năm
- Lợi nhuận trong ngày/tuần/tháng/năm - Lợi nhuận trong ngày/tuần/tháng/năm
- Số đơn hàng trong ngày/tuần/tháng/năm - Số đơn hàng trong ngày/tuần/tháng/năm
@@ -37,6 +40,7 @@ Có 2 dạng tóm tắt là **Chỉ số** và **Biểu đồ**
Cách thể hiện về cơ bản là như hiện tại. Cách thể hiện về cơ bản là như hiện tại.
#### Biểu đồ: #### Biểu đồ:
- Biểu đồ doanh thu theo ngày/tuần/tháng/năm - Biểu đồ doanh thu theo ngày/tuần/tháng/năm
- Biểu đồ số đơn hàng theo ngày/tuần/tháng/năm - Biểu đồ số đơn hàng theo ngày/tuần/tháng/năm
- Biểu đồ số khách hàng mới theo ngày/tuần/tháng/năm - Biểu đồ số khách hàng mới theo ngày/tuần/tháng/năm
@@ -52,6 +56,7 @@ Cách thể hiện về cơ bản là như hiện tại.
Hiển thị các thông tin, thông báo liên quan tới hoạt động của cửa hàng như: cập nhật đơn hàng, phản hồi khách hàng, cảnh báo lỗi hệ thống, tin tức mới từ ngành hàng, v.v. Hiển thị các thông tin, thông báo liên quan tới hoạt động của cửa hàng như: cập nhật đơn hàng, phản hồi khách hàng, cảnh báo lỗi hệ thống, tin tức mới từ ngành hàng, v.v.
Ví dụ: Ví dụ:
- [Vừa xong] Đơn hàng #12345 đã được xử lý. - [Vừa xong] Đơn hàng #12345 đã được xử lý.
- [3 phút trước] Khách hàng Nguyễn Văn A đã gửi phản hồi. - [3 phút trước] Khách hàng Nguyễn Văn A đã gửi phản hồi.
- [4 phút trước] Hệ thống đã phát hiện lỗi kết nối với cổng thanh toán. - [4 phút trước] Hệ thống đã phát hiện lỗi kết nối với cổng thanh toán.
@@ -60,25 +65,28 @@ Ví dụ:
- [33 phút trước] Cập nhật sản phẩm mới: Sản phẩm XYZ đã được thêm vào kho hàng. - [33 phút trước] Cập nhật sản phẩm mới: Sản phẩm XYZ đã được thêm vào kho hàng.
- ... Các thông tin, thông báo khác - ... Các thông tin, thông báo khác
## Cột 2: Vùng làm việc cá nhân (fix cứng độ rộng = 450px) ## Cột 2: Vùng làm việc cá nhân (fix cứng độ rộng = 450px)
Khu vực này dành cho người dùng thực hiện các tác vụ cá nhân như: Khu vực này dành cho người dùng thực hiện các tác vụ cá nhân như:
### 1. To-do list cá nhân: ### 1. To-do list cá nhân:
- Danh sách công việc cá nhân cần hoàn thành. - Danh sách công việc cá nhân cần hoàn thành.
- Tùy chọn đánh dấu công việc đã hoàn thành. - Tùy chọn đánh dấu công việc đã hoàn thành.
- Tùy chọn thêm, sửa, xóa công việc. - Tùy chọn thêm, sửa, xóa công việc.
### 2. Ghi chú nhanh: ### 2. Ghi chú nhanh:
- Khu vực để người dùng ghi chú nhanh các ý tưởng, thông tin quan trọng. - Khu vực để người dùng ghi chú nhanh các ý tưởng, thông tin quan trọng.
- Tùy chọn lưu, chỉnh sửa, xóa ghi chú. - Tùy chọn lưu, chỉnh sửa, xóa ghi chú.
### 3. Ticket hỗ trợ từ HuraSoft: ### 3. Ticket hỗ trợ từ HuraSoft:
- Hiển thị danh sách các ticket hỗ trợ mà người dùng đã gửi đến HuraSoft. - Hiển thị danh sách các ticket hỗ trợ mà người dùng đã gửi đến HuraSoft.
- Tùy chọn xem chi tiết, cập nhật trạng thái ticket. - Tùy chọn xem chi tiết, cập nhật trạng thái ticket.
- Tùy chọn tạo ticket hỗ trợ mới. - Tùy chọn tạo ticket hỗ trợ mới.
### 4. Liên kết nhanh: ### 4. Liên kết nhanh:
- Danh sách các liên kết nhanh đến các trang quản trị quan trọng như: Quản lý sản phẩm, Quản lý đơn hàng, Quản lý khách hàng, Báo cáo doanh thu, Cài đặt hệ thống, v.v. - Danh sách các liên kết nhanh đến các trang quản trị quan trọng như: Quản lý sản phẩm, Quản lý đơn hàng, Quản lý khách hàng, Báo cáo doanh thu, Cài đặt hệ thống, v.v.
- Tùy chọn thêm, sửa, xóa liên kết nhanh. - Tùy chọn thêm, sửa, xóa liên kết nhanh.

192
template/home/home.html
View File

@@ -2,7 +2,173 @@
<div class="grid gap-3 grid-cols-12"> <div class="grid gap-3 grid-cols-12">
<div class="col-span-8"> <div class="col-span-8">
<div class="grid gap-3 lg:grid-cols-2 xl:grid-cols-4">
<!-- việc cần làm -->
<div class="box-indicator">
<div class="flex items-center justify-between mb-3">
<b class="text-md">Việc cần làm</b>
<button type="button" href="javascript:void(0)"
onclick="document.getElementById('box-add-indicator')?.showModal()"
class="btn btn-sm hura-btn-active cursor-pointer">
<i data-lucide="plus-circle" class="size-3"></i>
Thêm việc cần làm
</button>
</div>
<div class="grid grid-cols-4 gap-3 mt-3">
<div class="card bg-base-100 cursor-pointer shadow transition-all hover:shadow-md">
<div class="p-4">
<div class="flex items-center justify-between">
<div class="bg-base-200 rounded-box inline-flex items-center justify-center p-2">
<span data-lucide="shopping-cart" class="size-5"></span>
</div>
<a href="/admin/order" class="btn btn-sm hura-btn-outline">Xem</a>
</div>
<div class="mt-3 flex items-center justify-between">
<p class="text-sm font-medium">Đơn hàng mới</p>
<span class="text-base-content/80 text-xs">
52.4%
</span>
</div>
<progress max="125" value="65.5"
class="progress progress-primary mt-0.5 h-1.5 align-super"></progress>
<div class="-mt-1.5 flex items-center justify-between">
<span class="text-sm font-medium">6</span>
<span class="text-base-content/80 text-xs">
10
</span>
</div>
</div>
</div>
<div class="card bg-base-100 cursor-pointer shadow transition-all hover:shadow-md">
<div class="p-4">
<div class="flex items-center justify-between">
<div class="bg-base-200 rounded-box inline-flex items-center justify-center p-2">
<span data-lucide="user" class="size-5"></span>
</div>
<a href="/admin/customer" class="btn btn-sm hura-btn-outline">Xem</a>
</div>
<div class="mt-3 flex items-center justify-between">
<p class="text-sm font-medium">Liên hệ mới</p>
<span class="text-base-content/80 text-xs">
52.5%
</span>
</div>
<progress max="125" value="65.5"
class="progress progress-warning mt-0.5 h-1.5 align-super"></progress>
<div class="-mt-1.5 flex items-center justify-between">
<span class="text-sm font-medium">6</span>
<span class="text-base-content/80 text-xs">
10
</span>
</div>
</div>
</div>
<div class="card bg-base-100 cursor-pointer shadow transition-all hover:shadow-md">
<div class="p-4">
<div class="flex items-center justify-between">
<div class="bg-base-200 rounded-box inline-flex items-center justify-center p-2">
<span data-lucide="bug" class="size-5"></span>
</div>
<a href="#" class="btn btn-sm hura-btn-outline">Xem</a>
</div>
<div class="mt-3 flex items-center justify-between">
<p class="text-sm font-medium">Lỗi web</p>
<span class="text-base-content/80 text-xs">
10%
</span>
</div>
<progress max="100" value="10"
class="progress progress-error mt-0.5 h-1.5 align-super"></progress>
<div class="-mt-1.5 flex items-center justify-between">
<span class="text-sm font-medium">1</span>
<span class="text-base-content/80 text-xs">
5
</span>
</div>
</div>
</div>
<div class="card bg-base-100 cursor-pointer shadow transition-all hover:shadow-md">
<div class="p-4">
<div class="flex items-center justify-between">
<div class="bg-base-200 rounded-box inline-flex items-center justify-center p-2">
<span data-lucide="badge-dollar-sign" class="size-5"></span>
</div>
<a href="#" class="btn btn-sm hura-btn-outline">Xem</a>
</div>
<div class="mt-3 flex items-center justify-between">
<p class="text-sm font-medium">Đơn trả góp mới</p>
<span class="text-base-content/80 text-xs">
90%
</span>
</div>
<progress max="100" value="90"
class="progress progress-info mt-0.5 h-1.5 align-super"></progress>
<div class="-mt-1.5 flex items-center justify-between">
<span class="text-sm font-medium">9</span>
<span class="text-base-content/80 text-xs">
10
</span>
</div>
</div>
</div>
</div>
<!-- box dialog chỉ mục -->
<dialog id="box-add-indicator" class="modal p-0">
<div class="modal-box bg-transparent p-0 shadow-none max-w-xl">
<div class="bg-base-100 rounded-box p-4">
<div class="flex items-center justify-between">
<b>Thêm danh sách việc cần làm</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-2 -mb-px">
<label class="label py-2 flex items-center gap-2">
<input type="checkbox" name="" class="checkbox checkbox-sm rounded-sm hura-checkbox"
id="">
<span class="label-text text-black">Đơn hàng mới</span>
</label>
<label class="label py-2 flex items-center gap-2">
<input type="checkbox" name="" class="checkbox checkbox-sm rounded-sm hura-checkbox"
id="">
<span class="label-text text-black">Liên hệ mới của khách hàng</span>
</label>
<label class="label py-2 flex items-center gap-2">
<input type="checkbox" name="" class="checkbox checkbox-sm rounded-sm hura-checkbox"
id="">
<span class="label-text text-black">Bài luận mới chưa duyệt</span>
</label>
<label class="label py-2 flex items-center gap-2">
<input type="checkbox" name="" class="checkbox checkbox-sm rounded-sm hura-checkbox"
id="">
<span class="label-text text-black">Lỗi website</span>
</label>
<label class="label py-2 flex items-center gap-2">
<input type="checkbox" name="" class="checkbox checkbox-sm rounded-sm hura-checkbox"
id="">
<span class="label-text text-black">Đơn hàng chưa xử lý</span>
</label>
<label class="label py-2 flex items-center gap-2">
<input type="checkbox" name="" class="checkbox checkbox-sm rounded-sm hura-checkbox"
id="">
<span class="label-text text-black">Đơn hàng trả góp mới</span>
</label>
<button type="submit" class="btn hura-btn-active btn-sm mt-3">Lưu lại</button>
</div>
</div>
</div>
</dialog>
</div>
<div class="grid gap-3 lg:grid-cols-2 xl:grid-cols-4 mt-3">
<!-- đơn hàng mới -->
<div class="card bg-base-100 shadow"> <div class="card bg-base-100 shadow">
<div class="card-body gap-2"> <div class="card-body gap-2">
<div class="flex items-start justify-between gap-2 text-sm"> <div class="flex items-start justify-between gap-2 text-sm">
@@ -12,7 +178,7 @@
</p> </p>
<div class="mt-3 flex items-center gap-2"> <div class="mt-3 flex items-center gap-2">
<p class="inline text-2xl font-semibold"> <p class="inline text-2xl font-semibold">
10.000.000 100
</p> </p>
</div> </div>
</div> </div>
@@ -31,6 +197,7 @@
</div> </div>
</div> </div>
</div> </div>
<!-- Liên hệ khách hàng -->
<div class="card bg-base-100 shadow"> <div class="card bg-base-100 shadow">
<div class="card-body gap-2"> <div class="card-body gap-2">
<div class="flex items-start justify-between gap-2 text-sm"> <div class="flex items-start justify-between gap-2 text-sm">
@@ -41,12 +208,12 @@
</p> </p>
<div class="mt-3 flex items-center gap-2"> <div class="mt-3 flex items-center gap-2">
<p class="inline text-2xl font-semibold"> <p class="inline text-2xl font-semibold">
1.000.000 12
</p> </p>
</div> </div>
</div> </div>
<div class="bg-base-200 rounded-box flex items-center p-2"> <div class="bg-base-200 rounded-box flex items-center p-2">
<i data-lucide="package" class="size-5"></i> <i data-lucide="phone" class="size-5"></i>
</div> </div>
</div> </div>
<div class="flex items-center gap-3 mt-2"> <div class="flex items-center gap-3 mt-2">
@@ -60,21 +227,22 @@
</div> </div>
</div> </div>
</div> </div>
<!-- comment mới được phê duyệt -->
<div class="card bg-base-100 shadow"> <div class="card bg-base-100 shadow">
<div class="card-body gap-2"> <div class="card-body gap-2">
<div class="flex items-start justify-between gap-2 text-sm"> <div class="flex items-start justify-between gap-2 text-sm">
<div> <div>
<p class="text-base-content/80 font-medium h-[40px]"> <p class="text-base-content/80 font-medium h-[40px]">
Đơn trả góp Bình luận mới dược phê duyệt
</p> </p>
<div class="mt-3 flex items-center gap-2"> <div class="mt-3 flex items-center gap-2">
<p class="inline text-2xl font-semibold"> <p class="inline text-2xl font-semibold">
600.000 20
</p> </p>
</div> </div>
</div> </div>
<div class="bg-base-200 rounded-box flex items-center p-2"> <div class="bg-base-200 rounded-box flex items-center p-2">
<i data-lucide="users" class="size-5"></i> <i data-lucide="message-circle-more" class="size-5"></i>
</div> </div>
</div> </div>
<div class="flex items-center gap-3 mt-2"> <div class="flex items-center gap-3 mt-2">
@@ -88,21 +256,22 @@
</div> </div>
</div> </div>
</div> </div>
<!-- lỗi web -->
<div class="card bg-base-100 shadow"> <div class="card bg-base-100 shadow">
<div class="card-body gap-2"> <div class="card-body gap-2">
<div class="flex items-start justify-between gap-2 text-sm"> <div class="flex items-start justify-between gap-2 text-sm">
<div> <div>
<p class="text-base-content/80 font-medium h-[40px]"> <p class="text-base-content/80 font-medium h-[40px]">
Đơn hoàn trả Lỗi website
</p> </p>
<div class="mt-3 flex items-center gap-2"> <div class="mt-3 flex items-center gap-2">
<p class="inline text-2xl font-semibold"> <p class="inline text-2xl font-semibold">
30.000 30
</p> </p>
</div> </div>
</div> </div>
<div class="bg-base-200 rounded-box flex items-center p-2"> <div class="bg-base-200 rounded-box flex items-center p-2">
<i data-lucide="eraser" class="size-5"></i> <i data-lucide="bug" class="size-5"></i>
</div> </div>
</div> </div>
<div class="flex items-center gap-3 mt-2"> <div class="flex items-center gap-3 mt-2">
@@ -117,6 +286,7 @@
</div> </div>
</div> </div>
</div> </div>
<!-- End: Dashboard Stats Widget --> <!-- End: Dashboard Stats Widget -->
<div class="mt-3 grid grid-cols-1 gap-3 xl:grid-cols-12"> <div class="mt-3 grid grid-cols-1 gap-3 xl:grid-cols-12">
<div class="xl:col-span-7"> <div class="xl:col-span-7">
@@ -281,7 +451,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-content/5 bg-base-10" <div class="home-report-holder block overflow-x-auto rounded-box border border-base-400 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">

2
template/other/header.html
View File

@@ -321,7 +321,7 @@
</li> </li>
<li> <li>
<a href="/logout.php"> <a href="/logout.php">
<i data-lucide="logout" class="size-4"></i> <i data-lucide="log-out" class="size-4"></i>
<span>Đăng xuất</span> <span>Đăng xuất</span>
</a> </a>
</li> </li>