From a1588014303d837b0d6ad02effa3c84d58c2e5f4 Mon Sep 17 00:00:00 2001
From: "zaccaria.majid" <zaccaria.majid@egalware.com>
Date: Tue, 29 Nov 2022 09:20:22 +0100
Subject: [PATCH] aggiunta filtri attivi notificati

---
 MP.SPEC/Pages/ODL.razor    | 204 +++++++++++++++++++------------------
 MP.SPEC/Pages/ODL.razor.cs |   7 +-
 2 files changed, 110 insertions(+), 101 deletions(-)

diff --git a/MP.SPEC/Pages/ODL.razor b/MP.SPEC/Pages/ODL.razor
index 406a3ea0..bfb97518 100644
--- a/MP.SPEC/Pages/ODL.razor
+++ b/MP.SPEC/Pages/ODL.razor
@@ -8,7 +8,7 @@
                     <h3><b>ODL</b></h3>
                 </div>
             </div>
-            <div class="col-4">
+            <div class="col-2">
                 <div class="input-group input-group-sm">
                     <div class="input-group-text">
                         <span class="me-1 @leftStringCSS">Completati</span>
@@ -19,115 +19,121 @@
                     </div>
                 </div>
             </div>
-            <div class="d-flex justify-content-end">
+            <div class="d-flex justify-content-end col-6">
                 <div class="d-flex justify-content-between">
-                @if (filtActive)
-                {
-                    <div class=" rounded small d-flex justify-content-between" title="Filtri attivi">
-                        @*<i class="fas fa-exclamation text-warning"></i>*@
+                    @if (filtActive)
+                    {
+                        <div class=" rounded small d-flex justify-content-between" title="Filtri attivi">
+                            @*<i class="fas fa-exclamation text-warning"></i>*@
+                            @if (selReparto != "*")
+                            {
+                                <button class="btn btn-outline-primary btn-sm mx-2" @onclick="()=>resetReparto()" title="Rimuovi Filtro Reparto"><i class="fa-solid fa-building"></i> &nbsp <i class="fa-solid fa-xmark text-warning"></i></button>
+                            }
                             @if (selMacchina != "*")
-            {
+                            {
                                 <button class="btn btn-outline-primary btn-sm mx-2" @onclick="()=>resetMacchina()" title="Rimuovi Filtro Impianto"><i class="fa-solid fa-hard-drive"></i> &nbsp <i class="fa-solid fa-xmark text-warning"></i></button>
-            }
-            @if (selStato != "*")
-            {
+                            }
+                            @if (selStato != "*")
+                            {
                                 <button class="btn btn-outline-primary btn-sm mx-2" @onclick="()=>resetFase()" title="Rimuovi Filtro Parametro"><i class="fa-solid fa-sliders"></i> &nbsp <i class="fa-solid fa-xmark text-warning"></i></button>
-            }
+                            }
+                        </div>
+                    }
+                    <span class="badge bg-secondary mx-2 text-nowrap" title="Filtro Data inizio attivo">@selDtStart &nbsp <i class="fa-solid fa-calendar-days"></i></span>
+                    <span class="badge bg-secondary mx-2 text-nowrap" title="Filtro Data fine attivo">@selDtEnd &nbsp <i class="fa-solid fa-calendar-days"></i></span>
+                    <div class="p-2 text-end">
+                        <a class="pt-2 text-dark" data-bs-toggle="offcanvas" data-bs-target="#paramsFilterExample" aria-controls="paramsFilterExample" @onclick="setDtMax">
+                            <i class="fa-solid fa-bars"></i>
+                        </a>
                     </div>
-                }
-                <div class="p-2">
-                    <a class="pt-2 text-dark" data-bs-toggle="offcanvas" data-bs-target="#paramsFilterExample" aria-controls="paramsFilterExample" @onclick="setDtMax">
-                        <i class="fa-solid fa-bars"></i>
-                    </a>
                 </div>
-            </div>
                 <SelFilterXDL currFilter="@currFilter" ListMacchine="@ListMacchine" ListStati="@ListStati" ListGruppiFase="@ListGruppiFase" FilterChanged="updateFilter"></SelFilterXDL>
                 @*<div class="offcanvas offcanvas-end" tabindex="-1" id="paramsFilterExample" aria-labelledby="paramsFilterExampleLabel">
