Feedback and confirm finish

This commit is contained in:
zha19115 2023-05-19 11:26:33 +02:00
parent 856695a164
commit 7b11652311
3 changed files with 88 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

@ -1,7 +1,7 @@
@page "/FBestätigung"
<div class="container col-lg-5 col-md-9 col-sm-12 d-flex flex-column " id="content">
<h4>Vielen Dank für Ihren Feedback. Durch Feedbacks können wir uns stets verbessern.<br></h4>
<h4>Vielen Dank für Ihr Feedback. Durch Feedbacks können wir uns stets verbessern.<br><br></h4>
<form id="button1" action="Startseite">
<input type="submit" value="Zur Startseite" class="btn">