52 lines
1.9 KiB
HTML
52 lines
1.9 KiB
HTML
<form [formGroup]="newMdstoreForm" (ngSubmit)="onSubmit()">
|
|
|
|
<h1 mat-dialog-title>New MDStore</h1>
|
|
|
|
<div mat-dialog-content>
|
|
|
|
<mat-form-field appearance="fill" floatLabel="always" style="width: 100%;">
|
|
<mat-label>Format</mat-label>
|
|
<input matInput formControlName="format" />
|
|
<mat-error *ngIf="newMdstoreForm.get('format')?.invalid">This field is <strong>required</strong></mat-error>
|
|
</mat-form-field>
|
|
|
|
<mat-form-field appearance="fill" floatLabel="always" style="width: 100%;">
|
|
<mat-label>Layout</mat-label>
|
|
<input matInput formControlName="layout" />
|
|
<mat-error *ngIf="newMdstoreForm.get('layout')?.invalid">This field is <strong>required</strong></mat-error>
|
|
</mat-form-field>
|
|
|
|
<mat-form-field appearance="fill" floatLabel="always" style="width: 100%;">
|
|
<mat-label>Interpretation</mat-label>
|
|
<input matInput formControlName="interpretation" />
|
|
<mat-error *ngIf="newMdstoreForm.get('interpretation')?.invalid">This field is
|
|
<strong>required</strong></mat-error>
|
|
</mat-form-field>
|
|
|
|
<mat-form-field appearance="fill" floatLabel="always" style="width: 100%;">
|
|
<mat-label>Datasource Name</mat-label>
|
|
<input matInput formControlName="dsName" />
|
|
</mat-form-field>
|
|
|
|
<mat-form-field appearance="fill" floatLabel="always" style="width: 100%;">
|
|
<mat-label>Datasource ID</mat-label>
|
|
<input matInput formControlName="dsId" />
|
|
</mat-form-field>
|
|
|
|
<mat-form-field appearance="fill" floatLabel="always" style="width: 100%;">
|
|
<mat-label>API ID</mat-label>
|
|
<input matInput formControlName="apiId" />
|
|
</mat-form-field>
|
|
|
|
</div>
|
|
|
|
<div mat-dialog-actions>
|
|
<button mat-stroked-button color="primary" type="submit" [disabled]="!newMdstoreForm.valid">Submit</button>
|
|
<button mat-stroked-button color="primary" mat-dialog-close>Close</button>
|
|
<mat-error *ngIf="newMdstoreForm.errors?.['serverError']">
|
|
{{ newMdstoreForm.errors?.['serverError'] }}
|
|
</mat-error>
|
|
</div>
|
|
|
|
</form>
|