D-Net

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

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

    <h1>{{'PROCESSES' | translate}}</h1>

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

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

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

        <p-fieldset legend="Search Filters"

                    [toggleable]="true">

          <app-invoice-process-search-form id="processes-criteria" [searchCriteriaForm]="searchCriteriaForm"></app-invoice-process-search-form>

          <div class="p-formgroup-inline p-jc-center p-mt-3">

            <p-button (onClick)="clear()" label="Clear" styleClass="p-mr-2 p-button-warning"

            [disabled]="!canPreviewByUA() && !canPreviewAll()">

            </p-button>

            <p-button (onClick)="searchButton()"

                      label="Search"

                      styleClass="p-button-primary"

                      [disabled]="!canPreviewByUA() && !canPreviewAll()">

            </p-button>

          </div>

        </p-fieldset>

      </div>

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

       <p-fieldset legend="List of Processes"

                   [toggleable]="documentRequest"

                   [collapsed]="!documentRequest">

            <app-invoice-process-table [documentRequest]="documentRequest"

            (documentRequestOutput)="passOutputDocument($event)"></app-invoice-process-table>

        </p-fieldset>

      </div>

    </div>

  </div>

</div>