Revize 8bb488f9

Re #7263 Free days renamed to Off days

frontend/src/app/free-days-approval/free-days-approval.component.html

@@ -1 @@
-<div class="tasks-container">
-
-  <div class="component-header">
-    Schvalování volna
-  </div>
-
-  <div class="tasks-list">
-    <div class="row tasks-header">
-      <div class="col-md-3"> Jméno </div>
-      <div class="col-md-3"> Typ volna </div>
-      <div class="col-md-2"> Od </div>
-      <div class="col-md-2"> Do </div>
-      <div class="col-md-2"></div>
-    </div>
-
-    <div class="row task-container" *ngFor="let task of tasksToComplete">
-      <div class="col-md-3">
-        {{task.username}}
-      </div>
-
-      <div class="col-md-3">
-        {{freeDayTypeToString(task.taskType)}}
-      </div>
-
-      <div class="col-md-2">
-        {{task.dateFrom | date:'yyyy/MM/dd'}}
-      </div>
-      <div class="col-md-2">
-        {{task.dateTo | date:'yyyy/MM/dd'}}
-      </div>
-      <div class="col-md-2">
-        <div class="btn btn-success approve-user-btn" (click)="taskCompleted(task, true)">✓</div>
-        <div class="btn btn-danger reject-user-btn"   (click)="taskCompleted(task, false)">X</div>
-      </div>
-    </div>
-  </div>
-
-</div>

frontend/src/app/free-days-approval/free-days-approval.component.sass

@@ -1 @@
-@import '../../common-styles/basic-component'
-
-.tasks-container
-  @extend .basic-component
-
-  .tasks-header
-    padding: 10px
-    margin: 0
-    font-weight: bold
-
-  .task-container
-    border-bottom: 1px solid gainsboro
-    margin: 0
-    padding: 10px
-    line-height: 35px
-
-    .approve-user-btn
-      margin-right: 2px

frontend/src/app/free-days-approval/free-days-approval.component.ts

@@ -1 @@
-import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
-import { FreeDaysToApprove } from './free-days-to-approve.model';
-import { FreeDayType } from '../shared/free-day-type';
-
-@Component({
-  selector: 'app-tasks',
-  templateUrl: './free-days-approval.component.html',
-  styleUrls: ['./free-days-approval.component.sass']
-})
-export class FreeDaysApprovalComponent implements OnInit {
-
-  @Input()  tasksToComplete: FreeDaysToApprove[];
-  @Output() taskCompletedAction = new EventEmitter<{task: FreeDaysToApprove, approved: boolean}>();
-
-  constructor() { }
-
-  ngOnInit() {
-  }
-
-  taskCompleted(completedTask: FreeDaysToApprove, isApproved: boolean ) {
-    this.taskCompletedAction.emit({task: completedTask, approved: isApproved});
-  }
-
-  private freeDayTypeToString(taskType: FreeDayType): string {
-    switch (taskType) {
-      case FreeDayType.ExtraVacation:
-        return 'Extra dovolená';
-      case FreeDayType.Sickday:
-        return 'Sickdays';
-    }
-  }
-}

frontend/src/app/free-days-approval/free-days-approval.module.ts

@@ -1 @@
-import { NgModule } from '@angular/core';
-import { FreeDaysApprovalComponent } from './free-days-approval.component';
-import { BrowserModule } from '@angular/platform-browser';
-
-@NgModule({
-  declarations: [ FreeDaysApprovalComponent ],
-  exports:      [ FreeDaysApprovalComponent ],
-  imports:      [ BrowserModule ]
-})
-export class FreeDaysApprovalModule { }

frontend/src/app/free-days-approval/free-days-to-approve.model.ts

@@ -1 @@
-import { FreeDayType } from '../shared/free-day-type';
-
-export class FreeDaysToApprove {
-  username: string;
-  dateFrom: Date;
-  dateTo: Date;
-  taskType: FreeDayType;
-}

frontend/src/app/off-days-approval/off-days-approval.component.html

