Aggiunta selezione negozio

SteUp.Shared/Components/SingleElements/Card/ShopCard.razor

@@ -0,0 +1,35 @@
+@using SteUp.Shared.Core.Dto
+
+<div class="shop-card ripple-container">
+    <div class="shop-body-section">
+        <div class="title-section">
+            <MudText Class="shop-title" Typo="Typo.subtitle1">
+                <b>@PuntoVendita.CodMdep</b> - @PuntoVendita.Descrizione
+            </MudText>
+        </div>
+        
+        @if (!PuntoVendita.Indirizzo.IsNullOrEmpty())
+        {
+            <div class="subtitle-section">
+                <MudText Class="shop-title" Typo="Typo.subtitle1">
+                    @PuntoVendita.Indirizzo
+                </MudText>
+            </div>
+            <div class="sub-info-section">
+                <MudChip T="string" Icon="@Icons.Material.Filled.LocationCity" Size="Size.Small" Color="Color.Default">
+                    @PuntoVendita.Citta
+                </MudChip>
+                <MudChip T="string" Size="Size.Small" Color="Color.Default">
+                    @PuntoVendita.Cap
+                </MudChip>
+                <MudChip T="string" Size="Size.Small" Color="Color.Default">
+                    @PuntoVendita.Provincia
+                </MudChip>
+            </div>
+        }
+    </div>
+</div>
+
+@code {
+    [Parameter] public PuntoVenditaDto PuntoVendita { get; set; } = null!;
+}

SteUp.Shared/Components/SingleElements/Card/ShopCard.razor.css

@@ -0,0 +1,10 @@
+.shop-card{
+    padding: .5rem 1rem;
+    background-color: var(--mud-palette-background-gray);
+    border-radius: 1em;
+}
+
+.sub-info-section{
+    display: flex;
+    justify-content: space-evenly;
+}

SteUp.Shared/Components/SingleElements/ConnectionState.razor

@@ -0,0 +1,26 @@
+<div class="Connection @(ShowWarning ? "Show" : "Hide") @(IsNetworkAvailable? ServicesIsDown ? "ServicesIsDown" : "SystemOk" : "NetworkKo")">
+    @if (IsNetworkAvailable)
+    {
+        if(ServicesIsDown)
+        {
+            <i class="ri-cloud-off-fill"></i>
+            <span>Servizi offline</span>
+        }
+        else
+        {
+            <i class="ri-cloud-fill"></i>
+            <span>Online</span>
+        }
+    }
+    else
+    {
+        <i class="ri-wifi-off-line"></i>
+        <span>Nessuna connessione</span>
+    }
+</div>
+
+@code{
+    [Parameter] public bool IsNetworkAvailable { get; set; }
+    [Parameter] public bool ServicesIsDown { get; set; }
+    [Parameter] public bool ShowWarning { get; set; }
+}

SteUp.Shared/Components/SingleElements/Modal/ModalSelectShop.razor

@@ -0,0 +1,86 @@
+@using SteUp.Shared.Components.SingleElements.Card
+@using SteUp.Shared.Core.Dto
+
+<MudDialog OnBackdropClick="Cancel">
+    <DialogContent>
+
+        <div class="select-shop-content">
+            <div class="shop-header">
+                <div class="shop-title">
+                    <MudText Typo="Typo.h5"><b>Seleziona il negozio</b></MudText>
+            
+                    <MudIconButton Icon="@Icons.Material.Rounded.Close" Size="Size.Small" OnClick="@Cancel"/>
+                </div>
+
+                <div class="input-card clearButton">
+                    <MudTextField T="string?" Placeholder="Cerca..." Variant="Variant.Text"
+                                  @bind-Value="FilterText" DebounceInterval="500"
+                                  OnDebounceIntervalElapsed="ApplyFilters"/>
+                </div>
+            </div>
+
+            <div class="shop-body">
+                @if (_afterRender)
+                {
+                    if (FilteredList.IsNullOrEmpty())
+                    {
+                        <MudText Typo="Typo.body2">Nessun negozio trovato</MudText>
+                    }
+                    else
+                    {
+                        <Virtualize Items="FilteredList" Context="puntoVendita">
+                            <ShopCard PuntoVendita="puntoVendita"/>
+                        </Virtualize>
+                    }
+                }
+            </div>
+        </div>
+
+    </DialogContent>
+</MudDialog>
+
+@code {
+    [CascadingParameter] private IMudDialogInstance MudDialog { get; set; } = null!;
+
+    private List<PuntoVenditaDto>? FilteredList { get; set; }
+    private string? FilterText { get; set; }
+
+    private bool _afterRender;
+
+    private void Cancel() => MudDialog.Cancel();
+
+    protected override void OnInitialized()
+    {
+        _afterRender = false;
+    }
+
+    protected override void OnAfterRender(bool firstRender)
+    {
+        if (_afterRender) return;
+
+        _afterRender = true;
+        ApplyFilters();
+    }
+
+    private void ApplyFilters()
+    {
+        if (FilterText.IsNullOrEmpty())
+        {
+            FilteredList = SteupDataService.PuntiVenditaList;
+            StateHasChanged();
+            return;
+        }
+
+        FilteredList = SteupDataService.PuntiVenditaList.FindAll(x =>
+            (x.Indirizzo != null && x.Indirizzo.ContainsIgnoreCase(FilterText!)) ||
+            (x.Descrizione != null && x.Descrizione.ContainsIgnoreCase(FilterText!)) ||
+            (x.CodMdep != null && x.CodMdep.ContainsIgnoreCase(FilterText!)) ||
+            (x.Citta != null && x.Citta.ContainsIgnoreCase(FilterText!)) ||
+            (x.Cap != null && x.Cap.ContainsIgnoreCase(FilterText!)) ||
+            (x.Provincia != null && x.Provincia.ContainsIgnoreCase(FilterText!))
+        );
+
+        StateHasChanged();
+    }
+
+}

SteUp.Shared/Components/SingleElements/Modal/ModalSelectShop.razor.css

@@ -0,0 +1,18 @@
+.shop-header{
+    display: flex;
+    flex-direction: column;
+    gap: .5rem;
+}
+
+.shop-title{
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.shop-body{
+    display: flex;
+    flex-direction: column;
+    gap: 1.5rem;
+}