32 lines
1.4 KiB
HTML
32 lines
1.4 KiB
HTML
<div class="application-details-container">
|
|
<mat-card class="details-card mat-elevation-z4">
|
|
<mat-card-content>
|
|
<div class="loading-shade" *ngIf="isLoading">
|
|
<mat-spinner diameter="50"></mat-spinner>
|
|
</div>
|
|
|
|
<form [formGroup]="applicationDetailsForm" class="details-form" *ngIf="!isLoading"
|
|
(ngSubmit)="saveApplicationDetails()">
|
|
<div class="form-row">
|
|
<mat-form-field appearance="outline" class="name">
|
|
<mat-label>Name</mat-label>
|
|
<input matInput formControlName="name" required>
|
|
<mat-error *ngIf="f['name'].errors?.['required']">
|
|
Name is required
|
|
</mat-error>
|
|
<mat-error *ngIf="f['name'].errors?.['maxlength']">
|
|
Maximum 50 characters allowed
|
|
</mat-error>
|
|
</mat-form-field>
|
|
</div>
|
|
|
|
<div class="form-actions">
|
|
<button mat-raised-button color="primary" type="submit" *ngIf="!isViewMode"
|
|
[disabled]="applicationDetailsForm.invalid || disableSaveButton ">
|
|
Save
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</mat-card-content>
|
|
</mat-card>
|
|
</div> |