uoa-repository-manager-service/app/features/administration/forms/category-form/category-form.component.html

73 lines
3.0 KiB
HTML

<div [formGroup]="categoryForm">
<div class="p-fluid p-formgrid"
[ngClass]="{'p-grid': !dialogLayout}">
<div class="p-field"
[ngClass]="{'p-col-12 p-lg-4': !dialogLayout}">
<label for="document-classification">
Document Classification
</label>
<p-dropdown inputId="document-classification"
[options]="documentClassificationsList"
optionLabel="classificationName"
placeholder="Select"
formControlName="documentClassification"
[showClear]="true">
</p-dropdown>
<app-validation-message [control]="categoryForm.get('documentClassification')"
[validationMessage]="'This field is required.'"
[displayEvenIfPristine]="displayValidationMessagesEvenIfPristine">
</app-validation-message>
</div>
<div class="p-field"
[ngClass]="{'p-col-12 p-lg-4': !dialogLayout}">
<label for="categoryName">
Category Name
</label>
<p-autoComplete id="categoryName"
formControlName="categoryName"
*ngIf="autosuggestInputs"
[suggestions]="categoryNameSuggestions"
(completeMethod)="autosuggestCategoryName($event)"
(onSelect)="categoryNameSelected($event)"
[forceSelection]="true">
</p-autoComplete>
<input id="categoryName"
type="text"
pInputText
formControlName="categoryName"
*ngIf="!autosuggestInputs">
<app-validation-message [control]="categoryForm.get('categoryName')"
[validationMessage]="'This field is required.'"
[displayEvenIfPristine]="displayValidationMessagesEvenIfPristine">
</app-validation-message>
</div>
<div class="p-field"
[ngClass]="{'p-col-12 p-lg-4': !dialogLayout}">
<label for="categoryCode">
Category Code
</label>
<p-autoComplete id="categoryCode"
formControlName="categoryCode"
*ngIf="autosuggestInputs"
[suggestions]="categoryCodeSuggestions"
(completeMethod)="autosuggestCategoryCode($event)"
(onSelect)="categoryCodeSelected($event)"
[forceSelection]="true">
</p-autoComplete>
<input id="categoryCode"
type="text"
pInputText
formControlName="categoryCode"
*ngIf="!autosuggestInputs">
<app-validation-message [control]="categoryForm.get('categoryCode')"
[validationMessage]="'This field is required.'"
[displayEvenIfPristine]="displayValidationMessagesEvenIfPristine">
</app-validation-message>
</div>
</div>
</div>