TaskHybrid/salesbook.Shared/Components/SingleElements/Modal/PersRifForm.razor

@using salesbook.Shared.Core.Dto
@using salesbook.Shared.Components.Layout
@using salesbook.Shared.Core.Interface
@using salesbook.Shared.Components.Layout.Overlay
@inject IManageDataService ManageData
@inject INetworkService NetworkService
@inject IIntegryApiService IntegryApiService

<MudDialog Class="customDialog-form">
    <DialogContent>
        <HeaderLayout ShowProfile="false" Cancel="true" OnCancel="() => MudDialog.Cancel()" LabelSave="@LabelSave" OnSave="Save" Title="@(IsNew ? "Nuovo" : "")" />

        <div class="content">
            <div class="input-card">
                <MudTextField ReadOnly="IsView" 
                              T="string?" 
                              Placeholder="Cognome e Nome"
                              Variant="Variant.Text"
                              Lines="1"
                              @bind-Value="PersRifModel.PersonaRif"
                              @bind-Value:after="OnAfterChangeValue"
                              DebounceInterval="500"
                              OnDebounceIntervalElapsed="OnAfterChangeValue"/>
            </div>

            <div class="input-card">
                <MudTextField ReadOnly="IsView"
                              T="string?"
                              Placeholder="Mansione"
                              Variant="Variant.Text"
                              Lines="1"
                              @bind-Value="PersRifModel.Mansione"
                              @bind-Value:after="OnAfterChangeValue"
                              DebounceInterval="500"
                              OnDebounceIntervalElapsed="OnAfterChangeValue" />
            </div>

            <div class="input-card">
                <div class="form-container">
                    <span class="disable-full-width">Email</span>

                    <MudTextField ReadOnly="IsView"
                                  T="string?"
                                  Variant="Variant.Text"
                                  FullWidth="true"
                                  Class="customIcon-select"
                                  Lines="1"
                                  @bind-Value="PersRifModel.EMail"
                                  @bind-Value:after="OnAfterChangeValue"
                                  DebounceInterval="500"
                                  OnDebounceIntervalElapsed="OnAfterChangeValue"/>
                </div>
                
                <div class="divider"></div>

                <div class="form-container">
                    <span class="disable-full-width">Fax</span>

                    <MudTextField ReadOnly="IsView"
                                  T="string?"
                                  Variant="Variant.Text"
                                  FullWidth="true"
                                  Class="customIcon-select"
                                  Lines="1"
                                  @bind-Value="PersRifModel.Fax"
                                  @bind-Value:after="OnAfterChangeValue"
                                  DebounceInterval="500"
                                  OnDebounceIntervalElapsed="OnAfterChangeValue"/>
                </div>
                
                <div class="divider"></div>

                <div class="form-container">
                    <span class="disable-full-width">Cellulare</span>

                    <MudTextField ReadOnly="IsView"
                                  T="string?"
                                  Variant="Variant.Text"
                                  FullWidth="true"
                                  Class="customIcon-select"
                                  Lines="1"
                                  @bind-Value="PersRifModel.NumCellulare"
                                  @bind-Value:after="OnAfterChangeValue"
                                  DebounceInterval="500"
                                  OnDebounceIntervalElapsed="OnAfterChangeValue"/>
                </div>
                
                <div class="divider"></div>
                
                <div class="form-container">
                    <span class="disable-full-width">Telefono</span>

                    <MudTextField ReadOnly="IsView"
                                  T="string?"
                                  Variant="Variant.Text"
                                  FullWidth="true"
                                  Class="customIcon-select"
                                  Lines="1"
                                  @bind-Value="PersRifModel.Telefono"
                                  @bind-Value:after="OnAfterChangeValue"
                                  DebounceInterval="500"
                                  OnDebounceIntervalElapsed="OnAfterChangeValue" />
                </div>
            </div>
        </div>
    </DialogContent>
</MudDialog>

<SaveOverlay VisibleOverlay="VisibleOverlay" SuccessAnimation="SuccessAnimation"/>

@code {
    [CascadingParameter] private IMudDialogInstance MudDialog { get; set; }

    [Parameter] public PersRifDTO? OriginalModel { get; set; }
    private PersRifDTO PersRifModel { get; set; } = new();

    private bool IsNew => OriginalModel is null;
    private bool IsView => !NetworkService.IsNetworkAvailable();

    private string? LabelSave { get; set; }

    //Overlay for save
    private bool VisibleOverlay { get; set; }
    private bool SuccessAnimation { get; set; }

    protected override async Task OnInitializedAsync()
    {
        Snackbar.Configuration.PositionClass = Defaults.Classes.Position.TopCenter;

        _ = LoadData();

        LabelSave = IsNew ? "Aggiungi" : null;
    }

    private async Task Save()
    {
        VisibleOverlay = true;
        StateHasChanged();

        SuccessAnimation = true;
        StateHasChanged();

        await Task.Delay(1250);

        MudDialog.Close(PersRifModel);
    }

    private async Task LoadData()
    {
        if (!IsNew)
            PersRifModel = OriginalModel!.Clone();
    }

    private void OnAfterChangeValue()
    {
        if (!IsNew)
        {
            LabelSave = !OriginalModel.Equals(PersRifModel) ? "Aggiorna" : null;
        }
    }
}