gestione grandezza finestra

MP.INVE/Pages/_Layout.cshtml

@@ -62,5 +62,6 @@
 
     <script type="text/javascript" src="~/lib/qrcode.js"></script>
     <script type="text/javascript" src="~/lib/qrHelper.js"></script>
+    <script type="text/javascript" src="~/lib/WindowSize.js"></script>
 </body>
 </html>

MP.INVE/Shared/MainLayout.razor

@@ -6,12 +6,18 @@
 
 <div class="page">
     <div class="@sideClass">
-        <NavMenu EC_compressUpdated="@UpdateNavDisplay" />
+        @if ((Height != 480) && (Width != 320))
+        {
+            <NavMenu EC_compressUpdated="@UpdateNavDisplay" />
+        }
     </div>
 
     <main>
         <div class="top-row px-4 justify-content-between">
-            <CmpTop></CmpTop>
+            @if ((Height != 480) && (Width != 320))
+            {
+                <CmpTop></CmpTop>
+            }
         </div>
         <article class="content pt-0 m-2">
             @if (userName != "0" || NavManager.Uri.Contains("OperatoreLogin"))

MP.INVE/Shared/MainLayout.razor.cs

@@ -1,5 +1,6 @@
 using Blazored.LocalStorage;
 using Microsoft.AspNetCore.Components;
+using Microsoft.JSInterop;
 using MP.Data.DTO;
 
 namespace MP.INVE.Shared
@@ -44,9 +45,21 @@ namespace MP.INVE.Shared
             }
         }
 
+        public int Height { get; set; }
+        public int Width { get; set; }
+
+        public class WindowDimension
+        {
+            public int Width { get; set; }
+            public int Height { get; set; }
+        }
+
         protected override async Task OnInitializedAsync()
         {
             await getId();
+            var dimension = await JSRuntime.InvokeAsync<WindowDimension>("getWindowDimensions");
+            Height = dimension.Height;
+            Width = dimension.Width;
         }
 
         protected void UpdateNavDisplay()
@@ -65,6 +78,9 @@ namespace MP.INVE.Shared
         [Inject]
         private NavigationManager NavManager { get; set; } = null!;
 
+        [Inject]
+        private IJSRuntime JSRuntime { get; set; } = null!;
+
         #endregion Private Properties
     }
 }

MP.INVE/Shared/NavMenu.razor

@@ -52,7 +52,7 @@
                     </div>
                 </NavLink>
             </div>
-            <div class="nav-item px-2 col-12">
+@*            <div class="nav-item px-2 col-12">
                 <NavLink class="nav-link px-2" href="Acquisizione">
                     <div class="col-2">
                         <span class="px-2" aria-hidden="true"><i class="fa-solid fa-barcode"></i></span>
@@ -61,7 +61,7 @@
                         <span class="@hideText">Acquisizione</span>
                     </div>
                 </NavLink>
-            </div>
+            </div>*@
             <div class="nav-item px-2 col-12">
                 <NavLink class="nav-link px-2" href="Invio">
                     <div class="col-2">

MP.INVE/wwwroot/lib/WindowSize.js

@@ -0,0 +1,6 @@
+window.getWindowDimensions = function () {
+    return {
+        width: window.innerWidth,
+        height: window.innerHeight
+    };
+};