Crud implemented by Contact

2023-04-19 17:25:42 +02:00
parent 0234db870b
commit ede368b963
10 changed files with 334 additions and 31 deletions
--- a/BlazorSyncfusionCrm/Client/Pages/EditContact.razor
+++ b/BlazorSyncfusionCrm/Client/Pages/EditContact.razor
@ -0,0 +1,91 @@
+@page "/contacts/edit/{id:int}"
+@page "/contacts/new"
+@inject HttpClient Http
+@inject NavigationManager NavigationManager
+
+@if (Id is not null)
+{
+    <h3>Edit @contact.NickName</h3>
+}
+else
+{
+    <h3>Create a new contact</h3>
+}
+
+<div>
+    <EditForm Model="contact" OnValidSubmit="HandleSubmit">
+        <DataAnnotationsValidator />
+        <SfTextBox CssClass="e-outLine" Placeholder="First Name"
+                   FloatLabelType="@FloatLabelType.Auto" @bind-Value="contact.FirstName" />
+        <SfTextBox CssClass="e-outLine" Placeholder="Last Name"
+                   FloatLabelType="@FloatLabelType.Auto" @bind-Value="contact.LastName" />
+        <SfTextBox CssClass="e-outLine" Placeholder="Nick Name"
+                   FloatLabelType="@FloatLabelType.Auto" @bind-Value="contact.NickName" />
+        <ValidationMessage For="(() => contact.NickName)" />
+        <SfTextBox CssClass="e-outLine" Placeholder="Place"
+                   FloatLabelType="@FloatLabelType.Auto" @bind-Value="contact.Place" />        
+        <SfDatePicker TValue="DateTime?" Placeholder="Date of Birth"
+                   FloatLabelType="@FloatLabelType.Auto" @bind-Value="contact.DateOfBirth"
+                   Format="yyyy-MM-dd"/>
+        <hr />
+        <SfButton CssClass="e-primary" IconCss="e-icons e-save" Content="Save" type="submit" />
+    </EditForm>
+</div>
+<p>
+    <SfMessage Severity="MessageSeverity.Success" Visible="showSuccessMessage">
+        Contact saved successfully.
+    </SfMessage>
+    <SfMessage Severity="MessageSeverity.Error" Visible="showErrorMessage">
+        Oops, something went wrong.
+    </SfMessage>
+</p>
+@code {
+    [Parameter]
+    public int? Id { get; set; }
+
+    public Contact contact { get; set; } = new Contact();
+
+    bool showSuccessMessage = false;
+    bool showErrorMessage = false;
+
+    protected override async Task OnInitializedAsync()
+    {
+        if(Id is not null)
+        {
+            var result = await Http.GetAsync($"api/contacts/{Id}");
+            if (result.IsSuccessStatusCode)
+            {
+                var jsonResult = await result.Content.ReadFromJsonAsync<Contact>();
+                if (jsonResult is not null)
+                    contact = jsonResult;
+            }
+            else
+            {
+                NavigationManager.NavigateTo("/contacts/new");
+            }
+        }
+    }
+
+    async Task HandleSubmit()
+    {
+        HttpResponseMessage result;
+        if (Id is not null)
+            result = await Http.PutAsJsonAsync($"api/contacts/{contact.Id}", contact);
+        else
+            result = await Http.PostAsJsonAsync($"api/contacts/", contact);
+
+        if (result.IsSuccessStatusCode)
+        {
+            var jsonResult = await result.Content.ReadFromJsonAsync<Contact>();
+            if(jsonResult is not null)
+            {
+                contact = jsonResult;
+                showSuccessMessage = true;
+            }
+        }
+        else
+        {
+            showErrorMessage = true;
+        }
+    }
+}