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");
+    }
+
+}

SteUp.Shared/Components/Layout/HeaderLayout.razor.css

@@ -0,0 +1,31 @@
+.header {
+    min-height: var(--mh-header);
+    width: 100%;
+    display: flex;
+    align-items: center;
+}
+
+.header-content {
+    width: 100%;
+    line-height: normal;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    position: relative;
+}
+
+.header-content > .title { width: 100%; }
+
+.header-content.with-back .page-title {
+    position: absolute;
+    left: 50%;
+    transform: translateX(-50%);
+    margin: 0;
+    font-size: larger;
+}
+
+.left-section ::deep button, .right-section ::deep button { font-size: 1.1rem; }
+
+.left-section ::deep .mud-button-icon-start { margin-right: 3px !important; }
+
+.header-content.no-back .page-title { margin: 0; }

SteUp.Shared/Components/Layout/NavMenu.razor

@@ -1,28 +1,23 @@
+@using SteUp.Shared.Core.Interface.System.Network
+@inject INetworkService NetworkService
+
 <div class="container animated-navbar @(IsVisible ? "show-nav" : "hide-nav") @(IsVisible ? PlusVisible ? "with-plus" : "without-plus" : "with-plus")">
     <nav class="navbar @(IsVisible ? PlusVisible ? "with-plus" : "without-plus" : "with-plus")">
         <div class="container-navbar">
             <ul class="navbar-nav flex-row nav-justified align-items-center w-100 text-center">
                 <li class="nav-item">
-                    <NavLink class="nav-link" href="Users" Match="NavLinkMatch.All">
+                    <NavLink class="nav-link" href="ispezioni" Match="NavLinkMatch.All">
                         <div class="d-flex flex-column">
-                            <i class="ri-group-line"></i>
-                            <span>Test</span>
+                            <i class="ri-file-list-3-line"></i>
+                            <span>Ispezioni</span>
                         </div>
                     </NavLink>
                 </li>
                 <li class="nav-item">
-                    <NavLink class="nav-link" href="home" Match="NavLinkMatch.All">
+                    <NavLink class="nav-link" href="user" Match="NavLinkMatch.All">
                         <div class="d-flex flex-column">
-                            <i class="ri-calendar-todo-line"></i>
-                            <span>Home</span>
-                        </div>
-                    </NavLink>
-                </li>
-                <li class="nav-item">
-                    <NavLink class="nav-link" href="Calendar" Match="NavLinkMatch.All">
-                        <div class="d-flex flex-column">
-                            <i class="ri-calendar-todo-line"></i>
-                            <span>Altro</span>
+                            <i class="ri-user-line"></i>
+                            <span>Profilo</span>
                         </div>
                     </NavLink>
                 </li>
@@ -33,11 +28,13 @@
         {
             <MudMenu PopoverClass="custom_popover" AnchorOrigin="Origin.TopLeft" TransformOrigin="Origin.BottomRight">
                 <ActivatorContent>
-                    <MudFab Class="custom-plus-button" Color="Color.Surface" Size="Size.Medium" IconSize="Size.Medium" IconColor="Color.Primary" StartIcon="@Icons.Material.Filled.Add"/>
+                    <MudFab Class="custom-plus-button" Color="Color.Surface" Size="Size.Medium" IconSize="Size.Medium"
+                            IconColor="Color.Primary" StartIcon="@Icons.Material.Filled.Add"/>
                 </ActivatorContent>
                 <ChildContent>
-                    @* <MudMenuItem Disabled="!NetworkService.IsNetworkAvailable()" OnClick="() => CreateUser()">Nuovo contatto</MudMenuItem> *@
-                    @* <MudMenuItem Disabled="!NetworkService.IsNetworkAvailable()" OnClick="() => CreateActivity()">Nuova attivit<69></MudMenuItem> *@
+                    <MudMenuItem Disabled="!NetworkService.IsNetworkAvailable()" OnClick="@NewActivity">
+                        Nuova rilevazione
+                    </MudMenuItem>
                 </ChildContent>
             </MudMenu>
         }
