Janus007/PlanTempusApp
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Refactors UI components with new card header structure

Browse source 
Replaces `swp-section-label` with standardized `swp-card-header` and `swp-card-title`

Improves component consistency across multiple features:
- Adds structured card headers
- Introduces more semantic HTML elements
- Enhances layout and readability of card components

Updates CSS and component styles to support new structure
This commit is contained in:
Janus C. H. Knudsen 2026-01-19 14:23:41 +01:00
parent 33c338345e
commit c1d2df9327
31 changed files with 250 additions and 149 deletions
Download patch file Download diff file Expand all files Collapse all files

4
PlanTempus.Application/Features/Dashboard/Components/AttentionList/Default.cshtml
View file

@ -1,7 +1,9 @@
@model PlanTempus.Application.Features.Dashboard.Components.AttentionListViewModel
<swp-card data-key="@Model.Key">
<swp-section-label>@Model.Title</swp-section-label>
<swp-card-header>
<swp-card-title>@Model.Title</swp-card-title>
</swp-card-header>
<swp-card-content>
<swp-attention-list>
@foreach (var attentionKey in Model.AttentionKeys)

6
PlanTempus.Application/Features/Dashboard/Components/BookingList/Default.cshtml
View file

@ -1,10 +1,10 @@
@model PlanTempus.Application.Features.Dashboard.Components.BookingListViewModel
<swp-card data-key="@Model.Key">
<swp-section-header>
<swp-section-label>@Model.Title</swp-section-label>
<swp-card-header>
<swp-card-title>@Model.Title</swp-card-title>
<swp-section-action localize="dashboard.bookings.viewAll">Se alle</swp-section-action>
</swp-section-header>
</swp-card-header>
<swp-current-time>
<i class="ph ph-clock"></i>
<span><span localize="dashboard.bookings.currentTime">Nu:</span> <swp-time>@Model.CurrentTime</swp-time></span>

6
PlanTempus.Application/Features/Dashboard/Components/NotificationList/Default.cshtml
View file

@ -1,10 +1,10 @@
@model PlanTempus.Application.Features.Dashboard.Components.NotificationListViewModel
<swp-card data-key="@Model.Key">
<swp-section-header>
<swp-section-label>@Model.Title</swp-section-label>
<swp-card-header>
<swp-card-title>@Model.Title</swp-card-title>
<swp-section-action>@Model.ActionText</swp-section-action>
</swp-section-header>
</swp-card-header>
<swp-card-content>
<swp-notification-list>
@foreach (var notificationKey in Model.NotificationKeys)

4
PlanTempus.Application/Features/Dashboard/Components/QuickStatList/Default.cshtml
View file

@ -1,7 +1,9 @@
@model PlanTempus.Application.Features.Dashboard.Components.QuickStatListViewModel
<swp-card data-key="@Model.Key">
<swp-section-label>@Model.Title</swp-section-label>
<swp-card-header>
<swp-card-title>@Model.Title</swp-card-title>
</swp-card-header>
<swp-card-content>
<swp-quick-stats>
@foreach (var statKey in Model.StatKeys)

4
PlanTempus.Application/Features/Dashboard/Pages/Index.cshtml
View file

@ -50,7 +50,9 @@
<!-- Quick Actions -->
<swp-card>
<swp-section-label localize="dashboard.quickActions.title">Hurtige handlinger</swp-section-label>
<swp-card-header>
<swp-card-title localize="dashboard.quickActions.title">Hurtige handlinger</swp-card-title>
</swp-card-header>
<swp-card-content>
<swp-quick-actions>
<swp-quick-action-btn>