Web SDK documentation
  1. Components
  2. AlarmEventAttributesFormComponent

File

alarm-event-selector/alarm-event-attributes-form/alarm-event-attributes-form.component.ts

Implements

ControlValueAccessor Validator OnInit

Metadata

providers { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => AlarmEventAttributesFormComponent), multi: true } { provide: NG_VALIDATORS, useExisting: forwardRef(() => AlarmEventAttributesFormComponent), multi: true }
selector c8y-alarm-event-attributes-form
templateUrl ./alarm-event-attributes-form.component.html

Index

Properties
Methods
Inputs

Constructor

constructor(formBuilder: FormBuilder, alarmEventAttributesFormService: AlarmEventAttributesFormService)
Parameters :
Name Type Optional
formBuilder FormBuilder No
alarmEventAttributesFormService AlarmEventAttributesFormService No

Inputs

omitProperties
Type : OmitSelectorProperties
Default value : {}
selectedItems
Type : AlarmOrEvent[]
Default value : []
timelineType
Type : TimelineType

Methods

ngOnInit
ngOnInit()
Returns : void
registerOnChange
registerOnChange(fn: any)
Parameters :
Name Type Optional
fn any No
Returns : void
registerOnTouched
registerOnTouched(fn: any)
Parameters :
Name Type Optional
fn any No
Returns : void
setDisabledState
setDisabledState(isDisabled: boolean)
Parameters :
Name Type Optional
isDisabled boolean No
Returns : void
validate
validate(_control: AbstractControl)
Parameters :
Name Type Optional
_control AbstractControl No
Returns : ValidationErrors
writeValue
writeValue(obj: any)
Parameters :
Name Type Optional
obj any No
Returns : void

Properties

formGroup
Type : FormGroup 
<div [formGroup]="formGroup">
  <c8y-form-group *ngIf="formGroup.controls.label">
    <label class="m-0">{{ 'Label' | translate }}</label>
    <input
      class="form-control flex-grow"
      name="label"
      formControlName="label"
      [placeholder]="
        'e.g. {{ example }}'
          | translate
            : {
                example: timelineType === 'ALARM' ? 'Alarm unavailable' : 'Location update'
              }
      "
    />
  </c8y-form-group>

  <div formGroupName="filters">
    <c8y-form-group>
      <label class="m-0">{{ 'Type' | translate }}</label>
      <input
        class="form-control flex-grow"
        name="type"
        formControlName="type"
        [placeholder]="
          'e.g. {{ example }}'
            | translate
              : {
                  example:
                    timelineType === 'ALARM' ? 'c8y_UnavailabilityAlarm' : 'c8y_LocationUpdate'
                }
        "
      />
      <c8y-messages>
        <c8y-message
          name="duplicateType"
          [text]="'Type already used.' | translate"
        ></c8y-message>
      </c8y-messages>
    </c8y-form-group>
  </div>
</div>

results matching ""

    No results matching ""