Abandon QRCode scanning idea

If the user is not logged in they will be redireted to the login page
Removed old razor Page that is not needed anymore

.github/workflows/dotnet.yml

@@ -1,23 +0,0 @@
-name: Test if program still runs
-
-on:
-  push:
-    branches: [ "dev" ]
-  pull_request:
-    branches: [ "dev" ]
-
-jobs:
-  build:
-
-    runs-on: ubuntu-latest
-
-    steps:
-    - uses: actions/checkout@v3
-    - name: Setup .NET
-      uses: actions/setup-dotnet@v3
-      with:
-        dotnet-version: 7.0.107
-    - name: Restore dependencies
-      run: dotnet restore
-    - name: Build
-      run: dotnet build --no-restore

.gitignore

@@ -2,6 +2,7 @@
 ## files generated by popular Visual Studio add-ons.
 
 # User-specific files
+.vscode
 .vs
 */.vs
 *.suo
@@ -136,3 +137,5 @@ $RECYCLE.BIN/
 .DS_Store
 
 _NCrunch*
+/src/WebApi/appsettings.json
+/src/WebApi/appsettings.json

src/WebApi/Controllers/MenuitemHasAllergiesController.cs

@@ -0,0 +1,138 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Threading.Tasks;
+using Microsoft.AspNetCore.Http;
+using Microsoft.AspNetCore.Mvc;
+using Microsoft.EntityFrameworkCore;
+using WebApi.Data;
+using WebApi.Models;
+
+namespace WebApi.Controllers
+{
+    [Route("api/[controller]")]
+    [ApiController]
+    public class MenuitemHasAllergiesController : ControllerBase
+    {
+        private readonly WebApiContext _context;
+
+        public MenuitemHasAllergiesController(WebApiContext context)
+        {
+            _context = context;
+        }
+
+        // GET: api/MenuitemHasAllergies
+        [HttpGet]
+        public async Task<ActionResult<IEnumerable<MenuitemHasAllergie>>> GetMenuitemHasAllergie()
+        {
+          if (_context.MenuitemHasAllergie == null)
+          {
+              return NotFound();
+          }
+            return await _context.MenuitemHasAllergie.ToListAsync();
+        }
+
+        // GET: api/MenuitemHasAllergies/5
+        [HttpGet("{id}")]
+        public async Task<ActionResult<MenuitemHasAllergie>> GetMenuitemHasAllergie(int? id)
+        {
+          if (_context.MenuitemHasAllergie == null)
+          {
+              return NotFound();
+          }
+            var menuitemHasAllergie = await _context.MenuitemHasAllergie.FindAsync(id);
+
+            if (menuitemHasAllergie == null)
+            {
+                return NotFound();
+            }
+
+            return menuitemHasAllergie;
+        }
+
+        // PUT: api/MenuitemHasAllergies/5
+        // To protect from overposting attacks, see https://go.microsoft.com/fwlink/?linkid=2123754
+        [HttpPut("{id}")]
+        public async Task<IActionResult> PutMenuitemHasAllergie(int? id, MenuitemHasAllergie menuitemHasAllergie)
+        {
+            if (id != menuitemHasAllergie.MenuItem_IDMenuItem)
+            {
+                return BadRequest();
+            }
+
+            _context.Entry(menuitemHasAllergie).State = EntityState.Modified;
+
+            try
+            {
+                await _context.SaveChangesAsync();
+            }
+            catch (DbUpdateConcurrencyException)
+            {
+                if (!MenuitemHasAllergieExists(id))
+                {
+                    return NotFound();
+                }
+                else
+                {
+                    throw;
+                }
+            }
+
+            return NoContent();
+        }
+
+        // POST: api/MenuitemHasAllergies
+        // To protect from overposting attacks, see https://go.microsoft.com/fwlink/?linkid=2123754
+        [HttpPost]
+        public async Task<ActionResult<MenuitemHasAllergie>> PostMenuitemHasAllergie(MenuitemHasAllergie menuitemHasAllergie)
+        {
+          if (_context.MenuitemHasAllergie == null)
+          {
+              return Problem("Entity set 'WebApiContext.MenuitemHasAllergie'  is null.");
+          }
+            _context.MenuitemHasAllergie.Add(menuitemHasAllergie);
+            try
+            {
+                await _context.SaveChangesAsync();
+            }
+            catch (DbUpdateException)
+            {
+                if (MenuitemHasAllergieExists(menuitemHasAllergie.MenuItem_IDMenuItem))
+                {
+                    return Conflict();
+                }
+                else
+                {
+                    throw;
+                }
+            }
+
+            return CreatedAtAction("GetMenuitemHasAllergie", new { id = menuitemHasAllergie.MenuItem_IDMenuItem }, menuitemHasAllergie);
+        }
+
+        // DELETE: api/MenuitemHasAllergies/5
+        [HttpDelete("{id}")]
+        public async Task<IActionResult> DeleteMenuitemHasAllergie(int? id)
+        {
+            if (_context.MenuitemHasAllergie == null)
+            {
+                return NotFound();
+            }
+            var menuitemHasAllergie = await _context.MenuitemHasAllergie.FindAsync(id);
+            if (menuitemHasAllergie == null)
+            {
+                return NotFound();
+            }
+
+            _context.MenuitemHasAllergie.Remove(menuitemHasAllergie);
+            await _context.SaveChangesAsync();
+
+            return NoContent();
+        }
+
+        private bool MenuitemHasAllergieExists(int? id)
+        {
+            return (_context.MenuitemHasAllergie?.Any(e => e.MenuItem_IDMenuItem == id)).GetValueOrDefault();
+        }
+    }
+}

src/WebApi/Data/WebApiContext.cs

@@ -25,6 +25,8 @@ public partial class WebApiContext : DbContext
 	public virtual DbSet<Menuitemueberkategorie> Menuitemueberkategories { get; set; }
 
 	public virtual DbSet<Rabatt> Rabatts { get; set; }
+	public virtual DbSet<MenuitemHasAllergie> MenuitemHasAllergie { get; set; }
+
 	public virtual DbSet<Admin> Admins { get; set; }
 
 	protected override void OnModelCreating(ModelBuilder modelBuilder)
@@ -145,32 +147,6 @@ public partial class WebApiContext : DbContext
 				.HasForeignKey(d => d.MenuItemKategorieIdmenuItemKategorie)
 				.OnDelete(DeleteBehavior.ClientSetNull)
 				.HasConstraintName("fk_MenuItem_MenuItemKategorie1");
-
-            entity.HasMany(d => d.AllergieIdallergies).WithMany(p => p.MenuItemIdmenuItems)
-                .UsingEntity<Dictionary<string, object>>(
-                    "MenuitemHasAllergie",
-                    r => r.HasOne<Allergie>().WithMany()
-                        .HasForeignKey("AllergieIdallergie")
-                        .OnDelete(DeleteBehavior.ClientSetNull)
-                        .HasConstraintName("fk_MenuItem_has_Allergie_Allergie1"),
-                    l => l.HasOne<Menuitem>().WithMany()
-                        .HasForeignKey("MenuItemIdmenuItem")
-                        .OnDelete(DeleteBehavior.ClientSetNull)
-                        .HasConstraintName("fk_MenuItem_has_Allergie_MenuItem1"),
-                    j =>
-                    {
-                        j.HasKey("MenuItemIdmenuItem", "AllergieIdallergie")
-                            .HasName("PRIMARY")
-                            .HasAnnotation("MySql:IndexPrefixLength", new[] { 0, 0 });
-                        j.ToTable("menuitem_has_allergie");
-                        j.HasIndex(new[] { "AllergieIdallergie" }, "fk_MenuItem_has_Allergie_Allergie1");
-                        j.IndexerProperty<int>("MenuItemIdmenuItem")
-                            .HasColumnType("int(11)")
-                            .HasColumnName("MenuItem_IDMenuItem");
-                        j.IndexerProperty<int>("AllergieIdallergie")
-                            .HasColumnType("int(11)")
-                            .HasColumnName("Allergie_IDAllergie");
-                    });
 		});
 
 		modelBuilder.Entity<Menuitemkategorie>(entity =>
@@ -228,10 +204,40 @@ public partial class WebApiContext : DbContext
 		{
 			entity.HasKey(e => e.Id).HasName("PRIMARY");
 			entity.ToTable("admin");
+			entity.Property(e => e.Id)
+				.ValueGeneratedNever()
+				.HasColumnType("int(11)")
+				.HasColumnName("Id");
+			entity.Property(e => e.Username).HasMaxLength(100);
+			entity.Property(e => e.Password).HasMaxLength(100);
+		});
+
+		//modelBuilder.Entity<BestellungspositionHasMenuitem>(entity =>
+		//{
+		//	entity.HasKey(e => new { e.BestellungspositionId, e.MenuitemId })
+		//		.HasName("PRIMARY");
+
+		//	entity.ToTable("bestellungsposition_has_menuitem");
+
+		//	entity.Property(e => e.BestellungspositionId).HasColumnType("int(11)");
+		//	entity.Property(e => e.MenuitemId).HasColumnType("int(11)");
+		//});
+
+		modelBuilder.Entity<MenuitemHasAllergie>(entity =>
+		{
+			entity.HasKey(e => new { e.MenuItem_IDMenuItem, e.Allergie_IDAllergie })
+			.HasName("PRIMARY");
+
+			entity.ToTable("menuitem_has_allergie");
+
+			entity.Property(e => e.MenuItem_IDMenuItem).HasColumnType("int(11)");
+			entity.Property(e => e.Allergie_IDAllergie).HasColumnType("int(11)");
 		});
 
 		OnModelCreatingPartial(modelBuilder);
 	}
 
 	partial void OnModelCreatingPartial(ModelBuilder modelBuilder);
+
 }
+

src/WebApi/Models/MenuitemHasAllergie.cs

@@ -0,0 +1,11 @@
+namespace WebApi.Models
+{
+	public class MenuitemHasAllergie
+	{
+		// navigation references Menuitem
+		public int? MenuItem_IDMenuItem { get; set; }
+
+		// navigation references Allergie
+		public int? Allergie_IDAllergie { get; set; }
+	}
+}

