D-Net

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

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

    <h1>{{'TEMPLATES-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-TEMPLATE' | translate}}"

                  icon="pi pi-plus-circle"

                  class="p-button-primary"

                  [disabled]="!canAddNewTemplate()"

                  (click)="addTemplate()">

          </button>

          <app-create-template-dialog [displayDialog]="displayTemplateCreationDialog"

                                      [header]= "header"

                                      (cancelled)="displayTemplateCreationDialog = false"

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

          </app-create-template-dialog>

        </div>

      </div>

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

        <app-templates-search [paginationEventRequest]="paginationEventRequest"

                              (searchResults)="searchMade($event)"

                              [valueTableChange]="valueOfTableChanged"

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

        </app-templates-search>

      </div>

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

        <app-templates-search-results [searchResultsPage]="searchResults"

                                      (paginationEvent)="paginationEvent($event)"

                                      (valueChange)="passEvent($event)"

                                      [loading]="loading">

        </app-templates-search-results>

      </div>

    </div>

  </div>

</div>