issue-20 #46
@ -1,4 +1,4 @@
|
||||
import {Component, EventEmitter, Output, ViewChild} from "@angular/core";
|
||||
import {Component, EventEmitter, Input, OnChanges, OnInit, Output, ViewChild} from "@angular/core";
|
||||
import {MatDatepicker} from "@angular/material/datepicker";
|
||||
import {NgxMaterialTimepickerComponent, NgxMaterialTimepickerToggleComponent} from "ngx-material-timepicker";
|
||||
import {FormControl, Validators} from "@angular/forms";
|
||||
@ -8,11 +8,13 @@ import {FormControl, Validators} from "@angular/forms";
|
||||
templateUrl: './date-time-picker.component.html',
|
||||
styleUrls: ['./date-time-picker.component.css']
|
||||
})
|
||||
export class DateTimePickerComponent {
|
||||
export class DateTimePickerComponent implements OnInit, OnChanges{
|
||||
@ViewChild('picker') picker?: MatDatepicker<any>;
|
||||
@ViewChild('toggleTimepicker') toggleTimepicker?: NgxMaterialTimepickerComponent
|
||||
@Output('onTimeSet') timeSet: EventEmitter<Date> = new EventEmitter<Date>();
|
||||
|
||||
@Input('date') date: Date | undefined
|
||||
|
||||
dateControl: FormControl = new FormControl('', [Validators.required])
|
||||
timeControl: FormControl = new FormControl('', [Validators.required])
|
||||
constructor() { }
|
||||
@ -21,6 +23,12 @@ export class DateTimePickerComponent {
|
||||
|
||||
}
|
||||
|
||||
ngOnChanges() {
|
||||
if(this.date != undefined) {
|
||||
this.setDateTime(this.date);
|
||||
}
|
||||
}
|
||||
|
||||
setDateTime(date: Date) {
|
||||
console.log(date)
|
||||
this.dateControl.setValue(date);
|
||||
|
@ -2,7 +2,7 @@ import {Component, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges
|
||||
import {FormControl, Validators} from "@angular/forms";
|
||||
import {
|
||||
BasicScheduleEntityInfo,
|
||||
BasicScheduleInfo,
|
||||
BasicScheduleInfo, ScheduleInfo,
|
||||
ScheduleService,
|
||||
TaskEntityInfo,
|
||||
TaskgroupEntityInfo
|
||||
@ -20,7 +20,7 @@ export class BasicSchedulerComponent implements OnChanges{
|
||||
dateCtrl: FormControl = new FormControl('', [Validators.required])
|
||||
@Input('taskgroup') taskgroup: TaskgroupEntityInfo | undefined
|
||||
@Input('task') task: TaskEntityInfo | undefined
|
||||
@Input('scheduleInfo') scheduleEntityInfo: BasicScheduleEntityInfo | undefined
|
||||
@Input('scheduleInfo') scheduleEntityInfo: ScheduleInfo | undefined
|
||||
@Output('onSchedule') scheduleEmitter: EventEmitter<BasicScheduleEntityInfo> = new EventEmitter<BasicScheduleEntityInfo>();
|
||||
|
||||
constructor(private scheduleService: ScheduleService,
|
||||
@ -72,13 +72,10 @@ export class BasicSchedulerComponent implements OnChanges{
|
||||
|
||||
ngOnChanges(): void {
|
||||
if(this.scheduleEntityInfo != undefined) {
|
||||
this.dateCtrl.setValue(this.scheduleEntityInfo!.scheduleID)
|
||||
const schedule = this.scheduleEntityInfo as BasicScheduleInfo
|
||||
this.dateCtrl.setValue(schedule.scheduleDate)
|
||||
}
|
||||
}
|
||||
|
||||
setEditedBasicSchedule(basicSchedule: BasicScheduleEntityInfo) {
|
||||
this.dateCtrl.setValue(basicSchedule.scheduleDate)
|
||||
this.scheduleEntityInfo = basicSchedule;
|
||||
console.log(this.dateCtrl.value)
|
||||
}
|
||||
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user