update
This commit is contained in:
@@ -241,4 +241,7 @@
|
||||
.hura-text-blue {
|
||||
color: var(--color-hura);
|
||||
}
|
||||
.hura-bg-blue {
|
||||
background: var(--color-hura);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,12 +1,15 @@
|
||||
<!-- Start: Dashboard Stats Widget -->
|
||||
|
||||
<div class="grid gap-3 grid-cols-12">
|
||||
<div class="col-span-8">
|
||||
<div class="gap-3 flex">
|
||||
<div class="w-[calc(100%_-450px)]">
|
||||
|
||||
<!-- 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>
|
||||
<div class="flex items-center gap-2">
|
||||
<i data-lucide="notebook-tabs" class="size-5"></i>
|
||||
<b class="text-lg">Việc cần làm</b>
|
||||
</div>
|
||||
<button type="button" href="javascript:void(0)"
|
||||
onclick="document.getElementById('box-add-indicator')?.showModal()"
|
||||
class="btn btn-sm hura-btn-active cursor-pointer">
|
||||
@@ -167,211 +170,221 @@
|
||||
</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">
|
||||
<div>
|
||||
<p class="text-base-content/80 font-medium h-[40px]">
|
||||
Đơn hàng mới
|
||||
</p>
|
||||
<div class="mt-3 flex items-center gap-2">
|
||||
<p class="inline text-2xl font-semibold">
|
||||
100
|
||||
<!-- tóm tắt -->
|
||||
<div class="box mt-7">
|
||||
<div class="flex items-center">
|
||||
<div class="flex items-center gap-2">
|
||||
<i data-lucide="file-pen-line" class="size-5"></i>
|
||||
<b class="text-lg">Tóm tắt</b>
|
||||
</div>
|
||||
</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">
|
||||
<div>
|
||||
<p class="text-base-content/80 font-medium h-[40px]">
|
||||
Đơn hàng mới
|
||||
</p>
|
||||
<div class="mt-3 flex items-center gap-2">
|
||||
<p class="inline text-2xl font-semibold">
|
||||
100
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-base-200 rounded-box flex items-center p-2">
|
||||
<i data-lucide="circle-dollar-sign" class="size-5"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-base-200 rounded-box flex items-center p-2">
|
||||
<i data-lucide="circle-dollar-sign" class="size-5"></i>
|
||||
<div class="flex items-center gap-3 mt-2">
|
||||
<div class="badge badge-soft badge-success badge-sm gap-0.5 px-1 font-medium">
|
||||
<i data-lucide="arrow-up" class="size-3.5"></i>
|
||||
10.8%
|
||||
</div>
|
||||
<p class="text-base-content/60 text-sm">
|
||||
Hôm qua
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-center gap-3 mt-2">
|
||||
<div class="badge badge-soft badge-success badge-sm gap-0.5 px-1 font-medium">
|
||||
<i data-lucide="arrow-up" class="size-3.5"></i>
|
||||
10.8%
|
||||
</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">
|
||||
<div>
|
||||
<p class="text-base-content/80 font-medium h-[40px]">
|
||||
Khách hàng liên hệ
|
||||
qua website
|
||||
</p>
|
||||
<div class="mt-3 flex items-center gap-2">
|
||||
<p class="inline text-2xl font-semibold">
|
||||
12
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-base-200 rounded-box flex items-center p-2">
|
||||
<i data-lucide="phone" class="size-5"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-center gap-3 mt-2">
|
||||
<div class="badge badge-soft badge-success badge-sm gap-0.5 px-1 font-medium">
|
||||
<i data-lucide="arrow-up" class="size-3.5"></i>
|
||||
5.4%
|
||||
</div>
|
||||
<p class="text-base-content/60 text-sm">
|
||||
Hôm qua
|
||||
</p>
|
||||
</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]">
|
||||
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">
|
||||
20
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-base-200 rounded-box flex items-center p-2">
|
||||
<i data-lucide="message-circle-more" class="size-5"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-center gap-3 mt-2">
|
||||
<div class="badge badge-soft badge-error badge-sm gap-0.5 px-1 font-medium">
|
||||
<i data-lucide="arrow-down" class="size-3.5"></i>
|
||||
-6.8%
|
||||
</div>
|
||||
<p class="text-base-content/60 text-sm">
|
||||
Hôm qua
|
||||
</p>
|
||||
</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]">
|
||||
Lỗi website
|
||||
</p>
|
||||
<div class="mt-3 flex items-center gap-2">
|
||||
<p class="inline text-2xl font-semibold">
|
||||
30
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-base-200 rounded-box flex items-center p-2">
|
||||
<i data-lucide="bug" class="size-5"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-center gap-3 mt-2">
|
||||
<div class="badge badge-soft badge-success badge-sm gap-0.5 px-1 font-medium">
|
||||
<i data-lucide="arrow-up" class="size-3.5"></i>
|
||||
8.5%
|
||||
</div>
|
||||
<p class="text-base-content/60 text-sm">
|
||||
Hôm qua
|
||||
</p>
|
||||
</div>
|
||||
<p class="text-base-content/60 text-sm">
|
||||
Hôm qua
|
||||
</p>
|
||||
</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">
|
||||
<div>
|
||||
<p class="text-base-content/80 font-medium h-[40px]">
|
||||
Khách hàng liên hệ
|
||||
qua website
|
||||
</p>
|
||||
<div class="mt-3 flex items-center gap-2">
|
||||
<p class="inline text-2xl font-semibold">
|
||||
12
|
||||
</p>
|
||||
<!-- End: Dashboard Stats Widget -->
|
||||
<div class="mt-3 grid grid-cols-1 gap-3 xl:grid-cols-12">
|
||||
<div class="xl:col-span-7">
|
||||
<!-- Start: Revenue Statistic -->
|
||||
|
||||
<div class="card bg-base-100 shadow">
|
||||
<div class="card-body px-0 pb-0">
|
||||
<div class="flex items-start justify-between">
|
||||
<span class="font-medium">
|
||||
Doanh thu
|
||||
</span>
|
||||
<div class="tabs tabs-box tabs-xs hidden sm:block">
|
||||
<div class="tab false px-3">Ngày</div>
|
||||
<div class="tab false px-3">Tháng</div>
|
||||
<div class="tab tab-active px-3">Năm</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-base-200 rounded-box flex items-center p-2">
|
||||
<i data-lucide="phone" class="size-5"></i>
|
||||
<div class="mt-3">
|
||||
<div class="flex items-center gap-3">
|
||||
<span class="text-4xl font-semibold">
|
||||
184.78K
|
||||
</span>
|
||||
<span class="text-success font-medium">
|
||||
+3.24%
|
||||
</span>
|
||||
</div>
|
||||
<span class="text-base-content/60 text-sm">
|
||||
Tổng doanh thu trong năm nay
|
||||
</span>
|
||||
</div>
|
||||
<div id="revenue-statics-chart"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-center gap-3 mt-2">
|
||||
<div class="badge badge-soft badge-success badge-sm gap-0.5 px-1 font-medium">
|
||||
<i data-lucide="arrow-up" class="size-3.5"></i>
|
||||
5.4%
|
||||
</div>
|
||||
<p class="text-base-content/60 text-sm">
|
||||
Hôm qua
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!-- End: Revenue Statistic -->
|
||||
</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]">
|
||||
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">
|
||||
20
|
||||
</p>
|
||||
<div class="xl:col-span-5">
|
||||
<!-- Start: Customer Acquisition -->
|
||||
|
||||
<div class="card bg-base-100 shadow">
|
||||
<div class="card-body p-0">
|
||||
<div class="flex items-center justify-between">
|
||||
<span class="font-medium">
|
||||
Truy cập khách hàng
|
||||
</span>
|
||||
<div class="inline-flex items-center gap-2">
|
||||
<div class="text-base-content/60 w-6 border border-dashed"></div>
|
||||
<span class="text-base-content/80 text-xs">
|
||||
Dự đoán
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-4">
|
||||
<div class="divide-base-300 grid grid-cols-2 gap-5 sm:grid-cols-3 sm:divide-x">
|
||||
<div class="text-center">
|
||||
<p>Advertise</p>
|
||||
<p class="mt-0.5 text-xl font-medium">
|
||||
$148
|
||||
</p>
|
||||
<div class="text-success mt-0.5 inline-flex items-center gap-1">
|
||||
<i data-lucide="arrow-up" class="size-3"></i>
|
||||
<p class="text-xs">4.78%</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hidden text-center sm:block">
|
||||
<p>Customers</p>
|
||||
<p class="mt-0.5 text-xl font-medium">
|
||||
427
|
||||
</p>
|
||||
<div class="text-success mt-0.5 inline-flex items-center gap-1">
|
||||
<i data-lucide="arrow-up" class="size-3"></i>
|
||||
<p class="text-xs">3.15%</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="-mt-25">
|
||||
<div id="customer-acquisition-chart"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-base-200 rounded-box flex items-center p-2">
|
||||
<i data-lucide="message-circle-more" class="size-5"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-center gap-3 mt-2">
|
||||
<div class="badge badge-soft badge-error badge-sm gap-0.5 px-1 font-medium">
|
||||
<i data-lucide="arrow-down" class="size-3.5"></i>
|
||||
-6.8%
|
||||
</div>
|
||||
<p class="text-base-content/60 text-sm">
|
||||
Hôm qua
|
||||
</p>
|
||||
</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]">
|
||||
Lỗi website
|
||||
</p>
|
||||
<div class="mt-3 flex items-center gap-2">
|
||||
<p class="inline text-2xl font-semibold">
|
||||
30
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-base-200 rounded-box flex items-center p-2">
|
||||
<i data-lucide="bug" class="size-5"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-center gap-3 mt-2">
|
||||
<div class="badge badge-soft badge-success badge-sm gap-0.5 px-1 font-medium">
|
||||
<i data-lucide="arrow-up" class="size-3.5"></i>
|
||||
8.5%
|
||||
</div>
|
||||
<p class="text-base-content/60 text-sm">
|
||||
Hôm qua
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!-- End: Customer Acquisition -->
|
||||
</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">
|
||||
<!-- Start: Revenue Statistic -->
|
||||
|
||||
<div class="card bg-base-100 shadow">
|
||||
<div class="card-body px-0 pb-0">
|
||||
<div class="flex items-start justify-between">
|
||||
<span class="font-medium">
|
||||
Doanh thu
|
||||
</span>
|
||||
<div class="tabs tabs-box tabs-xs hidden sm:block">
|
||||
<div class="tab false px-3">Ngày</div>
|
||||
<div class="tab false px-3">Tháng</div>
|
||||
<div class="tab tab-active px-3">Năm</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<div class="flex items-center gap-3">
|
||||
<span class="text-4xl font-semibold">
|
||||
184.78K
|
||||
</span>
|
||||
<span class="text-success font-medium">
|
||||
+3.24%
|
||||
</span>
|
||||
</div>
|
||||
<span class="text-base-content/60 text-sm">
|
||||
Tổng doanh thu trong năm nay
|
||||
</span>
|
||||
</div>
|
||||
<div id="revenue-statics-chart"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- End: Revenue Statistic -->
|
||||
</div>
|
||||
<div class="xl:col-span-5">
|
||||
<!-- Start: Customer Acquisition -->
|
||||
|
||||
<div class="card bg-base-100 shadow">
|
||||
<div class="card-body p-0">
|
||||
<div class="flex items-center justify-between">
|
||||
<span class="font-medium">
|
||||
Truy cập khách hàng
|
||||
</span>
|
||||
<div class="inline-flex items-center gap-2">
|
||||
<div class="text-base-content/60 w-6 border border-dashed"></div>
|
||||
<span class="text-base-content/80 text-xs">
|
||||
Dự đoán
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-4">
|
||||
<div class="divide-base-300 grid grid-cols-2 gap-5 sm:grid-cols-3 sm:divide-x">
|
||||
<div class="text-center">
|
||||
<p>Advertise</p>
|
||||
<p class="mt-0.5 text-xl font-medium">
|
||||
$148
|
||||
</p>
|
||||
<div class="text-success mt-0.5 inline-flex items-center gap-1">
|
||||
<i data-lucide="arrow-up" class="size-3"></i>
|
||||
<p class="text-xs">4.78%</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hidden text-center sm:block">
|
||||
<p>Customers</p>
|
||||
<p class="mt-0.5 text-xl font-medium">
|
||||
427
|
||||
</p>
|
||||
<div class="text-success mt-0.5 inline-flex items-center gap-1">
|
||||
<i data-lucide="arrow-up" class="size-3"></i>
|
||||
<p class="text-xs">3.15%</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="-mt-25">
|
||||
<div id="customer-acquisition-chart"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- End: Customer Acquisition -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<!-- Start: Lịch sử chỉnh sửa -->
|
||||
<div aria-label="Card" class="card bg-base-100 shadow">
|
||||
@@ -441,8 +454,10 @@
|
||||
</div>
|
||||
<!-- End: Recent Orders -->
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="col-span-4">
|
||||
<div class="w-[450px]">
|
||||
<div class="bg-white shadow p-3 rounded-sm">
|
||||
<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>
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
const initCustomerAcquisitionChart = () => {
|
||||
const chartOptions = {
|
||||
chart: {
|
||||
height: 363,
|
||||
height: 390,
|
||||
sparkline: {
|
||||
enabled: false,
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user