From da092f9cef31acb356ed5070deaff219d6bec701 Mon Sep 17 00:00:00 2001
From: Max <maxes2000@t-online.de>
Date: Sun, 29 Dec 2019 21:36:04 +0100
Subject: [PATCH 1/3] added "hello, <username>"

---
 .../main-navigation/main-navigation.component.html    | 11 +++++++----
 .../main-navigation/main-navigation.component.sass    |  2 +-
 src/app/services/selfservice/self.service.ts          |  2 +-
 3 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/app/components/main-navigation/main-navigation.component.html b/src/app/components/main-navigation/main-navigation.component.html
index 7e6bd26..cc00b3d 100644
--- a/src/app/components/main-navigation/main-navigation.component.html
+++ b/src/app/components/main-navigation/main-navigation.component.html
@@ -3,9 +3,11 @@
   <mat-sidenav #drawer class="sidenav" 
       fxShow="true" fxHide.gt-sm="true"
       fixedInViewport="false"
-      autoFocus="false"
-     >
-    <mat-toolbar>Menu</mat-toolbar>
+      autoFocus="false">
+    <mat-toolbar *ngIf="!loggedIn">Menu</mat-toolbar>
+    <mat-toolbar *ngIf="loggedIn">
+        <span>Hello, {{user.username}}</span>
+    </mat-toolbar>
     <mat-nav-list>
       <a mat-list-item routerLink="" (click)="drawer.close()">Home</a>
       <a mat-list-item *ngIf="loggedIn" routerLink={{profileUrl}} (click)="drawer.close()">Profile</a>
@@ -56,6 +58,7 @@
         </div>
       </nav>
       <div id="menu-button-box">
+        <span class="mat-button" [hidden]="!loggedIn" fxShow="true" fxHide.lt-md="true" routerLink={{profileUrl}}>Hello, {{user.username}}</span>
         <button mat-icon-button [matMenuTriggerFor]="requestMenu" [disabled]="!loggedIn" id="menu-button">
           <mat-icon [matBadge]="user.receivedRequests.length" [matBadgeHidden]="!(user.receivedRequests.length > 0)" matBadgeColor="accent">notifications</mat-icon>
         </button>
@@ -81,7 +84,7 @@
           <mat-slide-toggle
             color="primary"
             class="theme-button"
-            (change)="toggleTheme()"><!--stays white when dragged-->
+            (change)="toggleTheme()">
             dark mode
           </mat-slide-toggle>
         </button>
diff --git a/src/app/components/main-navigation/main-navigation.component.sass b/src/app/components/main-navigation/main-navigation.component.sass
index 7338cbb..b650cc7 100644
--- a/src/app/components/main-navigation/main-navigation.component.sass
+++ b/src/app/components/main-navigation/main-navigation.component.sass
@@ -19,7 +19,7 @@
   top: 0
   z-index: 1000
   .mat-tab-nav-bar
-    width: 70%
+    width: 50%
     height: 56px
   .mat-tab-links
     height: 56px
diff --git a/src/app/services/selfservice/self.service.ts b/src/app/services/selfservice/self.service.ts
index 05127d9..6422530 100644
--- a/src/app/services/selfservice/self.service.ts
+++ b/src/app/services/selfservice/self.service.ts
@@ -32,7 +32,7 @@ export class SelfService {
       }, error => {
         this.notLoggedIn();
         console.log(error.text());
-        // this.fakeLogin();
+        this.fakeLogin();
         // console.log('user wurde übergeben');
       }
       );

From 33fe3ae7880b014e105a287f340b319c253bb800 Mon Sep 17 00:00:00 2001
From: Max <maxes2000@t-online.de>
Date: Sun, 29 Dec 2019 21:38:00 +0100
Subject: [PATCH 2/3] cleared some comments

---
 src/app/services/selfservice/self.service.ts | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/app/services/selfservice/self.service.ts b/src/app/services/selfservice/self.service.ts
index 6422530..867f88c 100644
--- a/src/app/services/selfservice/self.service.ts
+++ b/src/app/services/selfservice/self.service.ts
@@ -32,8 +32,6 @@ export class SelfService {
       }, error => {
         this.notLoggedIn();
         console.log(error.text());
-        this.fakeLogin();
-        // console.log('user wurde übergeben');
       }
       );
   }
@@ -122,4 +120,4 @@ export class SelfService {
       }};
     return body;
   }
-}// add ,receivedRequests{id} later
+}

From 0a87c3431f9f21ee28507cf765dd7bdf1ece1230 Mon Sep 17 00:00:00 2001
From: Max <maxes2000@t-online.de>
Date: Sun, 29 Dec 2019 23:21:09 +0100
Subject: [PATCH 3/3] dark theme is stored in user settings now

