Creata pagina "user"

SteUp.Shared/Components/Layout/HeaderLayout.razor

@@ -0,0 +1,79 @@
+@using SteUp.Shared.Core.Helpers
+@inject IJSRuntime Js
+
+<div class="@(Back ? "" : "container") header">
+    <div class="header-content @(Back ? "with-back" : "no-back")">
+        @if (!SmallHeader)
+        { 
+            if (Back)
+            {
+                <div class="left-section">
+                    <MudButton StartIcon="@(!Cancel ? Icons.Material.Outlined.ArrowBackIosNew : "")"
+                               OnClick="@GoBack"
+                               Color="Color.Info"
+                               Style="text-transform: none"
+                               Variant="Variant.Text">
+                        @BackTo
+                    </MudButton>
+                </div>
+            }
+
+            <h3 class="page-title">@Title</h3>
+
+            <div class="right-section">
+                @if (!LabelSave.IsNullOrEmpty())
+                {
+                    <MudButton OnClick="@OnSave"
+                               Color="Color.Info"
+                               Style="text-transform: none"
+                               Variant="Variant.Text">
+                        @LabelSave
+                    </MudButton>
+                }
+            </div>
+        }
+        else
+        {
+            <div class="title">
+                <MudText Typo="Typo.h6">
+                    <b>@Title</b>
+                </MudText>
+                <MudIconButton Icon="@Icons.Material.Filled.Close" OnClick="@GoBack" />
+            </div>
+        }
+    </div>
+</div>
+
+@code{
+    [Parameter] public string? Title { get; set; }
+    [Parameter] public bool Back { get; set; }
+    [Parameter] public bool BackOnTop { get; set; }
+    [Parameter] public string BackTo { get; set; } = "";
+
+    [Parameter] public EventCallback OnFilterToggle { get; set; }
+
+    [Parameter] public bool Cancel { get; set; }
+    [Parameter] public EventCallback OnCancel { get; set; }
+    [Parameter] public string? LabelSave { get; set; }
+    [Parameter] public EventCallback OnSave { get; set; }
+
+    [Parameter] public bool SmallHeader { get; set; }
+
+    protected override void OnParametersSet()
+    {
+        Back = !Back ? !Back && Cancel : Back;
+        BackTo = Cancel ? "Annulla" : BackTo;
+    }
+
+    private async Task GoBack()
+    {
+        if (Cancel)
+        {
+            await OnCancel.InvokeAsync();
+            return;
+        }
+
+        await Js.InvokeVoidAsync("goBack");
+    }
+
+}