Revize 366930a6

Re #7499 User profile component initialized

webapp/src/app/employees/employees-list.component.ts

@@ -88 +88 @@
   private toSettings(data): Settings {
     return {
       sickdayCount: data.sickdayCount,
-      notification: this.dateFormatterService.formatDate(data.notificationDatetime)
+      notification: this.dateFormatterService.formatDatetime(data.notificationDatetime)
     };
   }
 

webapp/src/app/employees/employees.module.ts

@@ -16 +16 @@
 import {DefaultSettingsDialogComponent} from './default-settings-dialog/default-settings-dialog.component';
 import {NgbTimepickerModule} from '@ng-bootstrap/ng-bootstrap';
 import {SharedModule} from '../shared/shared.module';
+import { UserProfileDialogComponent } from './user-profile/user-profile-dialog.component';
 
 @NgModule({
   declarations: [
     EmployeesListComponent,
     EditEmployeeDialogComponent,
-    DefaultSettingsDialogComponent
+    DefaultSettingsDialogComponent,
+    UserProfileDialogComponent
   ],
   imports: [
     CommonModule,
@@ -38 +40 @@
   ],
   entryComponents: [
     EditEmployeeDialogComponent,
-    DefaultSettingsDialogComponent
+    DefaultSettingsDialogComponent,
+    UserProfileDialogComponent
   ]
 })
 export class EmployeesModule { }

webapp/src/app/employees/user-profile/user-profile-dialog.component.html

@@ +1 @@
+<p>
+  user-profile works!
+</p>

webapp/src/app/employees/user-profile/user-profile-dialog.component.ts

@@ +1 @@
+import {Component, Inject, OnInit} from '@angular/core';
+import {MAT_DIALOG_DATA, MatDialogRef} from '@angular/material';
+import {UserProfile} from '../../models/user.model';
+import {Calendar} from '../../models/calendar.model';
+
+@Component({
+  selector: 'app-user-profile',
+  templateUrl: './user-profile-dialog.component.html',
+  styleUrls: ['./user-profile-dialog.component.sass']
+})
+export class UserProfileDialogComponent implements OnInit {
+
+  constructor(
+    public dialogRef: MatDialogRef<UserProfileDialogComponent>,
+    @Inject(MAT_DIALOG_DATA) public data: UserProfileDialogData
+  ) { }
+
+  ngOnInit() {
+  }
+
+  onCloseClick(): void {
+    this.dialogRef.close({
+      isConfirmed: false
+    });
+  }
+}
+
+export class UserProfileDialogData {
+  profile: UserProfile;
+  calendar: Calendar[];
+}

webapp/src/app/services/api/user.service.ts

@@ -78 +78 @@
     return this.makeGetCalendarApiCall('me', from, to, language, status);
   }
 
+  /**
+   * Returns vacation and sick days in interval between given dates
+   * @param id user's id
+   * @param from days from this date forward
+   * @param to limit returned days, returns <from, to>
+   * @param language error's language
+   * @param status filter by status
+   */
+  getUserCalendarWithOptions(id: string, from: Date, to: Date, language: Languages, status: RequestStatus) {
+    return this.makeGetCalendarApiCall(id, from, to, language, status);
+  }
+
   /**
    * Post user calendar using POST
    * @param calendar to be posted

webapp/src/app/services/util/date-formatter.service.ts

@@ -10 +10 @@
    * Formats date to a following format: yyyy/mm/dd hh:mm:ss
    * @param date Date which is formatted
    */
-  formatDate(date: Date): string {
+  formatDatetime(date: Date): string {
     let result = '';
 
     result += this.formatToDoubleDigits(date.getFullYear()) + '/';
@@ -24 +24 @@
     return result;
   }
 
+  /**
+   * Formats date to a following format: yyyy/mm/dd
+   * @param date Date which is formatted
+   */
+  formatDate(date: Date): string {
+    let result = '';
+
+    result += this.formatToDoubleDigits(date.getFullYear()) + '/';
+    result += this.formatToDoubleDigits(date.getMonth() + 1) + '/';
+    result += this.formatToDoubleDigits(date.getDate());
+
+    return result;
+  }
+
   /**
    * Formats passed number to double digits format (e.g. - 3 -> '03')
    * @param number Number which is formatted