src/WebApi/appsettings.json

@@ -1,12 +0,0 @@
-{
-  "Logging": {
-    "LogLevel": {
-      "Default": "Information",
-      "Microsoft.AspNetCore": "Warning"
-    }
-  },
-  "AllowedHosts": "*",
-  "ConnectionStrings": {
-    "Y4FDB": "Server=localhost;Database=y4f;Uid=user;Pwd=user"
-  }
-}

src/y4f/Pages/FetchData.razor

@@ -1,57 +0,0 @@
-@page "/fetchdata"
-@inject HttpClient Http
-
-<PageTitle>Weather forecast</PageTitle>
-
-<h1>Weather forecast</h1>
-
-<p>This component demonstrates fetching data from the server.</p>
-
-@if (forecasts == null)
-{
-    <p><em>Loading...</em></p>
-}
-else
-{
-    <table class="table">
-        <thead>
-            <tr>
-                <th>Date</th>
-                <th>Temp. (C)</th>
-                <th>Temp. (F)</th>
-                <th>Summary</th>
-            </tr>
-        </thead>
-        <tbody>
-            @foreach (var forecast in forecasts)
-            {
-                <tr>
-                    <td>@forecast.Date.ToShortDateString()</td>
-                    <td>@forecast.TemperatureC</td>
-                    <td>@forecast.TemperatureF</td>
-                    <td>@forecast.Summary</td>
-                </tr>
-            }
-        </tbody>
-    </table>
-}
-
-@code {
-    private WeatherForecast[]? forecasts;
-
-    protected override async Task OnInitializedAsync()
-    {
-        forecasts = await Http.GetFromJsonAsync<WeatherForecast[]>("sample-data/weather.json");
-    }
-
-    public class WeatherForecast
-    {
-        public DateOnly Date { get; set; }
-
-        public int TemperatureC { get; set; }
-
-        public string? Summary { get; set; }
-
-        public int TemperatureF => 32 + (int)(TemperatureC / 0.5556);
-    }
-}

src/y4f/Pages/Index.razor

@@ -1,20 +1,53 @@
 @page "/"
 @layout Startseite
 
+@inject HttpClient Http
+@inject Blazored.LocalStorage.ISyncLocalStorageService localStorage
+@inject NavigationManager _navigationManager
 
 <PageTitle>Yummy4Friends</PageTitle>
 
-
 <body style='--blazor-load-percentage: 100%; --blazor-load-percentage-text: "100%"; background-color:#C7FFD5;'>
-    <div class="container col-lg-6 col-md-9 col-sm-12 d-flex flex-column " id="content">
+
+	<div class="container col-lg-6 col-md-9 col-sm-12 d-flex flex-column " id="content" style=" padding-left:10%; padding-right:10%;">
 		<center><h1>Herzlich Willkommen!</h1></center>
 
 		<img src="assets/Logo_new.png" class="img" title="logo image">
 
-        <form action="Speisekarte">
+		<input type="text" class="form-control" id="qrcode" placeholder="Zugangscode eintragen" name="qrcode" @bind-value="@qrcodeValue">
-            <input type="submit" value="Zur Speisekarte" class="btn" />
-      </form>
-    </div>
 
+		<button type="submit" id="button1" class="btn" @onclick="@(() => CheckCode())">Bestätigen</button>
+	</div>
 </body>
 
+@code {
+	private string qrcodeValue;
+	private List<Kunde> kunden = new List<Kunde>();
+
+	public void CheckCode()
+	{
+		foreach (var kunde in kunden)
+		{
+			if (kunde.Code == qrcodeValue)
+			{
+				localStorage.SetItem("kunde", kunde);
+				_navigationManager.NavigateTo("/speisekarte");
+				break;
+			}
+		}
+	}
+
+	protected override async Task OnInitializedAsync()
+	{
+		kunden = await Http.GetFromJsonAsync<List<Kunde>>("https://localhost:7076/api/kunden");
+	}
+
+	public class Kunde
+	{
+		public int Idkunde { get; set; }
+		public string Code { get; set; }
+		public int Treuepunkte { get; set; }
+	}
+
+
+}

src/y4f/Pages/ShoppingCart.razor

@@ -1,5 +1,7 @@
 @page "/shopping_cart"
-
+@inject HttpClient Http
+@inject Blazored.LocalStorage.ISyncLocalStorageService localStorage
+@inject NavigationManager _navigationManager
 <PageTitle>Warenkorb</PageTitle>
 
 <h1>Warenkorb</h1>
@@ -23,54 +25,44 @@
 						</tr>
 					</thead>
 					<tbody class="bg_lightgreen">
+						@if (menuitemIds.Count == 0)
+						{
+							<div class="card-body">
+								<h5 class="card-title" style="font-size:10pt; margin-bottom:0px;">Warenkorb ist leer</h5>
+							</div>
+						}
+						else
+						{
+							@foreach (var item in menuitemIds)
+							{
+								@foreach (var item2 in menuitems)
+								{
+									@if (item.Key == item2.IdmenuItem)
+									{
 										<tr>
+
 											<td class="br" style="padding-top:20px; padding-bottom:0px; border-bottom-width: 0px;">
-                                1 Nudel mit Hühnerfleisch (groß)
+												@item.Value x
-                                <div style="font-size:0.7rem;padding-left:15px;">mit Knoblauchsoße</div>
+												@item2.Bezeichnung
+												<button @onclick="@(() => DelMenuItemId(item.Key))" class="btn btn-danger">del</button>
+
+
+												<div style="font-size:0.7rem;padding-left:15px;">@item2.Zusatzinformation</div>
 											</td>
-                            <td class="d-flex justify-content-center align-items-center" style="padding-top:20px; padding-bottom:0px;">9,10€</td>
+											<td class="d-flex justify-content-center align-items-center" style="padding-top:20px; border-bottom-width:0px;">@(item2.Preis * item.Value)€</td>
-                        </tr>
-                        <tr>
-                            <td class="br" style=" padding-top:0px; border-bottom-width: 0px;">1 Coca Cola</td>
-                            <td class="d-flex justify-content-center align-items-center" style="padding-top:0px;">2,50€</td>
-                        </tr>
-                        <tr>
-                            <td class="br" style=" padding-top:0px; border-bottom-width: 0px;"></td>
-                            <td class="d-flex justify-content-center align-items-center"></td>
-                        </tr>
-                        <tr>
-                            <td class="br" style=" padding-top:0px; border-bottom-width: 0px;"></td>
-                            <td class="d-flex justify-content-center align-items-center"></td>
-                        </tr>
-                        <tr>
-                            <td class="br" style=" padding-top:0px; border-bottom-width: 0px;"></td>
-                            <td class="d-flex justify-content-center align-items-center"></td>
-                        </tr>
-                        <tr>
-                            <td class="br" style=" padding-top:0px; border-bottom-width: 0px;"></td>
-                            <td class="d-flex justify-content-center align-items-center"></td>
-                        </tr>
-                        <tr>
-                            <td class="br" style=" padding-top:0px; border-bottom-width: 0px;"></td>
-                            <td class="d-flex justify-content-center align-items-center"></td>
-                        </tr>
-                        <tr>
-                            <td class="br" style=" padding-top:0px; border-bottom-width: 0px;"></td>
-                            <td class="d-flex justify-content-center align-items-center"></td>
-                        </tr>
-                        <tr>
-                            <td class="br" style=" padding-top:0px; border-bottom-width: 0px;"></td>
-                            <td class="d-flex justify-content-center align-items-center"></td>
-                        </tr>
-                        <tr>
-                            <td class="br" style=" padding-top:0px; border-bottom-width: 0px;"></td>
-                            <td class="d-flex justify-content-center align-items-center" style="border-bottom-width: 0px;"></td>
 										</tr>
+									}
+								}
+
+							}
+						}
 					</tbody>
 					<tfoot class="bg_lightgreen">
 						<tr style="border-top:solid 1px black;">
 							<th class="" style="text-align:right;">Summe</th>
-                            <td class="d-flex justify-content-center align-items-center">11,60€</td>
+							<td class="d-flex justify-content-center align-items-center">
+								@summe€
+							</td>
 						</tr>
 					</tfoot>
 				</table>
@@ -99,7 +91,7 @@
 											<td class="d-flex justify-content-center align-items-center" style="padding-top:0px;">
 												<div style="margin:20px;">
 													<div class="d-flex justify-content-center align-items-center">
-                                                        <input type="number" style="width:80px" min="10" max="20" />
+														<input type="number" style="width:80px" min="10" max="19" />
 														<input type="number" style="width:80px" min="0" max="59" />
 														&nbsp;
 														Uhr
@@ -118,8 +110,8 @@
 				<div class="row h-75 w-100">
 					<div class="col mt-auto ">
 						<div class="d-flex flex-column align-items-center  ">
-                            <button class="btn_back w-75">Zurück</button>
+							<a href="/speisekarte" class="btn_bg w-75 btn text-center">Zurück</a>
-                            <button class="btn_forward w-75">Weiter</button>
+							<a href="#" class="btn_forward btn w-75 ">Weiter</a>
 						</div>
 					</div>
 				</div>
@@ -127,3 +119,175 @@
 		</div>
 	</div>
 </div>