@@ -51,14 +48,14 @@
 
     protected override Task OnInitializedAsync()
     {
-        NavigationManager.LocationChanged += (_, args) => 
+        NavigationManager.LocationChanged += (_, args) =>
         {
             var location = args.Location.Remove(0, NavigationManager.BaseUri.Length);
 
-            var newIsVisible = new List<string> { "home" }
+            var newIsVisible = new List<string> { "ispezioni", "user" }
                 .Contains(location);
 
-            var newPlusVisible = new List<string> { }
+            var newPlusVisible = new List<string> { "ispezioni", "user" }
                 .Contains(location);
 
             if (IsVisible == newIsVisible && PlusVisible == newPlusVisible) return;
@@ -69,4 +66,8 @@
         };
         return Task.CompletedTask;
     }
+
+    private void NewActivity()
+    {
+    }
 }

SteUp.Shared/Components/Pages/Home.razor

@@ -1,4 +0,0 @@
-@page "/home"
-@attribute [Authorize]
-
-<h3>Home</h3>

SteUp.Shared/Components/Pages/Index.razor

@@ -7,6 +7,6 @@
 @code {
     protected override void OnInitialized()
     {
-        NavigationManager.NavigateTo("/home");
+        NavigationManager.NavigateTo("/ispezioni");
     }
 }

SteUp.Shared/Components/Pages/Ispezioni.razor

@@ -0,0 +1,9 @@
+@page "/ispezioni"
+@attribute [Authorize]
+@using SteUp.Shared.Components.Layout
+
+<HeaderLayout Title="Ispezioni"/>
+
+<div class="container">
+    
+</div>

SteUp.Shared/Components/Pages/User.razor

@@ -0,0 +1,115 @@
+@page "/user"
+@attribute [Authorize]
+@using SteUp.Shared.Components.Layout
+@using SteUp.Shared.Components.SingleElements
+@using SteUp.Shared.Core.Authorization.Enum
+@using SteUp.Shared.Core.Helpers
+@using SteUp.Shared.Core.Interface.System.Network
+@using SteUp.Shared.Core.Services
+@using SteUp.Shared.Core.Utility
+@inject AppAuthenticationStateProvider AuthenticationStateProvider
+@inject INetworkService NetworkService
+
+<HeaderLayout Title="Profilo"/>
+
+@if (IsLoggedIn)
+{
+    <div class="container content pb-safe-area">
+        <div class="container-primary-info">
+            <div class="section-primary-info">
+                <MudAvatar Style="height: 70px; width: 70px; font-size: 2rem; font-weight: bold"
+                           Color="Color.Secondary">
+                    @UtilityString.ExtractInitials(UserSession.User.Fullname)
+                </MudAvatar>
+
+                <div class="personal-info">
+                    <span class="info-nome">@UserSession.User.Fullname</span>
+                    @if (UserSession.User.KeyGroup is not null)
+                    {
+                        <span
+                            class="info-section">@(((KeyGroupEnum)UserSession.User.KeyGroup).ConvertToHumanReadable())</span>
+                    }
+                </div>
+            </div>
+
+            <div class="divider"></div>
+
+            <div class="section-info">
+                <div class="section-personal-info">
+                    <div>
+                        <span class="info-title">Profilo azienda</span>
+                        <span class="info-text">@CodHash</span>
+                    </div>
+                </div>
+                
+                <div class="section-personal-info">
+                    <div>
+                        <span class="info-title">Status</span>
+                        @if (NetworkService.ConnectionAvailable)
+                        {
+                            <div class="status online">
+                                <i class="ri-wifi-line"></i>
+                                <span>Online</span>
+                            </div>
+                        }
+                        else
+                        {
+                            <div class="status offline">
+                                <i class="ri-wifi-off-line"></i>
+                                <span>Offline</span>
+                            </div>
+                        }
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="container-button">
+            <MudButton Class="button-settings green-icon"
+                       FullWidth="true"
+                       StartIcon="@Icons.Material.Outlined.Sync"
+                       Size="Size.Medium"
+                       OnClick="@UpdateDb"
+                       Variant="Variant.Outlined">
+                Sincronizza ispezioni
+            </MudButton>
+        </div>
+
+        <div class="container-button">
+            <MudButton Class="button-settings exit"
+                       FullWidth="true"
+                       Color="Color.Error"
+                       Size="Size.Medium"
+                       OnClick="@Logout"
+                       Variant="Variant.Outlined">
+                Esci
+            </MudButton>
+        </div>
+        
+        <AppVersion/>
+    </div>
+}
+
+@code {
+    private bool IsLoggedIn { get; set; }
+    private string? CodHash { get; set; } = "";
+
+    protected override async Task OnInitializedAsync()
+    {
+        IsLoggedIn = await UserSession.IsLoggedIn();
+        CodHash = LocalStorage.GetString("codHash");
+        StateHasChanged();
+    }
+
+    private void UpdateDb()
+    {
+    }
+
+    private async Task Logout()
+    {
+        await AuthenticationStateProvider.SignOut();
+        IsLoggedIn = await UserSession.IsLoggedIn();
+        StateHasChanged();
+    }
+
+}

