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()
{
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 })
Messenger.Send(new NewSchedaMessage());

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

@@ -12,7 +12,7 @@
<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"/>
@if (!SchedeGrouped.IsNullOrEmpty())
@@ -20,7 +20,7 @@
<MudExpansionPanels MultiExpansion="true">
@foreach (var group in SchedeGrouped)
{
<MudExpansionPanel Expanded="true" Text="@group.Key.Descrizione">
<MudExpansionPanel Class="expansion-panel" Expanded="true" Text="@group.Key.Descrizione">
<TitleContent>
<div class="header-scheda-group">
<div class="title">
@@ -110,8 +110,8 @@
Dialog,
SteupDataService.InspectionPageState.Ispezione.CodMdep,
SteupDataService.InspectionPageState.Ispezione.Data,
new Scheda { Reparto = jtbFasi },
true
true,
new Scheda { Reparto = jtbFasi }
);
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"/>
<div class="container ispezioni">
<div class="container ispezioni pb-safe-area">
@if (Ispezioni.IsNullOrEmpty())
{
<NoDataAvailable Text="Nessuna ispezione effettuata"
@@ -19,7 +19,7 @@
else
{
<Virtualize Items="Ispezioni" Context="ispezione">
<InspectionCard Ispezione="ispezione" CompactView="true" OnClick="@OnClickIspezione"/>
<InspectionCard Class="no-margin" Ispezione="ispezione" CompactView="true" OnClick="@OnClickIspezione"/>
</Virtualize>
}
</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.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="inspection-info">
@if (CompactView)
@@ -76,6 +76,7 @@
@code
{
[Parameter] public string Class { get; set; } = string.Empty;
[Parameter] public Ispezione Ispezione { get; set; } = new();
[Parameter] public bool CompactView { 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;
}
.container-primary-info.no-margin {
margin-bottom: 0 !important;
min-height: max-content;
}
.container-primary-info .divider {
margin: .25rem 0;
}

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

@@ -48,7 +48,7 @@
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);
}

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,
Scheda? scheda = null, bool isNew = false)
bool isNew = false, Scheda? scheda = null)
{
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 {
font-family: "Nunito", sans-serif;
@@ -12,9 +19,22 @@ html, body {
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 {
/*color: #006bb7;*/
@@ -69,7 +89,9 @@ article {
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 {
padding-top: 1rem;
@@ -79,20 +101,21 @@ article {
height: 90vh;
}
.content::-webkit-scrollbar { width: 3px; }
.content::-webkit-scrollbar-thumb {
background: #bbb;
border-radius: 2px;
h1:focus {
outline: none;
}
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 {
background: lightyellow;
@@ -119,9 +142,13 @@ h1:focus { outline: none; }
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 {
font-size: x-large;
@@ -145,13 +172,21 @@ h1:focus { outline: none; }
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 {
min-width: fit-content !important;
@@ -165,6 +200,11 @@ h1:focus { outline: none; }
margin: 1rem 0;
}
.pb-safe-area {
padding-bottom: 75px;
overflow: auto;
}
/*Spinner*/
.spinner-container {
@@ -201,10 +241,14 @@ h1:focus { outline: none; }
animation-duration: 2s;
}
.loader:after { animation-duration: 4s; }
.loader:after {
animation-duration: 4s;
}
@keyframes l24 {
100% { transform: rotate(1turn) }
100% {
transform: rotate(1turn)
}
}
/*MudBlazor Personalization*/
@@ -225,7 +269,9 @@ h1:focus { outline: none; }
overflow: hidden;
}
.custom-item-select { padding: 6px 16px; }
.custom-item-select {
padding: 6px 16px;
}
.custom-item-select .mud-typography-body1 {
font-weight: 600;
@@ -242,7 +288,9 @@ h1:focus { outline: none; }
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 {
margin-left: .5rem !important;
@@ -260,20 +308,30 @@ h1:focus { outline: none; }
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 {
margin-top: 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*/