From 21fa81f09cffcbed02393532d9895ea9b97c77da Mon Sep 17 00:00:00 2001
From: "zaccaria.majid" <zaccaria.majid@egalware.com>
Date: Wed, 5 Oct 2022 16:34:22 +0200
Subject: [PATCH] fix grafico filtri Dossier

---
 MP.SPEC/Components/DossiersFilter.razor    | 47 +++++++++++++---------
 MP.SPEC/Components/DossiersFilter.razor.cs |  7 ++++
 2 files changed, 36 insertions(+), 18 deletions(-)

diff --git a/MP.SPEC/Components/DossiersFilter.razor b/MP.SPEC/Components/DossiersFilter.razor
index 80c12120..b1d6c7e9 100644
--- a/MP.SPEC/Components/DossiersFilter.razor
+++ b/MP.SPEC/Components/DossiersFilter.razor
@@ -1,10 +1,9 @@
-<div class="d-flex justify-content-between">
-    <div class="px-0 py-1">
-    </div>
+<div class="d-flex justify-content-end">
 
-    <div class="px-0 col-8">
-        <div class="d-flex px-0 py-1">
-            <div class="px-2 input-group">
+    <div class="d-flex justify-content-between">
+        <div class="d-flex justify-content-between pt-2 mb-1">
+
+            <div class="input-group input-group">
                 <label class="input-group-text" for="macchina" title="Selezionare l'articolo"><i class="fa-solid fa-file"></i></label>
                 <select @bind="@selArticolo" class="form-select" id="macchina" title="Selezionare la macchina">
                     <option value="*">--- Tutti ---</option>
@@ -27,19 +26,31 @@
                         }
                     }
                 </select>
-                
-                <label class="input-group-text" for="DtMin" title="Selezionare la data da visualizzare"><i class="fa-solid fa-calendar-check"></i></label>
-                <input @bind="@selDtRef" id="DtMin" class="form-control" type="datetime-local" title="Selezionare la data minima da visualizzare" />
+
             </div>
-            <div class="px-2 input-group">
-                <label class="input-group-text" for="maxRecord" title="Selezionare il numero massimo di record da visualizzare"><i class="fa-solid fa-list-ol"></i></label>
-                <select @bind="@selMaxRecord" class="form-select" id="maxRecord" title="Selezionare il numero massimo di record da visualizzare">
-                    <option value="50">50</option>
-                    <option value="100">100</option>
-                    <option value="250">250</option>
-                    <option value="500">500</option>
-                </select>
-                usare dots...
+        </div>
+        <div class="d-flex justify-content-between pt-0">
+            <div class="d-flex justify-content-between pt-2 mb-1">
+                @if (showParam)
+                {
+
+                    <div class="input-group input-group">
+                        <label class="input-group-text" for="DtMin" title="Selezionare la data da visualizzare"><i class="fa-solid fa-calendar-check"></i></label>
+                        <input @bind="@selDtRef" id="DtMin" class="form-control" type="datetime-local" title="Selezionare la data minima da visualizzare" />
+                        <label class="input-group-text" for="maxRecord" title="Selezionare il numero massimo di record da visualizzare"><i class="fa-solid fa-list-ol"></i></label>
+                        <select @bind="@selMaxRecord" class="form-select" id="maxRecord" title="Selezionare il numero massimo di record da visualizzare">
+                            <option value="50">50</option>
+                            <option value="100">100</option>
+                            <option value="250">250</option>
+                            <option value="500">500</option>
+                        </select>
+                        <button class="btn btn-default btn-block" @onclick="toggleShowParams" title="Hide Parameters"><i class="fa-solid fa-ellipsis-vertical"></i></button>
+                    </div>
+                }
+                else
+                {
+                        <button class="btn btn-default btn-block" @onclick="toggleShowParams" title="Show Parameters"><i class="fa-solid fa-ellipsis"></i></button>
+                }
             </div>
         </div>
     </div>
diff --git a/MP.SPEC/Components/DossiersFilter.razor.cs b/MP.SPEC/Components/DossiersFilter.razor.cs
index 8d9e01bb..94174e12 100644
--- a/MP.SPEC/Components/DossiersFilter.razor.cs
+++ b/MP.SPEC/Components/DossiersFilter.razor.cs
@@ -14,6 +14,8 @@ namespace MP.SPEC.Components
         [Parameter]
         public SelectDossierParams SelFilterDossier { get; set; } = null!;
 
+        protected bool showParam { get; set; } = false;
+
         #endregion Public Properties
 
         #region Protected Properties
@@ -140,6 +142,11 @@ namespace MP.SPEC.Components
             FilterChanged.InvokeAsync(SelFilterDossier);
         }
 
+        private void toggleShowParams()
+        {
+            showParam = !showParam;
+        }
+
         #endregion Private Methods
     }
 }
\ No newline at end of file