9b2ace7bc0
Introduces StatCard ViewComponent with configurable stat display Adds demo mode banner to application layout Refactors dashboard stats to use dynamic component rendering Improves dashboard presentation and user experience
70 lines
2.6 KiB
Text
70 lines
2.6 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 Preview -->
|
||
<swp-card>
|
||
<swp-card-header>
|
||
<swp-card-title>
|
||
<i class="ph ph-calendar-check"></i>
|
||
Dagens bookinger
|
||
</swp-card-title>
|
||
<swp-card-action>Se alle</swp-card-action>
|
||
</swp-card-header>
|
||
<swp-card-content>
|
||
<p>Booking oversigt kommer her...</p>
|
||
</swp-card-content>
|
||
</swp-card>
|
||
</swp-main-column>
|
||
|
||
<swp-side-column>
|
||
<!-- 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>
|