clayschaad/AccountingNext
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

PR U-5: shared Loading component

Browse source 
Add Components/Loading.razor and swap the ad-hoc `<p>Lädt…</p>` guard
visuals for it across the four reports, three edit dialogs, and three
chart pages (the last three now show the placeholder instead of a
blank page while waiting for view data). Kept as a pure visual so
each call site changes from `<p>Lädt…</p>` to `<Loading/>` with no
other churn.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
Claudio Schaad 2026-07-04 09:44:23 +02:00
parent 577d63c0fa
commit 58ca05f83e
11 changed files with 28 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
Schaad.Accounting.UI/Components/Loading.razor Normal file
View file

@ -0,0 +1,9 @@
@* Consistent placeholder for async-loaded pages/dialogs. Replaces the
ad-hoc `<p>Lädt…</p>` sprinkled across pages after PR P made every
OnInitializedAsync truly async. Kept as a pure visual — callers keep
their existing null-guard and just render this while data is loading. *@
<div style="display: flex; flex-direction: column; align-items: center; gap: 0.5rem; padding: 2rem;">
<FluentProgressRing/>
<FluentLabel>Lädt…</FluentLabel>
</div>

4
Schaad.Accounting.UI/Components/Pages/Charts/Assets.razor
View file

@ -7,3 +7,7 @@
{ {
<PlotlyChart style="height: 700px; min-height: 500px" @bind-Config="config" @bind-Layout="layout" @bind-Data="data" @ref="chart" /> <PlotlyChart style="height: 700px; min-height: 500px" @bind-Config="config" @bind-Layout="layout" @bind-Data="data" @ref="chart" />
} }
else
{
<Loading/>
}

4
Schaad.Accounting.UI/Components/Pages/Charts/Spendings.razor
View file

@ -7,3 +7,7 @@
{ {
<PlotlyChart style="height: 700px; min-height: 500px" @bind-Config="config" @bind-Layout="layout" @bind-Data="data" @ref="chart" /> <PlotlyChart style="height: 700px; min-height: 500px" @bind-Config="config" @bind-Layout="layout" @bind-Data="data" @ref="chart" />
} }
else
{
<Loading/>
}

4
Schaad.Accounting.UI/Components/Pages/Charts/SpendingsOverTime.razor
View file

@ -7,3 +7,7 @@
{ {
<PlotlyChart style="height: 700px; min-height: 500px" @bind-Config="config" @bind-Layout="layout" @bind-Data="data" @ref="chart" /> <PlotlyChart style="height: 700px; min-height: 500px" @bind-Config="config" @bind-Layout="layout" @bind-Data="data" @ref="chart" />
} }
else
{
<Loading/>
}

2
Schaad.Accounting.UI/Components/Pages/Dialogs/BookingRuleDialog.razor
View file

@ -14,7 +14,7 @@
<FluentDialogBody> <FluentDialogBody>
@if (editContext is null) @if (editContext is null)
{ {
<p>Lädt…</p> <Loading/>
return; return;
} }

2
Schaad.Accounting.UI/Components/Pages/Dialogs/TransactionDialog.razor
View file

@ -13,7 +13,7 @@
<FluentDialogBody> <FluentDialogBody>
@if (editContext is null) @if (editContext is null)
{ {
<p>Lädt…</p> <Loading/>
return; return;
} }

2
Schaad.Accounting.UI/Components/Pages/Dialogs/TransactionSplitDialog.razor
View file

@ -13,7 +13,7 @@
<FluentDialogBody> <FluentDialogBody>
@if (editContext is null) @if (editContext is null)
{ {
<p>Lädt…</p> <Loading/>
return; return;
} }

2
Schaad.Accounting.UI/Components/Pages/Reports/BalanceReport.razor
View file

@ -2,7 +2,7 @@
@if (balance is null) @if (balance is null)
{ {
<p>Lädt…</p> <Loading/>
return; return;
} }

2
Schaad.Accounting.UI/Components/Pages/Reports/BalanceSheetReport.razor
View file

@ -2,7 +2,7 @@
@if (balanceSheet is null) @if (balanceSheet is null)
{ {
<p>Lädt…</p> <Loading/>
return; return;
} }

2
Schaad.Accounting.UI/Components/Pages/Reports/DetailReport.razor
View file

@ -2,7 +2,7 @@
@if (accounts is null || transactions is null) @if (accounts is null || transactions is null)
{ {
<p>Lädt…</p> <Loading/>
return; return;
} }

2
Schaad.Accounting.UI/Components/Pages/Reports/ProfitLossReport.razor
View file

@ -2,7 +2,7 @@
@if (accounts is null) @if (accounts is null)
{ {
<p>Lädt…</p> <Loading/>
return; return;
} }