D-Net

<p-fieldset legend="Results"

            [toggleable]="_searchResultsPage?.data !== null"

            [collapsed]="_searchResultsPage?.data === null">

  <p-confirmDialog message="{{'DELETE-MESSAGE-VERIFICATION' | translate}}"

                   header="{{'DELETE-CONFIRMATION' | translate}}"

                   acceptLabel="{{'ACCEPT_LABEL' | translate}}"

                   rejectLabel="{{'REJECT_LABEL' | translate}}"

                   acceptButtonStyleClass="p-button-primary"

                   rejectButtonStyleClass="p-button-warning"

                   acceptIcon="null"

                   rejectIcon="null">

  </p-confirmDialog>

  <p-table [value]="_searchResultsPage?.data"

           [lazy]="true"

           (onLazyLoad)="onLazyLoad($event)"

           [paginator]="true"

           [rows]="rows"

           [totalRecords]="totalRecords"

           styleClass="p-datatable-gridlines"

           [rowHover]="true"

           [loading]="loading"

           [autoLayout]="true">

    <ng-template pTemplate="header">

      <tr>

        <th class="align-center">iPower Client Name</th>

        <th>iPower Client Code</th>

        <th class="align-center">Category Name</th>

        <th class="align-center">Category Code</th>

        <th class="align-center">Doc Category</th>

        <th class="align-center">Doc Subcategory</th>

        <th class="align-center">Capturing Verification</th>

        <th class="align-center">Confidence Level</th>

        <th class="align-center">Journal Verification</th>

        <th class="align-center">Alteryx Routine Name</th>

        <th class="align-center">Enabled</th>

        <!-- TODO: Fix hacky way of locking the icon-columns in place -->

        <th class="two-buttons">Actions</th>

      </tr>

    </ng-template>

    <ng-template pTemplate="body" let-verificationRule>

      <tr>

        <td class="align-center">{{verificationRule.client?.name}}</td>

        <td class="align-center">{{verificationRule.client?.clientCode}}</td>

        <td class="align-center">{{verificationRule.template?.category.categoryName}}</td>

        <td class="align-center">{{verificationRule.template?.category.categoryCode}}</td>

        <td class="align-center">{{verificationRule.docClassificationCategory?.classificationName}}</td>

        <td class="align-center">{{verificationRule.template?.subCategoryCode}}</td>

        <td class="align-center">{{verificationRule.capturingVerification?.capturingVerificationName}}</td>

        <td class="align-center">{{verificationRule.confidenceLevelMinThreshold}}%</td>

        <td class="align-center">{{verificationRule.journalVerification?.journalVerificationName}}</td>

        <td class="align-center">{{verificationRule.alteryxRoutineId}}</td>

        <td class="align-center">

          <p-checkbox (onChange)="changeStatus(verificationRule)" [ngModel]="selectedValues"

            [value]="verificationRule.verificationRuleStatus" [disabled]="!canEditRuleStatus()">

          </p-checkbox>

        </td>

        <!-- Edit & Delete icons -->

        <td class="align-center">

          <button pButton [disabled]="!canEditRuleByUA(verificationRule) && !canEditRuleAll()" (click)="edit(verificationRule)"

            pTooltip="{{'EDIT-RULE' | translate}}" icon="pi pi-pencil" class="p-button-secondary p-button-rounded p-button-outlined p-mr-2">

          </button>

          <button pButton

                  [disabled]="!canDeleteRule()"

                  (click)="delete(verificationRule)"

			      pTooltip="{{'DELETE-RULE' | translate}}"

                  icon="pi pi pi-trash"

                  class="p-button-danger p-button-rounded p-button-outlined">

          </button>

      </tr>

    </ng-template>

  </p-table>

</p-fieldset>

<app-create-verification-rule-dialog [displayDialog]="displayEditVerificationRuleDialog"

                                     [header]="header"

                                     (cancelled)="cancelEditVerificationRule()"

                                     [verificationRuleToEdit]="verificationRuleToEdit"

                                     (valueChange)="passEvent($event)">

</app-create-verification-rule-dialog>