From a3e3eb983bfabaa4d48c8f6dac6539c496e7624d Mon Sep 17 00:00:00 2001
From: Felix <apolltoast98@gmail.com>
Date: Wed, 6 Jan 2021 19:12:19 +0100
Subject: [PATCH] add SVG Images to HeaderBar

---
 src/app/dashboard/header/header.component.css  | 6 ++++++
 src/app/dashboard/header/header.component.html | 4 +++-
 src/app/dashboard/login/login.component.ts     | 8 ++++++++
 src/assets/admin.svg                           | 1 +
 src/assets/dash.svg                            | 1 +
 5 files changed, 19 insertions(+), 1 deletion(-)
 create mode 100644 src/assets/admin.svg
 create mode 100644 src/assets/dash.svg

diff --git a/src/app/dashboard/header/header.component.css b/src/app/dashboard/header/header.component.css
index 6f04bdd..8121253 100644
--- a/src/app/dashboard/header/header.component.css
+++ b/src/app/dashboard/header/header.component.css
@@ -7,4 +7,10 @@
     background-color: #27293D;
     z-index: 999;
     border-radius: 8px;
+}
+
+.history-svg {}
+
+.admin-svg {
+    fill: white;
 }
\ No newline at end of file
diff --git a/src/app/dashboard/header/header.component.html b/src/app/dashboard/header/header.component.html
index d085ff5..f25c373 100644
--- a/src/app/dashboard/header/header.component.html
+++ b/src/app/dashboard/header/header.component.html
@@ -1,3 +1,5 @@
 <div class="header" *ngIf="this.dashboard.user != undefined">
-    <p>HEADER</p>
+    <img src="assets/history.svg" class="history-svg">
+    <img src="assets/dash.svg" class="dash-svg">
+    <img src="assets/admin.svg" class="admin-svg">
 </div>
\ No newline at end of file
diff --git a/src/app/dashboard/login/login.component.ts b/src/app/dashboard/login/login.component.ts
index e0420ea..6b0dfe1 100644
--- a/src/app/dashboard/login/login.component.ts
+++ b/src/app/dashboard/login/login.component.ts
@@ -18,8 +18,16 @@ export class LoginComponent implements OnInit {
   ) { }
 
   ngOnInit(): void {
+
+    const loginStatus = this.dashboard.login("admin", "password");
+    if (loginStatus) {
+      this.router.navigate(['dashboard', 'overview']);
+    } else {
+      // TODO: Meldung anzeigen
+    }
   }
 
+
   login() {
     const loginStatus = this.dashboard.login(this.username, this.password);
 
diff --git a/src/assets/admin.svg b/src/assets/admin.svg
new file mode 100644
index 0000000..4adef78
--- /dev/null
+++ b/src/assets/admin.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M12,19.2C9.5,19.2 7.29,17.92 6,16C6.03,14 10,12.9 12,12.9C14,12.9 17.97,14 18,16C16.71,17.92 14.5,19.2 12,19.2M12,5A3,3 0 0,1 15,8A3,3 0 0,1 12,11A3,3 0 0,1 9,8A3,3 0 0,1 12,5M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2Z" /></svg>
\ No newline at end of file
diff --git a/src/assets/dash.svg b/src/assets/dash.svg
new file mode 100644
index 0000000..280d48a
--- /dev/null
+++ b/src/assets/dash.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);"><path d="M21 16V4H3v12h18m0-14a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-7v2h2v2H8v-2h2v-2H3a2 2 0 0 1-2-2V4c0-1.11.89-2 2-2h18M5 6h9v5H5V6m10 0h4v2h-4V6m4 3v5h-4V9h4M5 12h4v2H5v-2m5 0h4v2h-4v-2z" fill="white"/><rect x="0" y="0" width="24" height="24" fill="rgba(0, 0, 0, 0)" /></svg>
\ No newline at end of file