Yum04-54 kontoverwaltung (#11)

* 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

View File

@ -4,12 +4,17 @@
<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">
<center><h1>Herzlich Willkommen!</h1></center>
<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>
</body>
</body>

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="">
<div class="container text-center text-md-start mt-5">
@ -11,8 +11,16 @@
</div>
</div>
</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 {
}

View File

@ -1,5 +1,5 @@
a {
color: grey;
color: black;
text-decoration: none;
}
@ -10,4 +10,17 @@ a:hover, a:focus {
h6 {
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;
}

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;
}
}

View File

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

View File

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

View File

@ -36,7 +36,7 @@
</NavLink>
</li>
<li class="nav-item">
<NavLink class="nav-link" href="profile">
<NavLink class="nav-link" href="Kontoverwaltung">
#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">
<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" />

View File

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

View File

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

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

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 {
margin: 0px;
padding: 0px;
background-color: #C7FFD1;
}
#content {
@ -11,7 +10,7 @@ html, body {
padding: 5%;
margin-top: 1%;
border-radius: 10px;
position: center;
}
.img {
@ -20,6 +19,8 @@ html, body {
margin: 10%;
}
button {
box-shadow: 5px 5px #d3d3d3;
}
form {
text-align: center;
}

View File

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