+
+
+
+
+@code {
+	public decimal summe;
+	public Dictionary<int, int> menuitemIds = new Dictionary<int, int>();
+
+	private void SetMenuItemId(int id)
+	{
+		if (menuitemIds.ContainsKey(id))
+		{
+			menuitemIds[id]++;
+		}
+		else
+		{
+			menuitemIds.Add(id, 1);
+		}
+		localStorage.SetItem<Dictionary<int, int>>("MenuItemIds", menuitemIds);
+	}
+
+
+	private void DelMenuItemId(int id)
+	{
+		if (menuitemIds.ContainsKey(id))
+		{
+			if (menuitemIds[id] > 1)
+			{
+				menuitemIds[id]--;
+			}
+			else
+			{
+				menuitemIds.Remove(id);
+			}
+		}
+		localStorage.SetItem<Dictionary<int, int>>("MenuItemIds", menuitemIds);
+		_navigationManager.NavigateTo(_navigationManager.Uri, forceLoad: true);
+	}
+
+
+
+	// allergien, bestellungsposition, kunde, menuitem, menuitemkategorie, menuitemueberkategorie, rabatt
+	private List<Allergie> allergien = new List<Allergie>();
+	private List<Bestellungsposition> bestellungspositions = new List<Bestellungsposition>();
+	private List<Kunde> kunden = new List<Kunde>();
+	private List<Menuitem> menuitems = new List<Menuitem>();
+	private List<Menuitemkategorie> menuitemkategories = new List<Menuitemkategorie>();
+	private List<Menuitemueberkategorie> menuitemueberkategories = new List<Menuitemueberkategorie>();
+	private List<Rabatt> rabatte = new List<Rabatt>();
+
+	protected override async Task OnInitializedAsync()
+	{
+		// get data from localstorage
+		if (localStorage.GetItem<Dictionary<int, int>>("MenuItemIds") != null)
+		{
+			menuitemIds = localStorage.GetItem<Dictionary<int, int>>("MenuItemIds");
+		}
+
+		// get data from api
+		allergien = await Http.GetFromJsonAsync<List<Allergie>>("https://localhost:7076/api/allergien");
+		bestellungspositions = await Http.GetFromJsonAsync<List<Bestellungsposition>>("https://localhost:7076/api/bestellungspositionen");
+		kunden = await Http.GetFromJsonAsync<List<Kunde>>("https://localhost:7076/api/kunden");
+		menuitems = await Http.GetFromJsonAsync<List<Menuitem>>("https://localhost:7076/api/Menuitems");
+		menuitemkategories = await Http.GetFromJsonAsync<List<Menuitemkategorie>>("https://localhost:7076/api/Menuitemkategories");
+		menuitemueberkategories = await Http.GetFromJsonAsync<List<Menuitemueberkategorie>>("https://localhost:7076/api/Menuitemueberkategories");
+		rabatte = await Http.GetFromJsonAsync<List<Rabatt>>("https://localhost:7076/api/Rabatte");
+
+
+		// calculate the sum of all menuitems
+		summe = 0;
+		foreach (var item in menuitemIds)
+		{
+			foreach (var item2 in menuitems)
+			{
+				if (item.Key == item2.IdmenuItem)
+				{
+					summe += item2.Preis * item.Value;
+				}
+			}
+		}
+	}
+
+	public class Allergie
+	{
+		public int Idallergie { get; set; }
+
+		public string? Beschreibung { get; set; }
+
+		public virtual ICollection<Menuitem> MenuItemIdmenuItems { get; set; } = new List<Menuitem>();
+	}
+	public class Bestellungsposition
+	{
+		public int Idbestellung { get; set; }
+
+		public int? Menge { get; set; }
+
+		public DateTime? Datum { get; set; }
+
+		public int KundeIdkunde { get; set; }
+
+		public int RabattIdrabatt { get; set; }
+
+		public virtual Kunde KundeIdkundeNavigation { get; set; } = null!;
+
+		public virtual Rabatt RabattIdrabattNavigation { get; set; } = null!;
+
+		public virtual ICollection<Menuitem> MenuItemIdmenuItems { get; set; } = new List<Menuitem>();
+	}
+	public class Kunde
+	{
+		public int Idkunde { get; set; }
+
+		public string? Code { get; set; }
+
+		public int? Treuepunkte { get; set; }
+
+		public virtual ICollection<Bestellungsposition> Bestellungspositions { get; set; } = new List<Bestellungsposition>();
+	}
+
+	public class Menuitem
+	{
+		public int IdmenuItem { get; set; }
+
+		public string? Bezeichnung { get; set; }
+
+		public string? Zusatzinformation { get; set; }
+
+		public decimal Preis { get; set; }
+
+		public int MenuItemKategorieIdmenuItemKategorie { get; set; }
+
+		public virtual Menuitemkategorie MenuItemKategorieIdmenuItemKategorieNavigation { get; set; } = null!;
+
+		public virtual ICollection<Allergie> AllergieIdallergies { get; set; } = new List<Allergie>();
+
+		public virtual ICollection<Bestellungsposition> BestellungspositionIdbestellungs { get; set; } = new List<Bestellungsposition>();
+	}
+	public class Menuitemkategorie
+	{
+		public int IdmenuItemKategorie { get; set; }
+
+		public string? Bezeichnung { get; set; }
+
+		public int MenuItemUeberkategorieIdmenuItemUeberkategorie { get; set; }
+
+		public virtual Menuitemueberkategorie MenuItemUeberkategorieIdmenuItemUeberkategorieNavigation { get; set; } = null!;
+
+		public virtual ICollection<Menuitem> Menuitems { get; set; } = new List<Menuitem>();
+	}
+
+	public class Menuitemueberkategorie
+	{
+		public int IdmenuItemUeberkategorie { get; set; }
+
+		public string? Bezeichnung { get; set; }
+
+		public virtual ICollection<Menuitemkategorie> Menuitemkategories { get; set; } = new List<Menuitemkategorie>();
+	}
+
+	public class Rabatt
+	{
+		public int Idrabatt { get; set; }
+
+		public decimal? Prozent { get; set; }
+
+		public DateTime? GueltigkeitVon { get; set; }
+
+		public DateTime? GueltigkeitBis { get; set; }
+
+		public virtual ICollection<Bestellungsposition> Bestellungspositions { get; set; } = new List<Bestellungsposition>();
+	}
+}

src/y4f/Pages/Speisekarte.razor

@@ -1,115 +1,63 @@
 @page "/Speisekarte"
 
+@inject HttpClient Http
+@inject Blazored.LocalStorage.ISyncLocalStorageService localStorage
+@inject NavigationManager _navigationManager
+
+<h1>Speisekarte</h1>
 <div class="row justify-content-center">
+	@foreach (var item in menuitemueberkategories)
+	{
 		<div class="col-lg-2 col-md-4 col-sm-12 tablecolumn">
 			<table class="table table-light overflow-hidden">
 				<thead>
 					<tr>
-                    <th scope="col">Chinesisch</th>
+						<th scope="col">@item.Bezeichnung</th>
 					</tr>
 				</thead>
 				<tbody>
+					@foreach (var item2 in menuitemkategories)
+					{
+						if (item.IdmenuItemUeberkategorie == item2.MenuItemUeberkategorieIdmenuItemUeberkategorie)
+						{
+							if (@item.Bezeichnung == "Chinesisch")
+							{
 								<tr>
-                    <td><a href="">Nudeln</a></td>
+									<td><a href="/SpeisekarteChinesich">@item2.Bezeichnung</a></td>
 								</tr>
+							}
+							else if (@item.Bezeichnung == "Japanisch")
+							{
 								<tr>
-                    <td><a href="">Reis</a></td>
+									<td><a href="/SpeisekarteJapanisch">@item2.Bezeichnung</a></td>
 								</tr>
+							}
+							else if (@item.Bezeichnung == "Getränke")
+							{
 								<tr>
-                    <td class="lowest"><a href="">Nachspeisen</a></td>
+									<td><a href="/SpeisekarteGetraenke">@item2.Bezeichnung</a></td>
-                </tr>
-                <tr>
-                    <td class="lowest"><br></td>
-                </tr>
-                <tr>
-                    <td class="lowest"><br></td>
-                </tr>
-                <tr>
-                    <td class="lowest"><br></td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-    <div class="col-lg-2 col-md-4 col-sm-12 tablecolumn">
-        <table class="table table-light overflow-hidden">
-            <thead>
-                <tr>
-                    <th scope="col">Japanisch</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td><a href="">Sushi & Maki</a></td>
-                </tr>
-                <tr>
-                    <td><a href="">Bento</a></td>
-                </tr>
-                <tr>
-                    <td class="lowest"><a href="">Nachspeisen</a></td>
-                </tr>
-                <tr>
-                    <td class="lowest"><br></td>
-                </tr>
-                <tr>
-                    <td class="lowest"><br></td>
-                </tr>
-                <tr>
-                    <td class="lowest"><br></td>
-                </tr>
-            </tbody>
-            </table>
-    </div>
-    <div class="col-lg-2 col-md-4 col-sm-12 tablecolumn">
-        <table class="table table-light overflow-hidden">
-            <thead>
-                <tr>
-                    <th scope="col">Getränke</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td><a href="">Alkoholfrei</a></td>
-                </tr>
-                <tr>
-                    <td class="lowest"><a href="">Alkoholisch</a></td>
-                </tr>
-                <tr>
-                    <td class="lowest"><br></td>
-                </tr>
-                <tr>
-                    <td class="lowest"><br></td>
-                </tr>
-                <tr>
-                    <td class="lowest"><br></td>
-                </tr>
-                <tr>
-                    <td class="lowest"><br></td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-    <div class="col-lg-2 col-md-4 col-sm-12 tablecolumn">
-        <table class="table table-light overflow-hidden">
-            <thead>
-                <tr>
-                    <th scope="col">Sonstiges</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td><a href="">Schnitzel</a></td>
-                </tr>
-                <tr>
-                    <td><a href="">Pommes</a></td>
-                </tr>
-                <tr>
-                    <td class="lowest"><a href="">Bowl</a></td>
 								</tr>
+							}
+							else if (@item.Bezeichnung == "Sonstiges")
+							{
+								<tr>
+									<td><a href="/SpeisekarteSonstiges">@item2.Bezeichnung</a></td>
+								</tr>
+							}
+							else
+							{
+								<tr>
+									<td><a href="/">@item2.Bezeichnung</a></td>
+								</tr>
+							}
+						}
+					}
 					<tr>
 						<td class="lowest"><br></td>
 					</tr>
 					<tr>
 						<td class="lowest"><br></td>
+
 					</tr>
 					<tr>
 						<td class="lowest"><br></td>
@@ -117,8 +65,63 @@
 				</tbody>
 			</table>
 		</div>
+	}
 </div>
 
