@c8y/apps/tutorial/widget-resolvers/widget-resolvers.component.ts

Cumulocity IoT applications

import { Component, Input, OnInit } from '@angular/core';
import { IEvent, IManagedObject } from '@c8y/client';
import { DynamicComponentAlertAggregator, DynamicComponent } from '@c8y/ngx-components';

@Component({
  selector: 'app-widget-resolvers',
  templateUrl: './widget-resolvers.component.html'
})
export class WidgetResolversComponent implements OnInit, DynamicComponent {
  @Input() config: any;
  label: string;
  value: string;
  alerts: DynamicComponentAlertAggregator;

  ngOnInit() {
    const event: IEvent = this.config.event;
    const source: IManagedObject = this.config.source;
    const property: IManagedObject = this.config.property;
    const propertyKey = Object.keys(property.c8y_JsonSchema.properties)[0];
    const propertyValue = property.c8y_JsonSchema.properties[propertyKey];
    const propertyTitle = propertyValue.title;
    this.label = propertyTitle;
    if (property.appliesTo?.EVENTS) {
      this.setValue(event[propertyKey]);
    } else {
      this.setValue(source[propertyKey]);
    }
  }

  private setValue(value: any) {
    if (typeof value === 'string') {
      this.value = value;
    } else {
      this.value = JSON.stringify(value);
    }
  }
}