update
This commit is contained in:
@@ -241,4 +241,7 @@
|
|||||||
.hura-text-blue {
|
.hura-text-blue {
|
||||||
color: var(--color-hura);
|
color: var(--color-hura);
|
||||||
}
|
}
|
||||||
|
.hura-bg-blue {
|
||||||
|
background: var(--color-hura);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,12 +1,15 @@
|
|||||||
<!-- Start: Dashboard Stats Widget -->
|
<!-- Start: Dashboard Stats Widget -->
|
||||||
|
|
||||||
<div class="grid gap-3 grid-cols-12">
|
<div class="gap-3 flex">
|
||||||
<div class="col-span-8">
|
<div class="w-[calc(100%_-450px)]">
|
||||||
|
|
||||||
<!-- việc cần làm -->
|
<!-- việc cần làm -->
|
||||||
<div class="box-indicator">
|
<div class="box-indicator">
|
||||||
<div class="flex items-center justify-between mb-3">
|
<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)"
|
<button type="button" href="javascript:void(0)"
|
||||||
onclick="document.getElementById('box-add-indicator')?.showModal()"
|
onclick="document.getElementById('box-add-indicator')?.showModal()"
|
||||||
class="btn btn-sm hura-btn-active cursor-pointer">
|
class="btn btn-sm hura-btn-active cursor-pointer">
|
||||||
@@ -167,211 +170,221 @@
|
|||||||
</dialog>
|
</dialog>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="grid gap-3 lg:grid-cols-2 xl:grid-cols-4 mt-3">
|
<!-- tóm tắt -->
|
||||||
<!-- đơn hàng mới -->
|
<div class="box mt-7">
|
||||||
<div class="card bg-base-100 shadow">
|
<div class="flex items-center">
|
||||||
<div class="card-body gap-2">
|
<div class="flex items-center gap-2">
|
||||||
<div class="flex items-start justify-between gap-2 text-sm">
|
<i data-lucide="file-pen-line" class="size-5"></i>
|
||||||
<div>
|
<b class="text-lg">Tóm tắt</b>
|
||||||
<p class="text-base-content/80 font-medium h-[40px]">
|
</div>
|
||||||
Đơn hàng mới
|
</div>
|
||||||
</p>
|
<div class="grid gap-3 lg:grid-cols-2 xl:grid-cols-4 mt-3">
|
||||||
<div class="mt-3 flex items-center gap-2">
|
<!-- đơn hàng mới -->
|
||||||
<p class="inline text-2xl font-semibold">
|
<div class="card bg-base-100 shadow">
|
||||||
100
|
<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>
|
</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>
|
</div>
|
||||||
<div class="bg-base-200 rounded-box flex items-center p-2">
|
<div class="flex items-center gap-3 mt-2">
|
||||||
<i data-lucide="circle-dollar-sign" class="size-5"></i>
|
<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>
|
</div>
|
||||||
<div class="flex items-center gap-3 mt-2">
|
</div>
|
||||||
<div class="badge badge-soft badge-success badge-sm gap-0.5 px-1 font-medium">
|
<!-- Liên hệ khách hàng -->
|
||||||
<i data-lucide="arrow-up" class="size-3.5"></i>
|
<div class="card bg-base-100 shadow">
|
||||||
10.8%
|
<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>
|
</div>
|
||||||
<p class="text-base-content/60 text-sm">
|
|
||||||
Hôm qua
|
|
||||||
</p>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- Liên hệ khách hàng -->
|
<!-- End: Dashboard Stats Widget -->
|
||||||
<div class="card bg-base-100 shadow">
|
<div class="mt-3 grid grid-cols-1 gap-3 xl:grid-cols-12">
|
||||||
<div class="card-body gap-2">
|
<div class="xl:col-span-7">
|
||||||
<div class="flex items-start justify-between gap-2 text-sm">
|
<!-- Start: Revenue Statistic -->
|
||||||
<div>
|
|
||||||
<p class="text-base-content/80 font-medium h-[40px]">
|
<div class="card bg-base-100 shadow">
|
||||||
Khách hàng liên hệ
|
<div class="card-body px-0 pb-0">
|
||||||
qua website
|
<div class="flex items-start justify-between">
|
||||||
</p>
|
<span class="font-medium">
|
||||||
<div class="mt-3 flex items-center gap-2">
|
Doanh thu
|
||||||
<p class="inline text-2xl font-semibold">
|
</span>
|
||||||
12
|
<div class="tabs tabs-box tabs-xs hidden sm:block">
|
||||||
</p>
|
<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>
|
<div class="mt-3">
|
||||||
<div class="bg-base-200 rounded-box flex items-center p-2">
|
<div class="flex items-center gap-3">
|
||||||
<i data-lucide="phone" class="size-5"></i>
|
<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>
|
</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">
|
<!-- End: Revenue Statistic -->
|
||||||
<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>
|
||||||
</div>
|
<div class="xl:col-span-5">
|
||||||
<!-- comment mới được phê duyệt -->
|
<!-- Start: Customer Acquisition -->
|
||||||
<div class="card bg-base-100 shadow">
|
|
||||||
<div class="card-body gap-2">
|
<div class="card bg-base-100 shadow">
|
||||||
<div class="flex items-start justify-between gap-2 text-sm">
|
<div class="card-body p-0">
|
||||||
<div>
|
<div class="flex items-center justify-between">
|
||||||
<p class="text-base-content/80 font-medium h-[40px]">
|
<span class="font-medium">
|
||||||
Bình luận mới dược phê duyệt
|
Truy cập khách hàng
|
||||||
</p>
|
</span>
|
||||||
<div class="mt-3 flex items-center gap-2">
|
<div class="inline-flex items-center gap-2">
|
||||||
<p class="inline text-2xl font-semibold">
|
<div class="text-base-content/60 w-6 border border-dashed"></div>
|
||||||
20
|
<span class="text-base-content/80 text-xs">
|
||||||
</p>
|
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>
|
</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>
|
</div>
|
||||||
|
|
||||||
|
<!-- End: Customer Acquisition -->
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</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">
|
<div class="mt-3">
|
||||||
<!-- Start: Lịch sử chỉnh sửa -->
|
<!-- Start: Lịch sử chỉnh sửa -->
|
||||||
<div aria-label="Card" class="card bg-base-100 shadow">
|
<div aria-label="Card" class="card bg-base-100 shadow">
|
||||||
@@ -441,8 +454,10 @@
|
|||||||
</div>
|
</div>
|
||||||
<!-- End: Recent Orders -->
|
<!-- End: Recent Orders -->
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col-span-4">
|
<div class="w-[450px]">
|
||||||
<div class="bg-white shadow p-3 rounded-sm">
|
<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">
|
<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>
|
||||||
|
|||||||
@@ -2,7 +2,7 @@
|
|||||||
const initCustomerAcquisitionChart = () => {
|
const initCustomerAcquisitionChart = () => {
|
||||||
const chartOptions = {
|
const chartOptions = {
|
||||||
chart: {
|
chart: {
|
||||||
height: 363,
|
height: 390,
|
||||||
sparkline: {
|
sparkline: {
|
||||||
enabled: false,
|
enabled: false,
|
||||||
},
|
},
|
||||||
|
|||||||
Reference in New Issue
Block a user