Iniziata creazione pagina contatti

2025-06-20 08:55:30 +02:00
parent 4608c6764b
commit 51a4c7a971
24 changed files with 896 additions and 125 deletions
--- a/Template.Shared/Components/Layout/MainLayout.razor
+++ b/Template.Shared/Components/Layout/MainLayout.razor
@@ -1,4 +1,5 @@
-@using Template.Shared.Core.Messages
+@using System.Globalization
+@using Template.Shared.Core.Messages
@inherits LayoutComponentBase
@inject IJSRuntime JS
@inject BackNavigationService BackService
@@ -36,6 +37,11 @@
        {
            await JS.InvokeVoidAsync("goBack");
        };
+
+        var culture = new CultureInfo("it-IT", false);
+
+        CultureInfo.CurrentCulture = culture;
+        CultureInfo.CurrentUICulture = culture;
    }

 }
--- a/Template.Shared/Components/Layout/NavMenu.razor.css
+++ b/Template.Shared/Components/Layout/NavMenu.razor.css
@@ -45,7 +45,7 @@
    bottom: 15px;
 }

-.nav-item ::deep .custom-plus-button .mud-icon-root {
+.navbar ::deep .custom-plus-button .mud-icon-root {
    transition: .5s;
    transform: rotate(0);
    font-size: 2rem;
@@ -57,7 +57,7 @@
    transition: all 0.3s ease-in-out;
 }

-.nav-item ::deep .custom-plus-button:focus .mud-icon-root { transform: rotate(225deg); }
+.navbar ::deep .custom-plus-button:focus .mud-icon-root { transform: rotate(225deg); }

 .nav-item ::deep a {
    display: flex;
--- a/Template.Shared/Components/Pages/Notifications.razor
+++ b/Template.Shared/Components/Pages/Notifications.razor
@@ -1,9 +1,14 @@
@page "/Notifications"
@attribute [Authorize]
@using Template.Shared.Components.Layout
+@using Template.Shared.Components.SingleElements

 <HeaderLayout Title="Notifiche" />

+<div class="container">
+    <NoDataAvailable Text="Nessuna notifica meno recente" />
+</div>
+
@code {

 }
--- a/Template.Shared/Components/Pages/PersonalInfo.razor
+++ b/Template.Shared/Components/Pages/PersonalInfo.razor
@@ -10,113 +10,118 @@

 <HeaderLayout BackTo="Indietro" Back="true" BackOnTop="true" Title="Profilo" ShowProfile="false"/>

-<div class="container content">
-    <div class="container-primary-info">
-        <div class="section-primary-info">
-            <MudAvatar Style="height: 70px; width: 70px; font-size: 2rem; font-weight: bold" Color="Color.Secondary">
-                @UtilityString.ExtractInitials(UserSession.User.Fullname)
-            </MudAvatar>
+@if (IsLoggedIn)
+{
+    <div class="container content">
+        <div class="container-primary-info">
+            <div class="section-primary-info">
+                <MudAvatar Style="height: 70px; width: 70px; font-size: 2rem; font-weight: bold" Color="Color.Secondary">
+                    @UtilityString.ExtractInitials(UserSession.User.Fullname)
+                </MudAvatar>

-            <div class="personal-info">
-                <span class="info-nome">@UserSession.User.Fullname</span>
-                @if (UserSession.User.KeyGroup is not null)
-                {
-                    <span class="info-section">@(((KeyGroupEnum)UserSession.User.KeyGroup).ConvertToHumanReadable())</span>
-                }
-            </div>
-        </div>
-        
-        <div class="divider"></div>
-
-        <div class="section-info">
-            <div class="section-personal-info">
-                <div>
-                    <span class="info-title">Telefono</span>
-                    <span class="info-text">000 0000000</span> @*Todo: to implement*@
-                </div>
-
-                <div>
-                    <span class="info-title">Status</span>
-                    @if (NetworkService.IsNetworkAvailable())
+                <div class="personal-info">
+                    <span class="info-nome">@UserSession.User.Fullname</span>
+                    @if (UserSession.User.KeyGroup is not null)
                    {
-                        <div class="status online">
-                            <i class="ri-wifi-line"></i>
-                            <span>Online</span>
-                        </div>
-                    }
-                    else
-                    {
-                        <div class="status offline">
-                            <i class="ri-wifi-off-line"></i>
-                            <span>Offline</span>
-                        </div>
+                        <span class="info-section">@(((KeyGroupEnum)UserSession.User.KeyGroup).ConvertToHumanReadable())</span>
                    }
                </div>
            </div>

-            <div class="section-personal-info">
-                <div>
-                    <span class="info-title">E-mail</span>
-                    <span class="info-text">
-                        @if (string.IsNullOrEmpty(UserSession.User.Email))
+            <div class="divider"></div>
+
+            <div class="section-info">
+                <div class="section-personal-info">
+                    <div>
+                        <span class="info-title">Telefono</span>
+                        <span class="info-text">000 0000000</span> @*Todo: to implement*@
+                    </div>
+
+                    <div>
+                        <span class="info-title">Status</span>
+                        @if (NetworkService.IsNetworkAvailable())
                        {
-                            @("Nessuna mail configurata")
+                            <div class="status online">
+                                <i class="ri-wifi-line"></i>
+                                <span>Online</span>
+                            </div>
                        }
                        else
                        {
-                            @UserSession.User.Email
+                            <div class="status offline">
+                                <i class="ri-wifi-off-line"></i>
+                                <span>Offline</span>
+                            </div>
                        }
-                    </span>
+                    </div>
                </div>

-                <div>
-                    <span class="info-title">Ultima sincronizzazione</span>
-                    <span class="info-text">@LastSync.ToString("g")</span>
+                <div class="section-personal-info">
+                    <div>
+                        <span class="info-title">E-mail</span>
+                        <span class="info-text">
+                            @if (string.IsNullOrEmpty(UserSession.User.Email))
+                            {
+                                @("Nessuna mail configurata")
+                            }
+                            else
+                            {
+                                @UserSession.User.Email
+                            }
+                        </span>
+                    </div>
+
+                    <div>
+                        <span class="info-title">Ultima sincronizzazione</span>
+                        <span class="info-text">@LastSync.ToString("g")</span>
+                    </div>
                </div>
            </div>
        </div>
+
+        <div class="container-button">
+            <MudButton Class="button-settings green-icon"
+                       FullWidth="true"
+                       StartIcon="@Icons.Material.Outlined.Sync"
+                       Size="Size.Medium"
+                       OnClick="() => UpdateDb(true)"
+                       Variant="Variant.Outlined">
+                Sincronizza
+            </MudButton>
+
+            <div class="divider"></div>
+
+            <MudButton Class="button-settings red-icon"
+                       FullWidth="true"
+                       StartIcon="@Icons.Material.Outlined.Sync"
+                       Size="Size.Medium"
+                       OnClick="() => UpdateDb()"
+                       Variant="Variant.Outlined">
+                Ripristina dati
+            </MudButton>
+        </div>
+
+        <div class="container-button">
+            <MudButton Class="button-settings exit"
+                       FullWidth="true"
+                       Color="Color.Error"
+                       Size="Size.Medium"
+                       OnClick="Logout"
+                       Variant="Variant.Outlined">
+                Esci
+            </MudButton>
+        </div>
    </div>
-
-    <div class="container-button">
-        <MudButton Class="button-settings green-icon"
-                   FullWidth="true"
-                   StartIcon="@Icons.Material.Outlined.Sync"
-                   Size="Size.Medium"
-                   OnClick="() => UpdateDb(true)"
-                   Variant="Variant.Outlined">
-            Sincronizza
-        </MudButton>
-
-        <div class="divider"></div>
-
-        <MudButton Class="button-settings red-icon"
-                   FullWidth="true"
-                   StartIcon="@Icons.Material.Outlined.Sync"
-                   Size="Size.Medium"
-                   OnClick="() => UpdateDb()"
-                   Variant="Variant.Outlined">
-            Ripristina dati
-        </MudButton>
-    </div>
-
-    <div class="container-button">
-        <MudButton Class="button-settings exit"
-                   FullWidth="true"
-                   Color="Color.Error"
-                   Size="Size.Medium"
-                   OnClick="Logout"
-                   Variant="Variant.Outlined">
-            Esci
-        </MudButton>
-    </div>
-</div>
+}

@code {
    private bool Unavailable { get; set; }
+    private bool IsLoggedIn { get; set; }
    private DateTime LastSync { get; set; }

    protected override async Task OnInitializedAsync()
    {
+        IsLoggedIn = await UserSession.IsLoggedIn();
        await LoadData();
    }

@@ -134,8 +139,12 @@
    private void OpenSettings() =>
        NavigationManager.NavigateTo("/settings/Profilo");

-    private void Logout() =>
-        AuthenticationStateProvider.SignOut();
+    private async Task Logout()
+    {
+        await AuthenticationStateProvider.SignOut();
+        IsLoggedIn = await UserSession.IsLoggedIn();
+        StateHasChanged();
+    }

    private void UpdateDb(bool withData = false)
    {
--- a/Template.Shared/Components/Pages/User.razor
+++ b/Template.Shared/Components/Pages/User.razor
@@ -0,0 +1,113 @@
+@page "/User/{CodAnag}"
+@attribute [Authorize]
+@using Template.Shared.Components.Layout
+@using Template.Shared.Core.Entity
+@using Template.Shared.Core.Interface
+@using Template.Shared.Components.Layout.Spinner
+@inject IManageDataService ManageData
+
+<HeaderLayout BackTo="Indietro" Back="true" BackOnTop="true" Title="" ShowProfile="false"/>
+
+@if (IsLoading)
+{
+    <SpinnerLayout FullScreen="true"/>
+}
+else
+{
+    <div class="container content">
+        <div class="container-primary-info">
+            <div class="section-primary-info">
+                <MudAvatar Style="height: 70px; width: 70px; font-size: 2rem; font-weight: bold" Color="Color.Secondary">
+                    @UtilityString.ExtractInitials(Anag.RagSoc)
+                </MudAvatar>
+
+                <div class="personal-info">
+                    <span class="info-nome">@Anag.RagSoc</span>
+                    @if (UserSession.User.KeyGroup is not null)
+                    {
+                        <span class="info-section">@Anag.Indirizzo</span>
+                        <span class="info-section">@($"{Anag.Cap} - {Anag.Citta} ({Anag.Prov})")</span>
+                    }
+                </div>
+            </div>
+
+            <div class="divider"></div>
+
+            <div class="section-info">
+                <div class="section-personal-info">
+                    <div>
+                        <span class="info-title">Telefono</span>
+                        <span class="info-text">
+                            @if (string.IsNullOrEmpty(Anag.Telefono))
+                            {
+                                @("Nessuna mail configurata")
+                            }
+                            else
+                            {
+                                @Anag.Telefono
+                            }
+                        </span>
+                    </div>
+                </div>
+
+                <div class="section-personal-info">
+                    <div>
+                        <span class="info-title">E-mail</span>
+                        <span class="info-text">
+                            @if (string.IsNullOrEmpty(Anag.EMail))
+                            {
+                                @("Nessuna mail configurata")
+                            }
+                            else
+                            {
+                                @Anag.EMail
+                            }
+                        </span>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        @if (PersRif is { Count: > 0 })
+        {
+            <div class="container-pers-rif">
+                <Virtualize Items="PersRif" Context="person">
+                    <ContactCard Contact="person"/>
+                </Virtualize>
+            </div>
+        }
+
+        <div class="container-button">
+            <MudButton Class="button-settings infoText"
+                       FullWidth="true"
+                       Size="Size.Medium"
+                       Variant="Variant.Outlined">
+                Aggiungi contatto
+            </MudButton>
+        </div>
+    </div>
+}
+
+@code {
+    [Parameter] public string CodAnag { get; set; }
+
+    private AnagClie Anag { get; set; } = new();
+    private List<VtbCliePersRif>? PersRif { get; set; }
+
+    private bool IsLoading { get; set; } = true;
+
+    protected override async Task OnInitializedAsync()
+    {
+        await LoadData();
+    }
+
+    private async Task LoadData()
+    {
+        Anag = (await ManageData.GetTable<AnagClie>(x => x.CodAnag.Equals(CodAnag))).Last();
+        PersRif = await ManageData.GetTable<VtbCliePersRif>(x => x.CodAnag.Equals(Anag.CodAnag));
+
+        IsLoading = false;
+        StateHasChanged();
+    }
+
+}
--- a/Template.Shared/Components/Pages/User.razor.css
+++ b/Template.Shared/Components/Pages/User.razor.css
@@ -0,0 +1,142 @@
+.container-primary-info {
+    box-shadow: var(--custom-box-shadow);
+    width: 100%;
+    margin-bottom: 2rem;
+    border-radius: 16px;
+}
+
+.container-primary-info .divider {
+    margin: 0 0 0 7rem;
+    width: unset;
+}
+
+.section-primary-info {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    gap: 1.5rem;
+    padding: .8rem 1.2rem .4rem;
+}
+
+.personal-info {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    line-height: normal;
+}
+
+.info-nome {
+    color: var(--mud-palette-text-primary);
+    font-weight: 800;
+    font-size: medium;
+}
+
+.info-section {
+    color: var(--mud-palette-gray-default);
+    font-size: small;
+    font-weight: 600;
+}
+
+.section-info {
+    display: flex;
+    justify-content: space-between;
+    flex-direction: row;
+    padding: .4rem 1.2rem .8rem;
+}
+
+.section-personal-info {
+    display: flex;
+    flex-direction: column;
+}
+
+.section-personal-info > div {
+    display: flex;
+    flex-direction: column;
+    line-height: normal;
+    margin: .25rem 0;
+}
+
+.info-title {
+    color: var(--mud-palette-gray-darker);
+    font-weight: 800;
+}
+
+.info-text {
+    color: var(--mud-palette-text-secondary);
+    font-weight: 700;
+    font-size: small;
+}
+
+.content ::deep .user-button { border: 1px solid var(--card-border-color) !important; }
+
+.user-button > i { font-size: large; }
+
+.user-button > span {
+    font-size: medium;
+    font-weight: 600;
+}
+
+.status { font-weight: 700; }
+
+.status.online { color: var(--mud-palette-success); }
+
+.status.offline { color: var(--mud-palette-error); }
+
+.container-button {
+    width: 100%;
+    box-shadow: var(--custom-box-shadow);
+    padding: .25rem 0;
+    border-radius: 16px;
+}
+
+.container-button .divider {
+    margin: .5rem 0 .5rem 3rem;
+    width: unset;
+}
+
+.container-button ::deep .button-settings { border: none !important; }
+
+.container-button ::deep .button-settings .mud-icon-root {
+    border-radius: 6px;
+    padding: 2px;
+    min-width: 25px;
+    min-height: 25px;
+}
+
+.container-button ::deep .button-settings.infoText {
+    color: var(--mud-palette-info);
+}
+
+    .container-button ::deep .button-settings.green-icon .mud-icon-root {
+        border: 1px solid var(--mud-palette-success);
+        background: hsl(from var(--mud-palette-success-lighten) h s 95%);
+        color: var(--mud-palette-success-darken);
+    }
+
+    .container-button ::deep .button-settings.red-icon .mud-icon-root {
+        border: 1px solid var(--mud-palette-error);
+        background: hsl(from var(--mud-palette-error-lighten) h s 95%);
+        color: var(--mud-palette-error-darken);
+    }
+
+.container-button ::deep .button-settings .mud-button-label {
+    justify-content: flex-start;
+    text-transform: capitalize;
+    font-size: 1rem;
+}
+
+.container-button ::deep .button-settings.exit { padding: 0; }
+
+.container-button ::deep .button-settings.exit .mud-button-label {
+    justify-content: center;
+    font-size: 1.1rem;
+    line-height: normal;
+}
+
+.container-pers-rif {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+    margin-bottom: 1rem;
+}
--- a/Template.Shared/Components/Pages/Users.razor
+++ b/Template.Shared/Components/Pages/Users.razor
@@ -1,13 +1,105 @@
@page "/Users"
@attribute [Authorize]
@using Template.Shared.Components.Layout
+@using Template.Shared.Core.Entity
+@using Template.Shared.Core.Interface
+@inject IManageDataService ManageData

-<HeaderLayout Title="Contatti" />
+<HeaderLayout Title="Contatti"/>

-<div class="container">
-    
+<div class="container users">
+    @if (GroupedUserList?.Count > 0)
+    {
+        <div class="input-card clearButton">
+            <MudTextField T="string?" Placeholder="Cerca..." Variant="Variant.Text" @bind-Value="TextToFilter" OnDebounceIntervalElapsed="FilterUsers" DebounceInterval="500"/>
+
+            <MudIconButton Class="closeIcon" Icon="@Icons.Material.Filled.Close" OnClick="() => FilterUsers(true)"/>
+        </div>
+
+        <Virtualize Items="FilteredGroupedUserList" Context="item">
+            @if (item.ShowHeader)
+            {
+                <div class="letter-header">@item.HeaderLetter</div>
+            }
+            <UserCard User="item.User"/>
+        </Virtualize>
+    }
 </div>

@code {
+    private List<UserDisplayItem> GroupedUserList { get; set; } = [];
+    private List<UserDisplayItem> FilteredGroupedUserList { get; set; } = [];
+    private string? TextToFilter { get; set; }
+
+    protected override async Task OnAfterRenderAsync(bool firstRender)
+    {
+        if (firstRender)
+        {
+            await LoadData();
+            StateHasChanged();
+        }
+    }
+
+    private async Task LoadData()
+    {
+        var users = await ManageData.GetTable<AnagClie>(x => x.FlagStato.Equals("A"));
+
+        var sortedUsers = users
+            .Where(u => !string.IsNullOrWhiteSpace(u.RagSoc))
+            .OrderBy(u => 
+            {
+                var firstChar = char.ToUpper(u.RagSoc[0]);
+                return char.IsLetter(firstChar) ? firstChar.ToString() : "ZZZ";
+            })
+            .ThenBy(u => u.RagSoc)
+            .ToList();
+
+        GroupedUserList = [];
+
+        string? lastHeader = null;
+
+        foreach (var user in sortedUsers)
+        {
+            var firstChar = char.ToUpper(user.RagSoc[0]);
+            var currentLetter = char.IsLetter(firstChar) ? firstChar.ToString() : "#";
+
+            var showHeader = currentLetter != lastHeader;
+            lastHeader = currentLetter;
+
+            GroupedUserList.Add(new UserDisplayItem
+            {
+                User = user,
+                ShowHeader = showHeader,
+                HeaderLetter = currentLetter
+            });
+        }
+
+        FilterUsers(true);
+    }
+
+    private class UserDisplayItem
+    {
+        public required AnagClie User { get; set; }
+        public bool ShowHeader { get; set; }
+        public string? HeaderLetter { get; set; }
+    }
+
+    private void FilterUsers() => FilterUsers(false);
+
+    private void FilterUsers(bool clearFilter)
+    {
+        if (clearFilter)
+        {
+            TextToFilter = null;
+            FilteredGroupedUserList = GroupedUserList;
+            StateHasChanged();
+            return;
+        }
+
+        if (TextToFilter == null) return;
+
+        FilteredGroupedUserList = GroupedUserList.FindAll(x => x.User.RagSoc.Contains(TextToFilter, StringComparison.OrdinalIgnoreCase));
+        StateHasChanged();
+    }

 }
--- a/Template.Shared/Components/Pages/Users.razor.css
+++ b/Template.Shared/Components/Pages/Users.razor.css
@@ -0,0 +1,22 @@
+.users {
+    display: flex;
+    gap: 1rem;
+    overflow-y: auto;
+    flex-direction: column;
+    -ms-overflow-style: none;
+    scrollbar-width: none;
+    padding-bottom: 70px;
+    height: 100%;
+}
+
+.users .divider {
+    margin: .1rem 0;
+    margin-left: 3rem;
+}
+
+.users .input-card { margin: 0 !important; }
+
+.letter-header {
+    border-bottom: 1px solid var(--card-border-color);
+    font-weight: bolder;
+}
--- a/Template.Shared/Components/Routes.razor
+++ b/Template.Shared/Components/Routes.razor
@@ -1,3 +1,4 @@
+@using Template.Shared.Components.SingleElements
@inject NavigationManager NavigationManager

 <ErrorBoundary @ref="ErrorBoundary">
@@ -33,14 +34,15 @@
    </ChildContent>

    <ErrorContent>
-        @* <ExceptionModal @ref="ExceptionModal"
+        <ExceptionModal @ref="ExceptionModal"
                        Exception="@context"
                        ErrorBoundary="@ErrorBoundary"
-                        OnRetry="() => ErrorBoundary?.Recover()"/> *@
+                        OnRetry="() => ErrorBoundary?.Recover()"/>
    </ErrorContent>
 </ErrorBoundary>

@code {
+
    private ErrorBoundary? ErrorBoundary { get; set; }
-    // private ExceptionModal ExceptionModal { get; set; }
+    private ExceptionModal ExceptionModal { get; set; }
 }
--- a/Template.Shared/Components/SingleElements/BottomSheet/SelectEsito.razor
+++ b/Template.Shared/Components/SingleElements/BottomSheet/SelectEsito.razor
@@ -18,7 +18,7 @@
            <div class="form-container">
                <span>Data effettiva</span>

-                <MudTextField T="DateTime" Format="yyyy-MM-dd" InputType="InputType.Date" @bind-Value="EffectiveDate" />
+                <MudTextField T="DateTime?" Format="yyyy-MM-dd" InputType="InputType.Date" @bind-Value="EffectiveDate" />
            </div>

            <div class="divider"></div>
@@ -70,7 +70,7 @@

    private List<StbActivityResult> ActivityResult { get; set; } = [];

-    private DateTime EffectiveDate { get; set; } = DateTime.Today;
+    private DateTime? EffectiveDate { get; set; } = DateTime.Today;

    private TimeSpan EffectiveTime { get; set; }
    private TimeSpan EffectiveEndTime { get; set; } 
@@ -92,11 +92,14 @@

    private void CloseBottomSheet()
    {
-        ActivityModel.EffectiveTime = new DateTime(EffectiveDate.Year, EffectiveDate.Month, EffectiveDate.Day,
-            EffectiveTime.Hours, EffectiveTime.Minutes, EffectiveTime.Seconds);
+        if (EffectiveDate != null)
+        {
+            ActivityModel.EffectiveTime = new DateTime(EffectiveDate!.Value.Year, EffectiveDate!.Value.Month, EffectiveDate!.Value.Day,
+                EffectiveTime.Hours, EffectiveTime.Minutes, EffectiveTime.Seconds);

-        ActivityModel.EffectiveEndtime = new DateTime(EffectiveDate.Year, EffectiveDate.Month, EffectiveDate.Day,
-            EffectiveEndTime.Hours, EffectiveEndTime.Minutes, EffectiveEndTime.Seconds);
+            ActivityModel.EffectiveEndtime = new DateTime(EffectiveDate!.Value.Year, EffectiveDate!.Value.Month, EffectiveDate!.Value.Day,
+                EffectiveEndTime.Hours, EffectiveEndTime.Minutes, EffectiveEndTime.Seconds);
+        }

        IsSheetVisible = false;
        IsSheetVisibleChanged.InvokeAsync(IsSheetVisible);
--- a/Template.Shared/Components/SingleElements/Card/ContactCard.razor
+++ b/Template.Shared/Components/SingleElements/Card/ContactCard.razor
@@ -0,0 +1,24 @@
+@using Template.Shared.Core.Entity
+
+<div class="contact-card">
+    <div class="contact-left-section">
+        <div class="contact-body-section">
+            <div class="title-section">
+                <MudText Class="contact-title" Typo="Typo.body1" HtmlTag="h3">@Contact.PersonaRif</MudText>
+            </div>
+            
+            @if (Contact.Mansione is not null)
+            {
+                <MudText Class="contact-subtitle" Typo="Typo.body1" HtmlTag="p">@Contact.Mansione</MudText>
+            }
+        </div>
+    </div>
+    <div class="contact-right-section">
+        <MudIcon Color="Color.Success" Disabled="@(Contact.NumCellulare.IsNullOrEmpty())" Size="Size.Large" Icon="@Icons.Material.Outlined.Phone" />
+        <MudIcon Color="Color.Info" Disabled="@(Contact.EMail.IsNullOrEmpty())" Size="Size.Large" Icon="@Icons.Material.Filled.MailOutline" />
+    </div>
+</div>
+
+@code {
+    [Parameter] public VtbCliePersRif Contact { get; set; } = new();
+}
--- a/Template.Shared/Components/SingleElements/Card/ContactCard.razor.css
+++ b/Template.Shared/Components/SingleElements/Card/ContactCard.razor.css
@@ -0,0 +1,63 @@
+.contact-card {
+    width: 100%;
+    display: flex;
+    flex-direction: row;
+    padding: .5rem .5rem;
+    border-radius: 16px;
+    line-height: normal;
+    box-shadow: var(--custom-box-shadow);
+    justify-content: space-between;
+    align-items: center;
+}
+
+.contact-card.memo { border-left: 5px solid var(--mud-palette-info-darken); }
+
+.contact-card.interna { border-left: 5px solid var(--mud-palette-success-darken); }
+
+.contact-card.commessa { border-left: 5px solid var(--mud-palette-warning); }
+
+.contact-left-section {
+    display: flex;
+    align-items: center;
+    margin-left: 4px;
+}
+
+.title-section {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    width: 100%;
+}
+
+.contact-hours { font-weight: 700; }
+
+.contact-hours-section ::deep .mud-chip { margin: 5px 0 0 !important; }
+
+.contact-body-section {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+}
+
+.title-section ::deep > .contact-title {
+    font-weight: 800 !important;
+    margin: 0 !important;
+    line-height: normal !important;
+}
+
+.contact-body-section ::deep > .contact-subtitle {
+    color: var(--mud-palette-gray-darker);
+    margin: .2rem 0 !important;
+    line-height: normal !important;
+}
+
+.contact-info-section {
+    display: flex;
+    flex-wrap: wrap;
+}
+
+.contact-right-section {
+    display: flex;
+    flex-direction: row;
+    gap: 1rem;
+}
--- a/Template.Shared/Components/SingleElements/Card/UserCard.razor
+++ b/Template.Shared/Components/SingleElements/Card/UserCard.razor
@@ -0,0 +1,72 @@
+@using Template.Shared.Core.Entity
+@using Template.Shared.Core.Interface
+@inject IManageDataService ManageData
+
+<div class="user-card-card">
+    <div class="user-card-left-section">
+        <div class="user-card-body-section">
+            <div class="title-section">
+                <MudIcon @onclick="OpenUser" Color="Color.Primary" Icon="@Icons.Material.Filled.Person" Size="Size.Large" />
+
+                <div class="user-card-right-section">
+                    <div class="user-card-title">
+                        <MudText Typo="Typo.body1" @onclick="OpenUser" HtmlTag="h3">@User.RagSoc</MudText>
+                        <MudIcon @onclick="ShowCommesse" Color="Color.Info" Icon="@Icons.Material.Outlined.Info" Size="Size.Medium"/>
+                    </div>
+
+                    <div class="user-card-subtitle @(ShowSectionCommesse ? "show" : "")">
+                        @if (ShowSectionCommesse && IsLoading)
+                        {
+                            <MudProgressLinear Color="Color.Primary" Indeterminate="true" Class="my-7" />
+                        }
+                        else
+                        {
+                            @if (!Commesse.IsNullOrEmpty())
+                            {
+                                <div @onclick="OpenUser" class="container-commesse">
+                                    @foreach (var commessa in Commesse!)
+                                    {
+                                        <div class="commessa">
+                                            <span>@($"{commessa.CodAnag} - {commessa.Descrizione}")</span>
+                                        </div>
+                                    }
+                                </div>
+                            }
+                            else
+                            {
+                                <span>Nessuna commessa presente</span>
+                            }
+                        }
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+@code {
+    [Parameter] public AnagClie User { get; set; } = new();
+
+    private List<JtbComt>? Commesse { get; set; }
+    private bool IsLoading { get; set; } = true;
+    private bool ShowSectionCommesse { get; set; }
+
+    private void OpenUser() =>
+        NavigationManager.NavigateTo($"/User/{User.CodAnag}");
+
+    private async Task ShowCommesse()
+    {
+        ShowSectionCommesse = !ShowSectionCommesse;
+
+        if (ShowSectionCommesse)
+        {
+            Commesse = await ManageData.GetTable<JtbComt>(x => x.CodAnag.Equals(User.CodAnag));
+            IsLoading = false;
+            StateHasChanged();
+            return;
+        }
+
+        IsLoading = true;
+    }
+
+}
--- a/Template.Shared/Components/SingleElements/Card/UserCard.razor.css
+++ b/Template.Shared/Components/SingleElements/Card/UserCard.razor.css
@@ -0,0 +1,90 @@
+.user-card-card { width: 100%; }
+
+.user-card-card.memo { border-left: 5px solid var(--mud-palette-info-darken); }
+
+.user-card-card.interna { border-left: 5px solid var(--mud-palette-success-darken); }
+
+.user-card-card.commessa { border-left: 5px solid var(--mud-palette-warning); }
+
+.user-card-left-section {
+    display: flex;
+    align-items: center;
+}
+
+.title-section {
+    display: flex;
+    flex-direction: row;
+    width: 100%;
+    align-items: center;
+    gap: .75rem;
+}
+
+.user-card-hours { font-weight: 700; }
+
+.user-card-hours-section ::deep .mud-chip { margin: 5px 0 0 !important; }
+
+.user-card-body-section {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+}
+
+.user-card-right-section {
+    width: 100%;
+    border-bottom: 1px solid var(--card-border-color);
+}
+
+.user-card-title {
+    display: flex;
+    align-items: center;
+    min-height: 32px;
+    padding-left: .25rem;
+    justify-content: space-between;
+}
+
+.user-card-title ::deep > h3 {
+    font-weight: 700 !important;
+    margin: 0 !important;
+    line-height: normal !important;
+    font-size: .85rem;
+}
+
+.user-card-body-section ::deep > .user-card-subtitle {
+    color: var(--mud-palette-gray-darker);
+    margin: .2rem 0 !important;
+    line-height: normal !important;
+}
+
+.user-card-info-section {
+    display: flex;
+    flex-wrap: wrap;
+}
+
+.title-section ::deep > .mud-icon-root {
+    background: var(--gray-for-shadow);
+    padding: .25rem;
+    border-radius: 50%;
+}
+
+.user-card-subtitle {
+    overflow: hidden;
+    max-height: 0;
+    opacity: 0;
+    transition: max-height 0.4s ease, opacity 0.4s ease;
+    margin-top: 0;
+}
+
+.user-card-subtitle.show {
+    max-height: 250px;
+    opacity: 1;
+}
+
+.container-commesse {
+    padding: .5rem;
+}
+
+.commessa {
+    color: var(--mud-palette-text-secondary);
+    font-weight: 700;
+    font-size: small;
+}
--- a/Template.Shared/Components/SingleElements/ExceptionModal.razor
+++ b/Template.Shared/Components/SingleElements/ExceptionModal.razor
@@ -0,0 +1,62 @@
+@using Template.Shared.Core.Services
+@inject AppAuthenticationStateProvider AuthenticationStateProvider
+
+<div class="container container-modal">
+    <div class="c-modal">
+        <div class="exception-header mb-2">
+            <i class="ri-emotion-unhappy-line"></i>
+            <span>Ops</span>
+        </div>
+        <div class="text">
+            @if (Exception != null)
+            {
+                <code>@Message</code>
+            }
+        </div>
+        <div class="button-container">
+            <div @onclick="OnLogoutClick" class="card-button">
+                <span>Logout</span>
+            </div>
+            <div @onclick="OnRetryClick" class="card-button">
+                <span>Riprova</span>
+            </div>
+        </div>
+    </div>
+</div>
+
+@code {
+    [Parameter] public Exception? Exception { get; set; }
+    [Parameter] public EventCallback OnRetry { get; set; }
+    [Parameter] public ErrorBoundary? ErrorBoundary { get; set; }
+
+    private string Message { get; set; } = "";
+
+    protected override void OnInitialized()
+    {
+        if (Exception == null) return;
+
+        if (Exception.Message.Contains("Failed to connect to"))
+        {
+            var ipPort = Exception.Message.Split("to /")[1];
+
+            Message = $"Impossibile collegarsi al server ({ipPort})";
+        }
+        else
+        {
+            Message = Exception.Message;
+        }
+        StateHasChanged();
+    }
+
+    private async Task OnRetryClick()
+    {
+        await OnRetry.InvokeAsync();
+    }
+
+    private async Task OnLogoutClick()
+    {
+        LocalStorage.Remove("last-sync");
+        AuthenticationStateProvider.SignOut();
+        await OnRetry.InvokeAsync();
+    }
+}
--- a/Template.Shared/Components/SingleElements/ExceptionModal.razor.css
+++ b/Template.Shared/Components/SingleElements/ExceptionModal.razor.css
@@ -0,0 +1,61 @@
+.container-modal {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+}
+
+.c-modal {
+    border-radius: 16px;
+    box-shadow: var(--custom-box-shadow);
+    padding: 16px;
+}
+
+.button-container {
+    display: flex;
+    gap: 1rem;
+    flex-direction: row;
+    align-items: center;
+    width: 100%;
+    justify-content: space-between;
+    margin: 1.5rem 0 0 0;
+}
+
+.text {
+    font-size: medium;
+    font-weight: 500;
+    display: flex;
+    text-align: center;
+}
+
+.card-button {
+    text-align: center;
+    background-color: transparent;
+    padding: .3rem 1rem;
+    font-weight: 700;
+    color: var(--bs-primary-text-emphasis);
+}
+
+.exception-header {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+}
+
+    .exception-header > i {
+        font-size: 3rem;
+        line-height: normal;
+        color: var(--bs-danger);
+    }
+
+.exception-header > span {
+    font-size: x-large;
+    font-weight: 700;
+}
+
+code {
+    width: 100%;
+    height: auto;
+    color: var(--bs-gray-dark);
+}
--- a/Template.Shared/Components/SingleElements/Modal/ActivityForm.razor
+++ b/Template.Shared/Components/SingleElements/Modal/ActivityForm.razor
@@ -1,4 +1,5 @@
-@using Microsoft.VisualBasic
+@using System.Globalization
+@using Microsoft.VisualBasic
@using Template.Shared.Core.Dto
@using Template.Shared.Components.Layout
@using Template.Shared.Core.Entity
@@ -34,7 +35,7 @@
                <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" />
+                    <MudTextField ReadOnly="IsView" T="DateTime?" Format="s" Culture="CultureInfo.CurrentUICulture" InputType="InputType.DateTimeLocal" @bind-Value="ActivityModel.EstimatedTime" @bind-Value:after="OnAfterChangeValue" DebounceInterval="500" OnDebounceIntervalElapsed="OnAfterChangeValue" />
                </div>

                <div class="divider"></div>
@@ -42,7 +43,7 @@
                <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" />
+                    <MudTextField ReadOnly="IsView" T="DateTime?" Format="s" Culture="CultureInfo.CurrentUICulture" InputType="InputType.DateTimeLocal" @bind-Value="ActivityModel.EstimatedEndtime" @bind-Value:after="OnAfterChangeValue" DebounceInterval="500" OnDebounceIntervalElapsed="OnAfterChangeValue" />
                </div>

                <div class="divider"></div>
@@ -102,7 +103,7 @@

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

-<SelectEsito @bind-IsSheetVisible="OpenEsito" @bind-ActivityModel="ActivityModel" />
+<SelectEsito @bind-IsSheetVisible="OpenEsito" @bind-ActivityModel="ActivityModel" @bind-ActivityModel:after="OnAfterChangeValue" />

@code {
    [CascadingParameter] private IMudDialogInstance MudDialog { get; set; }
@@ -140,6 +141,7 @@
        {
            ActivityModel.EstimatedTime = DateTime.Today.Add(TimeSpan.FromHours(DateTime.Now.Hour));
            ActivityModel.EstimatedEndtime = DateTime.Today.Add(TimeSpan.FromHours(DateTime.Now.Hour) + TimeSpan.FromHours(1));
+            ActivityModel.UserName = UserSession.User.Username;
        }

        OriginalModel = ActivityModel.Clone();
@@ -150,7 +152,13 @@
        VisibleOverlay = true;
        StateHasChanged();

-        var newActivity = await IntegryApiService.SaveActivity(ActivityModel);
+        var response = await IntegryApiService.SaveActivity(ActivityModel);
+
+        if (response == null)
+            return;
+
+        var newActivity = response.Last();
+
        await ManageData.InsertOrUpdate(newActivity);
        
        SuccessAnimation = true;
--- a/Template.Shared/Components/SingleElements/NoDataAvailable.razor.css
+++ b/Template.Shared/Components/SingleElements/NoDataAvailable.razor.css
@@ -1,12 +1,5 @@
-.no-data {
-    margin-top: 2rem;
-    width: calc(100vw - (var(--bs-gutter-x) * .5) * 2);
-}
+.no-data { margin-top: 2rem; }

-.no-data img {
-    width: 60%;
-}
+.no-data img { width: 60%; }

-.no-data p {
-    font-size: 1.2rem;
-}
+.no-data p { font-size: 1.2rem; }
--- a/Template.Shared/Core/Entity/AnagClie.cs
+++ b/Template.Shared/Core/Entity/AnagClie.cs
@@ -34,7 +34,7 @@ public class AnagClie
    public string Nazione { get; set; }

    [Column("telefono"), JsonPropertyName("telefono")]
-    public string Telefono { get; set; }
+    public string? Telefono { get; set; }

    [Column("fax"), JsonPropertyName("fax")]
    public string Fax { get; set; }
@@ -52,7 +52,7 @@ public class AnagClie
    public string PersonaRif { get; set; }

    [Column("e_mail"), JsonPropertyName("eMail")]
-    public string EMail { get; set; }
+    public string? EMail { get; set; }

    [Column("e_mail_pec"), JsonPropertyName("eMailPec")]
    public string EMailPec { get; set; }
@@ -80,4 +80,7 @@ public class AnagClie

    [Column("data_mod"), JsonPropertyName("dataMod")]
    public DateTime? DataMod { get; set; } = DateTime.Now;
+
+    [Column("flag_stato"), JsonPropertyName("flagStato")]
+    public string FlagStato { get; set; }
 }
--- a/Template.Shared/Core/Entity/VtbCliePersRif.cs
+++ b/Template.Shared/Core/Entity/VtbCliePersRif.cs
@@ -16,19 +16,19 @@ public class VtbCliePersRif
    public string PersonaRif { get; set; }

    [Column("mansione"), JsonPropertyName("mansione")]
-    public string Mansione { get; set; }
+    public string? Mansione { get; set; }

    [Column("telefono"), JsonPropertyName("telefono")]
-    public string Telefono { get; set; }
+    public string? Telefono { get; set; }

    [Column("fax"), JsonPropertyName("fax")]
    public string Fax { get; set; }

    [Column("e_mail"), JsonPropertyName("eMail")]
-    public string EMail { get; set; }
+    public string? EMail { get; set; }

    [Column("num_cellulare"), JsonPropertyName("numCellulare")]
-    public string NumCellulare { get; set; }
+    public string? NumCellulare { get; set; }

    [Column("tipo_indirizzo"), JsonPropertyName("tipoIndirizzo")]
    public string TipoIndirizzo { get; set; }
--- a/Template.Shared/Core/Interface/IIntegryApiService.cs
+++ b/Template.Shared/Core/Interface/IIntegryApiService.cs
@@ -11,5 +11,5 @@ public interface IIntegryApiService
    Task<TaskSyncResponseDTO> RetrieveProspect(string? dateFilter = null);
    Task<SettingsResponseDTO> RetrieveSettings();

-    Task<StbActivity?> SaveActivity(ActivityDTO activity);
+    Task<List<StbActivity>?> SaveActivity(ActivityDTO activity);
 }
--- a/Template.Shared/Core/Services/AppAuthenticationStateProvider.cs
+++ b/Template.Shared/Core/Services/AppAuthenticationStateProvider.cs
@@ -24,7 +24,7 @@ public class AppAuthenticationStateProvider : AuthenticationStateProvider
        return await LoadAuthenticationState();
    }

-    public async void SignOut()
+    public async Task SignOut()
    {
        await _userAccountService.Logout();
        NotifyAuthenticationState();
--- a/Template.Shared/Core/Services/IntegryApiService.cs
+++ b/Template.Shared/Core/Services/IntegryApiService.cs
@@ -55,6 +55,6 @@ public class IntegryApiService(IIntegryApiRestClient integryApiRestClient, IUser
    public Task<SettingsResponseDTO> RetrieveSettings() =>
        integryApiRestClient.AuthorizedGet<SettingsResponseDTO>("crm/retrieveSettings", null)!;

-    public Task<StbActivity?> SaveActivity(ActivityDTO activity) =>
-        integryApiRestClient.AuthorizedPost<StbActivity?>("crm/saveActivity", activity);
+    public Task<List<StbActivity>?> SaveActivity(ActivityDTO activity) =>
+        integryApiRestClient.AuthorizedPost<List<StbActivity>?>("crm/saveActivity", activity);
 }
--- a/Template.Shared/Core/Utility/UtilityString.cs
+++ b/Template.Shared/Core/Utility/UtilityString.cs
@@ -6,6 +6,7 @@ public static class UtilityString
    {
        return string.Concat(fullname
            .Split(' ', StringSplitOptions.RemoveEmptyEntries)
+            .Take(3)
            .Select(word => char.ToUpper(word[0])));
    }