argos/dmp-admin/src/app/field-form/field-form.component.html

85 lines
3.7 KiB
HTML

<div>
<div [formGroup]="form">
<div class="form-row">
<div class="form-group col-md-6">
<label>Title</label>
<input type="text" class="form-control" formControlName="title">
</div>
<div class="form-group col-md-3">
<label>Id</label>
<input type="text" class="form-control" formControlName="id">
</div>
<div class="form-row col-md-3">
<div class="form-group">
<label>View style</label>
<select class="form-control" formControlName="viewStyle">
<option>textarea</option>
<option>booleanDesicion</option>
<option>combobox</option>
<option>checkBox</option>
<option>freetext</option>
</select>
</div>
</div>
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label>description</label>
<input type="text" class="form-control" formControlName="description">
</div>
<div class="form-group col-md-6">
<label>extendedDescription</label>
<input type="text" class="form-control" formControlName="extendedDescription">
</div>
</div>
<div class="form-row">
<div formGroupName="multiplicity">
<div class="form-group">
<div class="col-md-2">
<label>Multiplicity</label>
<input type="number" class="form-control" formControlName="min" placeholder="Min">
</div>
<div class="col-md-2">
<!-- <label>Multiplicity</label> -->
<input type="number" class="form-control" formControlName="max" placeholder="Max">
</div>
</div>
</div>
<div class="form-group col-md-2">
<label>Ordinal</label>
<input type="number" class="form-control" formControlName="ordinal">
</div>
<div class="form-group col-md-4">
<label>Default Value</label>
<input type="text" class="form-control" formControlName="value">
</div>
<div class="form-group col-md-2">
<label class="radio control-label">Default Visibility</label>
<label class="radio-inline">
<input type="radio" name="defaultVisibility" id="inlineRadio1" value="true" formControlName="defaultVisibility"> true
</label>
<label class="radio-inline">
<input type="radio" name="defaultVisibility" id="inlineRadio2" value="false" formControlName="defaultVisibility"> false
</label>
</div>
</div>
</div>
<!-- <div *ngFor="let rule of dataModel.rules let i=index;">
<h4 style="text-decoration: underline;">Rules <button type="button" class="btn btn-sm" style="margin-left:5px;" (click)="DeleteRule(i);"><span class="glyphicon glyphicon-erase"></span></button></h4>
<rule-form [form]="form.get('rules').get(''+i)" [dataModel]="rule"></rule-form>
<div>
<a (click)="addNewRule(form)" style="cursor: pointer">
Add another rule +
</a>
</div>
</div>
<div *ngIf="dataModel.rules.length == 0;">
<a (click)="addNewRule(form)" style="cursor: pointer">
Add another rule +
</a>
</div> -->
</div>