---
 .../main-navigation.component.html            |  7 +++---
 .../main-navigation.component.ts              | 23 +++++++++++++++++
 .../social/friends/friends.component.sass     |  1 -
 src/app/models/user.ts                        |  2 ++
 src/app/services/login/login.service.ts       |  7 ++++--
 src/app/services/register/register.service.ts |  6 ++++-
 src/app/services/selfservice/self.service.ts  |  6 ++++-
 .../settings/settings.service.spec.ts         | 12 +++++++++
 src/app/services/settings/settings.service.ts | 25 +++++++++++++++++++
 9 files changed, 81 insertions(+), 8 deletions(-)
 create mode 100644 src/app/services/settings/settings.service.spec.ts
 create mode 100644 src/app/services/settings/settings.service.ts

diff --git a/src/app/components/main-navigation/main-navigation.component.html b/src/app/components/main-navigation/main-navigation.component.html
index cc00b3d..d9866e1 100644
--- a/src/app/components/main-navigation/main-navigation.component.html
+++ b/src/app/components/main-navigation/main-navigation.component.html
@@ -58,7 +58,7 @@
         </div>
       </nav>
       <div id="menu-button-box">
-        <span class="mat-button" [hidden]="!loggedIn" fxShow="true" fxHide.lt-md="true" routerLink={{profileUrl}}>Hello, {{user.username}}</span>
+        <span class="mat-button" *ngIf="loggedIn" fxShow="true" fxHide.lt-md="true" routerLink={{profileUrl}}>Hello, {{user.username}}</span>
         <button mat-icon-button [matMenuTriggerFor]="requestMenu" [disabled]="!loggedIn" id="menu-button">
           <mat-icon [matBadge]="user.receivedRequests.length" [matBadgeHidden]="!(user.receivedRequests.length > 0)" matBadgeColor="accent">notifications</mat-icon>
         </button>
@@ -84,11 +84,12 @@
           <mat-slide-toggle
             color="primary"
             class="theme-button"
-            (change)="toggleTheme()">
+            (change)="toggleTheme()"
+            [checked]="darkModeButtonChecked">
             dark mode
           </mat-slide-toggle>
         </button>
-        <div  [hidden]="!loggedIn">
+        <div [hidden]="!loggedIn">
           <button mat-menu-item (click)="logout()" >
             <mat-icon>exit_to_app</mat-icon>
             <span>log out</span>
diff --git a/src/app/components/main-navigation/main-navigation.component.ts b/src/app/components/main-navigation/main-navigation.component.ts
index f8f7667..b6ca072 100644
--- a/src/app/components/main-navigation/main-navigation.component.ts
+++ b/src/app/components/main-navigation/main-navigation.component.ts
@@ -5,6 +5,7 @@ import { map, shareReplay } from 'rxjs/operators';
 import { DatasharingService } from '../../services/datasharing.service';
 import { SelfService } from '../../services/selfservice/self.service';
 import { RequestService } from '../../services/request/request.service';
+import { SettingsService } from '../../services/settings/settings.service';
 import { environment } from 'src/environments/environment';
 import { Levellist } from 'src/app/models/levellist';
 import { Http } from '@angular/http';
@@ -23,6 +24,7 @@ export class MainNavigationComponent implements OnInit {
     public overlayContainer: OverlayContainer,
     private data: DatasharingService,
     private selfservice: SelfService,
+    private settingsService: SettingsService,
     private requestservice: RequestService,
     private breakpointObserver: BreakpointObserver,
     private http: Http, private router: Router
@@ -38,6 +40,7 @@ export class MainNavigationComponent implements OnInit {
   points: number;
   profileUrl = '/profile/1';
 
+  darkModeButtonChecked = false;
   lighttheme = true;
   overlay;
 
@@ -69,6 +72,10 @@ export class MainNavigationComponent implements OnInit {
       this.level = this.levellist.getLevelName(user.level);
       this.points = user.points;
       this.profileUrl = '/profile/' + this.userId;
+      if (this.user.darkmode === true && this.lighttheme) {
+        this.toggleTheme();
+        this.darkModeButtonChecked = true;
+      }
       this.updateLinks();
     });
   }
@@ -78,15 +85,31 @@ export class MainNavigationComponent implements OnInit {
         this.overlay.classList.remove('dark-theme');
         this.overlay.classList.add('light-theme');
         this.onSetTheme('light-theme');
+        this.lighttheme = true;
+        this.setDarkModeActive(false);
     } else if (this.overlay.classList.contains('light-theme')) {
         this.overlay.classList.remove('light-theme');
         this.overlay.classList.add('dark-theme');
         this.onSetTheme('dark-theme');
+        this.lighttheme = false;
+        this.setDarkModeActive(true);
     } else {
         this.overlay.classList.add('dark-theme');
         this.onSetTheme('dark-theme');
+        this.lighttheme = false;
+        this.setDarkModeActive(true);
     }
   }
