argos/dmp-admin/src/app/compositefield-form/compositefield-form.compone...

42 lines
1.5 KiB
HTML

<div>
<div [formGroup]="form">
<div class="form-row">
<div class="form-group col-md-12">
<div class="form-group col-md-4">
<label>Multiplicity</label>
<input type="nymber" class="form-control" formControlName="multiplicity">
</div>
<div class="form-group col-md-4">
<label>Ordinal</label>
<input type="nymber" class="form-control" formControlName="ordinal">
</div>
<div class="form-group col-md-4">
<label>Id</label>
<input type="nymber" class="form-control" formControlName="id">
</div>
</div>
</div>
</div>
<div *ngFor="let field of dataModel.fields let i=index;">
<h4 style="text-decoration: underline;">Fields
<button type="button" class="btn btn-sm" style="margin-left:5px;" (click)="DeleteField(i);">
<span class="glyphicon glyphicon-erase"></span>
</button>
</h4>
<field-form [form]="form.get('fields').get(''+i)" [dataModel]="field"></field-form>
<div>
<a (click)="addNewField()" style="cursor: pointer">
Add another field +
</a>
</div>
</div>
<div *ngIf="dataModel.fields.length == 0;">
<a (click)="addNewField()" style="cursor: pointer">
Add another field +
</a>
</div>
</div>