From 80032014c1919fd72819be75b98e25d28b747216 Mon Sep 17 00:00:00 2001 From: ipax77 Date: Sat, 15 Nov 2025 16:52:16 +0100 Subject: [PATCH 1/4] make dashboard component mobile friendly --- src/beinx.web/Dashboard.razor | 162 +++++++++++++++-------- src/beinx.web/InvoiceEditComponent.razor | 4 - 2 files changed, 105 insertions(+), 61 deletions(-) diff --git a/src/beinx.web/Dashboard.razor b/src/beinx.web/Dashboard.razor index 66ac4a3..169fe20 100644 --- a/src/beinx.web/Dashboard.razor +++ b/src/beinx.web/Dashboard.razor @@ -14,31 +14,36 @@
-
+ +

Blazor eInvoice XRechung App

Manage and view your eInvoices effortlessly

- Use of this application is subject to our Full Disclaimer (external link) + Use of this application is subject to our Full Disclaimer + (external link)

-
-
+ +
+
-
- +
+
-
-
+ + +
@if (statsResponse != null) { -
-
+ +
+
@Loc["Total Invoices"] @@ -48,7 +53,7 @@
-
+
@Loc["Paid"] @@ -58,7 +63,7 @@
-
+
@Loc["Unpaid"] @@ -69,57 +74,95 @@
-
@Loc["Unpaid Invoices"]
-
+ + +
@Loc["Unpaid Invoices"]
+
- + - - - - - - - + + + + + + + @foreach (var inv in statsResponse.UnpaidInvoices) { - - - - - - + + + + + + } @@ -129,14 +172,17 @@ } + +
-
+ +
@Loc["Invoice ID"]@Loc["Issue Date"]@Loc["Seller"]@Loc["Buyer"]@Loc["Amount"]@Loc["Paid?"]@Loc["Invoice ID"]@Loc["Issue Date"]@Loc["Seller"]@Loc["Buyer"]@Loc["Amount"]@Loc["Paid?"]Actions
@inv.InvoiceId@inv.IssueDate.ToShortDateString()@inv.SellerName@inv.BuyerName@inv.PayableAmount.ToString("N2")@(inv.IsPaid ? "✔️" : "❌") - - @if (inv.IsPaid) - { - @inv.IssueDate.ToShortDateString()@inv.SellerName@inv.BuyerName@inv.PayableAmount.ToString("N2")@(inv.IsPaid ? "✔️" : "❌") + +
+ - } - else - { - + } + else + { + + } + - } - - + +
+ +
+ + @if (inv.IsPaid) + { + + } + else + { + + } + + +
- + @if (statsResponse != null) @@ -145,8 +191,8 @@ @foreach (var stat in statsResponse.Steps) { - - + + } @@ -162,7 +208,9 @@
@Loc["Time Period"]@Loc["Amount (tax inclusive)"]@Loc["Amount (tax inclusive)"]
@stat.Start.ToShortDateString() - @stat.End.ToShortDateString()@stat.TotalAmountWithVat.ToString("N2")@stat.Start.ToShortDateString() - @stat.End.ToShortDateString()@stat.TotalAmountWithVat.ToString("N2")
-
+ + +
@if (statsResponse != null) { diff --git a/src/beinx.web/InvoiceEditComponent.razor b/src/beinx.web/InvoiceEditComponent.razor index cf72974..14135d4 100644 --- a/src/beinx.web/InvoiceEditComponent.razor +++ b/src/beinx.web/InvoiceEditComponent.razor @@ -145,10 +145,6 @@ Validate XML - @*
- - -
*@
@if (invoiceValidationResult is not null && ShowValidation) From bb3da81cfbd19bd2058f19f7b565ee9ba9a6a162 Mon Sep 17 00:00:00 2001 From: ipax77 Date: Sat, 15 Nov 2025 16:59:26 +0100 Subject: [PATCH 2/4] make invoice edit component mobile friendly --- src/beinx.web/InvoiceEditComponent.razor | 171 ++++++++++++++--------- src/beinx.web/NavMenu.razor | 2 +- 2 files changed, 106 insertions(+), 67 deletions(-) diff --git a/src/beinx.web/InvoiceEditComponent.razor b/src/beinx.web/InvoiceEditComponent.razor index 14135d4..9d54464 100644 --- a/src/beinx.web/InvoiceEditComponent.razor +++ b/src/beinx.web/InvoiceEditComponent.razor @@ -22,21 +22,22 @@ } else { -
+
-

@editOrCreateText

+

@editOrCreateText

@if (!prerequisitesSatisfied) { -
-
}
-
+ +
@if (!prerequisitesSatisfied) { @@ -89,110 +90,149 @@ }
-
+ + +
@if (prerequisitesSatisfied) { -
-
- -
+
-
@if (ShowPdfComponent) { -
+
} + +
-
-
-
-
+
@if (invoiceValidationResult is not null && ShowValidation) { }
+ +
-
@if (ShowXmlComponent) { - +
+ +
}
+ +
-
@if (ShowJsonComponent) { - +
+ +
}
@@ -212,7 +252,6 @@ }
- @code { [Parameter, EditorRequired] public int? SelectedInvoiceId { get; set; } diff --git a/src/beinx.web/NavMenu.razor b/src/beinx.web/NavMenu.razor index 2a206bc..cb5d004 100644 --- a/src/beinx.web/NavMenu.razor +++ b/src/beinx.web/NavMenu.razor @@ -74,7 +74,7 @@ } else {
- v0.5.1 + v0.5.2
} @if (IsHomePage) From 30077d7205030264e5ac2390049db394ae49ccca Mon Sep 17 00:00:00 2001 From: ipax77 Date: Sat, 15 Nov 2025 18:36:02 +0100 Subject: [PATCH 3/4] use canvas navbar --- src/beinx.pwa/Layout/MainLayout.razor | 2 +- src/beinx.pwa/Layout/MainLayout.razor.css | 4 + src/beinx.pwa/wwwroot/index.html | 2 +- src/beinx.web/InvoiceEditComponent.razor | 2 +- src/beinx.web/NavMenu.razor | 43 ++-- src/beinx.web/NavMenuCanvas.razor | 186 ++++++++++++++++++ src/beinx.web/NavMenuCanvas.razor.css | 12 ++ src/beinx.web/wwwroot/css/bootstrap.min.css | 4 +- .../wwwroot/css/bootstrap.min.css.map | 2 +- src/beinx.web/wwwroot/js/blazorinvoice.js | 15 +- .../wwwroot/js/bootstrap.bundle.min.js | 4 +- .../wwwroot/js/bootstrap.bundle.min.js.map | 2 +- 12 files changed, 251 insertions(+), 27 deletions(-) create mode 100644 src/beinx.web/NavMenuCanvas.razor create mode 100644 src/beinx.web/NavMenuCanvas.razor.css diff --git a/src/beinx.pwa/Layout/MainLayout.razor b/src/beinx.pwa/Layout/MainLayout.razor index f4f1763..91dab72 100644 --- a/src/beinx.pwa/Layout/MainLayout.razor +++ b/src/beinx.pwa/Layout/MainLayout.razor @@ -1,7 +1,7 @@ @using beinx.web @inherits LayoutComponentBase
- +
@Body diff --git a/src/beinx.pwa/Layout/MainLayout.razor.css b/src/beinx.pwa/Layout/MainLayout.razor.css index 0402831..dd7a368 100644 --- a/src/beinx.pwa/Layout/MainLayout.razor.css +++ b/src/beinx.pwa/Layout/MainLayout.razor.css @@ -4,6 +4,10 @@ min-height: 100vh; } +main { + padding-top: 70px; +} + #blazor-error-ui { color-scheme: light only; background: lightyellow; diff --git a/src/beinx.pwa/wwwroot/index.html b/src/beinx.pwa/wwwroot/index.html index b66ab19..037af9f 100644 --- a/src/beinx.pwa/wwwroot/index.html +++ b/src/beinx.pwa/wwwroot/index.html @@ -36,7 +36,7 @@ - +