+
+
+
 @code {
+	private List<Menuitemkategorie> menuitemkategories = new List<Menuitemkategorie>();
+	private List<Menuitemueberkategorie> menuitemueberkategories = new List<Menuitemueberkategorie>();
+	private List<Kunde> kunden = new List<Kunde>();
+
+	private Kunde curretKunde = new Kunde();
+
+	protected override async Task OnInitializedAsync()
+	{
+		kunden = await Http.GetFromJsonAsync<List<Kunde>>("https://localhost:7076/api/kunden");
+		if (kunden.Count > 0)
+		{
+			var kunde = localStorage.GetItem<Kunde>("kunde");
+			if (kunde != null)
+			{
+				curretKunde = kunde;
+			}
+			else
+			{
+				_navigationManager.NavigateTo("/");
+			}
+		}
+
+		menuitemkategories = await Http.GetFromJsonAsync<List<Menuitemkategorie>>("https://localhost:7076/api/MenuItemKategories");
+		menuitemueberkategories = await Http.GetFromJsonAsync<List<Menuitemueberkategorie>>("https://localhost:7076/api/MenuItemUeberkategories");
+
+	}
+
+	public class Menuitemkategorie
+	{
+		public int IdmenuItemKategorie { get; set; }
+		public string Bezeichnung { get; set; }
+		public int MenuItemUeberkategorieIdmenuItemUeberkategorie { get; set; }
+		public object MenuItemUeberkategorieIdmenuItemUeberkategorieNavigation { get; set; }
+		public List<object> MenuItemIdmenuItems { get; set; }
+	}
+
+	public class Menuitemueberkategorie
+	{
+		public int IdmenuItemUeberkategorie { get; set; }
+		public string Bezeichnung { get; set; }
+		public List<object> MenuItemKategorieIdmenuItemKategories { get; set; }
+		public List<object> MenuItemIdmenuItems { get; set; }
+	}
+
+
+	public class Kunde
+	{
+		public int Idkunde { get; set; }
+		public string Code { get; set; }
+		public int Treuepunkte { get; set; }
+	}
 
 }

src/y4f/Pages/SpeisekarteCnDetails.razor

@@ -0,0 +1,244 @@
+@page "/SpeisekarteChinesich"
+
+@inject HttpClient Http
+@inject Blazored.LocalStorage.ISyncLocalStorageService localStorage
+@inject NavigationManager _navigationManager
+
+<h1>Speisekarte Chinesisch</h1>
+<div class="container">
+	<div class="row">
+		<div class="col-8">
+			<div class="btn-group d-flex" role="group">
+				<button type="button" class="btn">Chinesisch</button>
+				<button type="button" class="btn">Nudel</button>
+				<button type="button" class="btn">Reis</button>
+				<button type="button" class="btn">Nachspeise</button>
+			</div>
+
+			@foreach (var item in menuitemueberkategories)
+			{
+				@if (item.Bezeichnung == "Chinesisch")
+				{
+					@foreach (var item2 in menuitemkategories)
+					{
+						if (item2.MenuItemUeberkategorieIdmenuItemUeberkategorie == item.IdmenuItemUeberkategorie)
+						{
+							@foreach (var item3 in menuitems)
+							{
+								if (item2.IdmenuItemKategorie == item3.MenuItemKategorieIdmenuItemKategorie)
+								{
+									<div class="card mt-3 " @onclick="@(() => SetMenuItemId(item3.IdmenuItem))">
+										<div class="card-body">
+											@*create two divs columns*@
+											<div class="row">
+												<div class="col-8">
+													<h5 class="card-title">@item3.Bezeichnung</h5>
+													<p class="card-text">@item3.Zusatzinformation</p>
+												</div>
+												@*div text center*@
+												<div class="col-4 d-flex justify-content-center align-items-center">
+													<div style="font-size:15pt;">@item3.Preis</div>
+												</div>
+											</div>
+										</div>
+									</div>
+								}
+							}
+						}
+					}
+				}
+			}
+		</div>
+		<div class="col-4">
+			@* warenkorb anzeige als bootstrap card*@
+			<div class="card">
+				<div class="card-header">
+					Warenkorb
+				</div>
+				@if (menuitemIds.Count == 0)
+				{
+					<div class="card-body">
+						<h5 class="card-title" style="font-size:10pt; margin-bottom:0px;">Warenkorb ist leer</h5>
+					</div>
+				}
+				else
+				{
+					@foreach (var item in menuitemIds)
+					{
+						@foreach (var item2 in menuitems)
+						{
+							@if (item.Key == item2.IdmenuItem)
+							{
+								<div class="card-body">
+									<p>@item.Value</p>
+									<h5 class="card-title" style="font-size:10pt; margin-bottom:0px;">@item2.Bezeichnung</h5>
+									<p class="card-text" style="font-size:8pt;margin-bottom:0px;">@item2.Zusatzinformation</p>
+									<p class="card-text" id="preis" style="text-align:right; "><span style="background-color:#c7ffd5; border-radius:20px; font-size:10pt; padding:5px">@item2.Preis</span></p>
+								</div>
+							}
+						}
+					}
+				}
+			</div>
+			<div class="d-flex flex-column mb-5">
+				<a href="/speisekarte" class="btn btn-primary mx-2 mt-5">Zurück</a>
+				<a href="/shopping_cart" class="btn btn-primary mx-2 mt-1 mb-5">Weiter</a>
+			</div>
+		</div>
+	</div>
+</div>
+
+
+@code {
+	public Dictionary<int, int> menuitemIds = new Dictionary<int, int>();
+
+	private void SetMenuItemId(int id)
+	{
+		if (menuitemIds.ContainsKey(id))
+		{
+			menuitemIds[id]++;
+		}
+		else
+		{
+			menuitemIds.Add(id, 1);
+		}
+		localStorage.SetItem<Dictionary<int, int>>("MenuItemIds", menuitemIds);
+	}
+	// allergien, bestellungsposition, kunde, menuitem, menuitemkategorie, menuitemueberkategorie, rabatt
+
+	private List<Allergie> allergien = new List<Allergie>();
+	private List<Bestellungsposition> bestellungspositions = new List<Bestellungsposition>();
+	private List<Kunde> kunden = new List<Kunde>();
+	private List<Menuitem> menuitems = new List<Menuitem>();
+	private List<Menuitemkategorie> menuitemkategories = new List<Menuitemkategorie>();
+	private List<Menuitemueberkategorie> menuitemueberkategories = new List<Menuitemueberkategorie>();
+	private List<Rabatt> rabatte = new List<Rabatt>();
+
+	private Kunde curretKunde = new Kunde();
+	protected override async Task OnInitializedAsync()
+	{
+		kunden = await Http.GetFromJsonAsync<List<Kunde>>("https://localhost:7076/api/kunden");
+		if (kunden.Count > 0)
+		{
+			var kunde = localStorage.GetItem<Kunde>("kunde");
+			if (kunde != null)
+			{
+				curretKunde = kunde;
+			}
+			else
+			{
+				_navigationManager.NavigateTo("/");
+			}
+		}
+
+		if (localStorage.GetItem<Dictionary<int, int>>("MenuItemIds") != null)
+		{
+			menuitemIds = localStorage.GetItem<Dictionary<int, int>>("MenuItemIds");
+		}
+
+		allergien = await Http.GetFromJsonAsync<List<Allergie>>("https://localhost:7076/api/allergien");
+		bestellungspositions = await Http.GetFromJsonAsync<List<Bestellungsposition>>("https://localhost:7076/api/bestellungspositionen");
+		menuitems = await Http.GetFromJsonAsync<List<Menuitem>>("https://localhost:7076/api/Menuitems");
+		menuitemkategories = await Http.GetFromJsonAsync<List<Menuitemkategorie>>("https://localhost:7076/api/Menuitemkategories");
+		menuitemueberkategories = await Http.GetFromJsonAsync<List<Menuitemueberkategorie>>("https://localhost:7076/api/Menuitemueberkategories");
+		rabatte = await Http.GetFromJsonAsync<List<Rabatt>>("https://localhost:7076/api/Rabatte");
+
+	}
+
+	public class Allergie
+	{
+		public int Idallergie { get; set; }
+
+		public string? Beschreibung { get; set; }
+
+		public virtual ICollection<Menuitem> MenuItemIdmenuItems { get; set; } = new List<Menuitem>();
+	}
+	public class Bestellungsposition
+	{
+		public int Idbestellung { get; set; }
+
+		public int? Menge { get; set; }
+
+		public DateTime? Datum { get; set; }
+
+		public int KundeIdkunde { get; set; }
+
+		public int RabattIdrabatt { get; set; }
+
+		public virtual Kunde KundeIdkundeNavigation { get; set; } = null!;
+
+		public virtual Rabatt RabattIdrabattNavigation { get; set; } = null!;
+
+		public virtual ICollection<Menuitem> MenuItemIdmenuItems { get; set; } = new List<Menuitem>();
+	}
+	public class Kunde
+	{
+		public int Idkunde { get; set; }
+
+		public string? Code { get; set; }
+
+		public int? Treuepunkte { get; set; }
+
+		public virtual ICollection<Bestellungsposition> Bestellungspositions { get; set; } = new List<Bestellungsposition>();
+	}
+
+	public class Menuitem
+	{
+		public int IdmenuItem { get; set; }
+
+		public string? Bezeichnung { get; set; }
+
+		public string? Zusatzinformation { get; set; }
+
+		public decimal? Preis { get; set; }
+
+		public int MenuItemKategorieIdmenuItemKategorie { get; set; }
+
+		public virtual Menuitemkategorie MenuItemKategorieIdmenuItemKategorieNavigation { get; set; } = null!;
+
+		public virtual ICollection<Allergie> AllergieIdallergies { get; set; } = new List<Allergie>();
+
+		public virtual ICollection<Bestellungsposition> BestellungspositionIdbestellungs { get; set; } = new List<Bestellungsposition>();
+	}
+	public class Menuitemkategorie
+	{
+		public int IdmenuItemKategorie { get; set; }
+
+		public string? Bezeichnung { get; set; }
+
+		public int MenuItemUeberkategorieIdmenuItemUeberkategorie { get; set; }
+
+		public virtual Menuitemueberkategorie MenuItemUeberkategorieIdmenuItemUeberkategorieNavigation { get; set; } = null!;
+
+		public virtual ICollection<Menuitem> Menuitems { get; set; } = new List<Menuitem>();
+	}
+
+	public class Menuitemueberkategorie
+	{
+		public int IdmenuItemUeberkategorie { get; set; }
+
+		public string? Bezeichnung { get; set; }
+
+		public virtual ICollection<Menuitemkategorie> Menuitemkategories { get; set; } = new List<Menuitemkategorie>();
+	}
+
+	public class Rabatt
+	{
+		public int Idrabatt { get; set; }
+
+		public decimal? Prozent { get; set; }
+
+		public DateTime? GueltigkeitVon { get; set; }
+
+		public DateTime? GueltigkeitBis { get; set; }
+
+		public virtual ICollection<Bestellungsposition> Bestellungspositions { get; set; } = new List<Bestellungsposition>();
+	}
+
+
+
+
+
+
+
+}

