Web SDK documentation
  1. Components
  2. IntervalPickerComponent

File

interval-picker/interval-picker.component.ts

Implements

ControlValueAccessor

Metadata

providers { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => IntervalPickerComponent), multi: true }
selector c8y-interval-picker
standalone true
imports CommonModule FormsModule A11yModule ReactiveFormsModule BsDropdownModule
templateUrl ./interval-picker.component.html

Index

Properties
Methods
Inputs

Constructor

constructor(translate: TranslateService)
Parameters :
Name Type Optional
translate TranslateService No

Inputs

INTERVALS
Type : Interval[] | AlarmFilterInterval[]
Default value : INTERVALS

Methods

markAsTouched
markAsTouched()
Returns : void
ngOnInit
ngOnInit()
Returns : void
registerOnChange
registerOnChange(fn: any)
Parameters :
Name Type Optional
fn any No
Returns : void
registerOnTouched
registerOnTouched(onTouched: any)
Parameters :
Name Type Optional
onTouched any No
Returns : void
setDisabledState
setDisabledState(disabled: boolean)
Parameters :
Name Type Optional
disabled boolean No
Returns : void
writeValue
writeValue(value)
Parameters :
Name Optional
value No
Returns : void

Properties

disabled
Default value : false
onChange
Default value : () => {...}
onTouched
Default value : () => {...}
touched
Default value : false
translatedIntervals
Type : literal type[]
Default value : []
value 
<li
  *ngFor="let interval of translatedIntervals"
  [ngClass]="{
    active: interval.id === value
  }"
>
  <button
    type="button"
    (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>

results matching ""

    No results matching ""