Contacts CRUD
DJh2o2
parent
cfea0eb37a
commit
f9deadb7e0
@ -1,69 +0,0 @@
|
|||||||
@page "/contacts"
|
|
||||||
@using Gremlin_BlazorServer.Data.DBClasses;
|
|
||||||
@using Gremlin_BlazorServer.Models;
|
|
||||||
@using Gremlin_BlazorServer.ViewModels;
|
|
||||||
|
|
||||||
<PageTitle>Contacts</PageTitle>
|
|
||||||
|
|
||||||
<h1>Contacts in Regulus</h1>
|
|
||||||
|
|
||||||
<p>Hier werden die Daten aus der MariaDB geladen und angezeigt.</p>
|
|
||||||
|
|
||||||
<div class="text-center bg-blue-100">
|
|
||||||
<input class="border-4 w-1/3 rounded m-6 p-6 h-8
|
|
||||||
border-blue-300" @bind-value="searchContact"
|
|
||||||
@bind-value:event="oninput" placeholder="Search by LastName"
|
|
||||||
@onchange="SearchContact_OnChange"/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
@if (!filteredContacts.Any())
|
|
||||||
{
|
|
||||||
<p><em>No contacts found!</em></p>
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
<p><em>@filteredContacts.Count contacts found!</em></p>
|
|
||||||
<table class="table">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>ContactID</th>
|
|
||||||
<th>AccountID</th>
|
|
||||||
<th>FirstName</th>
|
|
||||||
<th>LastName</th>
|
|
||||||
<th>Gender</th>
|
|
||||||
<th>EMail</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
@foreach (ContactViewModel contact in filteredContacts)
|
|
||||||
{
|
|
||||||
<tr>
|
|
||||||
<td>@contact.ContactId</td>
|
|
||||||
<td>@contact.AccountId</td>
|
|
||||||
<td>@contact.FirstName</td>
|
|
||||||
<td>@contact.LastName</td>
|
|
||||||
<td>@contact.Gender</td>
|
|
||||||
<td>@contact.EMail</td>
|
|
||||||
</tr>
|
|
||||||
}
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
}
|
|
||||||
|
|
||||||
@code {
|
|
||||||
public string searchContact = "";
|
|
||||||
private List<ContactViewModel> allContacts = new();
|
|
||||||
private List<ContactViewModel> filteredContacts = new();
|
|
||||||
|
|
||||||
protected override async Task OnInitializedAsync()
|
|
||||||
{
|
|
||||||
allContacts = await ContactModel.GetContactViewModel();
|
|
||||||
filteredContacts = allContacts;
|
|
||||||
//allContacts = await DataAccessService.GetContactsFromDb("");
|
|
||||||
}
|
|
||||||
|
|
||||||
private void SearchContact_OnChange()
|
|
||||||
{
|
|
||||||
filteredContacts = allContacts.Where(c => c.LastName.ToLower().Contains(searchContact.ToLower())).ToList();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -0,0 +1,71 @@
|
|||||||
|
@page "/Contacts/Add"
|
||||||
|
|
||||||
|
@using Gremlin_BlazorServer.Data.EntityClasses;
|
||||||
|
@using Gremlin_BlazorServer.Services;
|
||||||
|
|
||||||
|
@inject ContactService contactService
|
||||||
|
@inject NavigationManager navigationManager
|
||||||
|
|
||||||
|
<h2>Add Contact</h2>
|
||||||
|
<hr />
|
||||||
|
|
||||||
|
<form>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-8">
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="ContactId" class="control-label">ContactId</label>
|
||||||
|
<input form="ContactId" class="form-control" @bind="@contact.ContactId" />
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="AccountId" class="control-label">AccountId</label>
|
||||||
|
<input form="AccountId" class="form-control" @bind="@contact.AccountId" />
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="LastName" class="control-label">LastName</label>
|
||||||
|
<input form="LastName" class="form-control" @bind="@contact.LastName" />
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="FirstName" class="control-label">FirstName</label>
|
||||||
|
<input form="FirstName" class="form-control" @bind="@contact.FirstName" />
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="Gender" class="control-label">Gender</label>
|
||||||
|
<input form="Gender" class="form-control" @bind="@contact.Gender" />
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="EMail" class="control-label">EMail</label>
|
||||||
|
<input form="EMail" class="form-control" @bind="@contact.EMail" />
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="SAPContactNumber" class="control-label">SAPContactNumber</label>
|
||||||
|
<input form="SAPContactNumber" class="form-control" @bind="@contact.SAPContactNumber" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-4">
|
||||||
|
<div class="form-group">
|
||||||
|
<input type="button" class="btn btn-primary" @onclick="@CreateContact" value="Save"/>
|
||||||
|
<input type="button" class="btn btn-primary" @onclick="@Cancel" value="Cancel"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
@code {
|
||||||
|
Contact contact = new Contact();
|
||||||
|
|
||||||
|
protected async void CreateContact()
|
||||||
|
{
|
||||||
|
contact.DataModificationByUser = "Gremlin_BlazorServer";
|
||||||
|
//contact.DataStatus = "Active";
|
||||||
|
|
||||||
|
if (await contactService.InsertContactAsync(contact))
|
||||||
|
{
|
||||||
|
navigationManager.NavigateTo("Contacts/Index");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
void Cancel() => navigationManager.NavigateTo("Contacts/Index");
|
||||||
|
}
|
||||||
@ -0,0 +1,74 @@
|
|||||||
|
@page "/Contacts/Delete/{ContactId}"
|
||||||
|
|
||||||
|
@using Gremlin_BlazorServer.Data.EntityClasses;
|
||||||
|
@using Gremlin_BlazorServer.Services;
|
||||||
|
|
||||||
|
@inject ContactService contactService
|
||||||
|
@inject NavigationManager navigationManager
|
||||||
|
|
||||||
|
<h2>Delete Employee</h2>
|
||||||
|
<hr />
|
||||||
|
<h3>Are you sure want to delete this?</h3>
|
||||||
|
<form>
|
||||||
|
<div class="row">
|
||||||
|
<div class=" col-md-8">
|
||||||
|
<div class="form-group">
|
||||||
|
<label>ContactId:</label>
|
||||||
|
<label>@contact.ContactId</label>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label>ContactId:</label>
|
||||||
|
<label>@contact.ContactId</label>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label>LastName:</label>
|
||||||
|
<label>@contact.LastName</label>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label>FirstName:</label>
|
||||||
|
<label>@contact.FirstName</label>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label>Gender:</label>
|
||||||
|
<label>@contact.Gender</label>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label>EMail:</label>
|
||||||
|
<label>@contact.EMail</label>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label>SAPContactNumber:</label>
|
||||||
|
<label>@contact.SAPContactNumber</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-4">
|
||||||
|
<div class="form-group">
|
||||||
|
<input type="button" class="btn btn-danger" @onclick="@DeleteContact" value="Delete" />
|
||||||
|
<input type="button" class="btn btn-primary" @onclick="@Cancel" value="Cancel" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
@code {
|
||||||
|
[Parameter]
|
||||||
|
public string contactId { get; set; } = default!;
|
||||||
|
Contact? contact = new Contact();
|
||||||
|
|
||||||
|
protected override async Task OnInitializedAsync()
|
||||||
|
{
|
||||||
|
contact = await Task.Run(() => contactService.GetContactAsync(Convert.ToUInt32(contactId)));
|
||||||
|
}
|
||||||
|
protected async void DeleteContact()
|
||||||
|
{
|
||||||
|
await contactService.DeleteContactAsync(contact);
|
||||||
|
navigationManager.NavigateTo("Contacts/Index");
|
||||||
|
}
|
||||||
|
void Cancel()
|
||||||
|
{
|
||||||
|
navigationManager.NavigateTo("Contacts/Index");
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,76 @@
|
|||||||
|
@page "/Contacts/Edit/{ContactId}"
|
||||||
|
|
||||||
|
@using Gremlin_BlazorServer.Data.EntityClasses;
|
||||||
|
@using Gremlin_BlazorServer.Services;
|
||||||
|
|
||||||
|
@inject ContactService contactService
|
||||||
|
@inject NavigationManager navigationManager
|
||||||
|
|
||||||
|
<h2>Edit Contact</h2>
|
||||||
|
<hr />
|
||||||
|
|
||||||
|
<form>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-8">
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="ContactId" class="control-label">ContactId</label>
|
||||||
|
<input form="ContactId" class="form-control" @bind="@contact.ContactId" />
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="AccountId" class="control-label">AccountId</label>
|
||||||
|
<input form="AccountId" class="form-control" @bind="@contact.AccountId" />
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="LastName" class="control-label">LastName</label>
|
||||||
|
<input form="LastName" class="form-control" @bind="@contact.LastName" />
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="FirstName" class="control-label">FirstName</label>
|
||||||
|
<input form="FirstName" class="form-control" @bind="@contact.FirstName" />
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="Gender" class="control-label">Gender</label>
|
||||||
|
<input form="Gender" class="form-control" @bind="@contact.Gender" />
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="EMail" class="control-label">EMail</label>
|
||||||
|
<input form="EMail" class="form-control" @bind="@contact.EMail" />
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="SAPContactNumber" class="control-label">SAPContactNumber</label>
|
||||||
|
<input form="SAPContactNumber" class="form-control" @bind="@contact.SAPContactNumber" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-4">
|
||||||
|
<div class="form-group">
|
||||||
|
<input type="button" class="btn btn-primary" @onclick="@UpdateContact" value="Update" />
|
||||||
|
<input type="button" class="btn btn-primary" @onclick="@Cancel" value="Cancel" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
@code {
|
||||||
|
[Parameter]
|
||||||
|
public string? contactId { get; set; }
|
||||||
|
Contact? contact = new Contact();
|
||||||
|
|
||||||
|
protected override async Task OnInitializedAsync()
|
||||||
|
{
|
||||||
|
contact = await Task.Run(() => contactService.GetContactAsync(Convert.ToUInt32(contactId)));
|
||||||
|
}
|
||||||
|
|
||||||
|
protected async void UpdateContact()
|
||||||
|
{
|
||||||
|
contact.DataModificationByUser = "Gremlin_BlazorServer";
|
||||||
|
contact.DataModificationDate = DateTime.Now;
|
||||||
|
contact.DataVersionNumber++;
|
||||||
|
await contactService.UpdateContactAsync(contact);
|
||||||
|
navigationManager.NavigateTo("Contacts/Index");
|
||||||
|
}
|
||||||
|
|
||||||
|
void Cancel() => navigationManager.NavigateTo("Contacts/Index");
|
||||||
|
}
|
||||||
@ -0,0 +1,83 @@
|
|||||||
|
@page "/Contacts/Index"
|
||||||
|
|
||||||
|
@using Gremlin_BlazorServer.Data.EntityClasses;
|
||||||
|
@using Gremlin_BlazorServer.Services;
|
||||||
|
|
||||||
|
@inject ContactService ContactService
|
||||||
|
|
||||||
|
<h1>Contacts</h1>
|
||||||
|
|
||||||
|
<div class="text-center bg-blue-100">
|
||||||
|
<input class="border-4 w-1/3 rounded m-6 p-6 h-8
|
||||||
|
border-blue-300" @bind-value="searchContact"
|
||||||
|
@bind-value:event="oninput" placeholder="Search by LastName"
|
||||||
|
@onchange="SearchContact_OnChange"/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<NavLink class="nav-link" href="Contacts/Add">
|
||||||
|
<span class="oi oi-plus" aria-hidden="true">Add New Contact</span>
|
||||||
|
</NavLink>
|
||||||
|
|
||||||
|
|
||||||
|
@if (allContacts is null)
|
||||||
|
{
|
||||||
|
<p><em>Loading... !</em></p>
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
<p>Es wurden @filteredContacts.Count Contacts gefunden.</p>
|
||||||
|
@if (allContacts != null)
|
||||||
|
{
|
||||||
|
<table class="table">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>@nameof(Contact.ContactId)</th>
|
||||||
|
<th>@nameof(Contact.AccountId)</th>
|
||||||
|
<th>@nameof(Contact.LastName)</th>
|
||||||
|
<th>@nameof(Contact.FirstName)</th>
|
||||||
|
<th>@nameof(Contact.Gender)</th>
|
||||||
|
<th>@nameof(Contact.EMail)</th>
|
||||||
|
<th>@nameof(Contact.SAPContactNumber)</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
@foreach (Contact Contact in filteredContacts)
|
||||||
|
{<tr>
|
||||||
|
<td>@Contact.ContactId</td>
|
||||||
|
<td>@Contact.AccountId</td>
|
||||||
|
<td>@Contact.LastName</td>
|
||||||
|
<td>@Contact.FirstName</td>
|
||||||
|
<td>@Contact.Gender</td>
|
||||||
|
<td>@Contact.EMail</td>
|
||||||
|
<td>@Contact.SAPContactNumber</td>
|
||||||
|
<td>
|
||||||
|
<a class="nav-link" href="Contacts/Edit/@Contact.ContactId">
|
||||||
|
<span class="oi oi-pencil" aria-hidden="true">Edit</span>
|
||||||
|
</a>
|
||||||
|
<a class="nav-link" href="Contacts/Delete/@Contact.ContactId">
|
||||||
|
<span class="oi oi-trash" aria-hidden="true">Delete</span>
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
</tr>}
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@code {
|
||||||
|
|
||||||
|
public string searchContact = "";
|
||||||
|
List<Contact> allContacts = new();
|
||||||
|
List<Contact> filteredContacts = new();
|
||||||
|
|
||||||
|
protected override async Task OnInitializedAsync()
|
||||||
|
{
|
||||||
|
allContacts = await Task.Run(() => ContactService.GetAllContactsAsync());
|
||||||
|
filteredContacts = allContacts;
|
||||||
|
}
|
||||||
|
|
||||||
|
private void SearchContact_OnChange()
|
||||||
|
{
|
||||||
|
filteredContacts = allContacts.Where(a => a.LastName.ToLower().Contains(searchContact.ToLower())).ToList();
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue