FUH22860/y4f
1
0
Fork 0
mirror of https://github.com/yummy4friends/y4f.git synced 2024-12-30 23:37:09 +01:00
Code Issues Packages Projects Releases Wiki Activity

Little Fixes to all Pages

Browse Source
This commit is contained in:
zha19115 2023-06-05 19:26:23 +02:00
parent 1c089f1ac1
commit 8dd01d78ff
26 changed files with 302 additions and 75 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
Pages/Index.razor
View File

@ -1,20 +1,29 @@
 @page "/"  @page "/"
@layout Startseite @layout Startseite
<body >
<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">
<center><h1>Herzlich Willkommen!</h1></center> <center>
<h1>Herzlich Willkommen!</h1>
<img src="assets/Logo_new.png" class="img" title="logo image"> <img src="assets/Logo_new.png" class="img" title="logo image">
<form action="Speisekarte">
<input type="submit" value="Zur Speisekarte" class="btn" /> <form id="button1" action="https://qrcodescan.in/">
</form> <input type="submit" value="QR-Code einscannen" class="btn">
</form>
<input type="text" class="form-control" id="qrcode" placeholder="QR-Code manuell eintragen" name="qrcode">
<form id="button1" action="Startseite">
<input type="submit" value="Bestätigen" class="btn">
</form>
</center>
</div> </div>
</body> </body>

19
Shared/Bestellbestätigung.razor
View File

@ -5,14 +5,13 @@
<h5>Vielen Dank für Ihre Bestellung</h5><br> <h5>Vielen Dank für Ihre Bestellung</h5><br>
<p class="text"> <p class="text">
Ihr Essen ist in <b>30 Minuten</b> abholbereit. 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. 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> <br><br><br><br>
</p> </p>
<div class="progress"> <div class="progress">
<div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width:50%"></div> <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width:50%"></div>
</div> </div>
<table> <table>
<tr class="loadtext"> <tr class="loadtext">
<td>Bestellung eingegangen</td> <td>Bestellung eingegangen</td>
@ -20,16 +19,14 @@
<td class="load3">Essen abholbereit</td> <td class="load3">Essen abholbereit</td>
</tr> </tr>
</table> </table>
<center>
<div class="button">
<br><br><br><br> <br><br><br><br>
<form id="button1" action="/">
<input type="submit" value="Zur Startseite" class="btn"> <form id="button1" action="/">
</form> <input type="submit" value="Zur Startseite" class="btn">
</div> </form>
</center>
</div> </div>
</body> </body>
@code { @code {

14
Shared/Bestellbestätigung.razor.css
View File

@ -19,19 +19,12 @@ img {
font-size: 13px; font-size: 13px;
} }
.button { #button1 {
padding-left: 25%; background-color: #89F9A5;
padding-right: 25%; border-radius: 50px;
text-align: center; text-align: center;
} }
#button1 {
background-color: #89F9A5;
padding-left: 25%;
padding-right: 25%;
display: inline-block;
border-radius: 50px;
}
h5 { h5 {
text-align: center; text-align: center;
} }
@ -44,7 +37,6 @@ h5 {
text-align: right; text-align: right;
} }
.loadtext { .loadtext {
font-size: 14px; font-size: 14px;
} }

82
Shared/Chefin/Bestelluebersicht-Chefin.razor Normal file
View File

