D-Net

<div class="p-grid p-nogutter">

  <div class="p-col main-content">

    <h1>{{'VERIFICATION-RULES-MANAGEMENT' | translate}}</h1>

    <app-horizontal-menu></app-horizontal-menu>

    <app-breadcrumb></app-breadcrumb>

    <div class="p-grid p-nogutter p-pt-5 p-pb-5">

      <div class="p-col p-nogutter p-col-12">

        <div class="p-grid p-nogutter p-jc-end">

          <button pButton

                  pRipple

                  type="button"

                  label="{{'ADD-NEW-RULE' | translate}}"

                  icon="pi pi-plus-circle"

                  class="p-button-primary"

                  [disabled]="!canAddAnyRule()"

                  (click)="addRule()">

          </button>

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

                                               [header]="header"

                                               (cancelled)="displayTemplateCreationDialog = false"

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

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

        </div>

      </div>

      <div class="p-col p-nogutter p-col-12 p-mt-5">

        <app-verification-rules-search [paginationEventRequest]="paginationEventRequest"

                                       (searchResults)="searchMade($event)"

                                       [valueTableChange]="valueOfTableChanged"

(loading)="passLoadingForTable($event)">

        </app-verification-rules-search>

      </div>

      <div class="p-col p-nogutter p-col-12 p-mt-5">

        <app-verification-rules-search-results [searchResultsPage]="searchResults"

                                               (paginationEvent)="paginationEvent($event)"

                                               (valueChange)="passEvent($event)"

                                               [loading]="loading">

        </app-verification-rules-search-results>

      </div>

    </div>

  </div>

</div>