From 4d9bc7d7b570e0b05fec621c7998d4e70cc1a818 Mon Sep 17 00:00:00 2001 From: zha19115 <105790331+zha19115@users.noreply.github.com> Date: Fri, 19 May 2023 15:21:14 +0200 Subject: [PATCH] Yum04 67 bestellbestaetigung fertigestellt (#18) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * Start * Finish Yummy-Punkte * Finish Bestellbestätigung * Bestellbestätigung Loadingbar aktualisiert --- Shared/Bestellbestätigung.razor | 37 +++++++++++++++++++++ Shared/Bestellbestätigung.razor.css | 50 +++++++++++++++++++++++++++++ Shared/NavMenu.razor | 2 +- Shared/Yummy-Punkte.razor | 29 +++++++++++++++++ Shared/Yummy-Punkte.razor.css | 37 +++++++++++++++++++++ wwwroot/index.html | 1 + 6 files changed, 155 insertions(+), 1 deletion(-) create mode 100644 Shared/Bestellbestätigung.razor create mode 100644 Shared/Bestellbestätigung.razor.css create mode 100644 Shared/Yummy-Punkte.razor create mode 100644 Shared/Yummy-Punkte.razor.css diff --git a/Shared/Bestellbestätigung.razor b/Shared/Bestellbestätigung.razor new file mode 100644 index 0000000..0f6354c --- /dev/null +++ b/Shared/Bestellbestätigung.razor @@ -0,0 +1,37 @@ +@page "/Bestellbestätigung" + + +
+
Vielen Dank für Ihre Bestellung

+

+ Ihr Essen ist in 30 Minuten abholbereit. + Sie erhalten eine Benachrichtigung sobald das Essen fertig ist. Wir würden uns freuen, wenn Sie uns ein Feedback geben. +



+

+ +
+
+
+ + + + + + + +
Bestellung eingegangenBestellung wird zubereitetEssen abholbereit
+ +
+



+
+ +
+
+ +
+ + +@code { + + +} diff --git a/Shared/Bestellbestätigung.razor.css b/Shared/Bestellbestätigung.razor.css new file mode 100644 index 0000000..05a5518 --- /dev/null +++ b/Shared/Bestellbestätigung.razor.css @@ -0,0 +1,50 @@ +body, html { + padding: 0px; + margin: 0px; + margin-bottom: 15px; +} + +p { + text-align:center; +} + +img { + width: 20%; + height: auto; + padding: 5px; +} + +.text { + color: grey; + font-size: 13px; +} + +.button { + padding-left: 25%; + padding-right: 25%; + text-align: center; +} + +#button1 { + background-color: #89F9A5; + padding-left: 25%; + padding-right: 25%; + display: inline-block; + border-radius: 50px; +} +h5 { + text-align: center; +} + +.load2 { + text-align: center; +} + +.load3 { + text-align: right; +} + + +.loadtext { + font-size: 14px; +} \ No newline at end of file diff --git a/Shared/NavMenu.razor b/Shared/NavMenu.razor index c010acd..5db4b0d 100644 --- a/Shared/NavMenu.razor +++ b/Shared/NavMenu.razor @@ -24,7 +24,7 @@
  • - + Yummy-Punkte
    • diff --git a/Shared/Yummy-Punkte.razor b/Shared/Yummy-Punkte.razor new file mode 100644 index 0000000..2bae366 --- /dev/null +++ b/Shared/Yummy-Punkte.razor @@ -0,0 +1,29 @@ +@page "/Yummy-Punkte" + + +
    +

    Ihre Yummy-Punkte

    + +
    + @for(int i = 0; i < 10; i++) + { + + } +
    +
    + +

    Bei einem Mindestbestellwert von 8€ erhalten Sie ein Yummy-Punkt. Ab der 10ten Bestellung gibt es einen Rabatt zu Ihrer nächsten Bestellung.

    + +
    +
    + +
    +
    + +
    + + +@code { + + +} diff --git a/Shared/Yummy-Punkte.razor.css b/Shared/Yummy-Punkte.razor.css new file mode 100644 index 0000000..d27bd32 --- /dev/null +++ b/Shared/Yummy-Punkte.razor.css @@ -0,0 +1,37 @@ +body, html { + padding: 0px; + margin: 0px; + margin-bottom: 15px; +} + +p { + text-align:center; +} + +img { + width: 20%; + height: auto; + padding: 5px; +} + +.text { + color: grey; + font-size: 13px; +} + +.button { + padding-left: 25%; + padding-right: 25%; + text-align: center; +} + +#button1 { + background-color: #F9BE89; + padding-left: 25%; + padding-right: 25%; + display: inline-block; + border-radius: 50px; +} +h4 { + text-align: center; +} \ No newline at end of file diff --git a/wwwroot/index.html b/wwwroot/index.html index c4584e3..65127d8 100644 --- a/wwwroot/index.html +++ b/wwwroot/index.html @@ -15,6 +15,7 @@ +