Revize 9c7b1b63

Re #7462 Dashboard connected to GET methods of REST API

webapp/src/app/dashboard/employer-dashboard/employer-dashboard.component.ts

@@ -1 @@
-import { Component, OnInit } from '@angular/core';
-import { UserToApprove } from '../../user-approval/user-to-approve.model';
-import { DaysOff } from '../../shared/days-off.model';
-import { OffDayType } from '../../shared/off-day-type';
+import {Component, Input, OnInit} from '@angular/core';
 import { MatDialog } from '@angular/material';
 import { AddDaysOffDialogComponent } from '../../add-days-off-dialog/add-days-off-dialog.component';
+import {UsersService} from '../../services/users.service';
+import {Requests} from '../../models/requests.model';
+import {UserProfile} from '../../models/user-profile.model';
+import {UserService} from '../../services/user.service';
+import {ProfileService} from "../../services/profile.service";
 
 @Component({
   selector: 'app-employer-dashboard',
@@ -12 +14 @@
 })
 export class EmployerDashboardComponent implements OnInit {
 
-  usersToApprove: UserToApprove[] = [
-    { date: new Date(), email: '[e-mail]', name: 'Václav Jirák' },
-    { date: new Date(), email: '[e-mail]', name: 'Věnceslav Kárij' }
-  ];
+  @Input() profile: UserProfile;
+  private authorizationRequests: Requests;
+  private daysOffRequests: Requests;
 
-  daysOffToApprove: DaysOff[] = [
-    { username: 'Václav Jirák', dateFrom: new Date(2019, 10, 13), dateTo: new Date(), type: OffDayType.Sickday },
-    { username: 'Václav Jirák', dateFrom: new Date(2019, 10, 1), dateTo: new Date(), type: OffDayType.ExtraVacation },
-  ];
-
-  daysOff: DaysOff[] = [
-    {
-      username: '',
-      dateFrom: new Date(2019, 5, 5),
-      dateTo: new Date(2019, 5, 6),
-      type: OffDayType.ExtraVacation
-    },
-    {
-      username: '',
-      dateFrom: new Date(2019, 5, 8),
-      dateTo: new Date(2019, 5, 8),
-      type: OffDayType.Sickday
-    },
-    {
-      username: '',
-      dateFrom: new Date(2019, 3, 8),
-      dateTo: new Date(2019, 3, 9),
-      type: OffDayType.Sickday
-    },
-  ];
-
-  oncomingDaysOff: DaysOff[] = [];
-
-  constructor(public dialog: MatDialog) { }
+  constructor(
+    public dialog: MatDialog,
+    private profileService: ProfileService,
+    // API
+    private userService: UserService,
+    private usersService: UsersService
+  ) { }
 
   ngOnInit() {
-    this.oncomingDaysOff = this.calculateComingDaysOff();
-  }
+    this.profileService.getProfile()
+      .subscribe((data: UserProfile) => this.profile = data);
 
-  onDateSelect( date: Date ) {
-    this.dialog.open(AddDaysOffDialogComponent, {
-      data: {
-        fromDate: date
-      }
-    });
-  }
+    this.usersService.getAuthorizationRequests()
+      .subscribe((data: Requests) => this.authorizationRequests = data);
 
-  userApproved( user: UserToApprove, approved: boolean ) {
-    console.log(user.name + ' - approved: ' + approved);
-    this.usersToApprove.splice(
-      this.usersToApprove.indexOf(user), 1
-    );
+    this.usersService.getVacationRequests()
+      .subscribe((data: Requests) => this.daysOffRequests = data);
   }
 
-  daysOffApproved(daysOff: DaysOff, approved: boolean) {
-    console.log(daysOff.username + ', ' + approved);
-    this.daysOffToApprove.splice(
-      this.daysOffToApprove.indexOf(daysOff), 1
-    );
+  private userApproved(requestId: number, approved: boolean) {
+    // TODO api post call
+    this.authorizationRequests.authorization.splice(0, 1);
   }
 
-  daysOffRemoved(daysOff: DaysOff) {
-    this.daysOff.splice(
-      this.daysOff.indexOf(daysOff), 1
-    );
-    this.oncomingDaysOff.splice(
-      this.oncomingDaysOff.indexOf(daysOff), 1
-    );
+  private daysOffApproved(requestId: number, approved: boolean) {
+    // TODO api post call
+    this.daysOffRequests.vacation.splice(0, 1);
   }
 
-  private calculateComingDaysOff(): DaysOff[] {
-    let oncomingDaysOff: DaysOff[] = [];
-
-    const today = new Date();
-    this.daysOff.forEach((dayOff) => {
-      if (dayOff.dateTo >= today) {
-        oncomingDaysOff.push(dayOff);
+  onDateSelect( date: Date ) {
+    this.dialog.open(AddDaysOffDialogComponent, {
+      data: {
+        fromDate: date
       }
     });
-
-    return oncomingDaysOff;
   }
 }