Aggiornamento blazor 8 con progetto interactive auto x componenti

MP-MON/MP-MON.Client/Components/CmpFooter.razor

@@ -1,6 +1,6 @@
 <div class="d-flex justify-content-between text-light">
     <div class="px-1">
-        <b>Mapo MON @(DateTime.Today.Year)</b> | <span class="small">v.@version</span>
+        <b>Mapo MON .net 8 @(DateTime.Today.Year)</b> | <span class="small">v.@version</span>
         | 
         <small class="fontSmall">@Width x @Height</small>
     </div>

MP-MON/MP-MON.Client/Components/CmpFooter.razor.cs

@@ -1,11 +1,10 @@
 using Microsoft.AspNetCore.Components;
 using Microsoft.JSInterop;
-using NLog;
 using System;
 
-namespace MP.Mon.Components
+namespace MP.MON.Client.Components
 {
-    public partial class CmpFooter : IDisposable
+    public partial class CmpFooter : ComponentBase, IDisposable
     {
         #region Public Methods
 
@@ -21,16 +20,15 @@ namespace MP.Mon.Components
             var pUpd = Task.Run(async () =>
                 {
                     await Task.Delay(1);
+                    Console.WriteLine($"{DateTime.Now} | Elapsed Timer Footer");
                     await InvokeAsync(() => StateHasChanged());
                 });
             pUpd.Wait();
-            //Log.Trace($"Elapsed Timer Footer");
         }
 
         public void StartTimer()
         {
             int tOutPeriod = 1000;
-            //int.TryParse(Configuration["ReloadStatusTimer"], out tOutPeriod);
             aTimer = new System.Timers.Timer(tOutPeriod);
             aTimer.Elapsed += ElapsedTimer;
             aTimer.Enabled = true;
@@ -75,8 +73,9 @@ namespace MP.Mon.Components
             {
                 await getWDim();
                 StateHasChanged();
-                Log.Debug($"Dimensioni schermo: {Width}x{Height}");
+                Console.WriteLine($"Dimensioni schermo: {Width}x{Height}");
             }
+            Console.WriteLine($"OnAfterRenderAsync completato");
         }
 
         protected override void OnInitialized()
@@ -84,6 +83,7 @@ namespace MP.Mon.Components
             var currAssembly = typeof(Program).Assembly.GetName();
             version = currAssembly.Version != null ? currAssembly.Version : new Version();
             StartTimer();
+            Console.WriteLine($"OnInitialized completato");
         }
 
         #endregion Protected Methods
@@ -91,7 +91,6 @@ namespace MP.Mon.Components
         #region Private Fields
 
         private static System.Timers.Timer aTimer = null!;
-        private static NLog.Logger Log = LogManager.GetCurrentClassLogger();
         private Version version = null!;
 
         #endregion Private Fields

MP-MON/MP-MON.Client/Components/DetailMSE.razor.cs

@@ -2,14 +2,16 @@ using Microsoft.AspNetCore.Components;
 using Microsoft.Extensions.FileSystemGlobbing;
 using MP.Data.Conf;
 using MP.Data.DbModels;
-using NLog;
 
-namespace MP.Mon.Components
+namespace MP.MON.Client.Components
 {
-    public partial class DetailMSE
+    public partial class DetailMSE : ComponentBase
     {
         #region Public Properties
 
+        [Parameter]
+        public string cssOverlayOff { get; set; } = "";
+
         [Parameter]
         public MappaStatoExpl? CurrRecord { get; set; } = null;
 
@@ -28,6 +30,9 @@ namespace MP.Mon.Components
         [Parameter]
         public int keepAliveMin { get; set; } = 5;
 
+        [Parameter]
+        public int maxChar4Scroll { get; set; } = 20;
+
         [Parameter]
         public string showArt { get; set; } = "";
 
@@ -111,20 +116,6 @@ namespace MP.Mon.Components
             }
         }
 
-
-        /// <summary>
-        /// CSS class x testo (se descr lunga scorre...)
-        /// </summary>
-        protected string textDescrCss(string currText, int maxChar)
-        {
-            string answ = "text-nowrap";
-            if (currText.Length > maxChar)
-            {
-                answ = " scroll-left";
-            }
-            return answ;
-        }
-
         protected bool dataLoaded { get; set; } = false;
 
         /// <summary>
@@ -181,23 +172,15 @@ namespace MP.Mon.Components
             return answ;
         }
 
-        [Inject]
-        protected IConfiguration config { get; set; } = null!;
-
         protected override async Task OnInitializedAsync()
         {
             //StartTimer();
             Random rnd = new Random();
             await Task.Delay(rnd.Next(5));
-            cssOverlayOff = config.GetValue<string>("ServerConf:cssOverlayOff");
-            maxChar4Scroll = config.GetValue<int>("ServerConf:maxChar4Scroll");
             setupConf();
             dataLoaded = true;
         }
 
-        private string cssOverlayOff = "bg-dark text-light opacity-100";
-        private int maxChar4Scroll = 20;
-
         /// <summary>
         /// Restituisce (se presenti) valori di override per la riga indicata
         /// </summary>
@@ -221,14 +204,21 @@ namespace MP.Mon.Components
             return rowVals;
         }
 
+        /// <summary>
+        /// CSS class x testo (se descr lunga scorre...)
+        /// </summary>
+        protected string textDescrCss(string currText, int maxChar)
+        {
+            string answ = "text-nowrap";
+            if (currText.Length > maxChar)
+            {
+                answ = " scroll-left";
+            }
+            return answ;
+        }
+
         #endregion Protected Methods
 
-        #region Private Fields
-
-        private static NLog.Logger Log = LogManager.GetCurrentClassLogger();
-
-        #endregion Private Fields
-
         #region Private Properties
 
         private static System.Timers.Timer aTimer { get; set; } = null!;

MP-MON/MP-MON.Client/Components/DetailViewMSE.razor.cs

@@ -1,12 +1,10 @@
 using Microsoft.AspNetCore.Components;
 using MP.Data.Conf;
 using MP.Data.DbModels;
-using Org.BouncyCastle.Asn1;
-using static Org.BouncyCastle.Math.EC.ECCurve;
 