src/y4f/Pages/SpeisekarteCnDetails.razor.css

@@ -0,0 +1,81 @@
+/**{
+	background-color: red;
+}*/
+
+/*navigation*/
+
+button.btn:first-child {
+    background-color: #8bfaa4;
+    /*not click able*/
+    pointer-events: none;
+    cursor: default;
+    border-width: 0px;
+}
+
+button.btn {
+    /* Verwirrung: Figma-Design: background-color: #c7ffd5; 
+		wurde jetzt aber fuer den Hintergrund verwendet*/
+    background-color: #8dffb5;
+    border-right: 1px solid black;
+    border-left: 1px solid black;
+    border-radius:20px;
+}
+
+button.btn:nth-child(2) {
+    /*border-right: 2px solid black;*/
+    border-left-width: 0px;
+}
+
+button.btn:last-child {
+    border-right-width: 0px;
+}
+
+
+
+/*menuitems*/
+
+.card.mt-3 {
+    /* background-color: rebeccapurple; */
+    border-radius: 30px;
+    border: 1px solid black;
+}
+
+
+
+/*warenkorb*/
+.card-header {
+    font-size:16pt;
+    text-align: center;
+    padding-bottom: 15px;
+    /* background-color: white; */
+    border-top-right-radius: 20px;
+}
+
+.card-header {
+background-color:transparent;
+border-bottom-width:0px;
+}
+
+.card {
+    border-radius: 32px;
+    border: 1px solid black;
+}
+
+p.card-text {
+    margin-left: 20px;
+}
+
+/*buttons*/
+a.btn.btn-primary.mx-2.mt-5 {
+    background-color: #facca3;
+    color: black;
+    border: none;
+    border-radius: 20px;
+}
+
+a.btn.btn-primary.mx-2.mt-1 {
+    background-color: #89f9a5;
+    color: black;
+    border: none;
+    border-radius: 20px;
+}

src/y4f/Pages/SpeisekarteDrDetails.razor

@@ -0,0 +1,251 @@
+@page "/SpeisekarteGetraenke"
+
+@inject HttpClient Http
+@inject Blazored.LocalStorage.ISyncLocalStorageService localStorage
+@inject NavigationManager _navigationManager
+
+<h1>Speisekarte Getränke</h1>
+@* create an container bootstrap 5*@
+<div class="container">
+	<div class="row">
+		<div class="col-8">
+			@* Navigation button group, stretch on the width size of the col-8 *@
+			<div class="btn-group d-flex" role="group">
+				<button type="button" class="btn">Getränke</button>
+				<button type="button" class="btn">Alkoholfreie Getränke</button>
+				<button type="button" class="btn">Bier</button>
+			</div>
+
+			@foreach (var item in menuitemueberkategories)
+			{
+				@if (item.Bezeichnung == "Getränke")
+				{
+					@foreach (var item2 in menuitemkategories)
+					{
+						if (item2.MenuItemUeberkategorieIdmenuItemUeberkategorie == item.IdmenuItemUeberkategorie)
+						{
+							@foreach (var item3 in menuitems)
+							{
+								if (item2.IdmenuItemKategorie == item3.MenuItemKategorieIdmenuItemKategorie)
+								{
+
+									<div class="card mt-3 " @onclick="@(() => SetMenuItemId(item3.IdmenuItem))">
+										<div class="card-body">
+											@*create two divs columns*@
+											<div class="row">
+												<div class="col-8">
+													<h5 class="card-title">@item3.Bezeichnung</h5>
+													<p class="card-text">@item3.Zusatzinformation</p>
+												</div>
+												@*div text center*@
+												<div class="col-4 d-flex justify-content-center align-items-center">
+													<div style="font-size:15pt;">@item3.Preis</div>
+												</div>
+											</div>
+										</div>
+									</div>
+								}
+							}
+						}
+					}
+				}
+			}
+		</div>
+		<div class="col-4">
+			@* warenkorb anzeige als bootstrap card*@
+			<div class="card">
+				<div class="card-header">
+					Warenkorb
+				</div>
+				@if (menuitemIds.Count == 0)
+				{
+					<div class="card-body">
+						<h5 class="card-title" style="font-size:10pt; margin-bottom:0px;">Warenkorb ist leer</h5>
+					</div>
+				}
+				else
+				{
+					@foreach (var item in menuitemIds)
+					{
+						@foreach (var item2 in menuitems)
+						{
+							@if (item.Key == item2.IdmenuItem)
+							{
+								<div class="card-body">
+									<p>@item.Value</p>
+									<h5 class="card-title" style="font-size:10pt; margin-bottom:0px;">@item2.Bezeichnung</h5>
+									<p class="card-text" style="font-size:8pt;margin-bottom:0px;">@item2.Zusatzinformation</p>
+									<p class="card-text" id="preis" style="text-align:right; "><span style="background-color:#c7ffd5; border-radius:20px; font-size:10pt; padding:5px">@item2.Preis</span></p>
+								</div>
+							}
+						}
+					}
+				}
+			</div>
+			<div class="d-flex flex-column mb-5">
+				<a href="/speisekarte" class="btn btn-primary mx-2 mt-5">Zurück</a>
+				<a href="/shopping_cart" class="btn btn-primary mx-2 mt-1 mb-5">Weiter</a>
+			</div>
+		</div>
+	</div>
+</div>
+
+
+
+
+@code {
+
+	public Dictionary<int, int> menuitemIds = new Dictionary<int, int>();
+
+	private void SetMenuItemId(int id)
+	{
+		if (menuitemIds.ContainsKey(id))
+		{
+			menuitemIds[id]++;
+		}
+		else
+		{
+			menuitemIds.Add(id, 1);
+		}
+		localStorage.SetItem<Dictionary<int, int>>("MenuItemIds", menuitemIds);
+	}
+
+
+	// allergien, bestellungsposition, kunde, menuitem, menuitemkategorie, menuitemueberkategorie, rabatt
+
+	private List<Allergie> allergien = new List<Allergie>();
+	private List<Bestellungsposition> bestellungspositions = new List<Bestellungsposition>();
+	private List<Kunde> kunden = new List<Kunde>();
+	private List<Menuitem> menuitems = new List<Menuitem>();
+	private List<Menuitemkategorie> menuitemkategories = new List<Menuitemkategorie>();
+	private List<Menuitemueberkategorie> menuitemueberkategories = new List<Menuitemueberkategorie>();
+	private List<Rabatt> rabatte = new List<Rabatt>();
+
+	private Kunde curretKunde = new Kunde();
+	protected override async Task OnInitializedAsync()
+	{
+
+		kunden = await Http.GetFromJsonAsync<List<Kunde>>("https://localhost:7076/api/kunden");
+		if (kunden.Count > 0)
+		{
+			var kunde = localStorage.GetItem<Kunde>("kunde");
+			if (kunde != null)
+			{
+				curretKunde = kunde;
+			}
+			else
+			{
+				_navigationManager.NavigateTo("/");
+			}
+		}
+
+		if (localStorage.GetItem<Dictionary<int, int>>("MenuItemIds") != null)
+		{
+			menuitemIds = localStorage.GetItem<Dictionary<int, int>>("MenuItemIds");
+		}
+
+		allergien = await Http.GetFromJsonAsync<List<Allergie>>("https://localhost:7076/api/allergien");
+		bestellungspositions = await Http.GetFromJsonAsync<List<Bestellungsposition>>("https://localhost:7076/api/bestellungspositionen");
+		menuitems = await Http.GetFromJsonAsync<List<Menuitem>>("https://localhost:7076/api/Menuitems");
+		menuitemkategories = await Http.GetFromJsonAsync<List<Menuitemkategorie>>("https://localhost:7076/api/Menuitemkategories");
+		menuitemueberkategories = await Http.GetFromJsonAsync<List<Menuitemueberkategorie>>("https://localhost:7076/api/Menuitemueberkategories");
+		rabatte = await Http.GetFromJsonAsync<List<Rabatt>>("https://localhost:7076/api/Rabatte");
+	}
+
+	public class Allergie
+	{
+		public int Idallergie { get; set; }
+
+		public string? Beschreibung { get; set; }
+
+		public virtual ICollection<Menuitem> MenuItemIdmenuItems { get; set; } = new List<Menuitem>();
+	}
+	public class Bestellungsposition
+	{
+		public int Idbestellung { get; set; }
+
+		public int? Menge { get; set; }
+
+		public DateTime? Datum { get; set; }
+
+		public int KundeIdkunde { get; set; }
+
+		public int RabattIdrabatt { get; set; }
+
+		public virtual Kunde KundeIdkundeNavigation { get; set; } = null!;
+
+		public virtual Rabatt RabattIdrabattNavigation { get; set; } = null!;
+
+		public virtual ICollection<Menuitem> MenuItemIdmenuItems { get; set; } = new List<Menuitem>();
+	}
+	public class Kunde
+	{
+		public int Idkunde { get; set; }
+
+		public string? Code { get; set; }
+
+		public int? Treuepunkte { get; set; }
+
+		public virtual ICollection<Bestellungsposition> Bestellungspositions { get; set; } = new List<Bestellungsposition>();
+	}
+
+	public class Menuitem
+	{
+		public int IdmenuItem { get; set; }
+
+		public string? Bezeichnung { get; set; }
+
+		public string? Zusatzinformation { get; set; }
+
+		public decimal? Preis { get; set; }
+
+		public int MenuItemKategorieIdmenuItemKategorie { get; set; }
+
+		public virtual Menuitemkategorie MenuItemKategorieIdmenuItemKategorieNavigation { get; set; } = null!;
+
+		public virtual ICollection<Allergie> AllergieIdallergies { get; set; } = new List<Allergie>();
+
+		public virtual ICollection<Bestellungsposition> BestellungspositionIdbestellungs { get; set; } = new List<Bestellungsposition>();
+	}
+	public class Menuitemkategorie
+	{
+		public int IdmenuItemKategorie { get; set; }
+
+		public string? Bezeichnung { get; set; }
+
+		public int MenuItemUeberkategorieIdmenuItemUeberkategorie { get; set; }
+
+		public virtual Menuitemueberkategorie MenuItemUeberkategorieIdmenuItemUeberkategorieNavigation { get; set; } = null!;
+
+		public virtual ICollection<Menuitem> Menuitems { get; set; } = new List<Menuitem>();
+	}
+
+	public class Menuitemueberkategorie
+	{
+		public int IdmenuItemUeberkategorie { get; set; }
+
+		public string? Bezeichnung { get; set; }
+
+		public virtual ICollection<Menuitemkategorie> Menuitemkategories { get; set; } = new List<Menuitemkategorie>();
+	}
+
+	public class Rabatt
+	{
+		public int Idrabatt { get; set; }
+
+		public decimal? Prozent { get; set; }
+
+		public DateTime? GueltigkeitVon { get; set; }
+
+		public DateTime? GueltigkeitBis { get; set; }
+
+		public virtual ICollection<Bestellungsposition> Bestellungspositions { get; set; } = new List<Bestellungsposition>();
+	}
+
+
+
+
+
+
+
+}

