TaskHybrid/Template.Shared/Components/SingleElements/Modal/ActivityForm.razor

@using Microsoft.VisualBasic
@using Template.Shared.Core.Dto
@using Template.Shared.Components.Layout
@using Template.Shared.Core.Entity
@using Template.Shared.Core.Interface
@using Template.Shared.Components.Layout.Overlay
@using Template.Shared.Components.SingleElements.BottomSheet
@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 ? "Nuova" : $"{ActivityModel.ActivityId}")" />

        <div class="content">
            <div class="input-card">
                <MudTextField ReadOnly="IsView" T="string?" Placeholder="Descrizione" Variant="Variant.Text" Lines="3" @bind-Value="ActivityModel.ActivityDescription" @bind-Value:after="OnAfterChangeValue" DebounceInterval="500" OnDebounceIntervalElapsed="OnAfterChangeValue" />
            </div>

            <div class="input-card">
                <div class="form-container">
                    <MudInput ReadOnly="IsView" T="string?" Placeholder="Cliente" @bind-Value="ActivityModel.Cliente" @bind-Value:after="OnAfterChangeValue" />
                </div>

                <div class="divider"></div>

                <div class="form-container">
                    <MudInput ReadOnly="IsView" T="string?" Placeholder="Commessa" @bind-Value="ActivityModel.Commessa" @bind-Value:after="OnAfterChangeValue" />
                </div>
            </div>

            <div class="input-card">
                <div class="form-container">
                    <span>Inizio</span>

                    <MudTextField ReadOnly="IsView" T="DateTime?" Format="yyyy-MM-ddTHH:mm" InputType="InputType.DateTimeLocal" @bind-Value="ActivityModel.EstimatedTime" @bind-Value:after="OnAfterChangeValue" DebounceInterval="500" OnDebounceIntervalElapsed="OnAfterChangeValue" />
                </div>

                <div class="divider"></div>

                <div class="form-container">
                    <span>Fine</span>

                    <MudTextField ReadOnly="IsView" T="DateTime?" Format="yyyy-MM-ddTHH:mm" InputType="InputType.DateTimeLocal" @bind-Value="ActivityModel.EstimatedEndtime" @bind-Value:after="OnAfterChangeValue" DebounceInterval="500" OnDebounceIntervalElapsed="OnAfterChangeValue" />
                </div>

                <div class="divider"></div>

                <div class="form-container">
                    <span>Avviso</span>

                    <MudSwitch ReadOnly="IsView" T="bool" Disabled="true" Color="Color.Primary" />
                </div>
            </div>

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

                    <MudSelectExtended FullWidth="true" ReadOnly="IsView" T="string?" Variant="Variant.Text" @bind-Value="ActivityModel.UserName" @bind-Value:after="OnAfterChangeValue" Class="customIcon-select" AdornmentIcon="@Icons.Material.Filled.Code">
                        @foreach (var user in Users)
                        {
                            <MudSelectItemExtended Class="custom-item-select" Value="@user.UserName">@user.FullName</MudSelectItemExtended>
                        }
                    </MudSelectExtended>
                </div>

                <div class="divider"></div>

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

                    <MudSelectExtended ReadOnly="IsView" FullWidth="true" T="string?" Variant="Variant.Text" @bind-Value="ActivityModel.ActivityTypeId" @bind-Value:after="OnAfterChangeValue" Class="customIcon-select" AdornmentIcon="@Icons.Material.Filled.Code">
                        @foreach (var type in ActivityType)
                        {
                            <MudSelectItemExtended Class="custom-item-select" Value="@type.ActivityTypeId">@type.ActivityTypeId</MudSelectItemExtended>
                        }
                    </MudSelectExtended>
                </div>

                <div class="divider"></div>

                <div class="form-container" @onclick="OpenSelectEsito">
                    <span class="disable-full-width">Esito</span>

                    <MudSelectExtended ReadOnly="true" FullWidth="true" T="string?" Variant="Variant.Text" @bind-Value="ActivityModel.ActivityResultId" @bind-Value:after="OnAfterChangeValue" Class="customIcon-select" AdornmentIcon="@Icons.Material.Filled.Code">
                        @foreach (var result in ActivityResult)
                        {
                            <MudSelectItemExtended Class="custom-item-select" Value="@result.ActivityResultId">@result.ActivityResultId</MudSelectItemExtended>
                        }
                    </MudSelectExtended>
                </div>
            </div>

            <div class="input-card">
                <MudTextField ReadOnly="IsView" T="string?" Placeholder="Note" Variant="Variant.Text" Lines="4" @bind-Value="ActivityModel.Note" @bind-Value:after="OnAfterChangeValue" DebounceInterval="500" OnDebounceIntervalElapsed="OnAfterChangeValue" />
            </div>
        </div>
    </DialogContent>
</MudDialog>

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

<SelectEsito @bind-IsSheetVisible="OpenEsito" @bind-ActivityModel="ActivityModel" />

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

    [Parameter] public string? Id { get; set; }

    private ActivityDTO OriginalModel { get; set; } = new();
    private ActivityDTO ActivityModel { get; set; } = new();

    private List<StbActivityResult> ActivityResult { get; set; } = [];
    private List<StbActivityType> ActivityType { get; set; } = [];
    private List<StbUser> Users { get; set; } = [];

    private bool IsNew => Id.IsNullOrEmpty();
    private bool IsView => !IsNew && !NetworkService.IsNetworkAvailable();

    private string? LabelSave { get; set; }

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

    private bool OpenEsito { get; set; } = false;

    protected override async Task OnInitializedAsync()
    {
        _ = LoadData();

        LabelSave = IsNew ? "Aggiungi" : null;

        if (!Id.IsNullOrEmpty())
            ActivityModel = (await ManageData.GetActivity(x => x.ActivityId.Equals(Id))).Last();

        if (IsNew)
        {
            ActivityModel.EstimatedTime = DateTime.Today.Add(TimeSpan.FromHours(DateTime.Now.Hour));
            ActivityModel.EstimatedEndtime = DateTime.Today.Add(TimeSpan.FromHours(DateTime.Now.Hour) + TimeSpan.FromHours(1));
        }

        OriginalModel = ActivityModel.Clone();
    }

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

        var newActivity = await IntegryApiService.SaveActivity(ActivityModel);
        await ManageData.InsertOrUpdate(newActivity);
        
        SuccessAnimation = true;
        StateHasChanged();

        await Task.Delay(1250);

        MudDialog.Close(newActivity);
    }

    private async Task LoadData()
    {
        Users = await ManageData.GetTable<StbUser>();
        ActivityResult = await ManageData.GetTable<StbActivityResult>();
        ActivityType = await ManageData.GetTable<StbActivityType>(x => x.FlagTipologia.Equals("A"));
    }

    private void OnAfterChangeValue()
    {
        LabelSave = !OriginalModel.Equals(ActivityModel) ? "Aggiorna" : null;

        StateHasChanged();
    }

    private void OpenSelectEsito()
    {
        OpenEsito = !OpenEsito;
        StateHasChanged();
    }

}