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

52 lines
2.2 KiB
HTML

<div style="background-color: #f5f5f5;border: 1px solid #e3e3e3;padding: 24px;">
<!--style="border-style: solid;"-->
<div [formGroup]="form">
<div class="form-row">
<div class="form-group col-md-5">
<label>Title</label>
<input type="text" class="form-control" formControlName="title">
</div>
<div class="form-group col-md-2">
<label>Id</label>
<input type="text" class="form-control" formControlName="id">
</div>
<div class="form-group col-md-2">
<label>Ordinal</label>
<input type="text" class="form-control" formControlName="ordinal">
</div>
<div class="form-group col-md-3">
<label class="radio control-label">defaultVisibility</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 *ngIf="dataModel.sections">
<div *ngFor="let section of dataModel.sections let i=index;">
<section-form [form]="form.get('sections').get(''+i)" [dataModel]="section"></section-form>
</div>
</div>
<div *ngIf="dataModel.fieldGroups">
<div *ngFor="let fieldGroup of dataModel.fieldGroups let i=index;">
<h4 style="text-decoration: underline;">GroupFields
<button type="button" class="btn btn-sm" style="margin-left:5px;" (click)="DeleteFieldGroup(i);">
<span class="glyphicon glyphicon-erase"></span>
</button>
</h4>
<groupfield-form [form]="form.get('fieldGroups').get(''+i)" [dataModel]="fieldGroup"></groupfield-form>
<div>
<a (click)="addGroupField()" style="cursor: pointer">
Add another group +
</a>
</div>
</div>
</div>
</div>