MarcoE/SteUP_Dotnet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix grafici

Browse Source
This commit is contained in:
Marco Elefante
2026-02-23 16:22:55 +01:00
parent aaffaa3a2a
commit a4dece511f
10 changed files with 115 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
SteUp.Shared/Components/Layout/NavMenu.razor
View File

@@ -91,7 +91,7 @@
private async Task NewScheda() private async Task NewScheda()
{ {
var ispezione = SteupDataService.InspectionPageState.Ispezione; var ispezione = SteupDataService.InspectionPageState.Ispezione;
var modal = await ModalHelper.OpenFormScheda(Dialog, ispezione.CodMdep, ispezione.Data); var modal = await ModalHelper.OpenFormScheda(Dialog, ispezione.CodMdep, ispezione.Data, true);
if (modal is { Canceled: false }) if (modal is { Canceled: false })
Messenger.Send(new NewSchedaMessage()); Messenger.Send(new NewSchedaMessage());

8
SteUp.Shared/Components/Pages/IspezionePage.razor
View File

@@ -12,7 +12,7 @@
<HeaderLayout Title="Ispezione" BackTo="Indietro" Back="true"/> <HeaderLayout Title="Ispezione" BackTo="Indietro" Back="true"/>
<div class="container content pb-safe-area"> <div class="container content pb-safe-area ispezione">
<InspectionCard Ispezione="SteupDataService.InspectionPageState.Ispezione"/> <InspectionCard Ispezione="SteupDataService.InspectionPageState.Ispezione"/>
@if (!SchedeGrouped.IsNullOrEmpty()) @if (!SchedeGrouped.IsNullOrEmpty())
@@ -20,7 +20,7 @@
<MudExpansionPanels MultiExpansion="true"> <MudExpansionPanels MultiExpansion="true">
@foreach (var group in SchedeGrouped) @foreach (var group in SchedeGrouped)
{ {
<MudExpansionPanel Expanded="true" Text="@group.Key.Descrizione"> <MudExpansionPanel Class="expansion-panel" Expanded="true" Text="@group.Key.Descrizione">
<TitleContent> <TitleContent>
<div class="header-scheda-group"> <div class="header-scheda-group">
<div class="title"> <div class="title">
@@ -110,8 +110,8 @@
Dialog, Dialog,
SteupDataService.InspectionPageState.Ispezione.CodMdep, SteupDataService.InspectionPageState.Ispezione.CodMdep,
SteupDataService.InspectionPageState.Ispezione.Data, SteupDataService.InspectionPageState.Ispezione.Data,
new Scheda { Reparto = jtbFasi }, true,
true new Scheda { Reparto = jtbFasi }
); );
if (modal is {Canceled: false}) LoadSchede(); if (modal is {Canceled: false}) LoadSchede();

6
SteUp.Shared/Components/Pages/IspezionePage.razor.css
View File

@@ -1 +1,5 @@
.ispezione ::deep .expansion-panel .mud-expand-panel-content {
display: flex;
flex-direction: column;
gap: 1.5rem;
}

4
SteUp.Shared/Components/Pages/IspezioniPage.razor
View File

@@ -10,7 +10,7 @@
<HeaderLayout Title="Ispezioni"/> <HeaderLayout Title="Ispezioni"/>
<div class="container ispezioni"> <div class="container ispezioni pb-safe-area">
@if (Ispezioni.IsNullOrEmpty()) @if (Ispezioni.IsNullOrEmpty())
{ {
<NoDataAvailable Text="Nessuna ispezione effettuata" <NoDataAvailable Text="Nessuna ispezione effettuata"
@@ -19,7 +19,7 @@
else else
{ {
<Virtualize Items="Ispezioni" Context="ispezione"> <Virtualize Items="Ispezioni" Context="ispezione">
<InspectionCard Ispezione="ispezione" CompactView="true" OnClick="@OnClickIspezione"/> <InspectionCard Class="no-margin" Ispezione="ispezione" CompactView="true" OnClick="@OnClickIspezione"/>
</Virtualize> </Virtualize>
} }
</div> </div>

6
SteUp.Shared/Components/Pages/IspezioniPage.razor.css
View File

@@ -1 +1,5 @@
.ispezioni{
display: flex;
flex-direction: column;
gap: 1rem;
}

3
SteUp.Shared/Components/SingleElements/Card/InspectionCard.razor
View File

@@ -1,7 +1,7 @@
@using SteUp.Shared.Core.Dto @using SteUp.Shared.Core.Dto
@using SteUp.Shared.Core.Entities @using SteUp.Shared.Core.Entities
<div class="container-primary-info mud-elevation-1 @(OnClick.HasDelegate ? "ripple-container" : "")" @onclick="OnCardClick"> <div class="container-primary-info mud-elevation-1 @Class @(OnClick.HasDelegate ? "ripple-container" : "")" @onclick="OnCardClick">
<div class="section-primary-info"> <div class="section-primary-info">
<div class="inspection-info"> <div class="inspection-info">
@if (CompactView) @if (CompactView)
@@ -76,6 +76,7 @@
@code @code
{ {
[Parameter] public string Class { get; set; } = string.Empty;
[Parameter] public Ispezione Ispezione { get; set; } = new(); [Parameter] public Ispezione Ispezione { get; set; } = new();
[Parameter] public bool CompactView { get; set; } [Parameter] public bool CompactView { get; set; }
[Parameter] public EventCallback<Ispezione> OnClick { get; set; } [Parameter] public EventCallback<Ispezione> OnClick { get; set; }

5
SteUp.Shared/Components/SingleElements/Card/InspectionCard.razor.css
View File

@@ -5,6 +5,11 @@
border-radius: 20px; border-radius: 20px;
} }
.container-primary-info.no-margin {
margin-bottom: 0 !important;
min-height: max-content;
}
.container-primary-info .divider { .container-primary-info .divider {
margin: .25rem 0; margin: .25rem 0;
} }

2
SteUp.Shared/Components/SingleElements/Card/SchedaCard.razor
View File

@@ -48,7 +48,7 @@
private async Task UpdateScheda() private async Task UpdateScheda()
{ {
var modal = await ModalHelper.OpenFormScheda(Dialog, CodMdep, Data, Scheda); var modal = await ModalHelper.OpenFormScheda(Dialog, CodMdep, Data, false, Scheda);
if (modal is { Canceled: false, Data: Scheda scheda }) await OnSchedaModified.InvokeAsync(scheda); if (modal is { Canceled: false, Data: Scheda scheda }) await OnSchedaModified.InvokeAsync(scheda);
} }

2
SteUp.Shared/Core/Helpers/ModalHelper.cs
View File

@@ -25,7 +25,7 @@ public abstract class ModalHelper
} }
public static async Task<DialogResult?> OpenFormScheda(IDialogService dialog, string codMdep, DateOnly data, public static async Task<DialogResult?> OpenFormScheda(IDialogService dialog, string codMdep, DateOnly data,
Scheda? scheda = null, bool isNew = false) bool isNew = false, Scheda? scheda = null)
{ {
scheda = isNew && scheda == null ? new Scheda() : scheda; scheda = isNew && scheda == null ? new Scheda() : scheda;

120
SteUp.Shared/wwwroot/css/app.css
View File

@@ -1,8 +1,15 @@
html { overflow: hidden; } html {
overflow: hidden;
}
.page, article, main { height: 100% !important; overflow: hidden; } .page, article, main {
height: 100% !important;
overflow: hidden;
}
#app { height: 100vh; } #app {
height: 100vh;
}
html, body { html, body {
font-family: "Nunito", sans-serif; font-family: "Nunito", sans-serif;
@@ -12,9 +19,22 @@ html, body {
color: black; color: black;
} }
* { font-family: "Nunito", sans-serif !important; } * {
font-family: "Nunito", sans-serif !important;
}
.mud-button-label { font-weight: 700 !important; } html ::-webkit-scrollbar {
width: 3px;
}
html ::-webkit-scrollbar-thumb {
background: #bbb;
border-radius: 2px;
}
.mud-button-label {
font-weight: 700 !important;
}
a, .btn-link { a, .btn-link {
/*color: #006bb7;*/ /*color: #006bb7;*/
@@ -69,7 +89,9 @@ article {
border-color: var(--darker-color); border-color: var(--darker-color);
} }
.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; } .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 { .content {
padding-top: 1rem; padding-top: 1rem;
@@ -79,20 +101,21 @@ article {
height: 90vh; height: 90vh;
} }
.content::-webkit-scrollbar { width: 3px; } h1:focus {
outline: none;
.content::-webkit-scrollbar-thumb {
background: #bbb;
border-radius: 2px;
} }
h1:focus { outline: none; } .valid.modified:not([type=checkbox]) {
outline: 1px solid #26b050;
}
.valid.modified:not([type=checkbox]) { outline: 1px solid #26b050; } .invalid {
outline: 1px solid #e50000;
}
.invalid { outline: 1px solid #e50000; } .validation-message {
color: #e50000;
.validation-message { color: #e50000; } }
#blazor-error-ui { #blazor-error-ui {
background: lightyellow; background: lightyellow;
@@ -119,9 +142,13 @@ h1:focus { outline: none; }
color: white; color: white;
} }
.blazor-error-boundary::after { content: "An error has occurred." } .blazor-error-boundary::after {
content: "An error has occurred."
}
.status-bar-safe-area { display: none; } .status-bar-safe-area {
display: none;
}
.page-title { .page-title {
font-size: x-large; font-size: x-large;
@@ -145,13 +172,21 @@ h1:focus { outline: none; }
color: var(--mud-palette-text-primary) !important; color: var(--mud-palette-text-primary) !important;
} }
.custom_popover .mud-divider { border-color: var(--mud-palette-text-primary) !important; } .custom_popover .mud-divider {
border-color: var(--mud-palette-text-primary) !important;
}
.custom_popover .mud-list-padding { padding: 3px 0px 3px 0px !important; } .custom_popover .mud-list-padding {
padding: 3px 0px 3px 0px !important;
}
.custom_popover .mud-list-item { padding: 5px 12px 5px 12px; } .custom_popover .mud-list-item {
padding: 5px 12px 5px 12px;
}
.custom_popover .mud-menu-item-text { font-weight: 600; } .custom_popover .mud-menu-item-text {
font-weight: 600;
}
.custom_popover .mud-list-item-icon { .custom_popover .mud-list-item-icon {
min-width: fit-content !important; min-width: fit-content !important;
@@ -165,6 +200,11 @@ h1:focus { outline: none; }
margin: 1rem 0; margin: 1rem 0;
} }
.pb-safe-area {
padding-bottom: 75px;
overflow: auto;
}
/*Spinner*/ /*Spinner*/
.spinner-container { .spinner-container {
@@ -201,10 +241,14 @@ h1:focus { outline: none; }
animation-duration: 2s; animation-duration: 2s;
} }
.loader:after { animation-duration: 4s; } .loader:after {
animation-duration: 4s;
}
@keyframes l24 { @keyframes l24 {
100% { transform: rotate(1turn) } 100% {
transform: rotate(1turn)
}
} }
/*MudBlazor Personalization*/ /*MudBlazor Personalization*/
@@ -225,7 +269,9 @@ h1:focus { outline: none; }
overflow: hidden; overflow: hidden;
} }
.custom-item-select { padding: 6px 16px; } .custom-item-select {
padding: 6px 16px;
}
.custom-item-select .mud-typography-body1 { .custom-item-select .mud-typography-body1 {
font-weight: 600; font-weight: 600;
@@ -242,7 +288,9 @@ h1:focus { outline: none; }
padding-left: calc(var(--m-page-x) * 0.5) !important; padding-left: calc(var(--m-page-x) * 0.5) !important;
} }
.mud-message-box > .mud-dialog-title > h6 { font-weight: 800 !important; } .mud-message-box > .mud-dialog-title > h6 {
font-weight: 800 !important;
}
.mud-dialog-actions button { .mud-dialog-actions button {
margin-left: .5rem !important; margin-left: .5rem !important;
@@ -260,20 +308,30 @@ h1:focus { outline: none; }
background-color: var(--mud-palette-surface); background-color: var(--mud-palette-surface);
} }
.modal { padding-top: env(safe-area-inset-top); } .modal {
padding-top: env(safe-area-inset-top);
}
.safe-area-bottom { margin-bottom: env(safe-area-inset-bottom) !important; } .safe-area-bottom {
margin-bottom: env(safe-area-inset-bottom) !important;
}
.pb-safe-area { padding-bottom: env(safe-area-inset-bottom) !important; } .pb-safe-area {
padding-bottom: env(safe-area-inset-bottom) !important;
}
#app { #app {
margin-top: env(safe-area-inset-top); margin-top: env(safe-area-inset-top);
height: calc(100vh - env(safe-area-inset-top)); height: calc(100vh - env(safe-area-inset-top));
} }
.flex-column, .navbar-brand { padding-left: env(safe-area-inset-left); } .flex-column, .navbar-brand {
padding-left: env(safe-area-inset-left);
}
.customDialog-form .mud-dialog-content { margin-top: env(safe-area-inset-top); } .customDialog-form .mud-dialog-content {
margin-top: env(safe-area-inset-top);
}
} }
/*Ripple*/ /*Ripple*/