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

192
template/home/home.html
View File

@@ -2,7 +2,173 @@
<div class="grid gap-3 grid-cols-12">
<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-body gap-2">
<div class="flex items-start justify-between gap-2 text-sm">
@@ -12,7 +178,7 @@
</p>
<div class="mt-3 flex items-center gap-2">
<p class="inline text-2xl font-semibold">
10.000.000
100
</p>
</div>
</div>
@@ -31,6 +197,7 @@
</div>
</div>
</div>
<!-- Liên hệ khách hàng -->
<div class="card bg-base-100 shadow">
<div class="card-body gap-2">
<div class="flex items-start justify-between gap-2 text-sm">
@@ -41,12 +208,12 @@
</p>
<div class="mt-3 flex items-center gap-2">
<p class="inline text-2xl font-semibold">
1.000.000
12
</p>
</div>
</div>
<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 class="flex items-center gap-3 mt-2">
@@ -60,21 +227,22 @@
</div>
</div>
</div>
<!-- comment mới được phê duyệt -->
<div class="card bg-base-100 shadow">
<div class="card-body gap-2">
<div class="flex items-start justify-between gap-2 text-sm">
<div>
<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>
<div class="mt-3 flex items-center gap-2">
<p class="inline text-2xl font-semibold">
600.000
20
</p>
</div>
</div>
<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 class="flex items-center gap-3 mt-2">
@@ -88,21 +256,22 @@
</div>
</div>
</div>
<!-- lỗi web -->
<div class="card bg-base-100 shadow">
<div class="card-body gap-2">
<div class="flex items-start justify-between gap-2 text-sm">
<div>
<p class="text-base-content/80 font-medium h-[40px]">
Đơn hoàn trả
Lỗi website
</p>
<div class="mt-3 flex items-center gap-2">
<p class="inline text-2xl font-semibold">
30.000
30
</p>
</div>
</div>
<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 class="flex items-center gap-3 mt-2">
@@ -117,6 +286,7 @@
</div>
</div>
</div>
<!-- End: Dashboard Stats Widget -->
<div class="mt-3 grid grid-cols-1 gap-3 xl:grid-cols-12">
<div class="xl:col-span-7">
@@ -281,7 +451,7 @@
<a href="#js-report-article" class="btn btn-sm"> Bài viết</a>
</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">
<table class="table table-sm">
<thead class="bg-base-200 text-black font-bold">