-namespace MP.Mon.Components
+namespace MP.MON.Client.Components
 {
-    public partial class DetailViewMSE
+    public partial class DetailViewMSE : ComponentBase
     {
         #region Public Properties
 
@@ -28,6 +26,9 @@ namespace MP.Mon.Components
         [Parameter]
         public int keepAliveMin { get; set; } = 5;
 
+        [Parameter]
+        public int maxChar4Scroll { get; set; } = 20;
+
         [Parameter]
         public string showArt { get; set; } = "";
 
@@ -41,9 +42,6 @@ namespace MP.Mon.Components
 
         #region Protected Properties
 
-        [Inject]
-        protected IConfiguration config { get; set; } = null!;
-
         protected bool dataLoaded { get; set; } = true;
 
         #endregion Protected Properties
@@ -84,11 +82,6 @@ namespace MP.Mon.Components
             return answ;
         }
 
-        protected override void OnInitialized()
-        {
-            maxChar4Scroll = config.GetValue<int>("ServerConf:maxChar4Scroll");
-        }
-
         /// <summary>
         /// Restituisce (se presenti) valori di override per la riga indicata
         /// </summary>
@@ -140,12 +133,6 @@ namespace MP.Mon.Components
 
         #endregion Protected Methods
 
-        #region Private Fields
-
-        private int maxChar4Scroll = 20;
-
-        #endregion Private Fields
-
         #region Private Methods
 
         private string cssComStatus(string semaforo, DateTime? lastUpdateN)

MP-MON/MP-MON.Client/MP-MON.Client.csproj

@@ -0,0 +1,30 @@
+<Project Sdk="Microsoft.NET.Sdk.BlazorWebAssembly">
+
+  <PropertyGroup>
+    <TargetFramework>net8.0</TargetFramework>
+    <ImplicitUsings>enable</ImplicitUsings>
+    <Nullable>enable</Nullable>
+    <NoDefaultLaunchSettingsFile>true</NoDefaultLaunchSettingsFile>
+    <StaticWebAssetProjectMode>Default</StaticWebAssetProjectMode>
+    <RootNamespace>MP.MON.Client</RootNamespace>
+    <AssemblyName>$(AssemblyName.Replace(' ', '_'))</AssemblyName>
+  </PropertyGroup>
+
+  <ItemGroup>
+    <Content Remove="compilerconfig.json" />
+  </ItemGroup>
+
+  <ItemGroup>
+    <None Include="compilerconfig.json" />
+  </ItemGroup>
+
+  <ItemGroup>
+    <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.13" />
+    <PackageReference Include="Microsoft.AspNetCore.WebUtilities" Version="2.1.1" />
+  </ItemGroup>
+
+  <ItemGroup>
+    <ProjectReference Include="..\..\MP.Data\MP.Data.csproj" />
+  </ItemGroup>
+
+</Project>

MP-MON/MP-MON.Client/Pages/Counter.razor

@@ -0,0 +1,16 @@
+@page "/counter"
+@rendermode InteractiveAuto
+
+<PageTitle>Counter</PageTitle>
+
+<h1>Counter</h1>
+
+<p role="status">Current count: @currentCount</p>
+
+<button class="btn btn-primary" @onclick="IncrementCount">Click me</button>
+
+<hr />
+
+<MP.MON.Client.Component.CmpFooter></MP.MON.Client.Component.CmpFooter>
+
+

MP-MON/MP-MON.Client/Pages/Counter.razor.cs

@@ -0,0 +1,23 @@
+using Microsoft.AspNetCore.Components;
+using System;
+
+namespace MP.MON.Client.Pages
+{
+    public partial class Counter : ComponentBase
+    {
+        #region Private Fields
+
+        private int currentCount = 0;
+
+        #endregion Private Fields
+
+        #region Private Methods
+
+        private void IncrementCount()
+        {
+            currentCount++;
+        }
+
+        #endregion Private Methods
+    }
+}

MP-MON/MP-MON.Client/Program.cs

@@ -0,0 +1,5 @@
+using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
+
+var builder = WebAssemblyHostBuilder.CreateDefault(args);
+
+await builder.Build().RunAsync();

MP-MON/MP-MON.Client/Utils.cs

@@ -0,0 +1,26 @@
+using Microsoft.AspNetCore.Components;
+using Microsoft.AspNetCore.WebUtilities;
+
+namespace MP.MON.Client
+{
+    public static class Utils
+    {
+        public static T ExtractQueryStringByKey<T>(this NavigationManager navManager, string key)
+        {
+            Uri uri = navManager.ToAbsoluteUri(navManager.Uri);
+            QueryHelpers.ParseQuery(uri.Query).TryGetValue(key, out var value);
+            if (typeof(T).Equals(typeof(int)))
+            {
+                int.TryParse(value, out var result);
+                return (T)(object)result;
+            }
+
+            if (typeof(T).Equals(typeof(string)))
+            {
+                return (T)(object)value.ToString();
+            }
+
+            return default(T);
+        }
+    }
+}

MP-MON/MP-MON.Client/_Imports.razor

@@ -1,11 +1,10 @@
 @using System.Net.Http
-@using Microsoft.AspNetCore.Authorization
-@using Microsoft.AspNetCore.Components.Authorization
+@using System.Net.Http.Json
 @using Microsoft.AspNetCore.Components.Forms
 @using Microsoft.AspNetCore.Components.Routing
 @using Microsoft.AspNetCore.Components.Web
+@using static Microsoft.AspNetCore.Components.Web.RenderMode
 @using Microsoft.AspNetCore.Components.Web.Virtualization
 @using Microsoft.JSInterop
-@using MP.Mon
-@using MP.Mon.Shared
-@using MP.Mon.Components
+@using MP.MON.Client
+@using MP.MON.Client.Components

MP-MON/MP-MON.Client/compilerconfig.json

@@ -1,18 +1,10 @@
 [
   {
-    "outputFile": "wwwroot/css/site.css",
-    "inputFile": "wwwroot/css/site.less"
-  },
-  {
-    "outputFile": "wwwroot/css/fonts.css",
-    "inputFile": "wwwroot/css/fonts.less"
+    "outputFile": "Components/DetailViewMSE.razor.css",
+    "inputFile": "Components/DetailViewMSE.razor.less"
   },
   {
     "outputFile": "Components/DetailMSE.razor.css",
     "inputFile": "Components/DetailMSE.razor.less"
-  },
-  {
-    "outputFile": "Components/DetailViewMSE.razor.css",
-    "inputFile": "Components/DetailViewMSE.razor.less"
   }
 ]

MP-MON/MP-MON.Client/wwwroot/appsettings.Development.json

@@ -1,5 +1,4 @@
 {
-  "DetailedErrors": true,
   "Logging": {
     "LogLevel": {
       "Default": "Information",

MP-MON/MP-MON.Client/wwwroot/appsettings.json

@@ -0,0 +1,8 @@
+{
+  "Logging": {
+    "LogLevel": {
+      "Default": "Information",
+      "Microsoft.AspNetCore": "Warning"
+    }
+  }
+}

MP-MON/MP-MON/Components/App.razor

@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <base href="/" />
+    @* <link rel="stylesheet" href="bootstrap/bootstrap.min.css" />
+    <link rel="stylesheet" href="app.css" />
+    <link rel="stylesheet" href="MP-MON.styles.css" />
+    <link rel="icon" type="image/png" href="favicon.png" /> *@
+
+    @* <base href="~/" /> *@
+    <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css" />
+    <link rel="stylesheet" href="css/site.min.css" />
+    <link rel="stylesheet" href="lib/font-awesome/css/all.min.css" />
+    <link rel="stylesheet" href="MP-MON.styles.css" />
+    <link rel="icon" type="image/png" href="favicon.ico" />
+    <HeadOutlet />
+</head>
+
+<body>
+    <Routes />
+    <script src="lib/WindowSize.js"></script>
+    <script src="_framework/blazor.web.js"></script>
+    @* <script>
+        Blazor.start({
+            reconnectionOptions: {
+                maxRetries: 600,
+                retryIntervalMilliseconds: 1000
+            },
+        }).then(() => {
+            Blazor.defaultReconnectionHandler._reconnectCallback = function (d) {
+                console.log("Client reconnected, waiting 5 sec and reload!");
+                setTimeout(function () {
+                    document.location.reload();
+                }, 5000);
+            }
+        });
+    </script> *@
+</body>
+
+</html>

MP-MON/MP-MON/Components/Layout/MainLayout.razor

@@ -8,11 +8,17 @@
             <CmpHeader></CmpHeader>
         </div>
 
-        <article class="content p-0">
+        <article class="content px-4">
             @Body
         </article>
         <div class="fixed-bottom bottom-row px-2">
-            <CmpFooter></CmpFooter>
+            <CmpFooter @rendermode="InteractiveAuto"></CmpFooter>
         </div>
     </main>
 </div>
+
+<div id="blazor-error-ui">
+    An unhandled error has occurred.
+    <a href="" class="reload">Reload</a>
+    <a class="dismiss">🗙</a>
+</div>

MP-MON/MP-MON/Components/Layout/MainLayout.razor.css

@@ -0,0 +1,86 @@
+.page {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+}
+main {
+  flex: 1;
+}
+.top-row {
+  background-color: #000000;
+  /*border-bottom: 1px solid #696969;*/
+  color: #696969;
+  font-size: 1.4em;
+  height: 2.6rem;
+  display: flex;
+  align-items: center;
+  justify-content: space-evenly;
+}
+.mainHead {
+  font-size: 1.6rem;
+}
+.top-row ::deep a,
+.top-row .btn-link {
+  white-space: nowrap;
+  margin-left: 1.5rem;
+}
+.top-row a:first-child {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.bottom-row {
+  color: #dedede;
+  background-color: #000000;
+  height: 1.5rem;
+  align-items: center;
+}
+@media (max-width: 640.98px) {
+  .top-row:not(.auth) {
+    display: none;
+  }
+  .top-row.auth {
+    justify-content: space-between;
+  }
+  .top-row a,
+  .top-row .btn-link {
+    margin-left: 0;
+  }
+}
+@media (min-width: 641px) {
+  .page {
+    flex-direction: row;
+  }
+  .sidebar {
+    width: 15rem;
+    height: 100vh;
+    position: sticky;
+    top: 0;
+  }
+  .sidebarSmall {
+    width: 80px;
+    height: 100vh;
+    position: sticky;
+    top: 0;
+  }
+  .top-row {
+    position: sticky;
+    top: 0;
+    z-index: 1;
+  }
+  .top-row,
+  article {
+    padding-left: 0.5rem !important;
+    padding-right: 0.5rem !important;
+  }
+  .bottom-row {
+    position: fixed;
+    bottom: 0;
+    z-index: 1;
+  }
+  .main > div {
+    padding-left: 0.5rem !important;
+    padding-right: 0.5rem !important;
+    /*padding-left: 2rem !important;
+        padding-right: 1.5rem !important;*/
+  }
+}

MP-MON/MP-MON/Components/Layout/MainLayout.razor.less

@@ -19,7 +19,7 @@ main {
     justify-content: space-evenly;
 }
 
-.mainHead{
+.mainHead {
     font-size: 1.6rem;
 }
 
@@ -45,9 +45,11 @@ main {
     .top-row:not(.auth) {
         display: none;
     }
+
     .top-row.auth {
         justify-content: space-between;
     }
+
     .top-row a,
     .top-row .btn-link {
         margin-left: 0;
@@ -58,36 +60,42 @@ main {
     .page {
         flex-direction: row;
     }
+
     .sidebar {
         width: 15rem;
         height: 100vh;
         position: sticky;
         top: 0;
     }
+
     .sidebarSmall {
         width: 80px;
         height: 100vh;
         position: sticky;
         top: 0;
     }
+
     .top-row {
         position: sticky;
         top: 0;
         z-index: 1;
     }
+
     .top-row, article {
         padding-left: 0.5rem !important;
         padding-right: 0.5rem !important;
     }
+
     .bottom-row {
         position: fixed;
         bottom: 0;
         z-index: 1;
     }
-    .main>div {
+
+    .main > div {
         padding-left: 0.5rem !important;
         padding-right: 0.5rem !important;
         /*padding-left: 2rem !important;
         padding-right: 1.5rem !important;*/
     }
-}
+}

MP-MON/MP-MON/Components/Layout/MainLayout.razor.min.css

@@ -0,0 +1 @@
+.page{position:relative;display:flex;flex-direction:column;}main{flex:1;}.top-row{background-color:#000;color:#696969;font-size:1.4em;height:2.6rem;display:flex;align-items:center;justify-content:space-evenly;}.mainHead{font-size:1.6rem;}.top-row ::deep a,.top-row .btn-link{white-space:nowrap;margin-left:1.5rem;}.top-row a:first-child{overflow:hidden;text-overflow:ellipsis;}.bottom-row{color:#dedede;background-color:#000;height:1.5rem;align-items:center;}@media(max-width:640.98px){.top-row:not(.auth){display:none;}.top-row.auth{justify-content:space-between;}.top-row a,.top-row .btn-link{margin-left:0;}}@media(min-width:641px){.page{flex-direction:row;}.sidebar{width:15rem;height:100vh;position:sticky;top:0;}.sidebarSmall{width:80px;height:100vh;position:sticky;top:0;}.top-row{position:sticky;top:0;z-index:1;}.top-row,article{padding-left:.5rem!important;padding-right:.5rem!important;}.bottom-row{position:fixed;bottom:0;z-index:1;}.main>div{padding-left:.5rem!important;padding-right:.5rem!important;}}

MP-MON/MP-MON/Components/Pages/Error.razor

@@ -0,0 +1,36 @@
+@page "/Error"
+@using System.Diagnostics
+
+<PageTitle>Error</PageTitle>
+
+<h1 class="text-danger">Error.</h1>
+<h2 class="text-danger">An error occurred while processing your request.</h2>
+
+@if (ShowRequestId)
+{
+    <p>
+        <strong>Request ID:</strong> <code>@RequestId</code>
+    </p>
+}
+
+<h3>Development Mode</h3>
+<p>
+    Swapping to <strong>Development</strong> environment will display more detailed information about the error that occurred.
+</p>
+<p>
+    <strong>The Development environment shouldn't be enabled for deployed applications.</strong>
+    It can result in displaying sensitive information from exceptions to end users.
+    For local debugging, enable the <strong>Development</strong> environment by setting the <strong>ASPNETCORE_ENVIRONMENT</strong> environment variable to <strong>Development</strong>
+    and restarting the app.
+</p>
+
+@code{
+    [CascadingParameter]
+    private HttpContext? HttpContext { get; set; }
+
+    private string? RequestId { get; set; }
+    private bool ShowRequestId => !string.IsNullOrEmpty(RequestId);
+
+    protected override void OnInitialized() =>
+        RequestId = Activity.Current?.Id ?? HttpContext?.TraceIdentifier;
+}

MP-MON/MP-MON/Components/Pages/ForceReload.razor

@@ -1,6 +1,8 @@
 @page "/ForceReload"
 @page "/force-reload"
 
+@attribute [StreamRendering(true)]
+@rendermode InteractiveServer
 <h3>ForceReload</h3>
 
 

MP-MON/MP-MON/Components/Pages/ForceReload.razor.cs

@@ -1,22 +1,29 @@
 using Microsoft.AspNetCore.Components;
 using MP.Data.Services;
 
-namespace MP.Mon.Pages
+namespace MP.MON.Components.Pages
 {
-    public partial class ForceReload
+    public partial class ForceReload : ComponentBase
     {
-
+        #region Protected Properties
 
         [Inject]
         protected MonDataFeeder MMDataService { get; set; } = null!;
+
         [Inject]
         protected NavigationManager NavMan { get; set; } = null!;
 
+        #endregion Protected Properties
+
+        #region Protected Methods
+
         protected override async Task OnInitializedAsync()
         {
             await MMDataService.FlushCache();
             await Task.Delay(100);
             NavMan.NavigateTo("/", true);
         }
+
+        #endregion Protected Methods
     }
 }

MP-MON/MP-MON/Components/Pages/Index.razor

@@ -1,6 +1,6 @@
 @page "/"
-
-
+@attribute [StreamRendering(false)]
+@rendermode InteractiveServer
 
 <PageTitle>MP MON</PageTitle>
 
@@ -38,13 +38,13 @@ else
                     if (newDisplay)
                     {
                         <div class="col p-0">
-                            <DetailViewMSE CurrRecord="@currMse" currTagConf="@getIobTag(currMse.IdxMacchina)" currTagVal="@getTagVal(currMse.IdxMacchina)" doAnimate="@doAnimate" keepAliveMin="@keepAliveMin" showArt="@showArt" doBlink="@doBlink"></DetailViewMSE>
+                            <DetailViewMSE CurrRecord="@currMse" currTagConf="@getIobTag(currMse.IdxMacchina)" currTagVal="@getTagVal(currMse.IdxMacchina)" doAnimate="@doAnimate" keepAliveMin="@keepAliveMin" showArt="@showArt" doBlink="@doBlink" maxChar4Scroll="@maxChar4Scroll"></DetailViewMSE>
                         </div>
                     }
                     else
                     {
                         <div class="col p-0">
-                            <DetailMSE CurrRecord="@currMse" currTagConf="@getIobTag(currMse.IdxMacchina)" currTagVal="@getTagVal(currMse.IdxMacchina)" doAnimate="@doAnimate" keepAliveMin="@keepAliveMin" showArt="@showArt" doBlink="@doBlink"></DetailMSE>
+                            <DetailMSE CurrRecord="@currMse" currTagConf="@getIobTag(currMse.IdxMacchina)" currTagVal="@getTagVal(currMse.IdxMacchina)" doAnimate="@doAnimate" keepAliveMin="@keepAliveMin" showArt="@showArt" doBlink="@doBlink" maxChar4Scroll="@maxChar4Scroll" cssOverlayOff="@cssOverlayOff"></DetailMSE>
                         </div>
                     }
                 }

MP-MON/MP-MON/Components/Pages/Index.razor.cs

@@ -3,15 +3,15 @@ using MP.Data;
 using MP.Data.Conf;
 using MP.Data.DbModels;
 using MP.Data.Services;
+using MP.MON;
 using Newtonsoft.Json;
 using NLog;
 using System;
-using EgwCoreLib.Razor;
-using EgwCoreLib.Razor.Data;
+using static Org.BouncyCastle.Math.EC.ECCurve;
 
-namespace MP.Mon.Pages
+namespace MP.MON.Components.Pages
 {
-    public partial class Index : IDisposable
+    public partial class Index : ComponentBase, IDisposable
     {
         #region Public Methods
 
@@ -59,6 +59,9 @@ namespace MP.Mon.Pages
 
         #region Protected Properties
 
+        [Inject]
+        protected IConfiguration config { get; set; } = null!;
+
         /// <summary>
         /// Numero righe mappa: calcolato da num elementi e numMax x riga...
         /// </summary>
@@ -218,7 +221,9 @@ namespace MP.Mon.Pages
             MMDataService.dataPipe.EA_NewMessage += DataPipe_EA_NewMessage;
             MMDataService.blinkPipe.EA_NewMessage += BlinkPipe_EA_NewMessage;
             Random rnd = new Random();
-            await Task.Delay(rnd.Next(1000, 1200));
+            cssOverlayOff = config.GetValue<string>("ServerConf:cssOverlayOff");
+            maxChar4Scroll = config.GetValue<int>("ServerConf:maxChar4Scroll");
+            await Task.Delay(rnd.Next(200, 300));
             StartTimer();
         }
 
@@ -230,11 +235,23 @@ namespace MP.Mon.Pages
         private static NLog.Logger Log = LogManager.GetCurrentClassLogger();
 
         private static System.Timers.Timer slowTimer = new System.Timers.Timer(300000);
+
         private string CodGruppo = "";
+
+        private string cssOverlayOff = "bg-dark text-light opacity-100";
         private List<ConfigModel>? CurrConfig = null;
+
         private bool doBlink = false;
+
         private List<Macchine> listMacchine = new List<Macchine>();
+
         private List<MappaStatoExpl>? ListMSE = null;
+
+        /// <summary>
+        /// num max caratteri prima di abilitare scrolling testo
+        /// </summary>
+        private int maxChar4Scroll = 10;
+
         private Random rnd = new Random();
 
         #endregion Private Fields

MP-MON/MP-MON/Components/Routes.razor

@@ -0,0 +1,6 @@
+<Router AppAssembly="typeof(Program).Assembly" AdditionalAssemblies="new[] { typeof(Client._Imports).Assembly }">
+    <Found Context="routeData">
+        <RouteView RouteData="routeData" DefaultLayout="typeof(Layout.MainLayout)" />
+        <FocusOnNavigate RouteData="routeData" Selector="h1" />
+    </Found>
+</Router>

MP-MON/MP-MON/Components/_Imports.razor

@@ -0,0 +1,19 @@
+@using System.Net.Http
+@using System.Net.Http.Json
+@using Microsoft.AspNetCore.Components.Forms
+@using Microsoft.AspNetCore.Components.Routing
+@using Microsoft.AspNetCore.Components.Web
+@using static Microsoft.AspNetCore.Components.Web.RenderMode
+@using Microsoft.AspNetCore.Components.Web.Virtualization
+@using Microsoft.JSInterop
+@using MP.Data
+@using MP.Data.Conf
+@using MP.Data.Controllers
+@using MP.Data.DbModels
+@using MP.Data.DTO
+@using MP.Data.Services
+@using MP.MON
+@using MP.MON.Client
+@using MP.MON.Client.Components
+@using MP.MON.Components
+@using MP.MON.Components.Pages

MP-MON/MP-MON/MP-MON.csproj

@@ -0,0 +1,36 @@
+<Project Sdk="Microsoft.NET.Sdk.Web">
+
+  <PropertyGroup>
+    <TargetFramework>net8.0</TargetFramework>
+    <Nullable>enable</Nullable>
+    <ImplicitUsings>enable</ImplicitUsings>
+    <RootNamespace>MP.MON</RootNamespace>
+    <AssemblyName>$(AssemblyName.Replace(' ', '_'))</AssemblyName>
+  </PropertyGroup>
+
+  <ItemGroup>
+    <Content Remove="compilerconfig.json" />
+  </ItemGroup>
+
+  <ItemGroup>
+    <Compile Include="..\MP-MON.Client\Pages\Counter.razor.cs" Link="Counter.razor.cs" />
+  </ItemGroup>
+
+  <ItemGroup>
+    <None Include="compilerconfig.json" />
+  </ItemGroup>
+
+  <ItemGroup>
+    <ProjectReference Include="..\..\MP.Data\MP.Data.csproj" />
+    <ProjectReference Include="..\MP-MON.Client\MP-MON.Client.csproj" />
+    <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.Server" Version="8.0.13" />
+    <PackageReference Include="NLog.Web.AspNetCore" Version="5.3.14" />
+  </ItemGroup>
+
+  <ItemGroup>
+    <Content Update="Components\Layout\MainLayout.razor">
+      <ExcludeFromSingleFile>true</ExcludeFromSingleFile>
+    </Content>
+  </ItemGroup>
+
+</Project>

MP-MON/MP-MON/Program.cs

@@ -1,21 +1,16 @@
-using Microsoft.AspNetCore.Components;
-using Microsoft.AspNetCore.Components.Web;
-using MP.Data;
+//using MP_MON.Client.Component;
 using MP.Data.Services;
+using MP.MON.Components;
 using NLog;
 using NLog.Web;
 using StackExchange.Redis;
 
 var builder = WebApplication.CreateBuilder(args);
 
-/*--------------------
- * Note migrazione startup.cs --> program.cs:
- * 
- * - https://stackoverflow.com/questions/69722872/asp-net-core-6-how-to-access-configuration-during-startup
- * - https://docs.microsoft.com/en-us/aspnet/core/migration/50-to-60?view=aspnetcore-5.0&tabs=visual-studio#where-do-i-put-state-that-was-stored-as-fields-in-my-program-or-startup-class
- * 
- * */
-
+// Add services to the container.
+builder.Services.AddRazorComponents()
+    .AddInteractiveServerComponents()
+    .AddInteractiveWebAssemblyComponents();
 
 
 var logger = LogManager.Setup()
@@ -27,24 +22,27 @@ ConfigurationManager configuration = builder.Configuration;
 
 // REDIS setup
 logger.Info("Setup REDIS");
-string connStringRedis = configuration.GetConnectionString("Redis");
+string connStringRedis = configuration.GetConnectionString("Redis") ?? "localhost:6379";
 string redisSrvAddr = connStringRedis.Substring(0, connStringRedis.IndexOf(":"));
 // avvio oggetto shared x redis...
 var redisMultiplexer = ConnectionMultiplexer.Connect(connStringRedis);
 
 // Add services to the container.
 logger.Info("Setup Services");
-builder.Services.AddRazorPages();
-builder.Services.AddServerSideBlazor();
 builder.Services.AddSingleton<IConnectionMultiplexer>(redisMultiplexer);
 builder.Services.AddSingleton<MonDataFeeder>();
 
+
 var app = builder.Build();
 
 // Configure the HTTP request pipeline.
-if (!app.Environment.IsDevelopment())
+if (app.Environment.IsDevelopment())
 {
-    app.UseExceptionHandler("/Error");
+    app.UseWebAssemblyDebugging();
+}
+else
+{
+    app.UseExceptionHandler("/Error", createScopeForErrors: true);
     // The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.
     app.UseHsts();
 }
@@ -52,11 +50,12 @@ if (!app.Environment.IsDevelopment())
 app.UseHttpsRedirection();
 
 app.UseStaticFiles();
+app.UseAntiforgery();
 
-app.UseRouting();
+app.MapRazorComponents<App>()
+    .AddInteractiveServerRenderMode()
+    .AddInteractiveWebAssemblyRenderMode()
+    .AddAdditionalAssemblies(typeof(MP.MON.Client._Imports).Assembly);
 
-app.MapBlazorHub();
-app.MapFallbackToPage("/_Host");
-
-logger.Info("Run App");
+logger.Info("App: Run stage");
 app.Run();

MP-MON/MP-MON/Properties/launchSettings.json

@@ -0,0 +1,41 @@
+{
+  "$schema": "http://json.schemastore.org/launchsettings.json",
+    "iisSettings": {
+      "windowsAuthentication": false,
+      "anonymousAuthentication": true,
+      "iisExpress": {
+        "applicationUrl": "http://localhost:16622",
+        "sslPort": 44311
+      }
+    },
+    "profiles": {
+      "http": {
+        "commandName": "Project",
+        "dotnetRunMessages": true,
+        "launchBrowser": true,
+        "inspectUri": "{wsProtocol}://{url.hostname}:{url.port}/_framework/debug/ws-proxy?browser={browserInspectUri}",
+        "applicationUrl": "http://localhost:5292",
+        "environmentVariables": {
+          "ASPNETCORE_ENVIRONMENT": "Development"
+        }
+      },
+      "https": {
+        "commandName": "Project",
+        "dotnetRunMessages": true,
+        "launchBrowser": true,
+        "inspectUri": "{wsProtocol}://{url.hostname}:{url.port}/_framework/debug/ws-proxy?browser={browserInspectUri}",
+        "applicationUrl": "https://localhost:7271;http://localhost:5292",
+        "environmentVariables": {
+          "ASPNETCORE_ENVIRONMENT": "Development"
+        }
+      },
+      "IIS Express": {
+        "commandName": "IISExpress",
+        "launchBrowser": true,
+        "inspectUri": "{wsProtocol}://{url.hostname}:{url.port}/_framework/debug/ws-proxy?browser={browserInspectUri}",
+        "environmentVariables": {
+          "ASPNETCORE_ENVIRONMENT": "Development"
+        }
+      }
+    }
+  }

MP-MON/MP-MON/Utils.cs

@@ -0,0 +1,26 @@
+using Microsoft.AspNetCore.Components;
+using Microsoft.AspNetCore.WebUtilities;
+
+namespace MP.MON
+{
+    public static class Utils
+    {
+        public static T ExtractQueryStringByKey<T>(this NavigationManager navManager, string key)
+        {
+            Uri uri = navManager.ToAbsoluteUri(navManager.Uri);
+            QueryHelpers.ParseQuery(uri.Query).TryGetValue(key, out var value);
+            if (typeof(T).Equals(typeof(int)))
+            {
+                int.TryParse(value, out var result);
+                return (T)(object)result;
+            }
+
+            if (typeof(T).Equals(typeof(string)))
+            {
+                return (T)(object)value.ToString();
+            }
+
+            return default(T);
+        }
+    }
+}

MP-MON/MP-MON/appsettings.Development.json

@@ -0,0 +1,8 @@
+{
+  "Logging": {
+    "LogLevel": {
+      "Default": "Information",
+      "Microsoft.AspNetCore": "Warning"
+    }
+  }
+}

MP-MON/MP-MON/compilerconfig.json

@@ -0,0 +1,10 @@
+[
+  {
+    "outputFile": "wwwroot/css/app.css",
+    "inputFile": "wwwroot/css/app.less"
+  },
+  {
+    "outputFile": "Components/Layout/MainLayout.razor.css",
+    "inputFile": "Components/Layout/MainLayout.razor.less"
+  }
+]

MP-MON/MP-MON/compilerconfig.json.defaults

@@ -0,0 +1,71 @@
+{
+  "compilers": {
+    "less": {
+      "autoPrefix": "",
+      "cssComb": "none",
+      "ieCompat": true,
+      "math": null,
+      "strictMath": false,
+      "strictUnits": false,
+      "relativeUrls": true,
+      "rootPath": "",
+      "sourceMapRoot": "",
+      "sourceMapBasePath": "",
+      "sourceMap": false
+    },
+    "sass": {
+      "autoPrefix": "",
+      "loadPaths": "",
+      "style": "expanded",
+      "relativeUrls": true,
+      "sourceMap": false
+    },
+    "nodesass": {
+      "autoPrefix": "",
+      "includePath": "",
+      "indentType": "space",
+      "indentWidth": 2,
+      "outputStyle": "nested",
+      "precision": 5,
+      "relativeUrls": true,
+      "sourceMapRoot": "",
+      "lineFeed": "",
+      "sourceMap": false
+    },
+    "stylus": {
+      "sourceMap": false
+    },
+    "babel": {
+      "sourceMap": false
+    },
+    "coffeescript": {
+      "bare": false,
+      "runtimeMode": "node",
+      "sourceMap": false
+    },
+    "handlebars": {
+      "root": "",
+      "noBOM": false,
+      "name": "",
+      "namespace": "",
+      "knownHelpersOnly": false,
+      "forcePartial": false,
+      "knownHelpers": [],
+      "commonjs": "",
+      "amd": false,
+      "sourceMap": false
+    }
+  },
+  "minifiers": {
+    "css": {
+      "enabled": true,
+      "termSemicolons": true,
+      "gzip": false
+    },
+    "javascript": {
+      "enabled": true,
+      "termSemicolons": true,
+      "gzip": false
+    }
+  }
+}

MP-MON/MP-MON/libman.json

@@ -1,15 +1,14 @@
 {
-  "version": "1.0",
+  "version": "3.0",
   "defaultProvider": "cdnjs",
   "libraries": [
     {
-      "library": "bootstrap@5.1.3",
-      "destination": "wwwroot/lib/bootstrap/"
+      "library": "font-awesome@6.7.2",
+      "destination": "wwwroot/lib/font-awesome/"
     },
     {
-      "provider": "cdnjs",
-      "library": "font-awesome@6.1.1",
-      "destination": "wwwroot/lib/font-awesome/"
+      "library": "bootstrap@5.3.3",
+      "destination": "wwwroot/lib/bootstrap/"
     }
   ]
 }

MP-MON/MP-MON/wwwroot/app.css

@@ -0,0 +1,51 @@
+html, body {
+    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+}
+
+a, .btn-link {
+    color: #006bb7;
+}
+
+.btn-primary {
+    color: #fff;
+    background-color: #1b6ec2;
+    border-color: #1861ac;
+}
+
+.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
+  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
+}
+
+.content {
+    padding-top: 1.1rem;
+}
+
+h1:focus {
+    outline: none;
+}
+
+.valid.modified:not([type=checkbox]) {
+    outline: 1px solid #26b050;
+}
+
+.invalid {
+    outline: 1px solid #e50000;
+}
+
+.validation-message {
+    color: #e50000;
+}
+
+.blazor-error-boundary {
+    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
+    padding: 1rem 1rem 1rem 3.7rem;
+    color: white;
+}
+
+    .blazor-error-boundary::after {
+        content: "An error has occurred."
+    }
+
+.darker-border-checkbox.form-check-input {
+    border-color: #929292;
+}

MP-MON/MP-MON/wwwroot/css/site.less

@@ -206,7 +206,6 @@ a, .btn-link {
     .statusMap .ui-title, .statusMap .ui-li-aside {
         font-size: 1.8rem;
     }
-
 }
 
 @media all and (min-width: 1980px) {
@@ -214,6 +213,7 @@ a, .btn-link {
         font-size: 1.9rem;
     }
 }
+
 @media all and (min-width: 3960px) {
     .statusMap .ui-title, .statusMap .ui-li-aside {
         font-size: 2.0rem;
@@ -391,6 +391,7 @@ a, .btn-link {
         font-size: 0.7rem;
     }
 }
+
 @media all and (min-width: 425px) {
     .mainHead {
         font-size: 1.3rem;
@@ -423,6 +424,7 @@ a, .btn-link {
     .mainHead {
         font-size: 0.9rem;
     }
+
     body {
         font-size: 0.6rem;
     }
@@ -436,6 +438,7 @@ a, .btn-link {
     .mainHead {
         font-size: 1.0rem;
     }
+
     body {
         font-size: 0.7rem;
     }
@@ -445,6 +448,7 @@ a, .btn-link {
     .mainHead {
         font-size: 1.1rem;
     }
+
     body {
         font-size: 0.8rem;
     }
@@ -454,6 +458,7 @@ a, .btn-link {
     .mainHead {
         font-size: 1.3rem;
     }
+
     body {
         font-size: 1.0rem;
     }
@@ -463,6 +468,7 @@ a, .btn-link {
     .mainHead {
         font-size: 1.4rem;
     }
+
     body {
         font-size: 1.1rem;
     }
@@ -472,6 +478,7 @@ a, .btn-link {
     .mainHead {
         font-size: 1.6rem;
     }
+
     body {
         font-size: 1.3rem;
     }
@@ -481,6 +488,7 @@ a, .btn-link {
     .mainHead {
         font-size: 1.4rem;
     }
+
     body {
         font-size: 1.8rem;
     }

MP-MON/MP-MON/wwwroot/lib/bootstrap/css/bootstrap-reboot.css

@@ -1,11 +1,10 @@
 /*!
- * Bootstrap Reboot v5.1.3 (https://getbootstrap.com/)
- * Copyright 2011-2021 The Bootstrap Authors
- * Copyright 2011-2021 Twitter, Inc.
+ * Bootstrap Reboot v5.3.3 (https://getbootstrap.com/)
+ * Copyright 2011-2024 The Bootstrap Authors
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
- * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
  */
-:root {
+:root,
+[data-bs-theme=light] {
   --bs-blue: #0d6efd;
   --bs-indigo: #6610f2;
   --bs-purple: #6f42c1;
@@ -16,6 +15,7 @@
   --bs-green: #198754;
   --bs-teal: #20c997;
   --bs-cyan: #0dcaf0;
+  --bs-black: #000;
   --bs-white: #fff;
   --bs-gray: #6c757d;
   --bs-gray-dark: #343a40;
@@ -44,11 +44,33 @@
   --bs-danger-rgb: 220, 53, 69;
   --bs-light-rgb: 248, 249, 250;
   --bs-dark-rgb: 33, 37, 41;
+  --bs-primary-text-emphasis: #052c65;
+  --bs-secondary-text-emphasis: #2b2f32;
+  --bs-success-text-emphasis: #0a3622;
+  --bs-info-text-emphasis: #055160;
+  --bs-warning-text-emphasis: #664d03;
+  --bs-danger-text-emphasis: #58151c;
+  --bs-light-text-emphasis: #495057;
+  --bs-dark-text-emphasis: #495057;
+  --bs-primary-bg-subtle: #cfe2ff;
+  --bs-secondary-bg-subtle: #e2e3e5;
+  --bs-success-bg-subtle: #d1e7dd;
+  --bs-info-bg-subtle: #cff4fc;
+  --bs-warning-bg-subtle: #fff3cd;
+  --bs-danger-bg-subtle: #f8d7da;
+  --bs-light-bg-subtle: #fcfcfd;
+  --bs-dark-bg-subtle: #ced4da;
+  --bs-primary-border-subtle: #9ec5fe;
+  --bs-secondary-border-subtle: #c4c8cb;
+  --bs-success-border-subtle: #a3cfbb;
+  --bs-info-border-subtle: #9eeaf9;
+  --bs-warning-border-subtle: #ffe69c;
+  --bs-danger-border-subtle: #f1aeb5;
+  --bs-light-border-subtle: #e9ecef;
+  --bs-dark-border-subtle: #adb5bd;
   --bs-white-rgb: 255, 255, 255;
   --bs-black-rgb: 0, 0, 0;
-  --bs-body-color-rgb: 33, 37, 41;
-  --bs-body-bg-rgb: 255, 255, 255;
-  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
   --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
   --bs-body-font-family: var(--bs-font-sans-serif);
@@ -56,7 +78,106 @@
   --bs-body-font-weight: 400;
   --bs-body-line-height: 1.5;
   --bs-body-color: #212529;
+  --bs-body-color-rgb: 33, 37, 41;
   --bs-body-bg: #fff;
+  --bs-body-bg-rgb: 255, 255, 255;
+  --bs-emphasis-color: #000;
+  --bs-emphasis-color-rgb: 0, 0, 0;
+  --bs-secondary-color: rgba(33, 37, 41, 0.75);
+  --bs-secondary-color-rgb: 33, 37, 41;
+  --bs-secondary-bg: #e9ecef;
+  --bs-secondary-bg-rgb: 233, 236, 239;
+  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
+  --bs-tertiary-color-rgb: 33, 37, 41;
+  --bs-tertiary-bg: #f8f9fa;
+  --bs-tertiary-bg-rgb: 248, 249, 250;
+  --bs-heading-color: inherit;
+  --bs-link-color: #0d6efd;
+  --bs-link-color-rgb: 13, 110, 253;
+  --bs-link-decoration: underline;
+  --bs-link-hover-color: #0a58ca;
+  --bs-link-hover-color-rgb: 10, 88, 202;
+  --bs-code-color: #d63384;
+  --bs-highlight-color: #212529;
+  --bs-highlight-bg: #fff3cd;
+  --bs-border-width: 1px;
+  --bs-border-style: solid;
+  --bs-border-color: #dee2e6;
+  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
+  --bs-border-radius: 0.375rem;
+  --bs-border-radius-sm: 0.25rem;
+  --bs-border-radius-lg: 0.5rem;
+  --bs-border-radius-xl: 1rem;
+  --bs-border-radius-xxl: 2rem;
+  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
+  --bs-border-radius-pill: 50rem;
+  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
+  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
+  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+  --bs-focus-ring-width: 0.25rem;
+  --bs-focus-ring-opacity: 0.25;
+  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
+  --bs-form-valid-color: #198754;
+  --bs-form-valid-border-color: #198754;
+  --bs-form-invalid-color: #dc3545;
+  --bs-form-invalid-border-color: #dc3545;
+}
+
+[data-bs-theme=dark] {
+  color-scheme: dark;
+  --bs-body-color: #dee2e6;
+  --bs-body-color-rgb: 222, 226, 230;
+  --bs-body-bg: #212529;
+  --bs-body-bg-rgb: 33, 37, 41;
+  --bs-emphasis-color: #fff;
+  --bs-emphasis-color-rgb: 255, 255, 255;
+  --bs-secondary-color: rgba(222, 226, 230, 0.75);
+  --bs-secondary-color-rgb: 222, 226, 230;
+  --bs-secondary-bg: #343a40;
+  --bs-secondary-bg-rgb: 52, 58, 64;
+  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
+  --bs-tertiary-color-rgb: 222, 226, 230;
+  --bs-tertiary-bg: #2b3035;
+  --bs-tertiary-bg-rgb: 43, 48, 53;
+  --bs-primary-text-emphasis: #6ea8fe;
+  --bs-secondary-text-emphasis: #a7acb1;
+  --bs-success-text-emphasis: #75b798;
+  --bs-info-text-emphasis: #6edff6;
+  --bs-warning-text-emphasis: #ffda6a;
+  --bs-danger-text-emphasis: #ea868f;
+  --bs-light-text-emphasis: #f8f9fa;
+  --bs-dark-text-emphasis: #dee2e6;
+  --bs-primary-bg-subtle: #031633;
+  --bs-secondary-bg-subtle: #161719;
+  --bs-success-bg-subtle: #051b11;
+  --bs-info-bg-subtle: #032830;
+  --bs-warning-bg-subtle: #332701;
+  --bs-danger-bg-subtle: #2c0b0e;
+  --bs-light-bg-subtle: #343a40;
+  --bs-dark-bg-subtle: #1a1d20;
+  --bs-primary-border-subtle: #084298;
+  --bs-secondary-border-subtle: #41464b;
+  --bs-success-border-subtle: #0f5132;
+  --bs-info-border-subtle: #087990;
+  --bs-warning-border-subtle: #997404;
+  --bs-danger-border-subtle: #842029;
+  --bs-light-border-subtle: #495057;
+  --bs-dark-border-subtle: #343a40;
+  --bs-heading-color: inherit;
+  --bs-link-color: #6ea8fe;
+  --bs-link-hover-color: #8bb9fe;
+  --bs-link-color-rgb: 110, 168, 254;
+  --bs-link-hover-color-rgb: 139, 185, 254;
+  --bs-code-color: #e685b5;
+  --bs-highlight-color: #dee2e6;
+  --bs-highlight-bg: #664d03;
+  --bs-border-color: #495057;
+  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
+  --bs-form-valid-color: #75b798;
+  --bs-form-valid-border-color: #75b798;
+  --bs-form-invalid-color: #ea868f;
+  --bs-form-invalid-border-color: #ea868f;
 }
 
 *,
@@ -87,20 +208,17 @@ body {
 hr {
   margin: 1rem 0;
   color: inherit;
-  background-color: currentColor;
   border: 0;
+  border-top: var(--bs-border-width) solid;
   opacity: 0.25;
 }
 
-hr:not([size]) {
-  height: 1px;
-}
-
 h6, h5, h4, h3, h2, h1 {
   margin-top: 0;
   margin-bottom: 0.5rem;
   font-weight: 500;
   line-height: 1.2;
+  color: var(--bs-heading-color);
 }
 
 h1 {
@@ -152,8 +270,7 @@ p {
   margin-bottom: 1rem;
 }
 
-abbr[title],
-abbr[data-bs-original-title] {
+abbr[title] {
   -webkit-text-decoration: underline dotted;
   text-decoration: underline dotted;
   cursor: help;
@@ -209,8 +326,9 @@ small {
 }
 
 mark {
-  padding: 0.2em;
-  background-color: #fcf8e3;
+  padding: 0.1875em;
+  color: var(--bs-highlight-color);
+  background-color: var(--bs-highlight-bg);
 }
 
 sub,
@@ -230,11 +348,11 @@ sup {
 }
 
 a {
-  color: #0d6efd;
+  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
   text-decoration: underline;
 }
 a:hover {
-  color: #0a58ca;
+  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
 }
 
 a:not([href]):not([class]), a:not([href]):not([class]):hover {
@@ -248,8 +366,6 @@ kbd,
 samp {
   font-family: var(--bs-font-monospace);
   font-size: 1em;
-  direction: ltr /* rtl:ignore */;
-  unicode-bidi: bidi-override;
 }
 
 pre {
@@ -267,7 +383,7 @@ pre code {
 
 code {
   font-size: 0.875em;
-  color: #d63384;
+  color: var(--bs-code-color);
   word-wrap: break-word;
 }
 a > code {
@@ -275,16 +391,15 @@ a > code {
 }
 
 kbd {
-  padding: 0.2rem 0.4rem;
+  padding: 0.1875rem 0.375rem;
   font-size: 0.875em;
-  color: #fff;
-  background-color: #212529;
-  border-radius: 0.2rem;
+  color: var(--bs-body-bg);
+  background-color: var(--bs-body-color);
+  border-radius: 0.25rem;
 }
 kbd kbd {
   padding: 0;
   font-size: 1em;
-  font-weight: 700;
 }
 
 figure {
@@ -304,7 +419,7 @@ table {
 caption {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
-  color: #6c757d;
+  color: var(--bs-secondary-color);
   text-align: left;
 }
 
@@ -363,8 +478,8 @@ select:disabled {
   opacity: 1;
 }
 
-[list]::-webkit-calendar-picker-indicator {
-  display: none;
+[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
+  display: none !important;
 }
 
 button,
@@ -428,8 +543,8 @@ legend + * {
 }
 
 [type=search] {
-  outline-offset: -2px;
   -webkit-appearance: textfield;
+  outline-offset: -2px;
 }
 
 /* rtl:raw:
@@ -450,14 +565,11 @@ legend + * {
 
 ::-webkit-file-upload-button {
   font: inherit;
+  -webkit-appearance: button;
 }
 
 ::file-selector-button {
   font: inherit;
-}
-
-::-webkit-file-upload-button {
-  font: inherit;
   -webkit-appearance: button;
 }
 

MP-MON/MP-MON/wwwroot/lib/bootstrap/css/bootstrap-reboot.rtl.css

@@ -1,11 +1,10 @@
 /*!
- * Bootstrap Reboot v5.1.3 (https://getbootstrap.com/)
- * Copyright 2011-2021 The Bootstrap Authors
- * Copyright 2011-2021 Twitter, Inc.
+ * Bootstrap Reboot v5.3.3 (https://getbootstrap.com/)
+ * Copyright 2011-2024 The Bootstrap Authors
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
- * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
  */
-:root {
+:root,
+[data-bs-theme=light] {
   --bs-blue: #0d6efd;
   --bs-indigo: #6610f2;
   --bs-purple: #6f42c1;
@@ -16,6 +15,7 @@
   --bs-green: #198754;
   --bs-teal: #20c997;
   --bs-cyan: #0dcaf0;
+  --bs-black: #000;
   --bs-white: #fff;
   --bs-gray: #6c757d;
   --bs-gray-dark: #343a40;
@@ -44,11 +44,33 @@
   --bs-danger-rgb: 220, 53, 69;
   --bs-light-rgb: 248, 249, 250;
   --bs-dark-rgb: 33, 37, 41;
+  --bs-primary-text-emphasis: #052c65;
+  --bs-secondary-text-emphasis: #2b2f32;
+  --bs-success-text-emphasis: #0a3622;
+  --bs-info-text-emphasis: #055160;
+  --bs-warning-text-emphasis: #664d03;
+  --bs-danger-text-emphasis: #58151c;
+  --bs-light-text-emphasis: #495057;
+  --bs-dark-text-emphasis: #495057;
+  --bs-primary-bg-subtle: #cfe2ff;
+  --bs-secondary-bg-subtle: #e2e3e5;
+  --bs-success-bg-subtle: #d1e7dd;
+  --bs-info-bg-subtle: #cff4fc;
+  --bs-warning-bg-subtle: #fff3cd;
+  --bs-danger-bg-subtle: #f8d7da;
+  --bs-light-bg-subtle: #fcfcfd;
+  --bs-dark-bg-subtle: #ced4da;
+  --bs-primary-border-subtle: #9ec5fe;
+  --bs-secondary-border-subtle: #c4c8cb;
+  --bs-success-border-subtle: #a3cfbb;
+  --bs-info-border-subtle: #9eeaf9;
+  --bs-warning-border-subtle: #ffe69c;
+  --bs-danger-border-subtle: #f1aeb5;
+  --bs-light-border-subtle: #e9ecef;
+  --bs-dark-border-subtle: #adb5bd;
   --bs-white-rgb: 255, 255, 255;
   --bs-black-rgb: 0, 0, 0;
-  --bs-body-color-rgb: 33, 37, 41;
-  --bs-body-bg-rgb: 255, 255, 255;
-  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
   --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
   --bs-body-font-family: var(--bs-font-sans-serif);
@@ -56,7 +78,106 @@
   --bs-body-font-weight: 400;
   --bs-body-line-height: 1.5;
   --bs-body-color: #212529;
+  --bs-body-color-rgb: 33, 37, 41;
   --bs-body-bg: #fff;
+  --bs-body-bg-rgb: 255, 255, 255;
+  --bs-emphasis-color: #000;
+  --bs-emphasis-color-rgb: 0, 0, 0;
+  --bs-secondary-color: rgba(33, 37, 41, 0.75);
+  --bs-secondary-color-rgb: 33, 37, 41;
+  --bs-secondary-bg: #e9ecef;
+  --bs-secondary-bg-rgb: 233, 236, 239;
+  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
+  --bs-tertiary-color-rgb: 33, 37, 41;
+  --bs-tertiary-bg: #f8f9fa;
+  --bs-tertiary-bg-rgb: 248, 249, 250;
+  --bs-heading-color: inherit;
+  --bs-link-color: #0d6efd;
+  --bs-link-color-rgb: 13, 110, 253;
+  --bs-link-decoration: underline;
+  --bs-link-hover-color: #0a58ca;
+  --bs-link-hover-color-rgb: 10, 88, 202;
+  --bs-code-color: #d63384;
+  --bs-highlight-color: #212529;
+  --bs-highlight-bg: #fff3cd;
+  --bs-border-width: 1px;
+  --bs-border-style: solid;
+  --bs-border-color: #dee2e6;
+  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
+  --bs-border-radius: 0.375rem;
+  --bs-border-radius-sm: 0.25rem;
+  --bs-border-radius-lg: 0.5rem;
+  --bs-border-radius-xl: 1rem;
+  --bs-border-radius-xxl: 2rem;
+  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
+  --bs-border-radius-pill: 50rem;
+  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
+  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
+  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+  --bs-focus-ring-width: 0.25rem;
+  --bs-focus-ring-opacity: 0.25;
+  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
+  --bs-form-valid-color: #198754;
+  --bs-form-valid-border-color: #198754;
+  --bs-form-invalid-color: #dc3545;
+  --bs-form-invalid-border-color: #dc3545;
+}
+
+[data-bs-theme=dark] {
+  color-scheme: dark;
+  --bs-body-color: #dee2e6;
+  --bs-body-color-rgb: 222, 226, 230;
+  --bs-body-bg: #212529;
+  --bs-body-bg-rgb: 33, 37, 41;
+  --bs-emphasis-color: #fff;
+  --bs-emphasis-color-rgb: 255, 255, 255;
+  --bs-secondary-color: rgba(222, 226, 230, 0.75);
+  --bs-secondary-color-rgb: 222, 226, 230;
+  --bs-secondary-bg: #343a40;
+  --bs-secondary-bg-rgb: 52, 58, 64;
+  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
+  --bs-tertiary-color-rgb: 222, 226, 230;
+  --bs-tertiary-bg: #2b3035;
+  --bs-tertiary-bg-rgb: 43, 48, 53;
+  --bs-primary-text-emphasis: #6ea8fe;
+  --bs-secondary-text-emphasis: #a7acb1;
+  --bs-success-text-emphasis: #75b798;
+  --bs-info-text-emphasis: #6edff6;
+  --bs-warning-text-emphasis: #ffda6a;
+  --bs-danger-text-emphasis: #ea868f;
+  --bs-light-text-emphasis: #f8f9fa;
+  --bs-dark-text-emphasis: #dee2e6;
+  --bs-primary-bg-subtle: #031633;
+  --bs-secondary-bg-subtle: #161719;
+  --bs-success-bg-subtle: #051b11;
+  --bs-info-bg-subtle: #032830;
+  --bs-warning-bg-subtle: #332701;
+  --bs-danger-bg-subtle: #2c0b0e;
+  --bs-light-bg-subtle: #343a40;
+  --bs-dark-bg-subtle: #1a1d20;
+  --bs-primary-border-subtle: #084298;
+  --bs-secondary-border-subtle: #41464b;
+  --bs-success-border-subtle: #0f5132;
+  --bs-info-border-subtle: #087990;
+  --bs-warning-border-subtle: #997404;
+  --bs-danger-border-subtle: #842029;
+  --bs-light-border-subtle: #495057;
+  --bs-dark-border-subtle: #343a40;
+  --bs-heading-color: inherit;
+  --bs-link-color: #6ea8fe;
+  --bs-link-hover-color: #8bb9fe;
+  --bs-link-color-rgb: 110, 168, 254;
+  --bs-link-hover-color-rgb: 139, 185, 254;
+  --bs-code-color: #e685b5;
+  --bs-highlight-color: #dee2e6;
+  --bs-highlight-bg: #664d03;
+  --bs-border-color: #495057;
+  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
+  --bs-form-valid-color: #75b798;
+  --bs-form-valid-border-color: #75b798;
+  --bs-form-invalid-color: #ea868f;
+  --bs-form-invalid-border-color: #ea868f;
 }
 
 *,
@@ -87,20 +208,17 @@ body {
 hr {
   margin: 1rem 0;
   color: inherit;
-  background-color: currentColor;
   border: 0;
+  border-top: var(--bs-border-width) solid;
   opacity: 0.25;
 }
 
-hr:not([size]) {
-  height: 1px;
-}
-
 h6, h5, h4, h3, h2, h1 {
   margin-top: 0;
   margin-bottom: 0.5rem;
   font-weight: 500;
   line-height: 1.2;
+  color: var(--bs-heading-color);
 }
 
 h1 {
@@ -152,8 +270,7 @@ p {
   margin-bottom: 1rem;
 }
 
-abbr[title],
-abbr[data-bs-original-title] {
+abbr[title] {
   -webkit-text-decoration: underline dotted;
   text-decoration: underline dotted;
   cursor: help;
@@ -209,8 +326,9 @@ small {
 }
 
 mark {
-  padding: 0.2em;
-  background-color: #fcf8e3;
+  padding: 0.1875em;
+  color: var(--bs-highlight-color);
+  background-color: var(--bs-highlight-bg);
 }
 
 sub,
@@ -230,11 +348,11 @@ sup {
 }
 
 a {
-  color: #0d6efd;
+  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
   text-decoration: underline;
 }
 a:hover {
-  color: #0a58ca;
+  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
 }
 
 a:not([href]):not([class]), a:not([href]):not([class]):hover {
@@ -248,8 +366,6 @@ kbd,
 samp {
   font-family: var(--bs-font-monospace);
   font-size: 1em;
-  direction: ltr ;
-  unicode-bidi: bidi-override;
 }
 
 pre {
@@ -267,7 +383,7 @@ pre code {
 
 code {
   font-size: 0.875em;
-  color: #d63384;
+  color: var(--bs-code-color);
   word-wrap: break-word;
 }
 a > code {
@@ -275,16 +391,15 @@ a > code {
 }
 
 kbd {
-  padding: 0.2rem 0.4rem;
+  padding: 0.1875rem 0.375rem;
   font-size: 0.875em;
-  color: #fff;
-  background-color: #212529;
-  border-radius: 0.2rem;
+  color: var(--bs-body-bg);
+  background-color: var(--bs-body-color);
+  border-radius: 0.25rem;
 }
 kbd kbd {
   padding: 0;
   font-size: 1em;
-  font-weight: 700;
 }
 
 figure {
@@ -304,7 +419,7 @@ table {
 caption {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
-  color: #6c757d;
+  color: var(--bs-secondary-color);
   text-align: right;
 }
 
@@ -363,8 +478,8 @@ select:disabled {
   opacity: 1;
 }
 
-[list]::-webkit-calendar-picker-indicator {
-  display: none;
+[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
+  display: none !important;
 }
 
 button,
@@ -428,8 +543,8 @@ legend + * {
 }
 
 [type=search] {
-  outline-offset: -2px;
   -webkit-appearance: textfield;
+  outline-offset: -2px;
 }
 
 [type="tel"],
@@ -448,14 +563,11 @@ legend + * {
 
 ::-webkit-file-upload-button {
   font: inherit;
+  -webkit-appearance: button;
 }
 
 ::file-selector-button {
   font: inherit;
-}
-
-::-webkit-file-upload-button {
-  font: inherit;
   -webkit-appearance: button;
 }