Yum04-54 kontoverwaltung (#11)

* Kontoverwaltung

* Kontoverwaltung Finish

* Kontoverwaltung Button not finished

* Kontoverwaltung Button not finished

* Kontoverwaltung fertig.

* Kontoverwaltung final finish

Shared/Footer.razor

@@ -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 {
 
 }

Shared/Footer.razor.css

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

Shared/Kontoverwaltung.razor

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

Shared/Kontoverwaltung.razor.css

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

Shared/MainLayout.razor

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

Shared/NavMenu.razor

@@ -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" />

Shared/Startseite.razor

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

Shared/Startseite.razor.css

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