D-Net

<p-dialog [header]="header"

          [(visible)]="displayDialog"

          [closable]="false"

          [draggable]="false"

          [modal]="true"

          (onHide)="reset()"

          (onShow)="onShow()"

          appendTo="body">

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

    <app-category-form [dialogLayout]="true"

                       [requiredFields]="true"

                       [displayValidationMessagesEvenIfPristine]="displayValidationMessagesEvenIfPristine">

    </app-category-form>

  </div>

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

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

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

                label="Cancel"

                styleClass="p-mr-2 p-button-warning">

      </p-button>

      <p-button *ngIf="!categoryToEdit"

                (onClick)="addCategory()"

                label="Add"

                styleClass="p-ml-2 p-mr-2 p-button-primary">

      </p-button>

      <p-button *ngIf="categoryToEdit && categoryToEdit.id"

                (onClick)="editCategory()"

                label="Update"

                styleClass="p-ml-2 p-button-primary">

      </p-button>

    </div>

  </div>

</p-dialog>