+
+  setDarkModeActive(active: boolean) {
+    const url = environment.graphQLUrl;
+    const headers = new Headers();
+    headers.set('Content-Type', 'application/json');
+    const body = this.settingsService.buildJsonDarkMode('darkmode: ' + '\'' + active + '\'');
+    this.http.post(url, body).subscribe(response => {
+        console.log(response.text()); });
+  }
+
   updateLinks() {
     this.navLinksLoggedIn = [
       { path: '', label: 'Home' },
diff --git a/src/app/components/social/friends/friends.component.sass b/src/app/components/social/friends/friends.component.sass
index ff0008a..16ce8f0 100644
--- a/src/app/components/social/friends/friends.component.sass
+++ b/src/app/components/social/friends/friends.component.sass
@@ -10,7 +10,6 @@
   width: 100%
   margin-top: 0.5em
   cursor: pointer
-
   .mat-card-subtitle
     margin: 0
 
diff --git a/src/app/models/user.ts b/src/app/models/user.ts
index 2c09b9c..a641ad7 100644
--- a/src/app/models/user.ts
+++ b/src/app/models/user.ts
@@ -11,6 +11,8 @@ export class User {
   level: number;
   profilePicture: string;
 
+  darkmode = false;
+
   friends: FriendInfo[] = new Array();
   groupIDs: number[];
   chatIDs: number[];
diff --git a/src/app/services/login/login.service.ts b/src/app/services/login/login.service.ts
index 1b02aff..fff311a 100644
--- a/src/app/services/login/login.service.ts
+++ b/src/app/services/login/login.service.ts
@@ -61,7 +61,9 @@ export class LoginService {
       friendRequest.senderHandle = request.sender.handle;
       user.receivedRequests.push(friendRequest);
     }
-    console.log(user.friends);
+    if (JSON.parse(response.data.login.settings).darkmode === 'true') {
+      user.darkmode = true;
+    }
     this.data.changeUserInfo(user);
   }
 
@@ -87,7 +89,8 @@ export class LoginService {
           },
           chats{
             id
-          }
+          },
+          settings
         }
       }`
       , variables: {
diff --git a/src/app/services/register/register.service.ts b/src/app/services/register/register.service.ts
index 51d4ae2..54f676f 100644
--- a/src/app/services/register/register.service.ts
+++ b/src/app/services/register/register.service.ts
@@ -64,6 +64,9 @@ export class RegisterService {
       friendRequest.senderHandle = request.sender.handle;
       user.receivedRequests.push(friendRequest);
     }
+    if (JSON.parse(response.data.login.settings).darkmode === 'true') {
+      user.darkmode = true;
+    }
     this.data.changeUserInfo(user);
 
   }
@@ -84,7 +87,8 @@ export class RegisterService {
           level
          },
         groups{id},
-        chats{id}
+        chats{id},
+        settings
        }
     }`, variables: {
         email: registration.email,
diff --git a/src/app/services/selfservice/self.service.ts b/src/app/services/selfservice/self.service.ts
index 867f88c..5f475ea 100644
--- a/src/app/services/selfservice/self.service.ts
+++ b/src/app/services/selfservice/self.service.ts
@@ -69,6 +69,9 @@ export class SelfService {
       friendRequest.senderHandle = request.sender.handle;
       user.receivedRequests.push(friendRequest);
     }
+    if (JSON.parse(response.data.login.settings).darkmode === 'true') {
+      user.darkmode = true;
+    }
     this.data.changeUserInfo(user);
   }
   public fakeLogin() {
@@ -114,7 +117,8 @@ export class SelfService {
         },
         chats{
           id
-        }
+        },
+        settings
       }
     }`, variables: {
       }};
diff --git a/src/app/services/settings/settings.service.spec.ts b/src/app/services/settings/settings.service.spec.ts
new file mode 100644
index 0000000..81a7ca2
--- /dev/null
+++ b/src/app/services/settings/settings.service.spec.ts
@@ -0,0 +1,12 @@
+import { TestBed } from '@angular/core/testing';
+
+import { SettingsService } from './settings.service';
+
+describe('SettingsService', () => {
+  beforeEach(() => TestBed.configureTestingModule({}));
+
+  it('should be created', () => {
+    const service: SettingsService = TestBed.get(SettingsService);
+    expect(service).toBeTruthy();
+  });
+});
diff --git a/src/app/services/settings/settings.service.ts b/src/app/services/settings/settings.service.ts
new file mode 100644
index 0000000..8dfb168
--- /dev/null
+++ b/src/app/services/settings/settings.service.ts
@@ -0,0 +1,25 @@
+import {Injectable} from '@angular/core';
+import {Http} from '@angular/http';
+import { User } from 'src/app/models/user';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class SettingsService {
+
+  users:  Array<User>;
+  constructor(private http: Http) {
+  }
+
+  public buildJsonDarkMode(setting_: string): any {
+    const body = {
+      query: `mutation($setting: String!) {
+        setUserSettings(settings: $setting)
+      }`
+      , variables: {
+        setting: setting_
+      }
+    };
+    return body;
+  }
+}