Yum04 67 bestellbestaetigung fertigestellt (#18)

* Start

* Finish Yummy-Punkte

* Finish Bestellbestätigung

* Bestellbestätigung Loadingbar aktualisiert
This commit is contained in:
zha19115 2023-05-19 15:21:14 +02:00 committed by GitHub
parent 05f95d8085
commit 4d9bc7d7b5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 155 additions and 1 deletions

View File

@ -0,0 +1,37 @@
@page "/Bestellbestätigung"
<body>
<div class="container col-lg-5 col-md-9 col-sm-12 d-flex flex-column " id="content">
<h5>Vielen Dank für Ihre Bestellung</h5><br>
<p class="text">
Ihr Essen ist in <b>30 Minuten</b> abholbereit.
Sie erhalten eine Benachrichtigung sobald das Essen fertig ist. Wir würden uns freuen, wenn Sie uns ein <a href="Feedback">Feedback</a> geben.
<br><br><br><br>
</p>
<div class="progress">
<div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width:50%"></div>
</div>
<table>
<tr class="loadtext">
<td>Bestellung eingegangen</td>
<td class="load2">Bestellung wird zubereitet</td>
<td class="load3">Essen abholbereit</td>
</tr>
</table>
<div class="button">
<br><br><br><br>
<form id="button1" action="/">
<input type="submit" value="Zur Startseite" class="btn">
</form>
</div>
</div>
</body>
@code {
}

View File

@ -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;
}

View File

@ -24,7 +24,7 @@
</NavLink> </NavLink>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<NavLink class="nav-link" href="yummy_points"> <NavLink class="nav-link" href="yummy-punkte">
Yummy-Punkte Yummy-Punkte
</NavLink> </NavLink>
</li> </li>

29
Shared/Yummy-Punkte.razor Normal file
View File

@ -0,0 +1,29 @@
@page "/Yummy-Punkte"
<body>
<div class="container col-lg-5 col-md-9 col-sm-12 d-flex flex-column " id="content">
<h4><b>Ihre Yummy-Punkte</b></h4>
<div class="img" >
@for(int i = 0; i < 10; i++)
{
<img src="assets/White-Circle.png ">
}
<br>
</div>
<p class="text">Bei einem Mindestbestellwert von 8€ erhalten Sie ein Yummy-Punkt. Ab der 10ten Bestellung gibt es einen Rabatt zu Ihrer nächsten Bestellung.</p>
<div class="button">
<form id="button1" action="/">
<input type="submit" value="Zurück" class="btn">
</form>
</div>
</div>
</body>
@code {
}

View File

@ -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;
}

View File

@ -15,6 +15,7 @@
<link href="manifest.json" rel="manifest" /> <link href="manifest.json" rel="manifest" />
<link rel="apple-touch-icon" sizes="512x512" href="icon-512.png" /> <link rel="apple-touch-icon" sizes="512x512" href="icon-512.png" />
<link rel="apple-touch-icon" sizes="192x192" href="icon-192.png" /> <link rel="apple-touch-icon" sizes="192x192" href="icon-192.png" />
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
</head> </head>
<body> <body>