56 lines
4.2 KiB
HTML
56 lines
4.2 KiB
HTML
|
<div class="row">
|
||
|
|
<h4 *ngIf="isComposite" style="font-weight: bold" class="col-auto">{{'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.TITLE' | translate}}</h4>
|
||
|
|
<h4 *ngIf="!isComposite" style="font-weight: bold" class="col-auto">{{'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.SIMPLE-FIELD-TITLE' | translate}}</h4>
|
||
|
|
<mat-checkbox class="col-auto" [(ngModel)]="isComposite" (ngModelChange)="onIsCompositeChange(isComposite)">{{'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.FIELDS.COMPOSITE-CHECKBOX' | translate}}</mat-checkbox>
|
||
|
|
<mat-checkbox class="col-auto" [(ngModel)]="isMultiplicityEnabled" (ngModelChange)="onIsMultiplicityEnabledChange(isMultiplicityEnabled)">{{'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.FIELDS.MULTIPLICITY-CHECKBOX' | translate}}</mat-checkbox>
|
||
|
|
<mat-checkbox class="col" [formControl]="this.form.get('hasCommentField')">{{'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.FIELDS.COMMENT-CHECKBOX' | translate}}</mat-checkbox>
|
||
|
|
</div>
|
||
|
|
<div class="row">
|
||
|
|
<mat-form-field *ngIf="isComposite" class="col">
|
||
|
|
<input matInput type="string" placeholder="Id" [formControl]="this.form.get('id')">
|
||
|
|
</mat-form-field>
|
||
|
|
<mat-form-field *ngIf="isComposite" class="col">
|
||
|
|
<input matInput type="text" placeholder="{{'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.FIELDS.COMPOSITE-TITLE' | translate}}" [formControl]="this.form.get('title')">
|
||
|
|
</mat-form-field>
|
||
|
|
<mat-form-field *ngIf="!isComposite" class="col">
|
||
|
|
<input matInput type="text" placeholder="{{'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.FIELDS.FIELD-TITLE' | translate}}" [formControl]="this.form.get('title')">
|
||
|
|
</mat-form-field>
|
||
|
|
<mat-form-field *ngIf="isMultiplicityEnabled" class="col">
|
||
|
|
<input matInput placeholder="{{'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.FIELDS.MULTIPLICITY-MIN' | translate}}" type="number" [formControl]="this.form.get('multiplicity').get('min')">
|
||
|
|
</mat-form-field>
|
||
|
|
<mat-form-field *ngIf="isMultiplicityEnabled" class="col">
|
||
|
|
<input matInput placeholder="{{'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.FIELDS.MULTIPLICITY-MAX' | translate}}" type="number" [formControl]="this.form.get('multiplicity').get('max')">
|
||
|
|
</mat-form-field>
|
||
|
|
<mat-form-field class="col">
|
||
|
|
<input matInput type="number" placeholder="{{'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.FIELDS.ORDER' | translate}}" [formControl]="this.form.get('ordinal')">
|
||
|
|
</mat-form-field>
|
||
|
|
</div>
|
||
|
|
<div class="row">
|
||
|
|
<mat-form-field class="col-md-6">
|
||
|
|
<textarea matInput type="text" placeholder="{{'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.FIELDS.DESCRIPTION' | translate}}" [formControl]="this.form.get('description')"></textarea>
|
||
|
|
</mat-form-field>
|
||
|
|
<mat-form-field class="col-md-6">
|
||
|
|
<textarea matInput type="text" placeholder="{{'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.FIELDS.EXTENDED-DESCRIPTION' | translate}}" [formControl]="this.form.get('extendedDescription')"></textarea>
|
||
|
|
</mat-form-field>
|
||
|
|
<app-dataset-profile-editor-field-component class="col-12" *ngIf="!isComposite" [form]="form.get('fields').get(''+0)" [showOrdinal]="false" [showMultiplicity]="false" [indexPath]="indexPath + 'f' + 0"></app-dataset-profile-editor-field-component>
|
||
|
|
</div>
|
||
|
|
<div *ngIf="isComposite" class="row">
|
||
|
|
<h4 style="font-weight: bold" class="col-12">{{'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.SUB-FIELDS-TITLE' | translate}}</h4>
|
||
|
|
<div class="col-12">
|
||
|
|
<mat-expansion-panel *ngFor="let field of form.get('fields')['controls'] let i=index;" #panel>
|
||
|
|
<mat-expansion-panel-header>
|
||
|
|
<mat-panel-title>{{i + 1}}. {{getFieldTile(field, i)}}</mat-panel-title>
|
||
|
|
<div class="btn-group pull-right">
|
||
|
|
<button type="button" class="btn btn-sm" style="margin-left:5px;" (click)="DeleteField(i);">
|
||
|
|
<span class="glyphicon glyphicon-erase"></span>
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</mat-expansion-panel-header>
|
||
|
|
<div id="{{indexPath + 'f' + i}}" *ngIf="panel.expanded">
|
||
|
|
<app-dataset-profile-editor-field-component [form]="form.get('fields').get(''+i)" [indexPath]="indexPath + 'f' + i"></app-dataset-profile-editor-field-component>
|
||
|
|
</div>
|
||
|
|
</mat-expansion-panel>
|
||
|
|
</div>
|
||
|
|
<div class="col-12"><button mat-button class="full-width" (click)="addNewField()">{{'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.ACTIONS.ADD-CHILD-FIELD' | translate}}</button></div>
|
||
|
|
</div>
|