mirror of
https://github.com/yummy4friends/y4f.git
synced 2024-12-30 20:07:08 +01:00
Yum04 67 bestellbestaetigung fertigestellt (#18)
* Start * Finish Yummy-Punkte * Finish Bestellbestätigung * Bestellbestätigung Loadingbar aktualisiert
This commit is contained in:
zha19115
GitHub
parent
05f95d8085
commit
4d9bc7d7b5
37
Shared/Bestellbestätigung.razor
Normal file
37
Shared/Bestellbestätigung.razor
Normal 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 {
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
50
Shared/Bestellbestätigung.razor.css
Normal file
50
Shared/Bestellbestätigung.razor.css
Normal 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;
|
||||||
|
}
|
||||||
@ -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
29
Shared/Yummy-Punkte.razor
Normal 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 {
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
37
Shared/Yummy-Punkte.razor.css
Normal file
37
Shared/Yummy-Punkte.razor.css
Normal 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;
|
||||||
|
}
|
||||||
@ -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>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user