@@ +1 @@
+<div class="tasks-container">
+
+  <div class="component-header">
+    Schvalování volna
+  </div>
+
+  <div class="tasks-list">
+    <div class="row tasks-header">
+      <div class="col-md-3"> Jméno </div>
+      <div class="col-md-3"> Typ volna </div>
+      <div class="col-md-2"> Od </div>
+      <div class="col-md-2"> Do </div>
+      <div class="col-md-2"></div>
+    </div>
+
+    <div class="row task-container" *ngFor="let task of tasksToComplete">
+      <div class="col-md-3">
+        {{task.username}}
+      </div>
+
+      <div class="col-md-3">
+        {{freeDayTypeToString(task.taskType)}}
+      </div>
+
+      <div class="col-md-2">
+        {{task.dateFrom | date:'yyyy/MM/dd'}}
+      </div>
+      <div class="col-md-2">
+        {{task.dateTo | date:'yyyy/MM/dd'}}
+      </div>
+      <div class="col-md-2">
+        <div class="btn btn-success approve-user-btn" (click)="taskCompleted(task, true)">✓</div>
+        <div class="btn btn-danger reject-user-btn"   (click)="taskCompleted(task, false)">X</div>
+      </div>
+    </div>
+  </div>
+
+</div>

frontend/src/app/off-days-approval/off-days-approval.component.sass

@@ +1 @@
+@import '../../common-styles/basic-component'
+
+.tasks-container
+  @extend .basic-component
+
+  .tasks-header
+    padding: 10px
+    margin: 0
+    font-weight: bold
+
+  .task-container
+    border-bottom: 1px solid gainsboro
+    margin: 0
+    padding: 10px
+    line-height: 35px
+
+    .approve-user-btn
+      margin-right: 2px

frontend/src/app/off-days-approval/off-days-approval.component.ts

@@ +1 @@
+import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
+import { OffDaysToApprove } from './off-days-to-approve.model';
+import { OffDayType } from '../shared/off-day-type';
+
+@Component({
+  selector: 'app-tasks',
+  templateUrl: './off-days-approval.component.html',
+  styleUrls: ['./off-days-approval.component.sass']
+})
+export class OffDaysApprovalComponent implements OnInit {
+
+  @Input()  tasksToComplete: OffDaysToApprove[];
+  @Output() taskCompletedAction = new EventEmitter<{task: OffDaysToApprove, approved: boolean}>();
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+  taskCompleted(completedTask: OffDaysToApprove, isApproved: boolean ) {
+    this.taskCompletedAction.emit({task: completedTask, approved: isApproved});
+  }
+
+  private freeDayTypeToString(taskType: OffDayType): string {
+    switch (taskType) {
+      case OffDayType.ExtraVacation:
+        return 'Extra dovolená';
+      case OffDayType.Sickday:
+        return 'Sickdays';
+    }
+  }
+}

frontend/src/app/off-days-approval/off-days-approval.module.ts

@@ +1 @@
+import { NgModule } from '@angular/core';
+import { OffDaysApprovalComponent } from './off-days-approval.component';
+import { BrowserModule } from '@angular/platform-browser';
+
+@NgModule({
+  declarations: [ OffDaysApprovalComponent ],
+  exports:      [ OffDaysApprovalComponent ],
+  imports:      [ BrowserModule ]
+})
+export class OffDaysApprovalModule { }

frontend/src/app/off-days-approval/off-days-to-approve.model.ts

@@ +1 @@
+import { OffDayType } from '../shared/off-day-type';
+
+export class OffDaysToApprove {
+  username: string;
+  dateFrom: Date;
+  dateTo: Date;
+  taskType: OffDayType;
+}

frontend/src/app/shared/free-day-type.ts

@@ -1 @@
-export enum FreeDayType {
-  ExtraVacation,
-  Sickday
-}

frontend/src/app/shared/off-day-type.ts

@@ +1 @@
+export enum OffDayType {
+  ExtraVacation,
+  Sickday
+}