Admin Login integriert

src/y4f/Program.cs

@@ -1,3 +1,4 @@
+using Blazored.LocalStorage;
 using Microsoft.AspNetCore.Components.Web;
 using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
 using y4f;
@@ -6,7 +7,7 @@ var builder = WebAssemblyHostBuilder.CreateDefault(args);
 builder.RootComponents.Add<App>("#app");
 builder.RootComponents.Add<HeadOutlet>("head::after");
 
-
+builder.Services.AddBlazoredLocalStorage();
 
 builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) });
 

src/y4f/Shared/Kontoverwaltung.razor

@@ -5,7 +5,7 @@
 
 
 <div class="container mt-auto">
-    <h4>AccountID: #1234</h4>
+    <h4>AccountID: @RegistrierungA.userName</h4>
     <h4>Ihr QR-Code:  </h4>
     <img src="assets/K-QR.png" class="img" title="logo image">
 

src/y4f/Shared/RegistrierungA.razor

@@ -1,18 +1,34 @@
 @page "/RegistrierungA"
 @layout Registrierung
+@inject NavigationManager NavManager
+@inject Blazored.LocalStorage.ISyncLocalStorageService localStorage
 
 <div class="container col-lg-5 col-md-9 col-sm-12 d-flex flex-column " id="content">
     <p>Benutzername:</p>
-        <input type="text" class="form-control" id="name" name="name">
+    <input type="text" class="form-control" id="name" name="name" @bind="@inputName">
 
     <p>Passwort:</p>
-        <input type="text" class="form-control" id="password" name="password">
+    <input type="password" class="form-control" id="password" name="password" @bind="@inputPassword">
-
-    <form id="button" action="Bestelluebersicht">
-        <input type="submit" value="Login" class="btn"> 
-    </form>
     
+    <button type="button" class="btn" @onclick="@Login">Login</button>
 </div>
-@code {
 
+@code {
+    public string inputName { get; set; } = string.Empty;
+    public string inputPassword { get; set; } = string.Empty;
+
+    public static string userName { get; set; } = string.Empty;
+
+    public void Login() {
+        if (inputName == userDataName && inputPassword == userDataPassword) {
+            localStorage.SetItem("name", inputName);
+            userName = localStorage.GetItem<string>("name");
+            NavManager.NavigateTo("/Bestelluebersicht");
+        }
+    }
+}
+
+@code {
+    public string userDataName { get; set; } = "";
+    public string userDataPassword { get; set; } = "";
 }

src/y4f/Shared/RegistrierungA.razor.css

@@ -9,5 +9,8 @@ form {
 }
 
 
-
+button {
-
+    text-align: center;
+    background-color: #89F9A5;
+    border-radius: 50px;
+}

src/y4f/y4f.csproj

@@ -12,6 +12,7 @@
   </ItemGroup>
 
   <ItemGroup>
+    <PackageReference Include="Blazored.LocalStorage" Version="4.3.0" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="7.0.1" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="7.0.1" PrivateAssets="all" />
   </ItemGroup>