Aggiunta ricerca indirizzo

salesbook.Shared/Components/Layout/HeaderLayout.razor.css

@@ -1,4 +1,12 @@
+.header {
+    min-height: var(--mh-header);
+    width: 100%;
+    display: flex;
+    align-items: center;
+}
+
 .header-content {
+    width: 100%;
     line-height: normal;
     display: flex;
     justify-content: space-between;

salesbook.Shared/Components/SingleElements/BottomSheet/SearchAddress.razor

@@ -0,0 +1,124 @@
+@using salesbook.Shared.Components.Layout.Spinner
+@using salesbook.Shared.Core.Dto
+@using salesbook.Shared.Core.Interface
+@using salesbook.Shared.Components.Layout.Overlay
+@inject IIntegryApiService IntegryApiService
+
+<div class="bottom-sheet-backdrop @(IsSheetVisible ? "show" : "")" @onclick="CloseBottomSheet"></div>
+
+<div class="bottom-sheet-container @(IsSheetVisible ? "show" : "")">
+    <div style="height: 95vh" class="bottom-sheet pb-safe-area">
+        <div class="title">
+            <MudText Typo="Typo.h6">
+                <b>Cerca indirizzo</b>
+            </MudText>
+            <MudIconButton Icon="@Icons.Material.Filled.Close" OnClick="() => CloseBottomSheet()"/>
+        </div>
+        
+        <div class="input-card clearButton">
+            <MudTextField T="string?" Placeholder="Cerca..." Variant="Variant.Text" @bind-Value="Address" DebounceInterval="500" OnDebounceIntervalElapsed="SearchAllAddress" />
+
+            <MudIconButton Class="closeIcon" Icon="@Icons.Material.Filled.Close" OnClick="() => Address = null" />
+        </div>
+        
+        <div>
+            @if (Loading)
+            {
+                <SpinnerLayout />
+            }
+            else
+            {
+                if (Addresses != null)
+                {
+                    foreach (var address in Addresses)
+                    {
+                        <b><span @onclick="() => OnSelectAddress(address.PlaceId)">@address.Description</span></b>
+
+                        <div class="divider"></div>
+                    }
+                }
+                else
+                {
+                    <NoDataAvailable Text="Nessun idirizzo trovato" />
+                }
+            }
+        </div>
+    </div>
+</div>
+
+<SaveOverlay VisibleOverlay="VisibleOverlay" SuccessAnimation="SuccessAnimation"/>
+
+@code {
+    [Parameter] public string Region { get; set; }
+
+    [Parameter] public IndirizzoDTO Indirizzo { get; set; }
+    [Parameter] public EventCallback<IndirizzoDTO> IndirizzoChanged { get; set; }
+
+    [Parameter] public bool IsSheetVisible { get; set; }
+    [Parameter] public EventCallback<bool> IsSheetVisibleChanged { get; set; }
+
+    private bool Loading { get; set; }
+
+    private string? Address { get; set; }
+    private List<AutoCompleteAddressDTO>? Addresses { get; set; }
+
+    private string? Uuid { get; set; }
+
+    //Overlay for save
+    private bool VisibleOverlay { get; set; }
+    private bool SuccessAnimation { get; set; }
+
+    protected override async Task OnParametersSetAsync()
+    {
+        if (IsSheetVisible)
+        {
+            Uuid = Guid.NewGuid().ToString();
+            Address = null;
+            Addresses = null;
+        }
+    }
+
+    private void CloseBottomSheet()
+    {
+        IsSheetVisible = false;
+        IsSheetVisibleChanged.InvokeAsync(IsSheetVisible);
+    }
+
+    private async Task SearchAllAddress()
+    {
+        if (Address == null || Uuid == null) return;
+
+        Loading = true;
+        StateHasChanged();
+
+        Addresses = await IntegryApiService.AutoCompleteAddress(Address, Region, Uuid);
+
+        Loading = false;
+        StateHasChanged();
+    }
+
+    private async Task OnSelectAddress(string placeId)
+    {
+        CloseBottomSheet();
+
+        VisibleOverlay = true;
+        StateHasChanged();
+
+        try
+        {
+            Indirizzo = await IntegryApiService.PlaceDetails(placeId, Uuid);
+            await IndirizzoChanged.InvokeAsync(Indirizzo);
+        }
+        catch (Exception e)
+        {
+            Snackbar.Configuration.PositionClass = Defaults.Classes.Position.TopCenter;
+            Snackbar.Clear();
+
+            Snackbar.Add("Impossibile selezionare questo indirizzo", Severity.Error);
+        }
+
+        VisibleOverlay = false;
+        StateHasChanged();
+    }
+
+}

salesbook.Shared/Components/SingleElements/BottomSheet/SearchAddress.razor.css

@@ -0,0 +1 @@
+

salesbook.Shared/Components/SingleElements/Modal/ContactForm.razor

@@ -3,6 +3,7 @@
 @using salesbook.Shared.Core.Interface
 @using salesbook.Shared.Components.Layout.Overlay
 @using salesbook.Shared.Core.Entity
+@using salesbook.Shared.Components.SingleElements.BottomSheet
 @inject IManageDataService ManageData
 @inject INetworkService NetworkService
 @inject IIntegryApiService IntegryApiService
@@ -25,6 +26,28 @@
                               OnDebounceIntervalElapsed="OnAfterChangeValue"/>
             </div>
             
+            <div class="input-card">
+                <div class="form-container">
+                    <span class="disable-full-width">Nazione</span>
+
+                    @if (Nazioni.IsNullOrEmpty())
+                    {
+                        <span class="warning-text">Nessuna nazione trovata</span>
+                    }
+                    else
+                    {
+                        <MudSelectExtended FullWidth="true" ReadOnly="@(IsView || Nazioni.IsNullOrEmpty())" T="string?"
+                                           Variant="Variant.Text" @bind-Value="ContactModel.Nazione" @bind-Value:after="OnAfterChangeValue" 
+                                           Class="customIcon-select" AdornmentIcon="@Icons.Material.Filled.Code">
+                            @foreach (var nazione in Nazioni)
+                            {
+                                <MudSelectItemExtended Class="custom-item-select" Value="@nazione.CodNazioneAlpha2">@($"{nazione.Descrizione}")</MudSelectItemExtended>
+                            }
+                        </MudSelectExtended>
+                    }
+                </div>
+            </div>
+
             <div class="input-card">
                 <div class="form-container">
                     <span class="disable-full-width">P. IVA</span>
@@ -77,6 +100,15 @@
                 </div>
             </div>
             
+            @if (!IsView)
+            {
+                <div class="search-address" @onclick="() => OpenSearchAddress = !OpenSearchAddress"> 
+                    <span>Cerca indirizzo</span>
+                    <MudIcon Size="Size.Small" Icon="@Icons.Material.Rounded.Search"/>
+                </div>
+            }
+
+
             <div class="input-card">
                 <div class="form-container">
                     <span class="disable-full-width">Indirizzo</span>
@@ -137,34 +169,13 @@
                                   Variant="Variant.Text"
                                   FullWidth="true"
                                   Class="customIcon-select"
+                                  MaxLength="2"
                                   Lines="1"
                                   @bind-Value="ContactModel.Prov"
                                   @bind-Value:after="OnAfterChangeValue"
                                   DebounceInterval="500"
                                   OnDebounceIntervalElapsed="OnAfterChangeValue"/>
                 </div>
-
-            <div class="divider"></div>
-
-            <div class="form-container">
-                <span class="disable-full-width">Nazione</span>
-
-                    @if (Nazioni.IsNullOrEmpty())
-                    {
-                        <span class="warning-text">Nessuna nazione trovata</span>
-                    }
-                    else
-                    {
-                        <MudSelectExtended FullWidth="true" ReadOnly="@(IsView || Nazioni.IsNullOrEmpty())" T="string?"
-                                           Variant="Variant.Text" @bind-Value="ContactModel.Nazione" @bind-Value:after="OnAfterChangeValue" 
-                                           Class="customIcon-select" AdornmentIcon="@Icons.Material.Filled.Code">
-                            @foreach (var nazione in Nazioni)
-                            {
-                                <MudSelectItemExtended Class="custom-item-select" Value="@nazione.CodNazioneAlpha2">@($"{nazione.Descrizione}")</MudSelectItemExtended>
-                            }
-                        </MudSelectExtended>
-                    }
-            </div>
             </div>
 
             <div class="input-card">
@@ -268,6 +279,8 @@
 
 <SaveOverlay VisibleOverlay="VisibleOverlay" SuccessAnimation="SuccessAnimation"/>
 
+<SearchAddress Region="@ContactModel.Nazione" @bind-IsSheetVisible="OpenSearchAddress" @bind-Indirizzo="Address" @bind-Indirizzo:after="OnAddressSet"/>
+
 @code {
     [CascadingParameter] private IMudDialogInstance MudDialog { get; set; }
 
@@ -292,6 +305,10 @@
     private string VatMessage { get; set; } = "";
     private bool VatAlreadyRegistered { get; set; }
 
+    //BottomSeath
+    private bool OpenSearchAddress { get; set; }
+    private IndirizzoDTO Address { get; set; }
+
     protected override async Task OnInitializedAsync()
     {
         Snackbar.Configuration.PositionClass = Defaults.Classes.Position.TopCenter;
@@ -467,4 +484,12 @@
 
         OnAfterChangeValue();
     }
+
+    private void OnAddressSet()
+    {
+        ContactModel.Citta = Address.Citta;
+        ContactModel.Indirizzo = Address.Indirizzo;
+        ContactModel.Prov = Address.Prov;
+        ContactModel.Cap = Address.Cap;
+    }
 }

salesbook.Shared/Components/SingleElements/Modal/ContactForm.razor.css

@@ -7,3 +7,13 @@
     width: 100%;
     margin-bottom: 1rem;
 }
+
+.search-address {
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+    margin-bottom: 0.65rem;
+    color: var(--mud-palette-primary);
+    font-weight: 600;
+    align-items: center;
+}

salesbook.Shared/Core/Dto/AutoCompleteAddressDTO.cs

@@ -0,0 +1,12 @@
+using System.Text.Json.Serialization;
+
+namespace salesbook.Shared.Core.Dto;
+
+public class AutoCompleteAddressDTO
+{
+    [JsonPropertyName("description")]
+    public string Description { get; set; }
+
+    [JsonPropertyName("placeId")]
+    public string PlaceId { get; set; }
+}

salesbook.Shared/Core/Dto/IndirizzoDTO.cs

@@ -0,0 +1,36 @@
+using System.Text.Json.Serialization;
+
+namespace salesbook.Shared.Core.Dto;
+
+public class IndirizzoDTO
+{
+    [JsonPropertyName("idPosizione")] 
+    public int IdPosizione { get; set; }
+
+    [JsonPropertyName("via")]
+    public string? Via { get; set; }
+
+    [JsonPropertyName("numeroCivico")]
+    public string? NumeroCivico { get; set; }
+
+    [JsonPropertyName("indirizzo")]
+    public string? Indirizzo { get; set; }
+
+    [JsonPropertyName("cap")]
+    public string? Cap { get; set; }
+
+    [JsonPropertyName("citta")]
+    public string? Citta { get; set; }
+
+    [JsonPropertyName("prov")]
+    public string? Prov { get; set; }
+
+    [JsonPropertyName("nazione")]
+    public string? Nazione { get; set; }
+
+    [JsonPropertyName("lat")]
+    public decimal? Lat { get; set; }
+
+    [JsonPropertyName("lng")]
+    public decimal? Lng { get; set; }
+}

