FUH22860/y4f
1
0
Fork 0
mirror of https://github.com/yummy4friends/y4f.git synced 2025-01-30 22:34:44 +01:00
Code Issues Packages Projects Releases Wiki Activity

Yum04 82 bestelluebersicht detail chefin (#33)

Browse Source 
* Start

* Finish Yummy-Punkte

* Finish Feedback

* FBestätigung fertig

* Feddback changed button and text

* Feedback and confirm finish

* Deleted a break (Feedback confirm)

* Prototype not finished

* Erste Realisierung

* Little Fixes to all Pages

* Created neu razor page and css

* Finish BestelluebersichtD-Chefin

* New

---------

Co-authored-by: ProfessionalUwU <andre.fuhry@hopeless-cloud.xyz>
This commit is contained in:
zha19115 2023-06-22 22:05:45 +02:00 committed by GitHub
parent 51a7751337
commit cc4ffab409
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
30 changed files with 668 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/y4f/Pages/Index.razor
View File

@ -1,20 +1,28 @@
 @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>

21
src/y4f/Shared/Bestellbestätigung.razor
View File

@ -5,6 +5,15 @@
<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.
<<<<<<< HEAD:Shared/Bestellbestätigung.razor
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>
=======
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>
@ -13,6 +22,7 @@
<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>
>>>>>>> dev:src/y4f/Shared/Bestellbestätigung.razor
<table> <table>
<tr class="loadtext"> <tr class="loadtext">
<td>Bestellung eingegangen</td> <td>Bestellung eingegangen</td>
@ -20,6 +30,16 @@
<td class="load3">Essen abholbereit</td> <td class="load3">Essen abholbereit</td>
</tr> </tr>
</table> </table>
<<<<<<< HEAD:Shared/Bestellbestätigung.razor
<center>
<br><br><br><br>
<form id="button1" action="/">
<input type="submit" value="Zur Startseite" class="btn">
</form>
</center>
</div>
=======
<div class="button"> <div class="button">
<br><br><br><br> <br><br><br><br>
@ -30,6 +50,7 @@
</div> </div>
>>>>>>> dev:src/y4f/Shared/Bestellbestätigung.razor
</body> </body>
@code { @code {

12
src/y4f/Shared/Bestellbestätigung.razor.css
View File

@ -19,6 +19,14 @@ img {
font-size: 13px; font-size: 13px;
} }
<<<<<<< HEAD:Shared/Bestellbestätigung.razor.css
#button1 {
background-color: #89F9A5;
border-radius: 50px;
text-align: center;
}
=======
.button { .button {
padding-left: 25%; padding-left: 25%;
padding-right: 25%; padding-right: 25%;
@ -32,6 +40,7 @@ img {
display: inline-block; display: inline-block;
border-radius: 50px; border-radius: 50px;
} }
>>>>>>> dev:src/y4f/Shared/Bestellbestätigung.razor.css
h5 { h5 {
text-align: center; text-align: center;
} }
@ -44,7 +53,10 @@ h5 {
text-align: right; text-align: right;
} }
<<<<<<< HEAD:Shared/Bestellbestätigung.razor.css
=======
>>>>>>> dev:src/y4f/Shared/Bestellbestätigung.razor.css
.loadtext { .loadtext {
font-size: 14px; font-size: 14px;
} }

82
src/y4f/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 {
}

37
src/y4f/Shared/Chefin/Bestelluebersicht-Chefin.razor.css Normal file
View File

@ -0,0 +1,37 @@
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;
}

139
src/y4f/Shared/Chefin/BestelluebersichtD-Chefin.razor Normal file
View File

