34 lines
1.4 KiB
HTML
34 lines
1.4 KiB
HTML
<form [formGroup]="newResourceForm" (ngSubmit)="onSubmit()">
|
|
<h1 mat-dialog-title>New Resource</h1>
|
|
|
|
<div mat-dialog-content>
|
|
|
|
<mat-form-field appearance="fill" floatLabel="always" style="width: 100%;">
|
|
<mat-label>Name</mat-label>
|
|
<input matInput formControlName="name" required />
|
|
<mat-error *ngIf="newResourceForm.get('name')?.invalid">This field is <strong>required</strong></mat-error>
|
|
</mat-form-field>
|
|
|
|
<mat-form-field appearance="fill" floatLabel="always" style="width: 100%;">
|
|
<mat-label>Description</mat-label>
|
|
<textarea matInput formControlName="description" rows="2"></textarea>
|
|
</mat-form-field>
|
|
|
|
<mat-form-field appearance="fill" floatLabel="always" style="width: 100%;">
|
|
<mat-label>Content ({{data.contentType}})</mat-label>
|
|
<textarea matInput formControlName="content" required rows="10" style="font-size: 0.8em;"></textarea>
|
|
<mat-error *ngIf="newResourceForm.get('content')?.invalid">This field is <strong>required</strong></mat-error>
|
|
</mat-form-field>
|
|
|
|
</div>
|
|
|
|
<div mat-dialog-actions>
|
|
<button mat-stroked-button color="primary" type="submit" [disabled]="!newResourceForm.valid">Submit</button>
|
|
<button mat-stroked-button color="primary" mat-dialog-close>Close</button>
|
|
<mat-error *ngIf="newResourceForm.errors?.['serverError']">
|
|
{{ newResourceForm.errors?.['serverError'] }}
|
|
</mat-error>
|
|
</div>
|
|
|
|
</form>
|