@ -0,0 +1,82 @@
@page "/Bestelluebersicht"
@layout ChefinLayout
<div class="container d-flex flex-column">
<div class="row">
<div class="col-lg-8">
<br /><br />
<table class="table table-bordered">
<thead>
<tr>
<th colspan="2">Aktive Bestellungen</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="BDetail">#1234 &nbsp; 12:30</a></td>
<td><a href="BDetail">#2345 &nbsp; 18:45</a></td>
</tr>
<tr>
<td><a href="BDetail">#3456 &nbsp; 13:00</a></td>
<td><a href="BDetail">#4567 &nbsp; 19:00</a></td>
</tr>
<tr>
<td><a href="BDetail">#5678 &nbsp; 14:30</a></td>
<td><a href="BDetail">#6789 &nbsp; 19:15</a></td>
</tr>
<tr>
<td><a href="BDetail">#4321 &nbsp; 15:15</a></td>
<td><a href="BDetail">#5432 &nbsp; 19:15</a></td>
</tr>
<tr>
<td><a href="BDetail">#6543 &nbsp; 15:30</a></td>
<td><a href="BDetail">#7654 &nbsp; 19:15</a></td>
</tr>
<tr>
<td><a href="BDetail">#7654 &nbsp; 15:30</a></td>
<td>&nbsp;</td>
</tr>
<tr>
<td><a href="BDetail">#8765 &nbsp; 16:00</a></td>
<td>&nbsp;</td>
</tr>
<tr>
<td><a href="BDetail">#9876 &nbsp; 17:30</a></td>
<td>&nbsp;</td>
</tr>
</tbody>
</table>
</div>
<div class="col-lg-3">
<p id="text" readonly >Abholzeit</p>
<br />
<form id="button" action="Bestelluebersicht">
<input type="submit" value="30 Min" class="btn">
</form>
<form id="button" action="Bestelluebersicht">
<input type="submit" value="45 Min" class="btn">
</form>
<form id="button" action="Bestelluebersicht">
<input type="submit" value="1 Std" class="btn">
</form>
</div>
</div>
</div>
@code {
}

43
Shared/Chefin/Bestelluebersicht-Chefin.razor.css Normal file
View File

@ -0,0 +1,43 @@
tbody {
border-color: black;
}
td {
text-align:center;
text-decoration: none;
}
table {
border-radius: 50px !important;
margin-left: 50px;
}
td > a {
text-decoration: none;
color: black;
}
#button {
margin-bottom: 35px;
border-radius: 50px;
margin-left: 100px;
}
#text {
margin-top: 50px;
margin-bottom: 45px;
margin-left: 100px;
width: 69%;
padding-top: 2px;
padding-bottom: 2px;
padding: 8px;
color: black;
background-color: #89F9A5;
border-style:none;
text-align: center;
}
thead {
background-color: #89F9A5;
border-color: #89F9A5;
}

25
Shared/Chefin/NavChefin.razor Normal file
View File

@ -0,0 +1,25 @@
<nav class="navbar navbar-expand-md navbar-light mb-4 me-5 ms-5 ">
<div class="container-fluid">
@*<a class="navbar-brand" href="">Yummy4Friends</a>*@
<a class="navbar-brand" href="">
<img src="assets/Logo_new.png" alt="Yummy4Friends" width="60px" height="auto">
</a>
<ul class="navbar-nav">
<li class="nav-item">
<NavLink class="nav-link" href="RegistrierungA">
#1
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-person-fill" viewBox="0 0 16 16">
<path d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z" />
</svg>
</NavLink>
</li>
</ul>
</div>
</nav>
@code {
}

14
Shared/ChefinLayout.razor Normal file
View File

@ -0,0 +1,14 @@
@inherits LayoutComponentBase
<div >
<y4f.Shared.Chefin.NavChefin />
<main class="container">
@Body
</main>
</div>

0
Shared/Registrierung.razor.css → Shared/ChefinLayout.razor.css
View File

3
Shared/Feedback/FBestätigung.razor
View File

@ -2,10 +2,11 @@
<div class="container col-lg-5 col-md-9 col-sm-12 d-flex flex-column " id="content"> <div class="container col-lg-5 col-md-9 col-sm-12 d-flex flex-column " id="content">
<h4>Vielen Dank für Ihr 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></h4>
<center>
<form id="button1" action="Startseite"> <form id="button1" action="Startseite">
<input type="submit" value="Zur Startseite" class="btn"> <input type="submit" value="Zur Startseite" class="btn">
</form> </form>
</center>
</div> </div>

4
Shared/Feedback/FBestätigung.razor.css
View File