@ -0,0 +1,139 @@
@page "/BestelluebersichtD-Chefin"
@layout ChefinLayout
<div class="container">
<div class="row">
<div class="col-sm-12 col-lg-6">
@*Tabelle Ihre Bestellung*@
<div class="tbl-container">
<table class="table bdr">
<thead class="bg_green">
<tr>
<td>Ihre Bestellung</td>
<th></th>
</tr>
</thead>
<tbody class="bg_lightgreen" style="background-color:white;">
<tr>
<td class="br" style="padding-top:20px; padding-bottom:0px; border-bottom-width: 0px;">
1 Nudel mit Hühnerfleisch (groß)
<div style="font-size:0.7rem;padding-left:15px;">mit Knoblauchsoße</div>
</td>
<td class="d-flex justify-content-center align-items-center" style="padding-top:20px; padding-bottom:0px; border-style:hidden;">9,10€</td>
</tr>
<tr>
<td class="br" style=" padding-top:0px; border-bottom-width: 0px;">1 Coca Cola</td>
<td class="d-flex justify-content-center align-items-center" style="padding-top:0px; border-style:hidden;">2,50€</td>
</tr>
<tr>
<td class="br" style=" padding-top:0px; border-bottom-width: 0px;"></td>
<td class="d-flex justify-content-center align-items-center" style="border-style:hidden;"></td>
</tr>
<tr>
<td class="br" style=" padding-top:0px; border-bottom-width: 0px;"></td>
<td class="d-flex justify-content-center align-items-center" style="border-style:hidden;"></td>
</tr>
<tr>
<td class="br" style=" padding-top:0px; border-bottom-width: 0px;"></td>
<td class="d-flex justify-content-center align-items-center" style="border-style:hidden;"></td>
</tr>
<tr>
<td class="br" style=" padding-top:0px; border-bottom-width: 0px;"></td>
<td class="d-flex justify-content-center align-items-center" style="border-style:hidden;"></td>
</tr>
<tr>
<td class="br" style=" padding-top:0px; border-bottom-width: 0px;"></td>
<td class="d-flex justify-content-center align-items-center" style="border-style:hidden;"></td>
</tr>
<tr>
<td class="br" style=" padding-top:0px; border-bottom-width: 0px;"></td>
<td class="d-flex justify-content-center align-items-center" style="border-style:hidden;"></td>
</tr>
<tr>
<td class="br" style=" padding-top:0px; border-bottom-width: 0px;"></td>
<td class="d-flex justify-content-center align-items-center" style="border-style:hidden;"></td>
</tr>
<tr>
<td class="br" style=" padding-top:0px; border-bottom-width: 0px;"></td>
<td class="d-flex justify-content-center align-items-center" style="border-bottom-width: 0px; border-style:hidden;"></td>
</tr>
<tr>
<td class="br" style=" padding-top:0px; border-bottom-width: 0px;"></td>
<td class="d-flex justify-content-center align-items-center" style="border-bottom-width: 0px; border-style:hidden;"></td>
</tr>
<tr>
<td class="br" style=" padding-top:0px; border-bottom-width: 0px;"></td>
<td class="d-flex justify-content-center align-items-center" style="border-bottom-width: 0px; border-style:hidden;"></td>
</tr>
<tr>
<td class="br" style=" padding-top:0px; border-bottom-width: 0px;"></td>
<td class="d-flex justify-content-center align-items-center" style="border-bottom-width: 0px; border-style:hidden;"></td>
</tr>
<tr>
<td class="br" style=" padding-top:0px; border-bottom-width: 0px;"></td>
<td class="d-flex justify-content-center align-items-center" style="border-bottom-width: 0px; border-style:hidden;"></td>
</tr>
</tbody>
<tfoot class="bg_lightgreen">
<tr style="border-top:solid 1px black; background-color:white;">
<th class="" style="text-align:right;">Summe</th>
<td class="d-flex justify-content-center align-items-center">11,60€</td>
</tr>
</tfoot>
</table>
</div>
</div>
<div class="col-sm-12 col-lg-6">
<div class="d-flex flex-column align-items-center ">
<div class="tbl-container w-100">
<!-- <== overflow: hidden applied to parent -->
<table class="table table-bordered bdr " style=" border-radius: 50px; margin-left: 50px;">
<thead class="bg_green">
<tr>
<td class="d-flex justify-content-center align-items-center" style="border-bottom:0px;">
<p>Abholzeit</p>
</td>
</tr>
</thead>
<tbody >
<tr>
<td class="d-flex justify-content-center align-items-center" style="padding-top:0px; background-color:white;">
<div style="margin:20px;">
<div class="d-flex justify-content-center align-items-center" >
<p>12:30 Uhr</p>
</div>
</div>
</td>
</tr>
</tbody>
</table>
<div class="d-flex flex-column" style="align-items: center; margin-left: 100px;">
<button class="btn_back w-75">Zurück</button>
<button class="btn btn-danger w-75" style="border-radius: 50px; padding-top:12px; padding-bottom:12px; color:black;">Bestellung auflösen</button>
<button class="btn_forward w-75">Bestellung abschließen</button>
</div>
</div>
</div>
</div>
</div>
@*Buttons*@
</div>
@*<div class="h-100">
@*Essen Abholen?
<div class="row h-25 w-100">
<div class="col">
</div>
</div>
</div>*@
@code {
}

3
src/y4f/Shared/Chefin/BestelluebersichtD-Chefin.razor.css Normal file
View File

@ -0,0 +1,3 @@
button {
margin: 10px;
}

25
src/y4f/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
src/y4f/Shared/ChefinLayout.razor Normal file
View File

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