src/y4f/Pages/SpeisekarteDrDetails.razor.css

@@ -0,0 +1,81 @@
+/**{
+	background-color: red;
+}*/
+
+/*navigation*/
+
+button.btn:first-child {
+    background-color: #8bfaa4;
+    /*not click able*/
+    pointer-events: none;
+    cursor: default;
+    border-width: 0px;
+}
+
+button.btn {
+    /* Verwirrung: Figma-Design: background-color: #c7ffd5; 
+		wurde jetzt aber fuer den Hintergrund verwendet*/
+    background-color: #8dffb5;
+    border-right: 1px solid black;
+    border-left: 1px solid black;
+    border-radius: 20px;
+}
+
+    button.btn:nth-child(2) {
+        /*border-right: 2px solid black;*/
+        border-left-width: 0px;
+    }
+
+    button.btn:last-child {
+        border-right-width: 0px;
+    }
+
+
+
+/*menuitems*/
+
+.card.mt-3 {
+    /* background-color: rebeccapurple; */
+    border-radius: 30px;
+    border: 1px solid black;
+}
+
+
+
+/*warenkorb*/
+.card-header {
+    font-size: 16pt;
+    text-align: center;
+    padding-bottom: 15px;
+    /* background-color: white; */
+    border-top-right-radius: 20px;
+}
+
+.card-header {
+    background-color: transparent;
+    border-bottom-width: 0px;
+}
+
+.card {
+    border-radius: 32px;
+    border: 1px solid black;
+}
+
+p.card-text {
+    margin-left: 20px;
+}
+
+/*buttons*/
+a.btn.btn-primary.mx-2.mt-5 {
+    background-color: #facca3;
+    color: black;
+    border: none;
+    border-radius: 20px;
+}
+
+a.btn.btn-primary.mx-2.mt-1 {
+    background-color: #89f9a5;
+    color: black;
+    border: none;
+    border-radius: 20px;
+}

src/y4f/Pages/SpeisekarteEtcDetails.razor

@@ -0,0 +1,242 @@
+@page "/SpeisekarteSonstiges"
+
+@inject HttpClient Http
+@inject Blazored.LocalStorage.ISyncLocalStorageService localStorage
+@inject NavigationManager _navigationManager
+
+<h1>Speisekarte Sonstiges</h1>
+@* create an container bootstrap 5*@
+<div class="container">
+	<div class="row">
+		<div class="col-8">
+			@* Navigation button group, stretch on the width size of the col-8 *@
+			<div class="btn-group d-flex" role="group">
+				<button type="button" class="btn">Sonstiges</button>
+				<button type="button" class="btn">Schnitzel</button>
+				<button type="button" class="btn">Pommes</button>
+				<button type="button" class="btn">Bowl</button>
+				<button type="button" class="btn">Vorspeisen</button>
+			</div>
+
+			@foreach (var item in menuitemueberkategories)
+			{
+				@if (item.Bezeichnung == "Sonstiges")
+				{
+					@foreach (var item2 in menuitemkategories)
+					{
+						if (item2.MenuItemUeberkategorieIdmenuItemUeberkategorie == item.IdmenuItemUeberkategorie)
+						{
+							@foreach (var item3 in menuitems)
+							{
+								if (item2.IdmenuItemKategorie == item3.MenuItemKategorieIdmenuItemKategorie)
+								{
+
+									<div class="card mt-3 " @onclick="@(() => SetMenuItemId(item3.IdmenuItem))">
+										<div class="card-body">
+											@*create two divs columns*@
+											<div class="row">
+												<div class="col-8">
+													<h5 class="card-title">@item3.Bezeichnung</h5>
+													<p class="card-text">@item3.Zusatzinformation</p>
+												</div>
+												@*div text center*@
+												<div class="col-4 d-flex justify-content-center align-items-center">
+													<div style="font-size:15pt;">@item3.Preis</div>
+												</div>
+											</div>
+										</div>
+									</div>
+								}
+							}
+						}
+					}
+				}
+			}
+
+		</div>
+		<div class="col-4">
+			@* warenkorb anzeige als bootstrap card*@
+			<div class="card">
+				<div class="card-header">
+					Warenkorb
+				</div>
+				@if (menuitemIds.Count == 0)
+				{
+					<div class="card-body">
+						<h5 class="card-title" style="font-size:10pt; margin-bottom:0px;">Warenkorb ist leer</h5>
+					</div>
+				}
+				else
+				{
+					@foreach (var item in menuitemIds)
+					{
+						@foreach (var item2 in menuitems)
+						{
+							@if (item.Key == item2.IdmenuItem)
+							{
+								<div class="card-body">
+									<p>@item.Value</p>
+									<h5 class="card-title" style="font-size:10pt; margin-bottom:0px;">@item2.Bezeichnung</h5>
+									<p class="card-text" style="font-size:8pt;margin-bottom:0px;">@item2.Zusatzinformation</p>
+									<p class="card-text" id="preis" style="text-align:right; "><span style="background-color:#c7ffd5; border-radius:20px; font-size:10pt; padding:5px">@item2.Preis</span></p>
+								</div>
+							}
+						}
+					}
+				}
+			</div>
+			<div class="d-flex flex-column mb-5">
+				<a href="/speisekarte" class="btn btn-primary mx-2 mt-5">Zurück</a>
+				<a href="/shopping_cart" class="btn btn-primary mx-2 mt-1 mb-5">Weiter</a>
+			</div>
+		</div>
+	</div>
+</div>
+
+@code {
+
+	public Dictionary<int, int> menuitemIds = new Dictionary<int, int>();
+
+	private void SetMenuItemId(int id)
+	{
+		if (menuitemIds.ContainsKey(id))
+		{
+			menuitemIds[id]++;
+		}
+		else
+		{
+			menuitemIds.Add(id, 1);
+		}
+		localStorage.SetItem<Dictionary<int, int>>("MenuItemIds", menuitemIds);
+	}
+	// allergien, bestellungsposition, kunde, menuitem, menuitemkategorie, menuitemueberkategorie, rabatt
+
+	private List<Allergie> allergien = new List<Allergie>();
+	private List<Bestellungsposition> bestellungspositions = new List<Bestellungsposition>();
+	private List<Kunde> kunden = new List<Kunde>();
+	private List<Menuitem> menuitems = new List<Menuitem>();
+	private List<Menuitemkategorie> menuitemkategories = new List<Menuitemkategorie>();
+	private List<Menuitemueberkategorie> menuitemueberkategories = new List<Menuitemueberkategorie>();
+	private List<Rabatt> rabatte = new List<Rabatt>();
+
+	private Kunde curretKunde = new Kunde();
+	protected override async Task OnInitializedAsync()
+	{
+
+		kunden = await Http.GetFromJsonAsync<List<Kunde>>("https://localhost:7076/api/kunden");
+		if (kunden.Count > 0)
+		{
+			var kunde = localStorage.GetItem<Kunde>("kunde");
+			if (kunde != null)
+			{
+				curretKunde = kunde;
+			}
+			else
+			{
+				_navigationManager.NavigateTo("/");
+			}
+		}
+
+		if (localStorage.GetItem<Dictionary<int, int>>("MenuItemIds") != null)
+		{
+			menuitemIds = localStorage.GetItem<Dictionary<int, int>>("MenuItemIds");
+		}
+
+		allergien = await Http.GetFromJsonAsync<List<Allergie>>("https://localhost:7076/api/allergien");
+		bestellungspositions = await Http.GetFromJsonAsync<List<Bestellungsposition>>("https://localhost:7076/api/bestellungspositionen");
+		menuitems = await Http.GetFromJsonAsync<List<Menuitem>>("https://localhost:7076/api/Menuitems");
+		menuitemkategories = await Http.GetFromJsonAsync<List<Menuitemkategorie>>("https://localhost:7076/api/Menuitemkategories");
+		menuitemueberkategories = await Http.GetFromJsonAsync<List<Menuitemueberkategorie>>("https://localhost:7076/api/Menuitemueberkategories");
+		rabatte = await Http.GetFromJsonAsync<List<Rabatt>>("https://localhost:7076/api/Rabatte");
+	}
+
+	public class Allergie
+	{
+		public int Idallergie { get; set; }
+
+		public string? Beschreibung { get; set; }
+
+		public virtual ICollection<Menuitem> MenuItemIdmenuItems { get; set; } = new List<Menuitem>();
+	}
+	public class Bestellungsposition
+	{
+		public int Idbestellung { get; set; }
+
+		public int? Menge { get; set; }
+
+		public DateTime? Datum { get; set; }
+
+		public int KundeIdkunde { get; set; }
+
+		public int RabattIdrabatt { get; set; }
+
+		public virtual Kunde KundeIdkundeNavigation { get; set; } = null!;
+
+		public virtual Rabatt RabattIdrabattNavigation { get; set; } = null!;
+
+		public virtual ICollection<Menuitem> MenuItemIdmenuItems { get; set; } = new List<Menuitem>();
+	}
+	public class Kunde
+	{
+		public int Idkunde { get; set; }
+
+		public string? Code { get; set; }
+
+		public int? Treuepunkte { get; set; }
+
+		public virtual ICollection<Bestellungsposition> Bestellungspositions { get; set; } = new List<Bestellungsposition>();
+	}
+
+	public class Menuitem
+	{
+		public int IdmenuItem { get; set; }
+
+		public string? Bezeichnung { get; set; }
+
+		public string? Zusatzinformation { get; set; }
+
+		public decimal? Preis { get; set; }
+
+		public int MenuItemKategorieIdmenuItemKategorie { get; set; }
+
+		public virtual Menuitemkategorie MenuItemKategorieIdmenuItemKategorieNavigation { get; set; } = null!;
+
+		public virtual ICollection<Allergie> AllergieIdallergies { get; set; } = new List<Allergie>();
+
+		public virtual ICollection<Bestellungsposition> BestellungspositionIdbestellungs { get; set; } = new List<Bestellungsposition>();
+	}
+	public class Menuitemkategorie
+	{
+		public int IdmenuItemKategorie { get; set; }
+
+		public string? Bezeichnung { get; set; }
+
+		public int MenuItemUeberkategorieIdmenuItemUeberkategorie { get; set; }
+
+		public virtual Menuitemueberkategorie MenuItemUeberkategorieIdmenuItemUeberkategorieNavigation { get; set; } = null!;
+
+		public virtual ICollection<Menuitem> Menuitems { get; set; } = new List<Menuitem>();
+	}
+
+	public class Menuitemueberkategorie
+	{
+		public int IdmenuItemUeberkategorie { get; set; }
+
+		public string? Bezeichnung { get; set; }
+
+		public virtual ICollection<Menuitemkategorie> Menuitemkategories { get; set; } = new List<Menuitemkategorie>();
+	}
+
+	public class Rabatt
+	{
+		public int Idrabatt { get; set; }
+
+		public decimal? Prozent { get; set; }
+
+		public DateTime? GueltigkeitVon { get; set; }
+
+		public DateTime? GueltigkeitBis { get; set; }
+
+		public virtual ICollection<Bestellungsposition> Bestellungspositions { get; set; } = new List<Bestellungsposition>();
+	}
+}

