_Bastler
104 lines
2.6 KiB
TypeScript
104 lines
2.6 KiB
TypeScript
import { Component, OnInit } from '@angular/core';
|
|
import { ControlValueAccessor, FormControl, NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
import * as moment from 'moment';
|
|
|
|
@Component({
|
|
selector: 'app-durationpicker',
|
|
templateUrl: './durationpicker.component.html',
|
|
styleUrls: [ './durationpicker.component.scss' ],
|
|
providers: [
|
|
{
|
|
provide: NG_VALUE_ACCESSOR,
|
|
multi: true,
|
|
useExisting: DurationpickerComponent
|
|
}
|
|
]
|
|
})
|
|
export class DurationpickerComponent implements OnInit, ControlValueAccessor {
|
|
|
|
days = new FormControl();
|
|
hours = new FormControl();
|
|
minutes = new FormControl();
|
|
|
|
duration: string;
|
|
model: moment.Duration;
|
|
onChange = (duration) => { };
|
|
onTouched = () => { };
|
|
isDisabled = false;
|
|
|
|
constructor() { }
|
|
|
|
ngOnInit(): void {
|
|
this.days.valueChanges.subscribe({
|
|
next: (value) => {
|
|
if (value < this.model.days()) {
|
|
this.model.subtract((this.model.days() - value), "days");
|
|
} else {
|
|
this.model.add((value - this.model.days()), "days");
|
|
}
|
|
this.checkValue();
|
|
}
|
|
})
|
|
|
|
this.hours.valueChanges.subscribe({
|
|
next: (value) => {
|
|
if (value < this.model.hours()) {
|
|
this.model.subtract((this.model.hours() - value), "hours");
|
|
} else {
|
|
this.model.add((value - this.model.hours()), "hours");
|
|
}
|
|
this.checkValue();
|
|
}
|
|
})
|
|
|
|
this.minutes.valueChanges.subscribe({
|
|
next: (value) => {
|
|
if (value < this.model.minutes()) {
|
|
this.model.subtract((this.model.minutes() - value), "minutes");
|
|
} else {
|
|
this.model.add((value - this.model.minutes()), "minutes");
|
|
}
|
|
this.checkValue();
|
|
}
|
|
})
|
|
}
|
|
|
|
checkValue() {
|
|
if (this.model.asMinutes() <= 0) {
|
|
this.days.setValue(0, { emitEvent: false });
|
|
this.hours.setValue(0, { emitEvent: false });
|
|
this.minutes.setValue(0, { emitEvent: false });
|
|
this.duration = null;
|
|
} else {
|
|
this.duration = this.model.toISOString();
|
|
}
|
|
|
|
this.onChange(this.duration);
|
|
this.onTouched();
|
|
}
|
|
|
|
|
|
|
|
writeValue(duration: string): void {
|
|
this.duration = duration;
|
|
this.model = moment.duration(this.duration);
|
|
this.days.setValue(this.model.days(), { emitEvent: false });
|
|
this.hours.setValue(this.model.hours()), { emitEvent: false };
|
|
this.minutes.setValue(this.model.minutes(), { emitEvent: false });
|
|
this.onTouched();
|
|
}
|
|
|
|
registerOnChange(onChange: any): void {
|
|
this.onChange = onChange;
|
|
}
|
|
|
|
registerOnTouched(onTouched: any): void {
|
|
this.onTouched = onTouched;
|
|
}
|
|
|
|
setDisabledState?(isDisabled: boolean): void {
|
|
this.isDisabled = isDisabled;
|
|
}
|
|
|
|
|
|
} |