Revize c8151f28

Edit vacation component removed

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

@@ -18 +18 @@
         ></app-days-off-approval>
       </div>
 
-      <div class="employer-dashboard-coming-vacation">
+      <div class="employer-dashboard-oncoming-days-off"
+           *ngIf="oncomingVacation && oncomingVacation.length > 0">
         <app-coming-days-off
           [oncomingVacation]="oncomingVacation"
-          (vacationEdit)="editVacation($event)"
           (vacationRemove)="removeVacation($event)"
         ></app-coming-days-off>
       </div>

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

@@ -66 +66 @@
       .subscribe(e => this.loadOncomingVacation());
   }
 
-  editVacation(vac: Calendar) {
-    // this.dialog.open(EditVacationDialogComponent, {
-    //   data: {
-    //     vacation: vac
-    //   }
-    // });
-  }
-
   onDateSelect( date: Date ) {
     this.dialog
       .open(AddVacationDialogComponent, {

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

@@ -9 +9 @@
 import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
 import {AddVacationDialogModule} from '../../add-vacation-dialog/add-vacation-dialog.module';
 import {MatDialogModule} from '@angular/material';
-import {EditVacationDialogModule} from '../../edit-vacation-dialog/edit-vacation-dialog.module';
 
 @NgModule({
   declarations: [ EmployerDashboardComponent ],
@@ -24 +23 @@
     OncomingVacationModule,
     BrowserAnimationsModule,
     AddVacationDialogModule,
-    EditVacationDialogModule,
     MatDialogModule
   ]
 })

webapp/src/app/edit-vacation-dialog/edit-vacation-dialog.component.html

@@ -1 @@
-<h1 mat-dialog-title>Úprava volna</h1>
-
-<div mat-dialog-content>
-  <div>
-    <label id="days-off-type-radio-group-label" class="dialog-label">Typ volna</label>
-    <mat-radio-group aria-labelledby="days-off-type-radio-group-label" class="days-off-type-radio-group" [(ngModel)]="selectedVacationType">
-      <mat-radio-button class="days-off-type-radio-button" *ngFor="let type of vacationTypes" [value]="type" >
-        {{type}}
-      </mat-radio-button>
-    </mat-radio-group>
-  </div>
-
-  <div class="datetime-interval">
-    <div class="from-datetime">
-      <label for="from-datetime-input" class="dialog-label">Od:</label>
-      <div class="datetime-picker">
-        <mat-form-field>
-          <input id="from-datetime-input" matInput [matDatepicker]="startDatePicker" [(ngModel)]="data.fromDate">
-          <mat-datepicker-toggle matSuffix [for]="startDatePicker"></mat-datepicker-toggle>
-          <mat-datepicker #startDatePicker></mat-datepicker>
-        </mat-form-field>
-        <ngb-timepicker [(ngModel)]="data.fromTime" [minuteStep]="MINUTE_STEP"></ngb-timepicker>
-      </div>
-    </div>
-
-    <div class="to-datetime">
-      <label for="to-datetime-input" class="dialog-label">Do:</label>
-      <div class="datetime-picker">
-        <mat-form-field>
-          <input id="to-datetime-input" matInput [matDatepicker]="endDatePicker" [(ngModel)]="data.toDate">
-          <mat-datepicker-toggle matSuffix [for]="endDatePicker"></mat-datepicker-toggle>
-          <mat-datepicker #endDatePicker></mat-datepicker>
-        </mat-form-field>
-        <ngb-timepicker [(ngModel)]="data.toTime" [minuteStep]="MINUTE_STEP"></ngb-timepicker>
-      </div>
-    </div>
-  </div>
-</div>
-
-<div mat-dialog-actions align="end">
-  <button mat-raised-button color="primary" (click)="onConfirmClick()">Potvrdit</button>
-  <button mat-raised-button color="basic" (click)="onCloseClick()">Zavřít</button>
-</div>

webapp/src/app/edit-vacation-dialog/edit-vacation-dialog.component.sass

@@ -1 @@
-.dialog-label
-  display: block
-  font-weight: bold
-
-.datetime-picker > *
-  display: table-cell
-
-.days-off-type-radio-group
-  display: flex
-  flex-direction: column
-  margin: 15px 0

webapp/src/app/edit-vacation-dialog/edit-vacation-dialog.component.ts

@@ -1 @@
-import {Component, Inject} from '@angular/core';
-import {MAT_DIALOG_DATA, MatDialogRef, MatSnackBar} from '@angular/material';
-import {Calendar} from '../models/calendar.model';
-
-@Component({
-  selector: 'app-edit-days-off-dialog',
-  templateUrl: './edit-vacation-dialog.component.html',
-  styleUrls: ['./edit-vacation-dialog.component.sass']
-})
-export class EditVacationDialogComponent {
-  MINUTE_STEP = 15;
-
-  constructor(
-    public dialogRef: MatDialogRef<EditVacationDialogComponent>,
-    @Inject(MAT_DIALOG_DATA) public data: EditVacationDialogData,
-    private snackBar: MatSnackBar
-  ) {
-  }
-
-  onConfirmClick(): void {
-    this.dialogRef.close({
-      edited: true,
-      date: this.data.vacation.date,
-      from: this.data.vacation.from,
-      to: this.data.vacation.to
-    });
-  }
-
-  onCloseClick(): void {
-    this.dialogRef.close({
-        edited: false
-      }
-    );
-  }
-}
-
-export interface EditVacationDialogData {
-  vacation: Calendar;
-}

webapp/src/app/edit-vacation-dialog/edit-vacation-dialog.module.ts

@@ -1 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import {
-  MatButtonModule,
-  MatDialogModule,
-  MatDatepickerModule,
-  MatNativeDateModule,
-  MatInputModule, MatRadioModule, MatSnackBarModule
-} from '@angular/material';
-import {NgbModule} from '@ng-bootstrap/ng-bootstrap';
-import {FormsModule, ReactiveFormsModule} from '@angular/forms';
-import {BrowserModule} from '@angular/platform-browser';
-import {EditVacationDialogComponent} from './edit-vacation-dialog.component';
-
-@NgModule({
-  declarations: [EditVacationDialogComponent],
-  imports: [
-    CommonModule,
-    BrowserAnimationsModule,
-    MatButtonModule,
-    MatDialogModule,
-    NgbModule,
-    FormsModule,
-    MatDatepickerModule,
-    MatNativeDateModule,
-    ReactiveFormsModule,
-    BrowserModule,
-    MatInputModule,
-    MatRadioModule,
-    MatSnackBarModule
-  ],
-  exports: [
-    EditVacationDialogComponent
-  ],
-  entryComponents: [
-    EditVacationDialogComponent
-  ]
-})
-export class EditVacationDialogModule { }

webapp/src/app/oncoming-vacation/oncoming-vacation.component.ts

@@ -12 +12 @@
 
   @Output() vacationRemove = new EventEmitter<Calendar>();
 
-  @Output() vacationEdit = new EventEmitter<Calendar>();
-
   constructor() { }
 
   ngOnInit() { }