5
src/y4f/Shared/ChefinLayout.razor.css Normal file
View File

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

8
src/y4f/Shared/Feedback/FBestätigung.razor
View File

@ -2,10 +2,18 @@
<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>
<<<<<<< HEAD:Shared/Feedback/FBestätigung.razor
<center>
<form id="button1" action="Startseite">
<input type="submit" value="Zur Startseite" class="btn">
</form>
</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>
>>>>>>> dev:src/y4f/Shared/Feedback/FBestätigung.razor
</div> </div>

8
src/y4f/Shared/Feedback/FBestätigung.razor.css
View File

@ -1,9 +1,17 @@
<<<<<<< HEAD:Shared/Feedback/FBestätigung.razor.css
h4 {
=======
 
h4 { h4 {
>>>>>>> dev:src/y4f/Shared/Feedback/FBestätigung.razor.css
text-align: center; text-align: center;
margin-top: 45%; margin-top: 45%;
} }
form { form {
margin-bottom: 45%; margin-bottom: 45%;
<<<<<<< HEAD:Shared/Feedback/FBestätigung.razor.css
border-radius: 50px;
=======
>>>>>>> dev:src/y4f/Shared/Feedback/FBestätigung.razor.css
} }

13
src/y4f/Shared/Feedback/Feedback.razor
View File

@ -2,16 +2,29 @@
<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">
<<<<<<< HEAD:Shared/Feedback/Feedback.razor
<h4 for="feedback">Ihr Feedback: </h4>
<center>
<textarea class="form-control" rows="10" cols="15" id="feedback" name="text"></textarea>
=======
<h4 for="feedback">Ihr Feedback: </h4> <h4 for="feedback">Ihr Feedback: </h4>
<textarea class="form-control" rows="10" id="feedback" name="text"></textarea> <textarea class="form-control" rows="10" id="feedback" name="text"></textarea>
<div class="button"> <div class="button">
>>>>>>> dev:src/y4f/Shared/Feedback/Feedback.razor
<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>
<<<<<<< HEAD:Shared/Feedback/Feedback.razor
</center>
=======
</div> </div>
>>>>>>> dev:src/y4f/Shared/Feedback/Feedback.razor
</div> </div>
</body> </body>

14
src/y4f/Shared/Feedback/Feedback.razor.css
View File

@ -1,7 +1,11 @@
body, html { body, html {
padding: 0px; padding: 0px;
margin: 0px; margin: 0px;
<<<<<<< HEAD:Shared/Feedback/Feedback.razor.css
=======
margin-bottom: 15px; margin-bottom: 15px;
>>>>>>> dev:src/y4f/Shared/Feedback/Feedback.razor.css
} }
p { p {
@ -19,18 +23,28 @@ img {
font-size: 13px; font-size: 13px;
} }
<<<<<<< HEAD:Shared/Feedback/Feedback.razor.css
textarea {
width: 100%;
=======
.button { .button {
padding-left: 25%; padding-left: 25%;
padding-right: 25%; padding-right: 25%;
text-align: center; text-align: center;
>>>>>>> dev:src/y4f/Shared/Feedback/Feedback.razor.css
} }
#button1 { #button1 {
background-color: #89F9A5; background-color: #89F9A5;
<<<<<<< HEAD:Shared/Feedback/Feedback.razor.css
border-radius: 50px;
text-align: center;
=======
padding-left: 25%; padding-left: 25%;
padding-right: 25%; padding-right: 25%;
display: inline-block; display: inline-block;
border-radius: 50px; border-radius: 50px;
>>>>>>> dev:src/y4f/Shared/Feedback/Feedback.razor.css
} }

4
src/y4f/Shared/Kontoverwaltung.razor.css
View File

@ -1,12 +1,14 @@
body { body {
background-color: white; background-color: white;
} }
<<<<<<< HEAD:Shared/Kontoverwaltung.razor.css
=======
h3 { h3 {
font-weight: bold; font-weight: bold;
} }
>>>>>>> dev:src/y4f/Shared/Kontoverwaltung.razor.css
img { img {
width: 150px; width: 150px;
height: 150px; height: 150px;

35
src/y4f/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;
}
}

7
src/y4f/Shared/Registrierung.razor.css
View File

@ -3,3 +3,10 @@
padding: 0px; padding: 0px;
margin: 0px; margin: 0px;
} }
<<<<<<< HEAD:Shared/Registrierung.razor.css
=======
li {
text-align: right;
}
>>>>>>> dev:src/y4f/Shared/Registrierung.razor.css

38
src/y4f/Shared/Registrierung/NavRegistrierung.razor Normal file
View File

