@pega/dx-component-builder-sdk

Version:
Utility for building custom UI components
28 lines (25 loc) • 1.11 kB
HTML
<form [formGroup]="formGroup$" name="flowContainer" class="psdk-flow-container">
  <div *ngFor="let kid of arChildren$">
    <div [ngSwitch]="kid.getPConnect().getComponentName()">
      <component-mapper *ngSwitchCase="'View'" name="View" [props]="{ formGroup$, pConn$: kid.getPConnect() }"></component-mapper>
      <component-mapper
        *ngSwitchCase="'CaseCreateStage'"
        name="CaseCreateStage"
        [props]="{ formGroup$, pConn$: kid.getPConnect() }"
      ></component-mapper>
      <component-mapper *ngSwitchCase="'Region'" name="Region" [props]="{ formGroup$, pConn$: kid.getPConnect() }"></component-mapper>
      <div *ngSwitchDefault>Assignment Card wants component not yet available: {{ kid.getPConnect().getComponentName() }}</div>
    </div>
  </div>
</form>

<div>
  <br />
  <div class="psdk-case-view-divider"></div>

  <component-mapper
    *ngIf="arMainButtons$ && arSecondaryButtons$"
    name="ActionButtons"
    [props]="{ arMainButtons$, arSecondaryButtons$ }"
    [parent]="this"
    [outputEvents]="{ actionButtonClick: onActionButtonClick }"
  ></component-mapper>
</div>