src/y4f/Pages/SpeisekarteEtcDetails.razor.css

@@ -0,0 +1,81 @@
+/**{
+	background-color: red;
+}*/
+
+/*navigation*/
+
+button.btn:first-child {
+	background-color: #8bfaa4;
+	/*not click able*/
+	pointer-events: none;
+	cursor: default;
+	border-width: 0px;
+}
+
+button.btn {
+	/* Verwirrung: Figma-Design: background-color: #c7ffd5; 
+		wurde jetzt aber fuer den Hintergrund verwendet*/
+	background-color: #8dffb5;
+	border-right: 1px solid black;
+	border-left: 1px solid black;
+	border-radius: 20px;
+}
+
+	button.btn:nth-child(2) {
+		/*border-right: 2px solid black;*/
+		border-left-width: 0px;
+	}
+
+	button.btn:last-child {
+		border-right-width: 0px;
+	}
+
+
+
+/*menuitems*/
+
+.card.mt-3 {
+	/* background-color: rebeccapurple; */
+	border-radius: 30px;
+	border: 1px solid black;
+}
+
+
+
+/*warenkorb*/
+.card-header {
+	font-size: 16pt;
+	text-align: center;
+	padding-bottom: 15px;
+	/* background-color: white; */
+	border-top-right-radius: 20px;
+}
+
+.card-header {
+	background-color: transparent;
+	border-bottom-width: 0px;
+}
+
+.card {
+	border-radius: 32px;
+	border: 1px solid black;
+}
+
+p.card-text {
+	margin-left: 20px;
+}
+
+/*buttons*/
+a.btn.btn-primary.mx-2.mt-5 {
+	background-color: #facca3;
+	color: black;
+	border: none;
+	border-radius: 20px;
+}
+
+a.btn.btn-primary.mx-2.mt-1 {
+	background-color: #89f9a5;
+	color: black;
+	border: none;
+	border-radius: 20px;
+}

src/y4f/Pages/SpeisekarteJpDetails.razor

