Restyles and repositions "Add one more Fieldset" button.
This commit is contained in:
parent
b7e0618945
commit
2cbaa05f95
|
@ -14,14 +14,10 @@
|
||||||
<!-- *ngIf="this.visibilityRulesService.checkElementVisibility(compositeFieldFormGroup.get('id').value)" -->
|
<!-- *ngIf="this.visibilityRulesService.checkElementVisibility(compositeFieldFormGroup.get('id').value)" -->
|
||||||
<div class="row" *ngIf="this.visibilityRulesService.checkElementVisibility(compositeFieldFormGroup.get('id').value) && this.visibilityRulesService.scanIfChildsOfCompositeFieldHasVisibleItems(compositeFieldFormGroup)">
|
<div class="row" *ngIf="this.visibilityRulesService.checkElementVisibility(compositeFieldFormGroup.get('id').value) && this.visibilityRulesService.scanIfChildsOfCompositeFieldHasVisibleItems(compositeFieldFormGroup)">
|
||||||
|
|
||||||
<div *ngIf="(compositeFieldFormGroup.get('multiplicity').value.max - 1) > (compositeFieldFormGroup.get('multiplicityItems').length)"
|
|
||||||
class="col-12">
|
|
||||||
<button mat-button color="primary" (click)="addMultipleField(i)" [disabled]="compositeFieldFormGroup.disabled">
|
|
||||||
{{'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.FIELDS.MULTIPLICITY-ADD-ONE-FIELD' | translate}}
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<app-form-composite-field class="align-self-center col-12" [form]="compositeFieldFormGroup" [datasetProfileId]="datasetProfileId"
|
<app-form-composite-field class="align-self-center col-12" [form]="compositeFieldFormGroup" [datasetProfileId]="datasetProfileId"
|
||||||
[isChild]="false"></app-form-composite-field>
|
[isChild]="false"></app-form-composite-field>
|
||||||
|
|
||||||
<div *ngIf="compositeFieldFormGroup" class="col-12">
|
<div *ngIf="compositeFieldFormGroup" class="col-12">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-12" *ngFor="let multipleCompositeFieldFormGroup of compositeFieldFormGroup.get('multiplicityItems')['controls']; let j = index">
|
<div class="col-12" *ngFor="let multipleCompositeFieldFormGroup of compositeFieldFormGroup.get('multiplicityItems')['controls']; let j = index">
|
||||||
|
@ -35,6 +31,12 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div *ngIf="(compositeFieldFormGroup.get('multiplicity').value.max - 1) > (compositeFieldFormGroup.get('multiplicityItems').length)"
|
||||||
|
class="col-12 && addOneFieldButton">
|
||||||
|
<button mat-icon-button color="primary" (click)="addMultipleField(i)" [disabled]="compositeFieldFormGroup.disabled" matTooltip="{{'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.FIELDS.MULTIPLICITY-ADD-ONE-FIELD' | translate}}">
|
||||||
|
<mat-icon>add_circle</mat-icon>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
<mat-form-field *ngIf="compositeFieldFormGroup.get('hasCommentField').value" class="col-12" [formGroup]="compositeFieldFormGroup">
|
<mat-form-field *ngIf="compositeFieldFormGroup.get('hasCommentField').value" class="col-12" [formGroup]="compositeFieldFormGroup">
|
||||||
<input matInput formControlName="commentFieldValue" placeholder="comment">
|
<input matInput formControlName="commentFieldValue" placeholder="comment">
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
|
|
|
@ -2,6 +2,9 @@
|
||||||
.expansion-panel {
|
.expansion-panel {
|
||||||
margin-bottom: 1em;
|
margin-bottom: 1em;
|
||||||
}
|
}
|
||||||
|
.addOneFieldButton {
|
||||||
|
margin-top: -15px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.styleBorder{
|
.styleBorder{
|
||||||
border: 0.2em solid lightgray;
|
border: 0.2em solid lightgray;
|
||||||
|
@ -12,3 +15,4 @@
|
||||||
padding-bottom: 18px;
|
padding-bottom: 18px;
|
||||||
color: black;
|
color: black;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -98,7 +98,7 @@
|
||||||
"ADDITIONAL-INFORMATION":"Additional Information",
|
"ADDITIONAL-INFORMATION":"Additional Information",
|
||||||
"MULTIPLICITY-MIN": "Multiplicity Min",
|
"MULTIPLICITY-MIN": "Multiplicity Min",
|
||||||
"MULTIPLICITY-MAX": "Multiplicity Max",
|
"MULTIPLICITY-MAX": "Multiplicity Max",
|
||||||
"MULTIPLICITY-ADD-ONE-FIELD": "Add one more fieldset +",
|
"MULTIPLICITY-ADD-ONE-FIELD": "Add one more fieldset",
|
||||||
"ORDER": "Order"
|
"ORDER": "Order"
|
||||||
},
|
},
|
||||||
"ACTIONS": {
|
"ACTIONS": {
|
||||||
|
|
Loading…
Reference in New Issue