interval-picker/interval-picker.component.ts
| providers |
)
|
| selector | c8y-interval-picker |
| standalone | true |
| imports |
CommonModule
FormsModule
A11yModule
ReactiveFormsModule
BsDropdownModule
|
| templateUrl | ./interval-picker.component.html |
Properties |
Methods |
Inputs |
constructor(translate: TranslateService)
|
||||||
|
Parameters :
|
| INTERVALS |
Type : Interval[] | AlarmFilterInterval[]
|
Default value : INTERVALS
|
| markAsTouched |
markAsTouched()
|
|
Returns :
void
|
| ngOnInit |
ngOnInit()
|
|
Returns :
void
|
| registerOnChange | ||||||
registerOnChange(fn: any)
|
||||||
|
Parameters :
Returns :
void
|
| registerOnTouched | ||||||
registerOnTouched(onTouched: any)
|
||||||
|
Parameters :
Returns :
void
|
| setDisabledState | ||||||
setDisabledState(disabled: boolean)
|
||||||
|
Parameters :
Returns :
void
|
| writeValue | ||||||
writeValue(value: Interval)
|
||||||
|
Parameters :
Returns :
void
|
| disabled |
Type : unknown
|
Default value : false
|
| onChange |
Type : unknown
|
Default value : () => {...}
|
| onTouched |
Type : unknown
|
Default value : () => {...}
|
| touched |
Type : unknown
|
Default value : false
|
| translatedIntervals |
Type : literal type[]
|
Default value : []
|
| value |
Type : Interval['id']
|
@for (interval of translatedIntervals; track interval.id) {
<li
[ngClass]="{
active: interval.id === value
}"
>
<button
type="button"
[attr.data-cy]="'interval-picker--' + interval.id"
(click)="onChange(interval.id)"
>
<span
[ngClass]="{
'text-primary': interval.id === value
}"
>
<span
c8yIcon="check"
[ngStyle]="{ visibility: interval.id === value ? 'visible' : 'hidden' }"
></span>
{{ interval.title }}
</span>
</button>
</li>
}