@ -1,9 +1,9 @@
 h4 {
h4 {
text-align: center; text-align: center;
margin-top: 45%; margin-top: 45%;
} }
form { form {
margin-bottom: 45%; margin-bottom: 45%;
border-radius: 50px;
} }

11
Shared/Feedback/Feedback.razor
View File

@ -2,16 +2,17 @@
<body> <body>
<div class="container col-lg-5 col-md-9 col-sm-12 d-flex flex-column " id="content"> <div class="container col-lg-5 col-md-9 col-sm-12 d-flex flex-column " id="content">
<h4 for="feedback">Ihr Feedback: </h4>
<textarea class="form-control" rows="10" id="feedback" name="text"></textarea>
<div class="button"> <h4 for="feedback">Ihr Feedback: </h4>
<center>
<textarea class="form-control" rows="10" cols="15" id="feedback" name="text"></textarea>
<br> <br>
<form id="button1" action="FBestätigung"> <form id="button1" action="FBestätigung">
<input type="submit" value="Absenden" class="btn"> <input type="submit" value="Absenden" class="btn">
</form> </form>
</div> </center>
</div> </div>
</body> </body>

12
Shared/Feedback/Feedback.razor.css
View File

@ -1,7 +1,7 @@
body, html { body, html {
padding: 0px; padding: 0px;
margin: 0px; margin: 0px;
margin-bottom: 15px;
} }
p { p {
@ -19,18 +19,14 @@ img {
font-size: 13px; font-size: 13px;
} }
.button { textarea {
padding-left: 25%; width: 100%;
padding-right: 25%;
text-align: center;
} }
#button1 { #button1 {
background-color: #89F9A5; background-color: #89F9A5;
padding-left: 25%;
padding-right: 25%;
display: inline-block;
border-radius: 50px; border-radius: 50px;
text-align: center;
} }

2
Shared/Kontoverwaltung.razor.css
View File

@ -1,9 +1,7 @@
body { body {
background-color: white; background-color: white;
} }
img { img {
width: 150px; width: 150px;
height: 150px; height: 150px;

35
Shared/NavStartseite.razor Normal file
View File

@ -0,0 +1,35 @@
<nav class="navbar navbar-expand-md navbar-light mb-4 me-5 ms-5 ">
<div class="container-fluid">
@*<a class="navbar-brand" href="">Yummy4Friends</a>*@
<button class="navbar-toggler @NavButtonCssClass" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse"
aria-controls="navbarCollapse" aria-label="Toggle navigation" @onclick="ToggleNavMenu">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end @NavBarCssClass" id="navbarCollapse" @onclick="ToggleNavMenu">
<ul class="navbar-nav">
<li class="nav-item">
<NavLink class="nav-link" href="RegistrierungA">
Admin
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-person-fill" viewBox="0 0 16 16">
<path d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z" />
</svg>
</NavLink>
</li>
</ul>
</div>
</div>
</nav>
@code {
private bool collapseNavMenu = true;
private string? NavBarCssClass => collapseNavMenu ? null : "show";
private string? NavButtonCssClass => collapseNavMenu ? "collapsed" : null;
private void ToggleNavMenu()
{
collapseNavMenu = !collapseNavMenu;
}
}

0
Shared/NavRegistrierung.razor → Shared/Registrierung/NavRegistrierung.razor
View File

0
Shared/Registrierung.razor → Shared/Registrierung/Registrierung.razor
View File

5
Shared/Registrierung/Registrierung.razor.css Normal file
View File

@ -0,0 +1,5 @@
html, body {
/*background-color: #C7FFD5;*/
padding: 0px;
margin: 0px;
}

16
Shared/RegistrierungA.razor → Shared/Registrierung/RegistrierungA.razor
View File

@ -3,15 +3,19 @@
<div class="container col-lg-5 col-md-9 col-sm-12 d-flex flex-column " id="content"> <div class="container col-lg-5 col-md-9 col-sm-12 d-flex flex-column " id="content">
<p>Benutzername:</p> <p>Benutzername:</p>
<center>
<input type="text" class="form-control" id="name" name="name"> <input type="text" class="form-control" id="name" name="name">
</center>
<p>Passwort:</p> <p>Passwort:</p>
<center>
<input type="text" class="form-control" id="password" name="password"> <input type="text" class="form-control" id="password" name="password">
</center>
<form id="button" action="Bestelluebersicht"> <center>
<input type="submit" value="Login" class="btn">
</form> <form id="button" action="Bestelluebersicht">
<input type="submit" value="Login" class="btn">
</form>
</center>
</div> </div>
@code { @code {

6
Shared/RegistrierungA.razor.css → Shared/Registrierung/RegistrierungA.razor.css
View File

@ -2,10 +2,16 @@
color: grey; color: grey;
margin-bottom:0px; margin-bottom:0px;
margin-top: 15px; margin-top: 15px;
margin-left: 61px;
} }
form { form {
margin-top: 20px; margin-top: 20px;
border-radius: 50px;
}
input {
border-radius: 50px;
} }

0
Shared/RegistrierungK.razor → Shared/Registrierung/RegistrierungK.razor
View File

0
Shared/RegistrierungK.razor.css → Shared/Registrierung/RegistrierungK.razor.css
View File

2
Shared/Startseite.razor
View File

@ -3,6 +3,8 @@
<div> <div>
<NavStartseite />
<main class="container"> <main class="container">

4
Shared/Startseite.razor.css
View File

@ -3,3 +3,7 @@
padding: 0px; padding: 0px;
margin: 0px; margin: 0px;
} }
li {
text-align: right;
}

