Revize 558c8d57

Frontend refactored

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

@@ -1 @@
-import { Component, OnInit } from '@angular/core';
+import {Component, OnInit, ViewChild} from '@angular/core';
+import {MatDialog} from '@angular/material';
+import {AddVacationDialogComponent} from './add-vacation-dialog/add-vacation-dialog.component';
+import {UsersService} from '../services/api/users.service';
+import {AuthorizationRequest, VacationRequest} from '../models/requests.model';
+import {UserService} from '../services/api/user.service';
+import {UserProfile} from '../models/user.model';
+import {LocalizationService} from '../localization/localization.service';
+import {RequestStatus, RequestTypes, UserType} from '../enums/common.enum';
+import {Calendar} from '../models/calendar.model';
+import {DateToolsService} from '../services/util/date-tools.service';
 
 @Component({
   selector: 'app-dashboard',
@@ -6 +16 @@
   styleUrls: ['./dashboard.component.sass']
 })
 export class DashboardComponent implements OnInit {
+  @ViewChild('dayPicker') calendar;
 
-  constructor() { }
+  private profile: UserProfile;
+  private authorizationRequests: AuthorizationRequest[];
+  private vacationRequests: VacationRequest[];
+  private oncomingVacation: Calendar[];
+
+  private selectedMonth: Date;
+
+  constructor(
+    public dialog: MatDialog,
+    private localizationService: LocalizationService,
+    private dateToolsService: DateToolsService,
+    private userService: UserService,
+    private usersService: UsersService
+  ) { }
 
   ngOnInit() {
+    this.selectedMonth = this.dateToolsService.toStartOfMonth(new Date());
+
+    this.userService.getLoggedUserProfile()
+      .subscribe((data: UserProfile) => {
+        this.profile = data;
+        if (this.isEmployer()) {
+          this.loadAuthorizationRequests();
+          this.loadVacationRequests();
+        }
+      });
+
+    this.loadMonthVacation(this.selectedMonth);
+    this.loadOncomingVacation();
+  }
+
+  userApproved(requestId: number, approved: boolean) {
+    this.requestApproved(requestId, RequestTypes.AUTHORIZATION, approved)
+      .subscribe(() => this.loadAuthorizationRequests());
+  }
+
+  vacationApproved(requestId: number, approved: boolean) {
+    this.requestApproved(requestId, RequestTypes.VACATION, approved)
+      .subscribe(() => this.loadVacationRequests());
+  }
+
+  requestApproved(requestId: number, requestType: RequestTypes, approved: boolean) {
+    const request = {
+      id: requestId,
+      status: approved ? RequestStatus.ACCEPTED : RequestStatus.REJECTED
+    };
+
+    return this.userService.putUserRequestWithLanguage(request, requestType, this.localizationService.getCurrentLanguage());
+  }
+
+  removeVacation(vac: Calendar) {
+    this.userService.deleteCalendar(vac.id, this.localizationService.getCurrentLanguage())
+      .subscribe(() => {
+        this.loadOncomingVacation();
+        this.loadMonthVacation(this.selectedMonth);
+        this.loadProfile();
+      });
+  }
+
+  onDateSelect( date: Date ) {
+    this.dialog
+      .open(AddVacationDialogComponent, {
+        data: {
+          date
+        }
+      })
+      .afterClosed().subscribe(data => {
+      if (data && data.isConfirmed) {
+        this.userService.postCalendarWithLanguage(
+          {
+            date: data.date,
+            from: data.fromTime,
+            to: data.toTime,
+            type: data.vacationType
+          },
+          this.localizationService.getCurrentLanguage()
+        ).subscribe(() => {
+          this.loadMonthVacation(this.selectedMonth);
+          this.loadOncomingVacation();
+          this.loadProfile();
+        });
+      }
+    });
   }
 
+  onSelectedMonthChange(monthStart: Date) {
+    this.selectedMonth = monthStart;
+    this.loadMonthVacation(monthStart);
+  }
+
+  isEmployer(): boolean {
+    if (this.profile) {
+      return this.profile.role === UserType.EMPLOYER;
+    } else {
+      return false;
+    }
+  }
+
+  private loadProfile() {
+    this.userService.getLoggedUserProfile()
+      .subscribe((data: UserProfile) => this.profile = data);
+  }
+
+  private loadAuthorizationRequests() {
+    this.usersService.getAuthorizationRequestsWithLanguage(this.localizationService.getCurrentLanguage(), RequestStatus.PENDING)
+      .subscribe((data: AuthorizationRequest[]) => this.authorizationRequests = data);
+  }
+
+  private loadVacationRequests() {
+    this.usersService.getVacationRequestsWithLanguage(this.localizationService.getCurrentLanguage(), RequestStatus.PENDING)
+      .subscribe((data: VacationRequest[]) => this.vacationRequests = data);
+  }
+
+  private loadMonthVacation(month: Date) {
+    const fromDate = this.dateToolsService.toStartOfMonth(month);
+    const toDate = this.dateToolsService.toEndOfMonth(fromDate);
+
+    this.userService.getLoggedUserCalendarWithOptions(fromDate, toDate, this.localizationService.getCurrentLanguage(), RequestStatus.ACCEPTED)
+      .subscribe((data: Calendar[]) => {
+        if (data) {
+          this.calendar.setVacation(data);
+        }
+      });
+  }
+
+  private loadOncomingVacation() {
+    const fromDate = new Date();
+
+    this.userService.getLoggedUserCalendarWithOptions(fromDate, null, this.localizationService.getCurrentLanguage(), null)
+      .subscribe((data: Calendar[]) => this.oncomingVacation = data);
+  }
 }