@spotinst/spinnaker-deck/app/scripts/modules/appengine/src/common/conditionalDescriptionListItem.component.ts

Spinnaker-Deck service, forked with support to Spotinst

import { IComponentOptions, IController, IFilterService, module } from 'angular';

class AppengineConditionalDescriptionListItemCtrl implements IController {
  public label: string;
  public key: string;
  public component: any;

  public static $inject = ['$filter'];
  constructor(private $filter: IFilterService) {}

  public $onInit(): void {
    if (!this.label) {
      this.label = this.$filter<Function>('robotToHuman')(this.key);
    }
  }
}

const appengineConditionalDescriptionListItem: IComponentOptions = {
  bindings: { label: '@', key: '@', component: '<' },
  transclude: {
    keyLabel: '?keyText',
    valueLabel: '?valueLabel',
  },
  template: `
    <dt ng-if="$ctrl.component[$ctrl.key]">{{$ctrl.label}}<span ng-transclude="keyLabel"></span></dt>
    <dd ng-if="$ctrl.component[$ctrl.key]">{{$ctrl.component[$ctrl.key]}}<span ng-transclude="valueLabel"></span></dd>
  `,
  controller: AppengineConditionalDescriptionListItemCtrl,
};

export const APPENGINE_CONDITIONAL_DESCRIPTION_LIST_ITEM = 'spinnaker.appengine.conditionalDescriptionListItem';

module(APPENGINE_CONDITIONAL_DESCRIPTION_LIST_ITEM, []).component(
  'appengineConditionalDtDd',
  appengineConditionalDescriptionListItem,
);