From 7cc25ac9bee8abfc350e7de5d16c0fd8cb71c1ab Mon Sep 17 00:00:00 2001
From: Samuele Locatelli <samuele@steamware.net>
Date: Thu, 15 Sep 2022 17:55:14 +0200
Subject: [PATCH] Fix toggle show/hide edit params

---
 MP.SPEC/Components/ParamsFilter.razor    | 90 +++++++++++++-----------
 MP.SPEC/Components/ParamsFilter.razor.cs | 11 +--
 2 files changed, 56 insertions(+), 45 deletions(-)

diff --git a/MP.SPEC/Components/ParamsFilter.razor b/MP.SPEC/Components/ParamsFilter.razor
index a0e47e70..1f289791 100644
--- a/MP.SPEC/Components/ParamsFilter.razor
+++ b/MP.SPEC/Components/ParamsFilter.razor
@@ -17,46 +17,55 @@
 
     <div class="px-0">
         <div class="d-flex justify-content-end">
-            <div class="px-2">
-                <select @bind="@selTempoAgg" class="form-select">
-                    <option value="2">2</option>
-                    <option value="3">3</option>
-                    <option value="4">4</option>
-                    <option value="5">5</option>
-                    <option value="6">6</option>
-                    <option value="7">7</option>
-                    <option value="8">8</option>
-                    <option value="9">9</option>
-                    <option value="10">10</option>
-                    <option value="11">11</option>
-                    <option value="12">12</option>
-                    <option value="13">13</option>
-                    <option value="14">14</option>
-                    <option value="15">15</option>
-                    <option value="16">16</option>
-                    <option value="17">17</option>
-                    <option value="18">18</option>
-                    <option value="19">19</option>
-                    <option value="20">20</option>
-                </select>
-            </div>
-            <div class="px-2">
-                <select @bind="@selMaxRecord" class="form-select">
-                    <option value="50">50</option>
-                    <option value="100">100</option>
-                    <option value="150">150</option>
-                    <option value="200">200</option>
-                    <option value="250">250</option>
-                    <option value="300">300</option>
-                    <option value="350">350</option>
-                    <option value="400">400</option>
-                    <option value="450">450</option>
-                    <option value="500">500</option>
-                </select>
-            </div>
-            <div>
-                <button class="btn btn-primary"><i class="fa-solid fa-arrow-left"></i></button>
-            </div>
+            @if (showEditPar)
+            {
+                <div class="px-2">
+                    <button class="btn btn-primary" @onclick="() => toggleParams()"> <i class="fa-solid fa-arrow-right"></i></button>
+                </div>
+                <div class="px-2">
+                    <select @bind="@selTempoAgg" class="form-select">
+                        <option value="2">2</option>
+                        <option value="3">3</option>
+                        <option value="4">4</option>
+                        <option value="5">5</option>
+                        <option value="6">6</option>
+                        <option value="7">7</option>
+                        <option value="8">8</option>
+                        <option value="9">9</option>
+                        <option value="10">10</option>
+                        <option value="11">11</option>
+                        <option value="12">12</option>
+                        <option value="13">13</option>
+                        <option value="14">14</option>
+                        <option value="15">15</option>
+                        <option value="16">16</option>
+                        <option value="17">17</option>
+                        <option value="18">18</option>
+                        <option value="19">19</option>
+                        <option value="20">20</option>
+                    </select>
+                </div>
+                <div class="px-2">
+                    <select @bind="@selMaxRecord" class="form-select">
+                        <option value="50">50</option>
+                        <option value="100">100</option>
+                        <option value="150">150</option>
+                        <option value="200">200</option>
+                        <option value="250">250</option>
+                        <option value="300">300</option>
+                        <option value="350">350</option>
+                        <option value="400">400</option>
+                        <option value="450">450</option>
+                        <option value="500">500</option>
+                    </select>
+                </div>
+            }
+            else
+            {
+                <div class="px-2">
+                    <button class="btn btn-primary" @onclick="() => toggleParams()"><i class="fa-solid fa-arrow-left"></i></button>
+                </div>
+            }
             <div class="px-2">
                 <select @bind="@selMacchina" class="form-select">
                     <option value="*">--- Tutti ---</option>
@@ -84,3 +93,4 @@
         </div>
     </div>
 </div>
+
diff --git a/MP.SPEC/Components/ParamsFilter.razor.cs b/MP.SPEC/Components/ParamsFilter.razor.cs
index 2e6965ef..8c01d30b 100644
--- a/MP.SPEC/Components/ParamsFilter.razor.cs
+++ b/MP.SPEC/Components/ParamsFilter.razor.cs
@@ -31,10 +31,8 @@ namespace MP.SPEC.Components
             {
                 if (!SelFilter.LiveUpdate.Equals(value))
                 {
-                    isLoading = true;
                     SelFilter.LiveUpdate = value;
                     reportChange();
-                    isLoading = false;
                 }
             }
         }
@@ -103,7 +101,6 @@ namespace MP.SPEC.Components
             {
                 if (!SelFilter.IdxMacchina.Equals(value))
                 {
-                    isLoading = true;
                     Task.Delay(1);
                     //StateHasChanged();
                     SelFilter.IdxMacchina = value;
@@ -113,7 +110,6 @@ namespace MP.SPEC.Components
                     StateHasChanged();
                     Task.Delay(1);
                     reportChange();
-                    isLoading = false;
                 }
             }
         }
@@ -141,9 +137,14 @@ namespace MP.SPEC.Components
 
         #endregion Protected Methods
 
+        protected void toggleParams()
+        {
+            showEditPar = !showEditPar;
+        }
+
         #region Private Fields
 
-        private bool isLoading = false;
+        private bool showEditPar { get; set; } = false;
 
         private List<string>? ListFlux;