Merge branch 'master' of Software_Engineering_I/greenvironment-frontend into max_dev

src/app/app.component.ts

@@ -13,7 +13,7 @@ export class AppComponent implements OnInit {
   }
 
   ngOnInit() {
-    this.data.currentUserInfo.subscribe(user => {
+    this.data.currentUser.subscribe(user => {
       if (user.loggedIn !== true) {
         this.selfservice.checkIfLoggedIn().subscribe();
       }

src/app/components/feed/feed.component.ts

@@ -39,7 +39,7 @@ export class FeedComponent implements OnInit {
   }
 
   ngOnInit() {
-    this.data.currentUserInfo.subscribe(user => {
+    this.data.currentUser.subscribe(user => {
       this.user = user;
       this.loggedIn = user.loggedIn;
     });

src/app/components/feed/postlist/postlist.component.html

@@ -26,13 +26,13 @@
   </mat-card-content>
   <mat-card-actions>
     <button mat-button (click)="voteUp(post)" matTooltip="vote up" matTooltipShowDelay="500">
-      <mat-icon aria-hidden="false" color="primary" *ngIf="post.userVote == 'UPVOTE'">keyboard_arrow_up</mat-icon>
-      <mat-icon aria-hidden="false" *ngIf="!post.userVote || post.userVote == 'DOWNVOTE'">keyboard_arrow_up</mat-icon>
+      <mat-icon class="voteButton voted" aria-hidden="false" color="primary" *ngIf="post.userVote == 'UPVOTE'">thumb_up</mat-icon>
+      <mat-icon class="voteButton" aria-hidden="false" *ngIf="!post.userVote || post.userVote == 'DOWNVOTE'">thumb_up</mat-icon>
     </button>
     {{post.upvotes}}
     <button mat-button (click)="voteDown(post)" matTooltip="vote down" matTooltipShowDelay="500">
-      <mat-icon aria-hidden="false" color="primary" *ngIf="post.userVote == 'DOWNVOTE'">keyboard_arrow_down</mat-icon>
-      <mat-icon aria-hidden="false" *ngIf="!post.userVote || post.userVote == 'UPVOTE'">keyboard_arrow_down</mat-icon>
+      <mat-icon class="voteButton voted" aria-hidden="false" color="primary" *ngIf="post.userVote == 'DOWNVOTE'">thumb_down</mat-icon>
+      <mat-icon class="voteButton" aria-hidden="false" *ngIf="!post.userVote || post.userVote == 'UPVOTE'">thumb_down</mat-icon>
     </button>
     {{post.downvotes}}
     <div *ngIf="post.activity" class="activity-info">

src/app/components/feed/postlist/postlist.component.sass

@@ -17,13 +17,13 @@ $mat-card-header-size: 40px !default
 
   .mat-card-content
     overflow: auto
-    margin: 0
+    margin: 0 1em
     ::ng-deep a
       color: $primary-color
   .mat-card-actions
     padding: 0
 
-  ::ng-deep p 
+  ::ng-deep p
     margin: 0
 
   a:hover
@@ -65,3 +65,10 @@ $mat-card-header-size: 40px !default
     .span
       margin-left: 32px
 
+  .voteButton
+    scale: 0.8
+    transition-duration: 0.125s
+    &.voted
+     scale: 0.9
+
+

src/app/components/group/dialog.html

@@ -12,6 +12,7 @@
     <input matInput #time type="time" placeholder="choose a time">
   </mat-form-field>
 </div>
+<mat-error *ngIf="errorOccurred">{{getErrorMessage()}}</mat-error>
 <div mat-dialog-actions>
   <button mat-button (click)="onNoClick()">Cancel</button>
   <button mat-button cdkFocusInitial (click)="createEvent(name.value, date.value, time.value)">Create Event</button>

src/app/components/group/group.component.ts

@@ -1,5 +1,5 @@
 import {Component, OnInit, ViewChild} from '@angular/core';
-import {NavigationEnd, Router} from '@angular/router';
+import {Data, NavigationEnd, Router} from '@angular/router';
 import {User} from 'src/app/models/user';
 import {MatSort} from '@angular/material/sort';
 import {RequestService} from 'src/app/services/request/request.service';
@@ -17,6 +17,8 @@ import {DialogGroupFileUploadComponent} from './fileUpload/fileUpload.component'
 })
 export class DialogCreateEventComponent {
   groupId: string;
+  private errorMessage: string;
+  errorOccurred: boolean;
 
   constructor(
     public dialogRef: MatDialogRef<DialogCreateEventComponent>,
@@ -29,15 +31,36 @@ export class DialogCreateEventComponent {
     this.dialogRef.close();
   }
 
+  /**
+   * Creates a new event
+   * @param name
+   * @param date
+   * @param time
+   */
   createEvent(name: string, date: string, time: string) {
     name = name.trim();
+    this.errorOccurred = false;
     if (name && date && time) {
       date = date + ' ' + time;
-      this.group.createEvent(name, (new Date(date)).getTime().toString(), this.groupId);
-      this.dialogRef.close();
+      this.group.createEvent(name, (new Date(date)).getTime().toString(), this.groupId)
+        .subscribe((response) => {
+          this.dialogRef.close();
+        }, (error) => {
+          if (error.error) {
+            this.errorMessage = error.error.errors[0].message;
+            this.errorOccurred = true;
+          }
+        });
     }
   }
 
+  /**
+   * Returns the error message
+   */
+  getErrorMessage(): string {
+    return this.errorMessage;
+  }
+
 }
 
 // GROUP COMPONENT
@@ -61,7 +84,8 @@ export class GroupComponent implements OnInit {
     public dialog: MatDialog,
     private requestService: RequestService,
     private data: DatasharingService,
-    private groupService: GroupService) {
+    private groupService: GroupService,
+    private datasharingService: DatasharingService) {
     router.events.forEach((event) => {
       // check if url changes
       if (event instanceof NavigationEnd) {
@@ -79,7 +103,7 @@ export class GroupComponent implements OnInit {
   ngOnInit() {
     this.loading = true;
     this.id = this.router.url.substr(this.router.url.lastIndexOf('/') + 1);
-    this.data.currentUserInfo.subscribe(user => {
+    this.data.currentUser.subscribe(user => {
       this.self = user;
     });
     this.groupService.getGroupData(this.id).subscribe();
@@ -127,19 +151,22 @@ export class GroupComponent implements OnInit {
 
   public joinGroup(group: Group) {
     group.allowedToJoinGroup = false;
-    this.requestService.joinGroup(group);
+    this.requestService.joinGroup(group)
+      .subscribe(() => {
+        this.datasharingService.addGroupToUser(group);
+      });
   }
 
   public joinEvent(event: Event) {
     this.groupService.joinEvent(event.id).subscribe(response => {
-      const pEvent = response.json().data.joinEvent;
+      const pEvent = response.data.joinEvent;
       event.joined = pEvent.joined;
     });
   }
 
   public leaveEvent(event: Event) {
     this.groupService.leaveEvent(event.id).subscribe(response => {
-      const pEvent = response.json().data.leaveEvent;
+      const pEvent = response.data.leaveEvent;
       event.joined = pEvent.joined;
     });
   }

src/app/components/home/home.component.html

@@ -1,5 +1,5 @@
 <!--on big screen-->
-<div id="content" *ngIf="media.isActive('md') || media.isActive('lg')">
+<div id="content" *ngIf="!(media.isActive('sm') || media.isActive('xs'))">
   <div id="chat">
     <home-chatmanager [hidden]="!loggedIn"></home-chatmanager>
   </div>

src/app/components/home/home.component.ts

@@ -15,7 +15,7 @@ export class HomeComponent implements OnInit {
   }
 
   ngOnInit() {
-    this.data.currentUserInfo.subscribe(user => {
+    this.data.currentUser.subscribe(user => {
       this.loggedIn = user.loggedIn;
     });
   }

src/app/components/login/login.component.ts

@@ -51,6 +51,7 @@ export class LoginComponent implements OnInit {
       });
     }, (error: IErrorResponse) => {
       if (error.error) {
+        console.error(error);
         this.loginError(error);
       }
     });

src/app/components/main-navigation/main-navigation.component.ts

@@ -5,10 +5,10 @@ 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';
 import {Router} from '@angular/router';
 import {User} from 'src/app/models/user';
 import {OverlayContainer} from '@angular/cdk/overlay';
+import {LoginService} from '../../services/login/login.service';
 
 @Component({
   selector: 'app-main-navigation',
@@ -21,9 +21,10 @@ export class MainNavigationComponent implements OnInit {
     public overlayContainer: OverlayContainer,
     private data: DatasharingService,
     private settingsService: SettingsService,
-    private requestservice: RequestService,
+    private requestService: RequestService,
     private breakpointObserver: BreakpointObserver,
-    private http: Http, private router: Router,
+    private loginService: LoginService,
+    private router: Router,
   ) {
     this.overlay = overlayContainer.getContainerElement();
   }
@@ -56,7 +57,11 @@ export class MainNavigationComponent implements OnInit {
   @HostBinding('class') componentCssClass;
 
   ngOnInit() {
-    this.data.currentUserInfo.subscribe(user => {
+    if (this.lighttheme && this.getThemeFromLocalStorage() === 'dark-theme') {
+      this.toggleTheme();
+      this.darkModeButtonChecked = true;
+    }
+    this.data.currentUser.subscribe(user => {
       this.user = user;
       this.loggedIn = user.loggedIn;
       this.userId = user.userID;
@@ -70,11 +75,19 @@ export class MainNavigationComponent implements OnInit {
         // IF user activated darkmode and logged in after that
       } else if (this.user.loggedIn && !this.user.darkmode && !this.lighttheme) {
         this.settingsService.setDarkModeActive(true);
+        this.darkModeButtonChecked = true;
       }
       this.updateLinks();
     });
   }
 
+  /**
+   * Returns the saved theme from the local storage
+   */
+  private getThemeFromLocalStorage(): string {
+    return localStorage.getItem('theme');
+  }
+
   toggleTheme() {
     if (this.overlay.classList.contains('dark-theme')) {
       this.overlay.classList.remove('dark-theme');
@@ -108,52 +121,49 @@ export class MainNavigationComponent implements OnInit {
   onSetTheme(theme) {
     this.overlayContainer.getContainerElement().classList.add(theme);
     this.componentCssClass = theme;
+    localStorage.setItem('theme', theme);
   }
 
+  /**
+   * Logs out
+   */
   logout() {
-    const url = environment.graphQLUrl;
-
-    const headers = new Headers();
-    headers.set('Content-Type', 'application/json');
-    const body = {
-      query: `mutation {
-        logout
-      }`
-    };
-    this.http.post(url, body).subscribe(response => {
+    this.loginService.logout().subscribe(() => {
+      this.loggedIn = false;
+      const user = new User();
+      user.loggedIn = false;
+      this.data.currentUser.next(user);
+      this.router.navigate(['login']);
     });
-    this.loggedIn = false;
-    const user = new User();
-    user.loggedIn = false;
-    this.data.changeUserInfo(user);
-    this.router.navigate(['login']);
   }
 
+  /**
+   * Accepts a request
+   * @param id
+   */
   acceptRequest(id: number) {
-    const headers = new Headers();
-    headers.set('Content-Type', 'application/json');
-    this.http.post(environment.graphQLUrl, this.requestservice.buildJsonAcceptRequest(id))
-      .subscribe(response => {
-        for (let i = 0; i < this.user.receivedRequests.length; i++) {
-          if (this.user.receivedRequests[i].senderUserID === id) {
-            this.user.receivedRequests.splice(i, 1);
-            return;
-          }
+    this.requestService.acceptRequest(id).subscribe(response => {
+      for (let i = 0; i < this.user.receivedRequests.length; i++) {
+        if (this.user.receivedRequests[i].senderUserID === id) {
+          this.user.receivedRequests.splice(i, 1);
+          return;
         }
-      });
+      }
+    });
   }
 
+  /**
+   * Denys a request
+   * @param id
+   */
   denyRequest(id: number) {
-    const headers = new Headers();
-    headers.set('Content-Type', 'application/json');
-    this.http.post(environment.graphQLUrl, this.requestservice.buildJsonDenyRequest(id))
-      .subscribe(response => {
-        for (let i = 0; i < this.user.receivedRequests.length; i++) {
-          if (this.user.receivedRequests[i].senderUserID === id) {
-            this.user.receivedRequests.splice(i, 1);
-            return;
-          }
+    this.requestService.denyRequest(id).subscribe(() => {
+      for (let i = 0; i < this.user.receivedRequests.length; i++) {
+        if (this.user.receivedRequests[i].senderUserID === id) {
+          this.user.receivedRequests.splice(i, 1);
+          return;
         }
-      });
+      }
+    });
   }
 }

src/app/components/profile/profile.component.ts

@@ -49,7 +49,7 @@ export class ProfileComponent implements OnInit {
   ngOnInit() {
     this.loading = true;
     this.id = this.router.url.substr(this.router.url.lastIndexOf('/') + 1);
-    this.data.currentUserInfo.subscribe(user => {
+    this.data.currentUser.subscribe(user => {
       this.self = user;
     });
     this.profileService.getUserData(this.id);

src/app/components/search/search.component.ts

@@ -27,7 +27,7 @@ export class SearchComponent implements OnInit {
   }
 
   ngOnInit() {
-    this.data.currentUserInfo.subscribe(user => {
+    this.data.currentUser.subscribe(user => {
       this.user = user;
     });
   }

src/app/components/social/friends/friends.component.ts

@@ -16,7 +16,7 @@ export class FriendsComponent implements OnInit {
   }
 
   ngOnInit() {
-    this.data.currentUserInfo.subscribe(user => {
+    this.data.currentUser.subscribe(user => {
       this.user = user;
     });
   }

src/app/components/social/groups/groups.component.ts

@@ -54,7 +54,7 @@ export class GroupsComponent implements OnInit {
   }
 
   ngOnInit() {
-    this.data.currentUserInfo.subscribe(user => {
+    this.data.currentUser.subscribe(user => {
       this.user = user;
     });
   }

src/app/services/base.service.ts

@@ -1,7 +1,8 @@
 import {Injectable} from '@angular/core';
-import { HttpErrorResponse, HttpHeaders} from '@angular/common/http';
-import {delay, mergeMap, retryWhen} from 'rxjs/operators';
+import {HttpClient, HttpHeaders} from '@angular/common/http';
+import {delay, mergeMap, retry, retryWhen} from 'rxjs/operators';
 import {Observable, of, throwError} from 'rxjs';
+import {environment} from '../../environments/environment';
 
 const httpTooManyCode = 429;
 const httpHeaderRateRetry = 'Retry-After';
@@ -11,11 +12,33 @@ const httpHeaderRateRetry = 'Retry-After';
 })
 export abstract class BaseService {
   protected headers: HttpHeaders;
-  protected constructor() {
+  protected constructor(protected http?: HttpClient) {
     this.headers = new HttpHeaders();
     this.headers.set('Content-Type', 'application/json');
   }
 
+  /**
+   * Does a http post request
+   * @param url
+   * @param body
+   * @param options
+   * @param retryLimit
+   */
+  protected post<T>(url: string, body: any, options?: any, retryLimit: number = 3): Observable<any | T> {
+    return this.http.post<T>(url, body, Object.assign({headers: this.headers}, options))
+      .pipe(this.retryRated(retryLimit));
+  }
+
+  /**
+   * Does a http post to the graphql url
+   * @param body
+   * @param options
+   * @param retryLimit
+   */
+  protected postGraphql<T>(body: any, options?: any, retryLimit: number = 3): Observable<any | T> {
+    return this.post<T>(environment.graphQLUrl, body, options, retryLimit);
+  }
+
   /**
    * Retries a request according to the rate limit
    * @param maxRetry

src/app/services/chat/chat.service.ts

@@ -16,7 +16,7 @@ export class ChatService {
   chats: Array<Chat> = [];
 
   constructor(private http: Http, private data: DatasharingService) {
-    this.data.currentUserInfo.subscribe(user => {
+    this.data.currentUser.subscribe(user => {
       this.ownID = user.userID;
     });
   }

src/app/services/datasharing.service.ts

@@ -1,37 +1,47 @@
 import {Injectable} from '@angular/core';
 import {BehaviorSubject} from 'rxjs';
 import {User} from '../models/user';
+import {FriendInfo} from '../models/friendinfo';
+import {Group} from '../models/group';
+import {GroupInfo} from '../models/groupinfo';
 
 @Injectable({
   providedIn: 'root'
 })
 export class DatasharingService {
 
-  private userInfoSource = new BehaviorSubject<User>(new User());
-  private chatIDsSource = new BehaviorSubject<number[]>(new Array<number>());
-  currentUserInfo = this.userInfoSource.asObservable();
-  currentChatIDs = this.chatIDsSource.asObservable();
+  currentUser = new BehaviorSubject<User>(new User());
 
   constructor() {
   }
 
-  changeUserInfo(pUserInfo: User) {
-    this.userInfoSource.next(pUserInfo);
-  }
-
   addSentRequestUserID(id: number) {
-    const user: User = this.userInfoSource.getValue();
+    const user: User = this.currentUser.getValue();
     user.sentRequestUserIDs.push(id);
-    this.changeUserInfo(user);
+    this.currentUser.next(user);
+  }
+
+  addGroupToUser(group: GroupInfo) {
+    const user = this.currentUser.getValue();
+    user.groups.push(group);
+    user.groupCount++;
+    this.currentUser.next(user);
   }
 
+  addFriendToUser(friend: FriendInfo) {
+    const user = this.currentUser.getValue();
+    user.friends.push(friend);
+    user.friendCount++;
+    this.currentUser.next(user);
+}
+
   setDarkMode(active: boolean) {
-    const user: User = this.userInfoSource.getValue();
+    const user: User = this.currentUser.getValue();
     user.darkmode = active;
-    this.changeUserInfo(user);
+    this.currentUser.next(user);
   }
 
-  changeChatIDs(pChatIDs: number[]) {
-    this.chatIDsSource.next(pChatIDs);
+  changeUserInfo(user: User) {
+    this.currentUser.next(user);
   }
 }

src/app/services/document.service.spec.ts

@@ -1,12 +0,0 @@
-import {TestBed} from '@angular/core/testing';
-
-import {DocumentService} from './document.service';
-
-describe('DocumentService', () => {
-  beforeEach(() => TestBed.configureTestingModule({}));
-
-  it('should be created', () => {
-    const service: DocumentService = TestBed.get(DocumentService);
-    expect(service).toBeTruthy();
-  });
-});

src/app/services/document.service.ts

@@ -1,39 +0,0 @@
-import {Injectable} from '@angular/core';
-
-import {Socket} from 'ngx-socket-io';
-
-import {Document} from '../models/document';
-
-@Injectable({
-  providedIn: 'root'
-})
-export class DocumentService {
-  currentDocument = this.socket.fromEvent<Document>('document');
-  documents = this.socket.fromEvent<string[]>('documents');
-
-  constructor(private socket: Socket) {
-  }
-
-  getDocument(id: string) {
-    this.socket.emit('getDoc', id);
-  }
-
-  newDocument() {
-    this.socket.emit('addDoc', {id: this.docId(), doc: ''});
-  }
-
-  editDocument(document: Document) {
-    this.socket.emit('editDoc', document);
-  }
-
-  private docId() {
-    let text = '';
-    const possible = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
-
-    for (let i = 0; i < 5; i++) {
-      text += possible.charAt(Math.floor(Math.random() * possible.length));
-    }
-
-    return text;
-  }
-}

src/app/services/feed/feed.service.ts

@@ -99,8 +99,8 @@ export enum Sort {
 })
 export class FeedService extends BaseService {
 
-  constructor(private http: HttpClient) {
-    super();
+  constructor(http: HttpClient) {
+    super(http);
   }
 
   public postsAvailable = new BehaviorSubject<boolean>(true);
@@ -159,7 +159,7 @@ export class FeedService extends BaseService {
    * @param body
    */
   private createPostRequest(body: { variables: any; query: string }) {
-    return this.http.post(environment.graphQLUrl, body, {headers: this.headers})
+    return this.postGraphql(body, null, 0)
       .pipe(tap(response => {
         if (this.activePostList === Sort.NEW) {
           const updatedPosts = this.posts.getValue();
@@ -180,7 +180,7 @@ export class FeedService extends BaseService {
       }
     };
 
-    return this.http.post(environment.graphQLUrl, body, {headers: this.headers}).pipe(this.retryRated());
+    return this.postGraphql(body);
   }
 
   /**
@@ -194,7 +194,7 @@ export class FeedService extends BaseService {
       }
     };
 
-    return this.http.post(environment.graphQLUrl, body, {headers: this.headers}).pipe(this.retryRated());
+    return this.postGraphql(body);
   }
 
   /**

src/app/services/group/group.service.ts

@@ -29,8 +29,8 @@ export class GroupService extends BaseService {
 
   public group: BehaviorSubject<Group> = new BehaviorSubject(new Group());
 
-  constructor(private http: HttpClient) {
-    super();
+  constructor(http: HttpClient) {
+    super(http);
   }
 
   /**
@@ -70,8 +70,7 @@ export class GroupService extends BaseService {
       }
     };
 
-    this.http.post(environment.graphQLUrl, body, {headers: this.headers})
-    .pipe(this.retryRated())
+    return this.postGraphql(body, null, 0)
     .pipe(tap(response => {
       const event = new Event();
       event.assignFromResponse(response.data.createEvent);
@@ -82,8 +81,6 @@ export class GroupService extends BaseService {
   }
 
   public joinEvent(eventId: string) {
-    const headers = new Headers();
-    headers.set('Content-Type', 'application/json');
     const body = {
       query: `mutation($eventId: ID!) {
       joinEvent(eventId: $eventId) {
@@ -93,7 +90,7 @@ export class GroupService extends BaseService {
         eventId: eventId
       }
     };
-    return this.http.post(environment.graphQLUrl, body, {headers: this.headers})
+    return this.postGraphql(body)
       .pipe(this.retryRated());
   }
 
@@ -109,16 +106,13 @@ export class GroupService extends BaseService {
         eventId: eventId
       }
     };
-    return this.http.post(environment.graphQLUrl, body, {headers: this.headers})
-      .pipe(this.retryRated());
+    return this.postGraphql(body);
   }
 
   public changeProfilePicture(file: any, id: number) {
     const formData: any = new FormData();
     formData.append('groupPicture', file);
     formData.append('groupId', id);
-    return this.http.post<IFileUploadResult>(environment.greenvironmentUrl + '/upload', formData)
-      .pipe(this.retryRated());
+    return this.post<IFileUploadResult>(environment.greenvironmentUrl + '/upload', formData);
   }
-
 }

src/app/services/login/login.service.ts

@@ -43,13 +43,17 @@ const graphqlQuery = `mutation($email: String!, $pwHash: String!) {
   }
 }`;
 
+const logoutGqlQuery = `mutation {
+        logout
+      }`;
+
 @Injectable({
   providedIn: 'root'
 })
 export class LoginService extends BaseService {
 
-  constructor(private http: HttpClient, private datasharingService: DatasharingService) {
-    super();
+  constructor(http: HttpClient, private datasharingService: DatasharingService) {
+    super(http);
   }
 
   /**
@@ -66,17 +70,33 @@ export class LoginService extends BaseService {
     };
   }
 
+  /**
+   * Builds a logout request
+   */
+  public static buildLogoutBody(): any {
+    return {
+      query: logoutGqlQuery
+    };
+  }
+
   /**
    * Performs a login request and returns the data of the logged in user.
    * @param login
    */
   public login(login: Login) {
     const body = LoginService.buildRequestBody(login);
-    return this.http.post<ILoginRequestResult>(environment.graphQLUrl, body, {headers: this.headers})
+    return this.postGraphql<ILoginRequestResult>(body, null, 0)
       .pipe(tap(response => {
         const user = new User();
         user.assignFromResponse(response.data.login);
         this.datasharingService.changeUserInfo(user);
       }));
   }
+
+  /**
+   * Loggs out
+   */
+  public logout() {
+    return this.postGraphql(LoginService.buildLogoutBody());
+  }
 }

src/app/services/profile/profile.service.ts

@@ -51,8 +51,8 @@ const graphqlGetProfileQuery = `query($userId: ID) {
 })
 export class ProfileService extends BaseService {
 
-  constructor(private http: HttpClient) {
-    super();
+  constructor(http: HttpClient) {
+    super(http);
   }
 
   public proflile: Subject<any> = new Subject();
@@ -77,8 +77,7 @@ export class ProfileService extends BaseService {
   public getUserData(userId: string) {
     const headers = new Headers();
     headers.set('Content-Type', 'application/json');
-    this.http.post(environment.graphQLUrl, ProfileService.buildGetProfileBody(userId))
-      .pipe(this.retryRated())
+    this.postGraphql(ProfileService.buildGetProfileBody(userId))
       .subscribe(result => {
       this.proflile.next(this.getProfileData(result));
       return this.proflile;

src/app/services/request/request.service.ts

@@ -1,18 +1,74 @@
 import {Injectable} from '@angular/core';
-import {Headers, Http} from '@angular/http';
 import {DatasharingService} from '../datasharing.service';
 import {Router} from '@angular/router';
-import {environment} from 'src/environments/environment';
 import {User} from 'src/app/models/user';
 import {GroupInfo} from 'src/app/models/groupinfo';
+import {HttpClient} from '@angular/common/http';
+import {BaseService} from '../base.service';
 
 
+const denyRequestGqlQuery = `mutation($id: ID!) {
+  denyRequest(sender: $id, type: FRIENDREQUEST)
+}`;
+
+const acceptRequestGqlQuery = `mutation($id: ID!) {
+  acceptRequest(sender: $id, type: FRIENDREQUEST)
+}`;
+
+const sendRequestGqlQuery = `mutation($id: ID!, $type: RequestType) {
+  sendRequest(receiver: $id, type: $type) {
+    id
+  }
+}`;
+
 @Injectable({
   providedIn: 'root'
 })
-export class RequestService {
+export class RequestService extends BaseService {
+
+  constructor(http: HttpClient, private data: DatasharingService, private router: Router) {
+    super(http);
+  }
+
+  private static buildDenyRequestBody(id: number): any {
+    return {
+      query: denyRequestGqlQuery
+      , variables: {
+        id
+      }
+    };
+  }
+
+  private static buildAcceptRequestBody(id: number): any {
+    return {
+      query: acceptRequestGqlQuery
+      , variables: {
+        id
+      }
+    };
+  }
 
-  constructor(private http: Http, private data: DatasharingService, private router: Router) {
+  private static buildJoinGroupBody(id: number): any {
+    return {
+      query: `mutation($id: ID!) {
+        joinGroup(id: $id) {
+          id
+        }
+      }`
+      , variables: {
+        id
+      }
+    };
+  }
+
+  private static buildSendRequestBody(id: number, type: String): any {
+    return {
+      query: sendRequestGqlQuery
+      , variables: {
+        id,
+        type
+      }
+    };
   }
 
   public isAllowedToSendRequest(userID: number, self: User): boolean {
@@ -55,74 +111,38 @@ export class RequestService {
     return true;
   }
 
+  /**
+   * Sends a send request
+   * @param user
+   */
   public sendFriendRequest(user: User) {
-    this.data.addSentRequestUserID(user.userID);
-    const headers = new Headers();
-    headers.set('Content-Type', 'application/json');
-    this.http.post(environment.graphQLUrl, this.buildJsonRequest(user.userID, 'FRIENDREQUEST'))
-      .subscribe(response => {
+    this.postGraphql(RequestService.buildSendRequestBody(user.userID, 'FRIENDREQUEST'))
+      .subscribe(() => {
+        this.data.addSentRequestUserID(user.userID);
       });
   }
 
+  /**
+   * Joins a group
+   * @param group
+   */
   public joinGroup(group: GroupInfo) {
-    const headers = new Headers();
-    headers.set('Content-Type', 'application/json');
-    this.http.post(environment.graphQLUrl, this.buildJsonJoinGroup(group.id))
-      .subscribe(response => {
-      });
+    return this.postGraphql(RequestService.buildJoinGroupBody(group.id));
   }
 
-  public buildJsonRequest(id_: number, type_: String): any {
-    const body = {
-      query: `mutation($id: ID!, $type: RequestType) {
-        sendRequest(receiver: $id, type: $type) {
-          id
-        }
-      }`
-      , variables: {
-        id: id_,
-        type: type_
-      }
-    };
-    return body;
+  /**
+   * Accepts a request
+   * @param id
+   */
+  public acceptRequest(id: number) {
+    return this.postGraphql(RequestService.buildAcceptRequestBody(id));
   }
 
-  public buildJsonJoinGroup(id_: number): any {
-    const body = {
-      query: `mutation($id: ID!) {
-        joinGroup(id: $id) {
-          id
-        }
-      }`
-      , variables: {
-        id: id_
-      }
-    };
-    return body;
+  /**
+   * Denys a request
+   * @param id
+   */
+  public denyRequest(id: number) {
+    return this.postGraphql(RequestService.buildDenyRequestBody(id));
   }
-
-  public buildJsonAcceptRequest(id_: number): any {
-    const body = {
-      query: `mutation($id: ID!) {
-        acceptRequest(sender: $id, type: FRIENDREQUEST)
-      }`
-      , variables: {
-        id: id_
-      }
-    };
-    return body;
-  }
-
-  public buildJsonDenyRequest(id_: number): any {
-    const body = {
-      query: `mutation($id: ID!) {
-        denyRequest(sender: $id, type: FRIENDREQUEST)
-      }`
-      , variables: {
-        id: id_
-      }
-    };
-    return body;
-  }
-
 }

src/app/services/search/search.service.ts

@@ -42,8 +42,8 @@ const graphqlQuery = `query($query: String!, $first: Int, $offset: Int) {
   providedIn: 'root'
 })
 export class SearchService extends BaseService {
-  constructor(private http: HttpClient, private data: DatasharingService, private router: Router) {
-    super();
+  constructor(http: HttpClient, private data: DatasharingService, private router: Router) {
+    super(http);
   }
 
   /**
@@ -102,7 +102,7 @@ export class SearchService extends BaseService {
    */
   public search(query: string): Observable<ISearchRequestResult> {
     const body = SearchService.buildRequestBody(query);
-    return this.http.post<ISearchRequestResult>(environment.graphQLUrl, body, {headers: this.headers})
+    return this.postGraphql<ISearchRequestResult>(body)
       .pipe(this.retryRated());
   }
 }

src/app/services/selfservice/self.service.ts

@@ -41,8 +41,8 @@ const getSelfGraphqlQuery = `{
 })
 export class SelfService extends BaseService {
 
-  constructor(private http: HttpClient, private data: DatasharingService) {
-    super();
+  constructor(http: HttpClient, private data: DatasharingService) {
+    super(http);
   }
 
   /**
@@ -62,8 +62,7 @@ export class SelfService extends BaseService {
     const headers = new Headers();
     headers.set('Content-Type', 'application/json');
 
-    return this.http.post(url, SelfService.buildGetSelfBody(), {headers: this.headers})
-      .pipe(this.retryRated())
+    return this.postGraphql(SelfService.buildGetSelfBody())
       .pipe(tap(response => {
         this.updateUserInfo(response);
       }));
@@ -76,7 +75,7 @@ export class SelfService extends BaseService {
   public changeProfilePicture(file: any) {
     const formData: any = new FormData();
     formData.append('profilePicture', file);
-    return this.http.post<IFileUploadResult>(environment.greenvironmentUrl + '/upload', formData)
+    return this.post<IFileUploadResult>(environment.greenvironmentUrl + '/upload', formData, null, 0)
       .pipe(this.retryRated());
   }
 

src/app/services/social/social.service.ts

@@ -14,8 +14,8 @@ const graphqlCreateGroupQuery = `mutation($name: String!) {
 })
 export class SocialService extends BaseService {
 
-  constructor(private http: HttpClient) {
-    super();
+  constructor(http: HttpClient) {
+    super(http);
   }
 
   /**
@@ -36,7 +36,6 @@ export class SocialService extends BaseService {
    */
   createGroup(name: string) {
     const body = SocialService.buildGroupCreateBody(name);
-    return this.http.post(environment.graphQLUrl, body, {headers: this.headers})
-      .pipe(this.retryRated());
+    return this.postGraphql(body);
   }
 }

src/manifest.webmanifest

@@ -1,7 +1,7 @@
 {
   "name": "greenvironment",
   "short_name": "greenvironment",
-  "theme_color": "#1976d2",
+  "theme_color": "#8bc34a",
   "background_color": "#fafafa",
   "display": "standalone",
   "scope": "/",