Newer
Older
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
import { FormControl } from '@angular/forms';
import { rangeValidator } from 'src/app/shared/validator';
@Component({
selector: 'app-radius',
templateUrl: 'radius.component.html',
changeDetection: ChangeDetectionStrategy.OnPush
})
export class RadiusComponent {
@Input()
set radius(radius: number) {
this.getDefault(radius);
}
@Input()
set enabled(enabled: boolean) {
if (enabled) {
this.radiusField.enable();
this.radiusRange.enable();
} else {
this.radiusField.disable();
this.radiusRange.disable();
}
}
@Output() changeRadius: EventEmitter<number> = new EventEmitter();
radiusRange = new FormControl('');
radiusField = new FormControl('', [rangeValidator(0, 150)]);
getDefault(radius: number): void {
if (!radius) {
this.radiusRange.setValue(0);
this.radiusField.setValue(0);
} else {
this.radiusRange.setValue(radius);
this.radiusField.setValue(radius);
}
}
radiusChange(value: string): void {
this.radiusField.setValue(+value);
this.radiusRange.setValue(+value);
if (this.radiusField.valid) {
this.changeRadius.emit(+value);
} else {
this.changeRadius.emit(null);
}
}
}