-                    <div class="offcanvas-header">
-                        <h3 class="offcanvas-title" id="paramsFilterExampleLabel"><b>FILTRI</b></h3>
-                        <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
-                    </div>
-                    <div class="offcanvas-body">
-                        <div>
-                            <div>
-                                Seleziona i filtri per:
-                            </div>
-                        </div>
-                        <div>
+                <div class="offcanvas-header">
+                <h3 class="offcanvas-title" id="paramsFilterExampleLabel"><b>FILTRI</b></h3>
+                <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
+                </div>
+                <div class="offcanvas-body">
+                <div>
+                <div>
+                Seleziona i filtri per:
+                </div>
+                </div>
+                <div>
 
-                            <div class="small mt-2">
-                                <label class="px-2" for="macchina" title="Selezionare inizio periodo">Reparto</label>
-                            </div>
-                            <div class="input-group px-2">
-                                <label class="input-group-text" for="macchina" title="Selezionare la macchina da visualizzare"><i class="fa-solid fa-hard-drive"></i></label>
-                                <select @bind="@selMacchina" id="macchina" class="form-select" title="Selezionare la macchina da visualizzare">
-                                    <option value="*">--- Tutti ---</option>
-                                    @if (ListMacchine != null)
-                                    {
-                                        foreach (var item in ListMacchine)
-                                        {
-                                            <option value="@item">@item</option>
-                                        }
-                                    }
-                                </select>
-                            </div>
-                        </div>
-                        <div>
+                <div class="small mt-2">
+                <label class="px-2" for="macchina" title="Selezionare inizio periodo">Reparto</label>
+                </div>
+                <div class="input-group px-2">
+                <label class="input-group-text" for="macchina" title="Selezionare la macchina da visualizzare"><i class="fa-solid fa-hard-drive"></i></label>
+                <select @bind="@selMacchina" id="macchina" class="form-select" title="Selezionare la macchina da visualizzare">
+                <option value="*">--- Tutti ---</option>
+                @if (ListMacchine != null)
+                {
+                foreach (var item in ListMacchine)
+                {
+                <option value="@item">@item</option>
+                }
+                }
+                </select>
+                </div>
+                </div>
+                <div>
 
-                            <div class="small mt-2">
-                                <label class="px-2" for="macchina" title="Selezionare inizio periodo">Macchina</label>
-                            </div>
-                            <div class="input-group px-2">
-                                <label class="input-group-text" for="macchina" title="Selezionare la macchina da visualizzare"><i class="fa-solid fa-hard-drive"></i></label>
-                                <select @bind="@selMacchina" id="macchina" class="form-select" title="Selezionare la macchina da visualizzare">
-                                    <option value="*">--- Tutti ---</option>
-                                    @if (ListMacchine != null)
-                                    {
-                                        foreach (var item in ListMacchine)
-                                        {
-                                            <option value="@item">@item</option>
-                                        }
-                                    }
-                                </select>
-                            </div>
-                        </div>
-                        <div>
+                <div class="small mt-2">
+                <label class="px-2" for="macchina" title="Selezionare inizio periodo">Macchina</label>
+                </div>
+                <div class="input-group px-2">
+                <label class="input-group-text" for="macchina" title="Selezionare la macchina da visualizzare"><i class="fa-solid fa-hard-drive"></i></label>
+                <select @bind="@selMacchina" id="macchina" class="form-select" title="Selezionare la macchina da visualizzare">
+                <option value="*">--- Tutti ---</option>
+                @if (ListMacchine != null)
+                {
+                foreach (var item in ListMacchine)
+                {
+                <option value="@item">@item</option>
+                }
+                }
+                </select>
+                </div>
+                </div>
+                <div>
 