salesbook.Shared/Core/Interface/IIntegryApiService.cs

@@ -16,4 +16,9 @@ public interface IIntegryApiService
     Task<List<StbActivity>?> SaveActivity(ActivityDTO activity);
     Task SaveContact(CRMCreateContactRequestDTO request);
     Task<CheckVatResponseDTO> CheckVat(CheckVatRequestDTO request);
+    
+    //Google
+    Task<List<IndirizzoDTO>?> Geocode(string address);
+    Task<List<AutoCompleteAddressDTO>?> AutoCompleteAddress(string address, string language, string uuid);
+    Task<IndirizzoDTO?> PlaceDetails(string placeId, string uuid);
 }

salesbook.Shared/Core/Services/IntegryApiService.cs

@@ -74,4 +74,38 @@ public class IntegryApiService(IIntegryApiRestClient integryApiRestClient, IUser
 
     public Task<CheckVatResponseDTO> CheckVat(CheckVatRequestDTO request) =>
         integryApiRestClient.Post<CheckVatResponseDTO>("checkPartitaIva", request)!;
+
+    public Task<List<IndirizzoDTO>?> Geocode(string address)
+    {
+        var queryParams = new Dictionary<string, object>
+        {
+            {"address", address},
+            {"retrieveAll", true}
+        };
+
+        return integryApiRestClient.Get<List<IndirizzoDTO>>("geocode", queryParams);
+    }
+
+    public Task<List<AutoCompleteAddressDTO>?> AutoCompleteAddress(string address, string language, string uuid)
+    {
+        var queryParams = new Dictionary<string, object>
+        {
+            {"address", address},
+            {"language", language},
+            {"uuid", uuid}
+        };
+
+        return integryApiRestClient.Get<List<AutoCompleteAddressDTO>>("google/places/autoCompleteAddress", queryParams);
+    }
+
+    public Task<IndirizzoDTO?> PlaceDetails(string placeId, string uuid)
+    {
+        var queryParams = new Dictionary<string, object>
+        {
+            { "placeId", placeId },
+            { "uuid", uuid }
+        };
+
+        return integryApiRestClient.Get<IndirizzoDTO>("google/places/placeDetails", queryParams);
+    }
 }

salesbook.Shared/wwwroot/css/app.css

@@ -31,7 +31,7 @@ a, .btn-link {
 .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: 1.1rem;
+    /*padding-top: 1.1rem;*/
     display: flex;
     align-items: center;
     flex-direction: column;
@@ -176,6 +176,7 @@ h1:focus { outline: none; }
 .customDialog-form .mud-dialog-content {
     padding: 0 .75rem;
     margin: 0;
+    overflow: hidden;
 }
 
 .custom-item-select { padding: 6px 16px; }

salesbook.Shared/wwwroot/css/default-theme.css

@@ -6,5 +6,6 @@
     --exception-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3);
     --custom-box-shadow: 1px 2px 5px var(--gray-for-shadow);
     --mud-default-borderradius: 12px !important;
-    --m-page-x: 1.25rem;
+    --m-page-x: 1rem;
+    --mh-header: 4rem;
 }