abcf8ee75e
Introduces reusable view components for bookings and notifications Implements dynamic rendering of booking items and lists Adds corresponding CSS styles for new dashboard components Enhances dashboard user interface with interactive elements
62 lines
2.3 KiB
Text
62 lines
2.3 KiB
Text
@page "/"
|
||
@using PlanTempus.Application.Features.Dashboard.Pages
|
||
@model PlanTempus.Application.Features.Dashboard.Pages.IndexModel
|
||
@{
|
||
ViewData["Title"] = "Dashboard";
|
||
}
|
||
|
||
<swp-page-container>
|
||
<!-- Stats Bar -->
|
||
<swp-stats-bar>
|
||
@await Component.InvokeAsync("StatCard", "bookings-today")
|
||
@await Component.InvokeAsync("StatCard", "expected-revenue")
|
||
@await Component.InvokeAsync("StatCard", "occupancy-rate")
|
||
@await Component.InvokeAsync("StatCard", "needs-attention")
|
||
</swp-stats-bar>
|
||
|
||
<!-- Dashboard Content -->
|
||
<swp-dashboard-grid>
|
||
<swp-main-column>
|
||
<!-- AI Insight -->
|
||
<swp-card>
|
||
<swp-ai-insight>
|
||
<swp-ai-header>
|
||
<i class="ph ph-sparkle"></i>
|
||
<span>AI Analyse</span>
|
||
</swp-ai-header>
|
||
<swp-ai-text>
|
||
<strong>Godt i gang!</strong> 4 af 12 bookinger er gennemført. 2 er i gang nu, og 6 venter.
|
||
Forventet omsætning: <strong>8.450 kr</strong> – allerede realiseret <strong>2.150 kr</strong>.
|
||
</swp-ai-text>
|
||
</swp-ai-insight>
|
||
</swp-card>
|
||
|
||
<!-- Today's Bookings -->
|
||
@await Component.InvokeAsync("BookingList", "todays-bookings")
|
||
</swp-main-column>
|
||
|
||
<swp-side-column>
|
||
<!-- Notifications -->
|
||
@await Component.InvokeAsync("NotificationList", "recent-notifications")
|
||
|
||
<!-- Quick Actions -->
|
||
<swp-card>
|
||
<swp-card-header>
|
||
<swp-card-title>Hurtige handlinger</swp-card-title>
|
||
</swp-card-header>
|
||
<swp-card-content>
|
||
<swp-quick-actions>
|
||
<swp-quick-action-btn>
|
||
<i class="ph ph-plus"></i>
|
||
Ny booking
|
||
</swp-quick-action-btn>
|
||
<swp-quick-action-btn>
|
||
<i class="ph ph-user-plus"></i>
|
||
Ny kunde
|
||
</swp-quick-action-btn>
|
||
</swp-quick-actions>
|
||
</swp-card-content>
|
||
</swp-card>
|
||
</swp-side-column>
|
||
</swp-dashboard-grid>
|
||
</swp-page-container>
|