Implemetato databese locale con EntityFramework

SteUp.Shared/Components/Pages/Ispezione.razor

@@ -1,51 +0,0 @@
-@page "/ispezione"
-@using SteUp.Shared.Components.Layout
-
-<HeaderLayout Title="Ispezione" BackTo="Indietro" Back="true"/>
-
-<div class="container content pb-safe-area">
-
-    <div class="container-primary-info">
-        <div class="section-primary-info">
-            <div class="inspection-info">
-                <span class="info-title">
-                    @SteupDataService.Inspection.PuntoVendita!.CodMdep - @SteupDataService.Inspection.PuntoVendita.Descrizione
-                </span>
-                <span class="info-subtitle">
-                    @SteupDataService.Inspection.PuntoVendita.Indirizzo
-                </span>
-            </div>
-        </div>
-
-        <div class="divider"></div>
-
-        <div class="section-info">
-            <div class="section-inspection-info">
-                <div>
-                    <span class="info-inspection-title">Data ispezione</span>
-                    <MudChip T="string" Size="Size.Small" Color="Color.Default">
-                        @SteupDataService.Inspection.DateInspection.ToString("d")
-                    </MudChip>
-                </div>
-            </div>
-
-            <div class="section-inspection-info">
-                <div>
-                    <span class="info-inspection-title">Stato ispezione</span>
-                    <MudChip T="string" Size="Size.Small" Color="Color.Warning">
-                        IN CORSO
-                    </MudChip>
-                </div>
-            </div>
-        </div>
-    </div>
-
-</div>
-
-@code {
-
-    protected override async Task OnInitializedAsync()
-    {
-    }
-
-}

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

@@ -1,69 +0,0 @@
-.container-primary-info {
-    background: var(--light-card-background);
-    width: 100%;
-    margin-bottom: 2rem;
-    border-radius: 12px;
-}
-
-.container-primary-info .divider {
-    margin: .25rem 0;
-}
-
-.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-title {
-    color: var(--mud-palette-text-primary);
-    font-weight: 800;
-    font-size: x-large;
-    line-height: normal;
-}
-
-.info-subtitle {
-    color: var(--mud-palette-gray-default);
-    font-size: medium;
-    font-weight: 600;
-    line-height: normal;
-}
-
-.section-info {
-    display: flex;
-    justify-content: space-between;
-    flex-direction: row;
-    padding: .4rem 1.2rem .8rem;
-}
-
-.section-inspection-info {
-    display: flex;
-    flex-direction: column;
-}
-
-.section-inspection-info > div {
-    display: flex;
-    flex-direction: column;
-    line-height: normal;
-    margin: .25rem 0;
-}
-
-.info-inspection-title {
-    color: var(--mud-palette-gray-darker);
-    font-weight: 800;
-}
-
-.info-inspection-text {
-    color: var(--mud-palette-text-secondary);
-    font-weight: 700;
-    font-size: small;
-}

SteUp.Shared/Components/Pages/IspezionePage.razor

@@ -0,0 +1,17 @@
+@page "/ispezione"
+@using SteUp.Shared.Components.Layout
+@using SteUp.Shared.Components.SingleElements.Card
+
+<HeaderLayout Title="Ispezione" BackTo="Indietro" Back="true"/>
+
+<div class="container content pb-safe-area">
+    <InspectionCard Ispezione="SteupDataService.InspectionPageState.Ispezione"/>
+</div>
+
+@code {
+
+    protected override async Task OnInitializedAsync()
+    {
+    }
+
+}

SteUp.Shared/Components/Pages/Ispezioni.razor

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

SteUp.Shared/Components/Pages/IspezioniPage.razor

@@ -0,0 +1,52 @@
+@page "/ispezioni"
+@attribute [Authorize]
+@using SteUp.Shared.Components.Layout
+@using SteUp.Shared.Components.Layout.Overlay
+@using SteUp.Shared.Components.SingleElements
+@using SteUp.Shared.Components.SingleElements.Card
+@using SteUp.Shared.Core.Entities
+@using SteUp.Shared.Core.Interface.LocalDb
+@inject IIspezioniService IspezioniService
+
+<HeaderLayout Title="Ispezioni"/>
+
+<div class="container ispezioni">
+    @if (Ispezioni.IsNullOrEmpty())
+    {
+        <NoDataAvailable Text="Nessuna ispezione effettuata" ImageSource="_content/SteUp.Shared/images/undraw_file-search_cbur.svg"/>
+    }
+    else
+    {
+        <Virtualize Items="Ispezioni" Context="ispezione">
+            <InspectionCard Ispezione="ispezione" CompactView="true" OnClick="@OnClickIspezione"/>
+        </Virtualize>
+    }
+</div>
+
+<SpinnerOverlay VisibleOverlay="VisibleOverlay"/>
+
+@code{
+    private List<Ispezione> Ispezioni { get; set; } = [];
+
+    private bool VisibleOverlay { get; set; } = true;
+
+    protected override async Task OnInitializedAsync()
+    {
+        await LoadData();
+
+        VisibleOverlay = false;
+        StateHasChanged();
+    }
+
+    private async Task LoadData()
+    {
+        Ispezioni = await IspezioniService.GetAllIspezioniWithSchedeAsync();
+    }
+
+    private void OnClickIspezione(Ispezione ispezione)
+    {
+        SteupDataService.InspectionPageState.Ispezione = ispezione;
+        NavigationManager.NavigateTo("/ispezione");
+    }
+
+}

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

@@ -0,0 +1 @@
+

SteUp.Shared/Components/Pages/LoginPage.razor

@@ -36,7 +36,7 @@ else
             </div>
 
             <div class="my-4 login-footer">
-                <span>@GenericSystemService.GetCurrentAppVersion() | Powered by")</span>
+                <span>@GenericSystemService.GetCurrentAppVersion() | Powered by</span>
                 <img src="_content/SteUp.Shared/images/logoIntegry.svg" class="img-fluid" alt="Integry">
             </div>
         </div>