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

Yum04-54 kontoverwaltung (#11)

Browse Source 
* Kontoverwaltung

* Kontoverwaltung Finish

* Kontoverwaltung Button not finished

* Kontoverwaltung Button not finished

* Kontoverwaltung fertig.

* Kontoverwaltung final finish
This commit is contained in:
zha19115 2023-05-08 19:16:57 +02:00 committed by GitHub
parent 2d23f8a022
commit 3b6896b630
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
12 changed files with 106 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
Pages/Index.razor
View File

@ -4,12 +4,17 @@
<PageTitle>Yummy4Friends</PageTitle> <PageTitle>Yummy4Friends</PageTitle>
<body style='--blazor-load-percentage: 100%; --blazor-load-percentage-text: "100%";'> <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></center>
<img src="assets/Logo_new.png" class="img" title="logo image"> <img src="assets/Logo_new.png" class="img" title="logo image">
<button href="Speisekarte.razor" type="button" class=" btn btn-light justify-content-center">Zur Speisekarte</button> <form action="Kontoverwaltung">
<input type="submit" value="Zur Speisekarte" class="btn btn-light" />
</form>
</div> </div>
</body>
</body>

12
Shared/Footer.razor
View File

@ -1,4 +1,4 @@
<footer class="text-center text-lg-start bg-light text-muted"> @*<footer class="text-center text-lg-start bg-light text-muted">
<section class="d-flex justify-content-center justify-content-lg-between p-4 border-bottom"></section> <section class="d-flex justify-content-center justify-content-lg-between p-4 border-bottom"></section>
<section class=""> <section class="">
<div class="container text-center text-md-start mt-5"> <div class="container text-center text-md-start mt-5">
@ -11,8 +11,16 @@
</div> </div>
</div> </div>
</section> </section>
</footer> </footer>*@
<div class="footer">
<div class="container">
<a href="">Kontakt</a> |
<a href="">Impressum</a> |
<a href="">Datenschutzerklärung</a> |
<a href="">Cookies</a>
</div>
</div>
@code { @code {
} }

17
Shared/Footer.razor.css
View File

@ -1,5 +1,5 @@
a { a {
color: grey; color: black;
text-decoration: none; text-decoration: none;
} }
@ -10,4 +10,17 @@ a:hover, a:focus {
h6 { h6 {
color: grey; color: grey;
} }
.footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: #89f9a5;
color: black;
text-align: center;
padding-top: 15px;
padding-bottom: 15px;
}

31
Shared/Kontoverwaltung.razor Normal file
View File

@ -0,0 +1,31 @@
@page "/Kontoverwaltung"
<h3>Wichtige Informationen</h3> <br>
<div class="container mt-auto">
<h4>AccountID: #1234</h4>
<h4>Ihr QR-Code: </h4>
<h5>7392759231</h5>
<img src="assets/K-QR.png" class="img" title="logo image">
<p>Ihr Konto wird 30 Tage nach der Deaktivierung unwiderruflich gelöscht.</p>
<button class="btn" type="button" onclick="@ChangeButton" id="button1">@button1</button>
</div>
<br><br>
@code {
bool changeButtonBool { get; set; } = true;
string button1 => changeButtonBool ? "Konto deaktivieren" : "Konto aktivieren";
void ChangeButton()
{
//TODO Datenbankaktualisierung
changeButtonBool = !changeButtonBool;
}
}

22
Shared/Kontoverwaltung.razor.css Normal file
View File

@ -0,0 +1,22 @@
body {
background-color: white;
}
img {
width: 150px;
height: 150px;
padding: 0px;
margin: 0px;
}
button {
background-color: #89f9a5;
}

6
Shared/MainLayout.razor
View File

@ -1,13 +1,13 @@
@inherits LayoutComponentBase @inherits LayoutComponentBase
<div> <div >
<NavMenu /> <NavMenu />
<main class="container"> <main class="container">
<article class="content px-4">
@Body @Body
</article>
</main> </main>
<Footer /> <Footer />

2
Shared/NavMenu.razor
View File

@ -36,7 +36,7 @@
</NavLink> </NavLink>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<NavLink class="nav-link" href="profile"> <NavLink class="nav-link" href="Kontoverwaltung">
#12345 #12345
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-person-fill" viewBox="0 0 16 16"> <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" /> <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" />

3
Shared/Startseite.razor
View File

@ -1,5 +1,6 @@
@inherits LayoutComponentBase @inherits LayoutComponentBase
<div> <div>
<main class="container"> <main class="container">
@ -8,4 +9,4 @@
@Body @Body
</main> </main>
</div> </div>

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

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

BIN
wwwroot/assets/K-QR.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

13
wwwroot/css/Site.css
View File

@ -1,9 +1,8 @@
@import url('open-iconic/font/css/open-iconic-bootstrap.min.css'); @import url('open-iconic/font/css/open-iconic-bootstrap.min.css');
html, body { html, body {
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;
background-color: #C7FFD1;
} }
#content { #content {
@ -11,7 +10,7 @@ html, body {
padding: 5%; padding: 5%;
margin-top: 1%; margin-top: 1%;
border-radius: 10px; border-radius: 10px;
position: center;
} }
.img { .img {
@ -20,6 +19,8 @@ html, body {
margin: 10%; margin: 10%;
} }
button {
box-shadow: 5px 5px #d3d3d3; form {
} text-align: center;
}

1
wwwroot/css/app.css
View File

@ -2,6 +2,7 @@
html, body { html, body {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
background-color: #C7FFD1;
} }
h1:focus { h1:focus {