D-Net

<div *ngIf="searchCriteriaForm" [formGroup]="searchCriteriaForm">

  <div class="p-fluid p-formgrid p-grid">

    <div class="p-field p-col-12 p-lg-4">

      <label for="fromDate">Received From</label>

      <p-calendar id="fromDate"

                  formControlName="fromDate"

                  [maxDate]="searchCriteriaForm.get('fromDate').value "

                  [readonlyInput]="false"

                  showButtonBar="true"

                  dateFormat="dd/mm/yy"

                  todayButtonStyleClass="p-button-set-today"

                  clearButtonStyleClass="p-button-clear-date"

                  [showIcon]="true">

      </p-calendar>

    </div>

    <div class="p-field p-col-12 p-lg-4">

      <label for="toDate">Received To</label>

      <p-calendar id="toDate"

                  formControlName="toDate"

                  showButtonBar="true"

                  [minDate]="searchCriteriaForm.get('toDate').value"

                  [readonlyInput]="false"

                  dateFormat="dd/mm/yy"

                  todayButtonStyleClass="p-button-set-today"

                  clearButtonStyleClass="p-button-clear-date"

                  [showIcon]="true">

      </p-calendar>

    </div>

    <div class="p-field p-col-12 p-lg-4">

      <label for="docClassification">Doc Classification</label>

      <p-dropdown [options]="DOCS_CLASSIFICATIONS"

                  optionValue="classificationId"

                  formControlName="docClassification"

                  id="docClassification"

                  optionLabel="classificationName"

                  placeholder="Select"

                  [showClear]="true">

      </p-dropdown>

    </div>

  </div>

  <div class="p-fluid p-formgrid p-grid">

    <div class="p-field p-col-12 p-lg-4">

      <label for="fileCode">File Code</label>

      <input id="fileCode"

             type="text"

             pInputText

             formControlName="fileCode">

    </div>

    <div class="p-field p-col-12 p-lg-4">

      <label for="fileType">File Type</label>

      <p-dropdown id="fileType"

                  placeholder="Select"

                  [options]="FILE_TYPE_ARRAY"

                  formControlName="fileType"

                  optionLabel="label"

                  optionValue="label"

                  [showClear]="true">

      </p-dropdown>

    </div>

  </div>

  <div class="p-fluid p-formgrid p-grid">

    <div class="p-field p-col-12 p-lg-4">

      <label for="processId">Process ID</label>

      <input id="processId"

             formControlName="processId"

             pInputText>

    </div>

    <div class="p-field p-col-12 p-lg-4">

      <label for="processStatus">Process Status</label>

      <p-dropdown placeholder="Select"

                  id="processStatus"

                  formControlName="processStatus"

                  optionValue="id"

                  optionLabel="name"

                  [options]="PROCESS_STATUS"

                  [showClear]="true">

      </p-dropdown>

    </div>

  </div>

  <div class="p-fluid p-formgrid p-grid">

    <div class="p-field p-col-12 p-lg-4">

      <label for="ipowerClientName">Client Name</label>

      <p-autoComplete id="ipowerClientName"

                      formControlName="ipowerClientName"

                      [suggestions]="iPowerClientNameSuggestions"

                      [forceSelection]="true"

                      (completeMethod)="autosuggestIPowerClientName($event)"

                      (onSelect)="iPowerClientNameSelected($event)">

      </p-autoComplete>

    </div>

    <div class="p-field p-col-12 p-lg-4">

      <label for="ipowerClientCode">Client Code</label>

      <p-autoComplete id="ipowerClientCode"

                      formControlName="ipowerClientCode"

                      [suggestions]="iPowerClientCodeSuggestions"

                      [forceSelection]="true"

                      (completeMethod)="autosuggestIPowerClientCode($event)"

                      (onSelect)="iPowerClientCodeSelected($event)">

      </p-autoComplete>

    </div>

    <div class="p-field-checkbox p-col-12 p-lg-4">

      <label for="personalData" class="p-ml-0">Includes Personal Data</label>

      <p-checkbox name="personalData"

                  value="true"

                  inputId="personalData"

                  [formControl] = "searchCriteriaForm.controls['personalData']"

                  [binary] = "true">

      </p-checkbox>

    </div>

  </div>

  <div class="p-fluid p-formgrid p-grid">

    <div class="p-field p-col-12 p-lg-4">

      <label for="assignTo">Assign to</label>

      <p-autoComplete id="assignTo"

                      formControlName="username"

                      [suggestions]="assignToSuggestions"

                      [forceSelection]="true"

                      (completeMethod)="autosuggestAssignTo($event)"

                      (onSelect)="assignToSelected($event)">

      </p-autoComplete>

    </div>

  </div>

</div>