8
Shared/Yummy-Punkte.razor
View File

@ -1,7 +1,8 @@
@page "/Yummy-Punkte" @page "/Yummy-Punkte"
<body> <body>
<div class="container col-lg-5 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">
<center>
<h4><b>Ihre Yummy-Punkte</b></h4> <h4><b>Ihre Yummy-Punkte</b></h4>
<div class="img" > <div class="img" >
@ -12,14 +13,15 @@
<br> <br>
</div> </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> <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"> <div class="button">
<form id="button1" action="/"> <form id="button1" action="/">
<input type="submit" value="Zurück" class="btn"> <input type="submit" value="Zurück" class="btn">
</form> </form>
</div> </div>
</center>
</div> </div>
</body> </body>

18
Shared/Yummy-Punkte.razor.css
View File

@ -19,12 +19,6 @@ img {
font-size: 13px; font-size: 13px;
} }
.button {
padding-left: 25%;
padding-right: 25%;
text-align: center;
}
#button1 { #button1 {
background-color: #F9BE89; background-color: #F9BE89;
padding-left: 25%; padding-left: 25%;
@ -32,9 +26,17 @@ img {
display: inline-block; display: inline-block;
border-radius: 50px; border-radius: 50px;
} }
h4 {
/*.button {
padding-left: 25%;
padding-right: 25%;
text-align: center; text-align: center;
} }*/
/*h4 {
text-align: center;
}*/

25
wwwroot/css/Site.css
View File

@ -3,8 +3,8 @@
html, body { html, body {
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;
overflow-y: hidden;
} }
#content { #content {
background-color: #C7FFD1; background-color: #C7FFD1;
padding: 5%; padding: 5%;
@ -12,17 +12,26 @@ html, body {
border-radius: 10px; border-radius: 10px;
position: center; position: center;
} }
.img { .img {
height: auto; height: auto;
max-width: 100%; width: 60%;
margin: 10%; margin: 4%;
}
form {
text-align: center; text-align: center;
}
form {
margin-bottom: 20px;
margin-top: 5px;
background-color: #89F9A5; background-color: #89F9A5;
text-align: center;
width: 70%;
}
.form-control {
width: 70%;
border-radius: 50px; border-radius: 50px;
} }
#button1 {
border-radius: 50px;
}