@@ -0,0 +1,248 @@
+@page "/SpeisekarteJapanisch"
+
+@inject HttpClient Http
+@inject Blazored.LocalStorage.ISyncLocalStorageService localStorage
+@inject NavigationManager _navigationManager
+
+<h1>Speisekarte Japanisch</h1>
+@* create an container bootstrap 5*@
+<div class="container">
+	<div class="row">
+		<div class="col-8">
+			@* Navigation button group, stretch on the width size of the col-8 *@
+			<div class="btn-group d-flex" role="group">
+				<button type="button" class="btn">Japanisch</button>
+				<button type="button" class="btn">SushiMaki</button>
+				<button type="button" class="btn">Bento</button>
+				<button type="button" class="btn">Nachspeise</button>
+			</div>
+			@foreach (var item in menuitemueberkategories)
+			{
+				@if (item.Bezeichnung == "Japanisch")
+				{
+					@foreach (var item2 in menuitemkategories)
+					{
+						if (item2.MenuItemUeberkategorieIdmenuItemUeberkategorie == item.IdmenuItemUeberkategorie)
+						{
+							@foreach (var item3 in menuitems)
+							{
+								if (item2.IdmenuItemKategorie == item3.MenuItemKategorieIdmenuItemKategorie)
+								{
+									<div class="card mt-3" @onclick="@(() => SetMenuItemId(item3.IdmenuItem))">
+										<div class="card-body">
+											@*create two divs columns*@
+											<div class="row">
+												<div class="col-8">
+													<h5 class="card-title">@item3.Bezeichnung</h5>
+													<p class="card-text">@item3.Zusatzinformation</p>
+												</div>
+												@*div text center*@
+												<div class="col-4 d-flex justify-content-center align-items-center">
+													<div style="font-size:15pt;">@item3.Preis</div>
+												</div>
+											</div>
+										</div>
+									</div>
+								}
+							}
+						}
+					}
+				}
+			}
+		</div>
+		<div class="col-4">
+			@* warenkorb anzeige als bootstrap card*@
+			<div class="card">
+				<div class="card-header">
+					Warenkorb
+				</div>
+				@if (menuitemIds.Count == 0)
+				{
+					<div class="card-body">
+						<h5 class="card-title" style="font-size:10pt; margin-bottom:0px;">Warenkorb ist leer</h5>
+					</div>
+				}
+				else
+				{
+					@foreach (var item in menuitemIds)
+					{
+						@foreach (var item2 in menuitems)
+						{
+							@if (item.Key == item2.IdmenuItem)
+							{
+								<div class="card-body">
+									<p>@item.Value</p>
+									<h5 class="card-title" style="font-size:10pt; margin-bottom:0px;">@item2.Bezeichnung</h5>
+									<p class="card-text" style="font-size:8pt;margin-bottom:0px;">@item2.Zusatzinformation</p>
+									<p class="card-text" id="preis" style="text-align:right; "><span style="background-color:#c7ffd5; border-radius:20px; font-size:10pt; padding:5px">@item2.Preis</span></p>
+								</div>
+							}
+						}
+					}
+				}
+			</div>
+			<div class="d-flex flex-column mb-5">
+				<a href="/speisekarte" class="btn btn-primary mx-2 mt-5">Zurück</a>
+				<a href="/shopping_cart" class="btn btn-primary mx-2 mt-1 mb-5">Weiter</a>
+			</div>
+		</div>
+	</div>
+</div>
+
+
+
+
+@code {
+
+	public Dictionary<int, int> menuitemIds = new Dictionary<int, int>();
+
+	private void SetMenuItemId(int id)
+	{
+		if (menuitemIds.ContainsKey(id))
+		{
+			menuitemIds[id]++;
+		}
+		else
+		{
+			menuitemIds.Add(id, 1);
+		}
+		localStorage.SetItem<Dictionary<int, int>>("MenuItemIds", menuitemIds);
+	}
+	// allergien, bestellungsposition, kunde, menuitem, menuitemkategorie, menuitemueberkategorie, rabatt
+
+	private List<Allergie> allergien = new List<Allergie>();
+	private List<Bestellungsposition> bestellungspositions = new List<Bestellungsposition>();
+	private List<Kunde> kunden = new List<Kunde>();
+	private List<Menuitem> menuitems = new List<Menuitem>();
+	private List<Menuitemkategorie> menuitemkategories = new List<Menuitemkategorie>();
+	private List<Menuitemueberkategorie> menuitemueberkategories = new List<Menuitemueberkategorie>();
+	private List<Rabatt> rabatte = new List<Rabatt>();
+
+	private Kunde curretKunde = new Kunde();
+	protected override async Task OnInitializedAsync()
+	{
+
+		kunden = await Http.GetFromJsonAsync<List<Kunde>>("https://localhost:7076/api/kunden");
+		if (kunden.Count > 0)
+		{
+			var kunde = localStorage.GetItem<Kunde>("kunde");
+			if (kunde != null)
+			{
+				curretKunde = kunde;
+			}
+			else
+			{
+				_navigationManager.NavigateTo("/");
+			}
+		}
+
+		if (localStorage.GetItem<Dictionary<int, int>>("MenuItemIds") != null)
+		{
+			menuitemIds = localStorage.GetItem<Dictionary<int, int>>("MenuItemIds");
+		}
+
+		allergien = await Http.GetFromJsonAsync<List<Allergie>>("https://localhost:7076/api/allergien");
+		bestellungspositions = await Http.GetFromJsonAsync<List<Bestellungsposition>>("https://localhost:7076/api/bestellungspositionen");
+		menuitems = await Http.GetFromJsonAsync<List<Menuitem>>("https://localhost:7076/api/Menuitems");
+		menuitemkategories = await Http.GetFromJsonAsync<List<Menuitemkategorie>>("https://localhost:7076/api/Menuitemkategories");
+		menuitemueberkategories = await Http.GetFromJsonAsync<List<Menuitemueberkategorie>>("https://localhost:7076/api/Menuitemueberkategories");
+		rabatte = await Http.GetFromJsonAsync<List<Rabatt>>("https://localhost:7076/api/Rabatte");
+	}
+
+	public class Allergie
+	{
+		public int Idallergie { get; set; }
+
+		public string? Beschreibung { get; set; }
+
+		public virtual ICollection<Menuitem> MenuItemIdmenuItems { get; set; } = new List<Menuitem>();
+	}
+	public class Bestellungsposition
+	{
+		public int Idbestellung { get; set; }
+
+		public int? Menge { get; set; }
+
+		public DateTime? Datum { get; set; }
+
+		public int KundeIdkunde { get; set; }
+
+		public int RabattIdrabatt { get; set; }
+
+		public virtual Kunde KundeIdkundeNavigation { get; set; } = null!;
+
+		public virtual Rabatt RabattIdrabattNavigation { get; set; } = null!;
+
+		public virtual ICollection<Menuitem> MenuItemIdmenuItems { get; set; } = new List<Menuitem>();
+	}
+	public class Kunde
+	{
+		public int Idkunde { get; set; }
+
+		public string? Code { get; set; }
+
+		public int? Treuepunkte { get; set; }
+
+		public virtual ICollection<Bestellungsposition> Bestellungspositions { get; set; } = new List<Bestellungsposition>();
+	}
+
+	public class Menuitem
+	{
+		public int IdmenuItem { get; set; }
+
+		public string? Bezeichnung { get; set; }
+
+		public string? Zusatzinformation { get; set; }
+
+		public decimal? Preis { get; set; }
+
+		public int MenuItemKategorieIdmenuItemKategorie { get; set; }
+
+		public virtual Menuitemkategorie MenuItemKategorieIdmenuItemKategorieNavigation { get; set; } = null!;
+
+		public virtual ICollection<Allergie> AllergieIdallergies { get; set; } = new List<Allergie>();
+
+		public virtual ICollection<Bestellungsposition> BestellungspositionIdbestellungs { get; set; } = new List<Bestellungsposition>();
+	}
+	public class Menuitemkategorie
+	{
+		public int IdmenuItemKategorie { get; set; }
+
+		public string? Bezeichnung { get; set; }
+
+		public int MenuItemUeberkategorieIdmenuItemUeberkategorie { get; set; }
+
+		public virtual Menuitemueberkategorie MenuItemUeberkategorieIdmenuItemUeberkategorieNavigation { get; set; } = null!;
+
+		public virtual ICollection<Menuitem> Menuitems { get; set; } = new List<Menuitem>();
+	}
+
+	public class Menuitemueberkategorie
+	{
+		public int IdmenuItemUeberkategorie { get; set; }
+
+		public string? Bezeichnung { get; set; }
+
+		public virtual ICollection<Menuitemkategorie> Menuitemkategories { get; set; } = new List<Menuitemkategorie>();
+	}
+
+	public class Rabatt
+	{
+		public int Idrabatt { get; set; }
+
+		public decimal? Prozent { get; set; }
+
+		public DateTime? GueltigkeitVon { get; set; }
+
+		public DateTime? GueltigkeitBis { get; set; }
+
+		public virtual ICollection<Bestellungsposition> Bestellungspositions { get; set; } = new List<Bestellungsposition>();
+	}
+
+
+
+
+
+
+
+}

src/y4f/Pages/SpeisekarteJpDetails.razor.css

@@ -0,0 +1,81 @@
+/**{
+	background-color: red;
+}*/
+
+/*navigation*/
+
+button.btn:first-child {
+	background-color: #8bfaa4;
+	/*not click able*/
+	pointer-events: none;
+	cursor: default;
+	border-width: 0px;
+}
+
+button.btn {
+	/* Verwirrung: Figma-Design: background-color: #c7ffd5; 
+		wurde jetzt aber fuer den Hintergrund verwendet*/
+	background-color: #8dffb5;
+	border-right: 1px solid black;
+	border-left: 1px solid black;
+	border-radius: 20px;
+}
+
+	button.btn:nth-child(2) {
+		/*border-right: 2px solid black;*/
+		border-left-width: 0px;
+	}
+
+	button.btn:last-child {
+		border-right-width: 0px;
+	}
+
+
+
+/*menuitems*/
+
+.card.mt-3 {
+	/* background-color: rebeccapurple; */
+	border-radius: 30px;
+	border: 1px solid black;
+}
+
+
+
+/*warenkorb*/
+.card-header {
+	font-size: 16pt;
+	text-align: center;
+	padding-bottom: 15px;
+	/* background-color: white; */
+	border-top-right-radius: 20px;
+}
+
+.card-header {
+	background-color: transparent;
+	border-bottom-width: 0px;
+}
+
+.card {
+	border-radius: 32px;
+	border: 1px solid black;
+}
+
+p.card-text {
+	margin-left: 20px;
+}
+
+/*buttons*/
+a.btn.btn-primary.mx-2.mt-5 {
+	background-color: #facca3;
+	color: black;
+	border: none;
+	border-radius: 20px;
+}
+
+a.btn.btn-primary.mx-2.mt-1 {
+	background-color: #89f9a5;
+	color: black;
+	border: none;
+	border-radius: 20px;
+}

src/y4f/Shared/SurveyPrompt.razor

@@ -1,16 +0,0 @@
-<div class="alert alert-secondary mt-4">
-    <span class="oi oi-pencil me-2" aria-hidden="true"></span>
-    <strong>@Title</strong>
-
-    <span class="text-nowrap">
-        Please take our
-        <a target="_blank" class="font-weight-bold link-dark" href="https://go.microsoft.com/fwlink/?linkid=2186157">brief survey</a>
-    </span>
-    and tell us what you think.
-</div>
-
-@code {
-    // Demonstrates how a parent component can supply parameters
-    [Parameter]
-    public string? Title { get; set; }
-}

src/y4f/wwwroot/css/Site.css

@@ -3,20 +3,29 @@
 html, body {
     margin: 0px;
     padding: 0px;
+    overflow: hidden;
 }
 
 #content {
     background-color: #C7FFD1;
-    padding: 5%;
     margin-top: 1%;
     border-radius: 10px;
     position: center;
 }
+#button1 {
+    background-color: #89F9A5;
+    border-radius: 50px;
+    margin-bottom: 15px;
+}
+h1 {
+    margin: 0px;
+    padding: 0px;
+}
 
 .img {
     height: auto;
     max-width: 100%;
-    margin: 10%;
+    margin: 5%;
 }
 
 form {
@@ -26,3 +35,17 @@ form {
 
 }
 
+p {
+    color: grey;
+}
+
+form {
+    margin-bottom: 20px;
+    margin-top: 5px;
+}
+
+.form-control {
+    border-radius: 50px;
+    margin-bottom: 5px;
+}
+

src/y4f/wwwroot/css/shopping_cart.css

@@ -11,6 +11,7 @@
     border-radius: 17px;
     overflow: hidden;
     border-color: #C7FFD5;
+    border-width: 0px;
 }
 
 .bg_lightgreen {
@@ -23,19 +24,19 @@
     border-bottom-width: 0;
 }
 
-.btn_back {
+.btn_bg {
     background-color: #F9BE89;
     /*width: 60%;*/
     margin-bottom: 13px;
     border-radius: 30px;
-    height: 50px;
+    /*height: 50px;*/
-    border: 0px;
+    /*border: 0px;*/
 }
 
 .btn_forward {
     background-color: #89F9A5;
     /*width: 60%;*/
     border-radius: 30px;
-    height: 50px;
+    /*height: 50px;*/
-    border: 0px;
+    /*border: 0px;*/
 }

src/y4f/y4f.csproj

@@ -7,6 +7,20 @@
     <ServiceWorkerAssetsManifest>service-worker-assets.js</ServiceWorkerAssetsManifest>
   </PropertyGroup>
 
+  <ItemGroup>
+    <None Remove="Pages\SpeisekarteCnDetails.razor.css" />
+    <None Remove="Pages\SpeisekarteDrDetails.razor.css" />
+    <None Remove="Pages\SpeisekarteEtcDetails.razor.css" />
+    <None Remove="Pages\SpeisekarteJpDetails.razor.css" />
+  </ItemGroup>
+
+  <ItemGroup>
+    <Content Include="Pages\SpeisekarteCnDetails.razor.css" />
+    <Content Include="Pages\SpeisekarteDrDetails.razor.css" />
+    <Content Include="Pages\SpeisekarteEtcDetails.razor.css" />
+    <Content Include="Pages\SpeisekarteJpDetails.razor.css" />
+  </ItemGroup>
+
   <ItemGroup>
     <None Include="wwwroot\css\Site.css" />
   </ItemGroup>