@ -0,0 +1,38 @@
<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>
<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;
}
}

15
src/y4f/Shared/Registrierung/Registrierung.razor Normal file
View File

@ -0,0 +1,15 @@
@inherits LayoutComponentBase
<div >
<NavRegistrierung />
<main class="container">
@Body
</main>
<Footer />
</div>

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

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

22
src/y4f/Shared/Registrierung/RegistrierungA.razor Normal file
View File

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

19
src/y4f/Shared/Registrierung/RegistrierungA.razor.css Normal file
View File

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

26
src/y4f/Shared/Registrierung/RegistrierungK.razor Normal file
View File

@ -0,0 +1,26 @@
@page "/RegistrierungK"
@layout Registrierung
<div class="container col-lg-5 col-md-9 col-sm-12 d-flex flex-column " id="content">
<form id="button1" action="https://qrcodescan.in/">
<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>
<input type="text" class="form-control" id="email" placeholder="Email eintragen" name="email">
<form id="button1" action="">
<input type="submit" value="Email abschicken" class="btn">
</form>
<p>Durch die Eingabe der Email Adresse wird Ihnen ein QR-Code für die Anmeldung zugeschickt.</p>
</div>
@code {
}

9
src/y4f/Shared/Registrierung/RegistrierungK.razor.css Normal file
View File

@ -0,0 +1,9 @@
p {
color: grey;
}
form {
margin-bottom:20px;
margin-top: 5px;
}

26
src/y4f/Shared/RegistrierungK.razor Normal file
View File

@ -0,0 +1,26 @@
@page "/RegistrierungK"
@layout Registrierung
<div class="container col-lg-5 col-md-9 col-sm-12 d-flex flex-column " id="content">
<form id="button1" action="https://qrcodescan.in/">
<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>
<input type="text" class="form-control" id="email" placeholder="Email eintragen" name="email">
<form id="button1" action="">
<input type="submit" value="Email abschicken" class="btn">
</form>
<p>Durch die Eingabe der Email Adresse wird Ihnen ein QR-Code für die Anmeldung zugeschickt.</p>
</div>
@code {
}

9
src/y4f/Shared/RegistrierungK.razor.css Normal file
View File

@ -0,0 +1,9 @@
p {
color: grey;
}
form {
margin-bottom:20px;
margin-top: 5px;
}

2
src/y4f/Shared/Startseite.razor
View File

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

14
src/y4f/Shared/Yummy-Punkte.razor
View File

@ -1,7 +1,12 @@
@page "/Yummy-Punkte" @page "/Yummy-Punkte"
<body> <body>
<<<<<<< HEAD:Shared/Yummy-Punkte.razor
<div class="container col-lg-6 col-md-9 col-sm-12 d-flex flex-column " id="content">
<center>
=======
<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">
>>>>>>> dev:src/y4f/Shared/Yummy-Punkte.razor
<h4><b>Ihre Yummy-Punkte</b></h4> <h4><b>Ihre Yummy-Punkte</b></h4>
<div class="img" > <div class="img" >
@ -12,14 +17,23 @@
<br> <br>
</div> </div>
<<<<<<< HEAD:Shared/Yummy-Punkte.razor
<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> <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>
>>>>>>> dev:src/y4f/Shared/Yummy-Punkte.razor
<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>
<<<<<<< HEAD:Shared/Yummy-Punkte.razor
</center>
=======
>>>>>>> dev:src/y4f/Shared/Yummy-Punkte.razor
</div> </div>
</body> </body>

21
src/y4f/Shared/Yummy-Punkte.razor.css
View File

@ -19,12 +19,15 @@ img {
font-size: 13px; font-size: 13px;
} }
<<<<<<< HEAD:Shared/Yummy-Punkte.razor.css
=======
.button { .button {
padding-left: 25%; padding-left: 25%;
padding-right: 25%; padding-right: 25%;
text-align: center; text-align: center;
} }
>>>>>>> dev:src/y4f/Shared/Yummy-Punkte.razor.css
#button1 { #button1 {
background-color: #F9BE89; background-color: #F9BE89;
padding-left: 25%; padding-left: 25%;
@ -32,6 +35,24 @@ img {
display: inline-block; display: inline-block;
border-radius: 50px; border-radius: 50px;
} }
<<<<<<< HEAD:Shared/Yummy-Punkte.razor.css
/*.button {
padding-left: 25%;
padding-right: 25%;
text-align: center;
}*/
/*h4 {
text-align: center;
}*/
=======
h4 { h4 {
text-align: center; text-align: center;
} }
>>>>>>> dev:src/y4f/Shared/Yummy-Punkte.razor.css

25
src/y4f/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;
}