Miglioramenti UI

Template.Shared/Components/Pages/Calendar.razor

@@ -214,6 +214,11 @@
         }
     }
 
+    protected override void OnInitialized()
+    {
+        PrepareRenderingData();
+    }
+
     protected override async Task OnAfterRenderAsync(bool firstRender)
     {
         if (firstRender)
@@ -225,7 +230,6 @@
             _internalMonth = new DateTime(SelectedDate.Year, SelectedDate.Month, 1);
             await LoadMonthData();
 
-            PrepareRenderingData();
             _isInitialized = true;
             ApplyFilter();
             StateHasChanged();
@@ -283,7 +287,7 @@
         _monthDaysData = new DayData[DaysInMonth];
         var today = DateTime.Today;
 
-        for (int d = 1; d <= DaysInMonth; d++)
+        for (var d = 1; d <= DaysInMonth; d++)
         {
             var day = new DateTime(CurrentMonth.Year, CurrentMonth.Month, d);
             var isSelected = day.Date == SelectedDate.Date;
@@ -291,7 +295,7 @@
 
             var cssClass = isSelected ? "selected" : (isToday ? "today" : "");
             var hasEvents = _eventsCache.ContainsKey(day.Date);
-            var eventCategories = hasEvents ? GetFilteredCategoriesForDay(day.Date) : Array.Empty<CategoryData>();
+            var eventCategories = hasEvents ? GetFilteredCategoriesForDay(day.Date) : [];
 
             _monthDaysData[d - 1] = new DayData(day, cssClass, eventCategories.Length > 0, eventCategories);
         }
@@ -303,7 +307,7 @@
         var today = DateTime.Today;
         var culture = new System.Globalization.CultureInfo("it-IT");
 
-        for (int i = 0; i < 7; i++)
+        for (var i = 0; i < 7; i++)
         {
             var day = start.AddDays(i);
             var isSelected = day.Date == SelectedDate.Date;
@@ -312,7 +316,7 @@
             var cssClass = isSelected ? "selected" : (isToday ? "today" : "");
             var dayName = day.ToString("ddd", culture);
             var hasEvents = _eventsCache.ContainsKey(day.Date);
-            var eventCategories = hasEvents ? GetFilteredCategoriesForDay(day.Date) : Array.Empty<CategoryData>();
+            var eventCategories = hasEvents ? GetFilteredCategoriesForDay(day.Date) : [];
 
             _weekDaysData[i] = new DayData(day, cssClass, eventCategories.Length > 0, eventCategories, dayName);
         }

Template.Shared/Components/Pages/Calendar.razor.css

@@ -121,7 +121,7 @@
     flex-direction: column;
     -ms-overflow-style: none;
     scrollbar-width: none;
-    padding-bottom: 60px;
+    padding-bottom: 70px;
     height: calc(100% - 130px);
 }
 

Template.Shared/Components/Pages/Login.razor

@@ -20,24 +20,23 @@ else
                     <MudTextField @bind-Value="UserData.Username" Label="Username" Variant="Variant.Outlined"/>
                 </div>
                 <div class="input-group">
-                    <MudTextField InputType="@_passwordInput" @bind-Value="UserData.Password" Label="Password" Variant="Variant.Outlined" Adornment="Adornment.End" AdornmentIcon="@_passwordInputIcon" OnAdornmentClick="ShowPassword" AdornmentAriaLabel="Show Password" />
+                    <MudTextField InputType="@_passwordInput" @bind-Value="UserData.Password" Label="Password" Variant="Variant.Outlined" Adornment="Adornment.End" AdornmentIcon="@_passwordInputIcon" OnAdornmentClick="ShowPassword" AdornmentAriaLabel="Show Password"/>
                 </div>
                 <div class="input-group mb-2">
-                    <MudTextField @bind-Value="UserData.CodHash" Label="Profilo azienda" Variant="Variant.Outlined" />
+                    <MudTextField @bind-Value="UserData.CodHash" Label="Profilo azienda" Variant="Variant.Outlined"/>
                 </div>
 
                 <MudButton OnClick="SignInUser" Color="Color.Primary" Variant="Variant.Filled">Login</MudButton>
+                @if (_attemptFailed)
+                {
+                    <MudAlert Class="my-3" Dense="true" Severity="Severity.Error" Variant="Variant.Filled">@ErrorMessage</MudAlert>
+                }
             </div>
 
             <div class="my-4 login-footer">
                 <span>Powered by</span>
                 <img src="_content/Template.Shared/images/logoIntegry.svg" class="img-fluid" alt="Integry">
             </div>
-
-            @if (_attemptFailed)
-            {
-                <MudAlert Class="my-3" Dense="true" Severity="Severity.Error" Variant="Variant.Filled">@ErrorMessage</MudAlert>
-            }
         </div>
     </div>
 }

Template.Shared/Components/Pages/Login.razor.css

@@ -2,7 +2,7 @@
     height: 100%;
     display: flex;
     flex-direction: column;
-    background: hsl(from var(--mud-palette-primary) h s 96%);
+    background: var(--mud-palette-surface);
 }
 
 .container-top-logo > span {
@@ -22,6 +22,7 @@
     display: flex;
     align-items: center;
     justify-content: center;
+    z-index: 10;
 }
 
 .login-form-container {
@@ -31,20 +32,17 @@
 }
 
 .container-login {
-    background: var(--mud-palette-surface);
-    border-top-left-radius: 16px;
-    border-top-right-radius: 16px;
     height: 100%;
     display: flex;
     flex-direction: column;
     padding: 4px 16px 16px;
-    box-shadow: 0 -2px 10px rgba(165, 165, 165, 0.5);
+    justify-content: space-between;
 }
 
 .login-footer {
+    width: 100%;
     display: flex;
-    align-items: center;
-    justify-content: flex-end;
+    justify-content: center;
 }
 
 .login-footer span {

Template.Shared/Components/Pages/PersonalInfo.razor

@@ -8,7 +8,7 @@
 @inject INetworkService NetworkService
 @inject IFormFactor FormFactor
 
-<HeaderLayout Title="Profilo"/>
+<HeaderLayout BackTo="Indietro" Back="true" BackOnTop="true" Title="Profilo" ShowProfile="false"/>
 
 <div class="container content">
     <div class="container-primary-info">

Template.Shared/Components/Pages/Settings.razor

@@ -2,7 +2,7 @@
 @page "/settings/{BackTo}"
 @using Template.Shared.Components.Layout
 
-<HeaderLayout BackTo="@BackTo" ShowNotifications="false" Back="true" Title="Impostazioni"/>
+<HeaderLayout BackTo="@BackTo" Back="true" Title="Impostazioni"/>
 
 <div class="content">