-                            <div class="small mt-2">
-                                <label class="px-2" for="fase" title="Selezionare inizio periodo">Fase</label>
-                            </div>
-                            <div class="input-group px-2">
-                                <label class="input-group-text" for="fase" title="Selezionare la fase da visualizzare"><i class="fa-solid fa-screwdriver-wrench"></i></label>
-                                <select @bind="@selStato" id="fase" class="form-select" title="Selezionare la fase da visualizzare">
-                                    <option value="*">--- Tutti ---</option>
-                                    @if (ListStati != null)
-                                    {
-                                        foreach (var item in ListStati)
-                                        {
-                                            <option value="@item.value">@item.label</option>
-                                        }
-                                    }
-                                </select>
-                            </div>
-                        </div>
-                        @if (!isActive)
-                        {
-                            <div class="small mt-2">
-                                <label class="px-2" for="dtMin" title="Selezionare inizio periodo">Inizio Periodo</label>
-                            </div>
-                            <div class="px-2 input-group">
-                                <label class="input-group-text" for="dtMin" title="Selezionare inizio periodo"><i class="fa-regular fa-calendar-minus"></i></label>
-                                <input class="form-control" @bind="@selDtStart" id="dtMin" type="datetime-local" title="Data minima eventi da visualizzare">
-                            </div>
-                            <div class="small mt-2">
-                                <label class="px-2" for="dtMax" title="Selezionare fine periodo">Fine Periodo</label>
-                            </div>
-                            <div class="px-2 input-group">
-                                <label class="input-group-text" for="dtMax" title="Selezionare fine periodo"><i class="fa-regular fa-calendar-plus"></i></label>
-                                <input class="form-control" @bind="@selDtEnd" id="dtMax" type="datetime-local" title="Selezionare fine periodo">
-                            </div>
-                        }
-                    </div>
+                <div class="small mt-2">
+                <label class="px-2" for="fase" title="Selezionare inizio periodo">Fase</label>
+                </div>
+                <div class="input-group px-2">
+                <label class="input-group-text" for="fase" title="Selezionare la fase da visualizzare"><i class="fa-solid fa-screwdriver-wrench"></i></label>
+                <select @bind="@selStato" id="fase" class="form-select" title="Selezionare la fase da visualizzare">
+                <option value="*">--- Tutti ---</option>
+                @if (ListStati != null)
+                {
+                foreach (var item in ListStati)
+                {
+                <option value="@item.value">@item.label</option>
+                }
+                }
+                </select>
+                </div>
+                </div>
+                @if (!isActive)
+                {
+                <div class="small mt-2">
+                <label class="px-2" for="dtMin" title="Selezionare inizio periodo">Inizio Periodo</label>
+                </div>
+                <div class="px-2 input-group">
+                <label class="input-group-text" for="dtMin" title="Selezionare inizio periodo"><i class="fa-regular fa-calendar-minus"></i></label>
+                <input class="form-control" @bind="@selDtStart" id="dtMin" type="datetime-local" title="Data minima eventi da visualizzare">
+                </div>
+                <div class="small mt-2">
+                <label class="px-2" for="dtMax" title="Selezionare fine periodo">Fine Periodo</label>
+                </div>
+                <div class="px-2 input-group">
+                <label class="input-group-text" for="dtMax" title="Selezionare fine periodo"><i class="fa-regular fa-calendar-plus"></i></label>
+                <input class="form-control" @bind="@selDtEnd" id="dtMax" type="datetime-local" title="Selezionare fine periodo">
+                </div>
+                }
+                </div>
                 </div>*@
             </div>
         </div>
diff --git a/MP.SPEC/Pages/ODL.razor.cs b/MP.SPEC/Pages/ODL.razor.cs
index 929351a5..5a4ee2de 100644
--- a/MP.SPEC/Pages/ODL.razor.cs
+++ b/MP.SPEC/Pages/ODL.razor.cs
@@ -136,7 +136,10 @@ namespace MP.SPEC.Pages
         {
             selMacchina = "*";
         }
-
+        protected void resetReparto()
+        {
+            selReparto = "*";
+        }
         protected void setDtMax()
         {
             // copio il filtro
@@ -170,7 +173,7 @@ namespace MP.SPEC.Pages
 
         private bool filtActive
         {
-            get => selMacchina != "*" || selStato != "*";
+            get => selMacchina != "*" || selStato != "*" || selReparto != "*";
         }
 
         private bool isLoading { get; set; } = false;