/
add-region-form.component.html
34 lines (34 loc) · 1.4 KB
/
add-region-form.component.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<form [formGroup]="regionForm" class="form-content small-form">
<mat-form-field class="medium-field">
<mat-label>Label *</mat-label>
<input matInput formControlName="label">
</mat-form-field>
<mat-form-field class="medium-field">
<mat-label>Comment *</mat-label>
<textarea matInput rows="7" formControlName="comment"></textarea>
</mat-form-field>
<mat-form-field class="medium-field without-border">
<mat-label>Color *</mat-label>
<app-color-picker #colorInput [formControlName]="'color'" class="value">
</app-color-picker>
</mat-form-field>
<mat-form-field class="hidden">
<mat-label>Is Region Of</mat-label>
<input matInput disabled [value]="resourceIri">
</mat-form-field>
<!-- Further inputs would be status, lineColor and lineWidth if we want to have these options-->
<div class="form-action form-panel medium-field">
<span>
<button mat-button type="button" mat-dialog-close>
{{ 'appLabels.form.action.cancel' | translate }}
</button>
</span>
<span class="fill-remaining-space"></span>
<span>
<button mat-raised-button [mat-dialog-close]="regionForm.value" type="button" color="primary"
[disabled]="!regionForm.valid" class="form-submit">
Submit
</button>
</span>
</div>
</form>