@pega/dx-component-builder-sdk

Version:

Utility for building custom UI components

24 lines (23 loc) • 889 B

HTML

<div>
  <div *ngIf="showConfirmView">
    <h2 id="confirm-label" class="confirm-label">{{ label }}</h2>
    <div *ngIf="showDetails">
      <component-mapper name="Details" [props]="{ pConn$ }"></component-mapper>
    </div>
    <div *ngIf="showTasks && toDoList?.length > 0">
      <component-mapper
        name="Todo"
        [props]="{ pConn$, datasource$: { source: toDoList }, headerText$: 'Open Tasks', type$: CONSTS.TODO, isConfirm: true }"
      ></component-mapper>
    </div>
    <div class="done-button">
      <button mat-raised-button color="primary" (click)="onConfirmViewClose()">Done</button>
    </div>
  </div>
  <div *ngIf="!showConfirmView && toDoList?.length > 0">
    <component-mapper
      name="Todo"
      [props]="{ pConn$, datasource$: { source: toDoList }, headerText$: 'Tasks', type$: CONSTS.TODO, isConfirm: true }"
    ></component-mapper>
  </div>
</div>