D-Net

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

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

    <h1>{{'DOCUMENTS-INBOX' | 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-inbox-search-form id="inbox-criteria"></app-inbox-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)="searchByCriteria()"

                      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 Documents"

                    [toggleable]="documentRequest"

                    [collapsed]="!documentRequest">

          <app-inbox-documents-table></app-inbox-documents-table>

        </p-fieldset>

      </div>

    </div>

  </div>

</div>