Web SDK documentation
  1. Components
  2. IntervalPickerComponent

File

core/dashboard/wiget-time-context/interval-picker/interval-picker.component.ts

Implements

ControlValueAccessor

Metadata

providers { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => IntervalPickerComponent), multi: true }
selector c8y-interval-picker
templateUrl ./interval-picker.component.html

Index

Properties
Methods

Methods

markAsTouched
markAsTouched()
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
INTERVALS
Default value : INTERVALS
onChange
Default value : () => {...}
onTouched
Default value : () => {...}
touched
Default value : false
value 
<li
  *ngFor="let interval of INTERVALS"
  [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 | translate }}
    </span>
  </button>
</li>

results matching ""

    No results matching ""