argos/dmp-frontend/src/app/shared/componentsAdmin/wordlist/wordlist-component.html

36 lines
1.1 KiB
HTML

<h5 style="font-weight: bold">Word List Description</h5>
<div [formGroup]="form">
<div fxLayout="column">
<div fxLayout="row">
<div fxFlex>
<mat-form-field class="full-width">
<input matInput type="string" placeholder="WordList Placeholder" [formControl]="this.form.get('data').get('label')">
</mat-form-field>
</div>
</div>
<div fxLayout="column">
<div fxFlex *ngFor="let option of form.get('data').get('options')['controls'] index as i">
<div fxLayout="row">
<div fxFlex>
<mat-form-field class="full-width">
<input matInput placeholder="Label" type="text" [formControl]="form.get('data').get('options').get(''+i).get('label')">
</mat-form-field>
</div>
<div fxFlex>
<mat-form-field class="full-width">
<input matInput placeholder="Value" [formControl]="form.get('data').get('options').get(''+i).get('value')">
</mat-form-field>
</div>
</div>
</div>
</div>
</div>
<div>
<button mat-button (click)="addNewRow()" style="cursor: pointer">
Add +
</button>
</div>
</div>