SteUp.Shared/Components/Pages/User.razor.css

@@ -0,0 +1,83 @@
+.container-primary-info {
+    background: var(--light-card-background);
+    width: 100%;
+    margin-bottom: 2rem;
+    border-radius: 12px;
+}
+
+.container-primary-info .divider {
+    margin: 0 0 0 7rem;
+    width: unset;
+}
+
+.section-primary-info {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    gap: 1.5rem;
+    padding: .8rem 1.2rem .4rem;
+}
+
+.personal-info {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    line-height: normal;
+}
+
+.info-nome {
+    color: var(--mud-palette-text-primary);
+    font-weight: 800;
+    font-size: x-large;
+}
+
+.info-section {
+    color: var(--mud-palette-gray-default);
+    font-size: medium;
+    font-weight: 600;
+}
+
+.section-info {
+    display: flex;
+    justify-content: space-between;
+    flex-direction: row;
+    padding: .4rem 1.2rem .8rem;
+}
+
+.section-personal-info {
+    display: flex;
+    flex-direction: column;
+}
+
+.section-personal-info > div {
+    display: flex;
+    flex-direction: column;
+    line-height: normal;
+    margin: .25rem 0;
+}
+
+.info-title {
+    color: var(--mud-palette-gray-darker);
+    font-weight: 800;
+}
+
+.info-text {
+    color: var(--mud-palette-text-secondary);
+    font-weight: 700;
+    font-size: small;
+}
+
+.content ::deep .user-button { border: 1px solid var(--card-border-color) !important; }
+
+.user-button > i { font-size: large; }
+
+.user-button > span {
+    font-size: medium;
+    font-weight: 600;
+}
+
+.status { font-weight: 700; }
+
+.status.online { color: var(--mud-palette-success); }
+
+.status.offline { color: var(--mud-palette-error); }

SteUp.Shared/Components/SingleElements/AppVersion.razor

@@ -0,0 +1,22 @@
+@using SteUp.Shared.Core.Interface.System
+@inject IGenericSystemService GenericSystemService
+
+<div class="app-version">
+    <span>@Version</span>
+</div>
+
+@code
+{
+    private string Version { get; set; } = "";
+
+    protected override void OnInitialized()
+    {
+#if DEBUG
+        Version = $"v{GenericSystemService.GetCurrentAppVersion()} [DEBUG]";
+#else
+        Version = $"v{GenericSystemService.GetCurrentAppVersion()}";
+#endif
+        
+        StateHasChanged();
+    }
+}

SteUp.Shared/Components/SingleElements/AppVersion.razor.css

@@ -0,0 +1,11 @@
+.app-version{
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    margin: 8px 0;
+}
+
+.app-version span{
+    font-size: smaller;
+    color: var(--mud-palette-gray-darker);
+}