@pega/dx-component-builder-sdk

Version:

Utility for building custom UI components

21 lines (19 loc) • 619 B

HTML

<div class="psdk-operator psdk-double" [ngClass]="{ 'flex-row': displayLabel }">
  <div class="psdk-label">
    {{ label$ }}
  </div>
  <div class="psdk-double">
    <button mat-button color="primary" style="text-decoration: underline" (click)="showOperator()">{{ name$ }}</button>
  </div>
  <div>{{ date$ }}</div>
</div>

<div>
  <div *ngIf="bShowPopover$" class="psdk-operator-popover">
    <dl>
      <div *ngFor="let field of fields$; let i = index">
        <dt class="psdk-operator-name">{{ field.name }}</dt>
        <dd class="psdk-operator-value">{{ field.value }}</dd>
      </div>
    </dl>
  </div>
</div>