Merge branch 'Development' of https://gitlab.eudat.eu/dmp/OpenAIRE-EUDAT-DMP-service-pilot into Development
This commit is contained in:
commit
c277ea3095
|
@ -18,7 +18,7 @@ export class RestBase {
|
|||
/*
|
||||
*/
|
||||
protocol: string = "http";
|
||||
hostname: string = "192.168.32.171";
|
||||
hostname: string = "192.168.32.96";
|
||||
port: number = 8080;
|
||||
webappname: string = "";
|
||||
restpath: string = "";
|
||||
|
|
|
@ -28,7 +28,7 @@
|
|||
<ng-template matStepLabel>{{'DATASET-WIZARD.THIRD-STEP.TITLE' | translate}}</ng-template>
|
||||
<dynamic-form *ngIf="datasetWizardModel && datasetWizardModel.id" [dataModel]="datasetWizardModel"></dynamic-form>
|
||||
<div>
|
||||
<button matStepperPrevious mat-raised-button color="primary">{{'DATASET-WIZARD.ACTIONS.BACK' | translate}}</button>
|
||||
<button style="margin-top:10px;" matStepperPrevious mat-raised-button color="primary">{{'DATASET-WIZARD.ACTIONS.BACK' | translate}}</button>
|
||||
</div>
|
||||
</mat-step>
|
||||
</mat-horizontal-stepper>
|
||||
|
|
|
@ -31,5 +31,5 @@ mat-row:hover {
|
|||
// }
|
||||
|
||||
mat-row:nth-child(odd){
|
||||
background-color: #f1f1f1;
|
||||
background-color:#eef0fb;
|
||||
}
|
|
@ -23,16 +23,6 @@ export class DynamicFormCompositeFieldComponent implements OnInit {
|
|||
|
||||
ngOnInit() {
|
||||
console.log(this.form);
|
||||
if (this.compositeField.hasCommentField == true) {
|
||||
let newfield: Field = new Field();
|
||||
newfield.id = 'comment_' + this.compositeField.id;
|
||||
newfield.data = {label: "Comments"};
|
||||
newfield.viewStyle = {renderStyle: 'freetext', cssClass: ''};
|
||||
newfield.validations = ["None"]
|
||||
|
||||
this.compositeField.fields.push(newfield);
|
||||
(<FormArray>this.form.get("fields")).push(newfield.buildForm());
|
||||
}
|
||||
}
|
||||
|
||||
addMultipleField(fieldIndex: number) {
|
||||
|
|
|
@ -53,7 +53,7 @@
|
|||
</div> -->
|
||||
|
||||
<div *ngFor="let compositeField of section.compositeFields; let i = index;">
|
||||
<div *ngIf="isVisible(compositeField)">
|
||||
<div *ngIf="isVisible(pathName+'.compositeFields.'+i, compositeField)">
|
||||
<div *ngIf="(compositeField?.multiplicity?.max - 1) > (compositeField?.multiplicityItems?.length)">
|
||||
<a (click)="addMultipleField(i)" style="cursor: pointer">
|
||||
Add one more fieldset +
|
||||
|
@ -65,6 +65,12 @@
|
|||
[pathName]="pathName+'.compositeFields.'+i+'.multiplicityItems.'+j"></df-composite-field>
|
||||
</div>
|
||||
</div>
|
||||
<div *ngIf="compositeField.hasCommentField">
|
||||
<mat-form-field>
|
||||
<input matInput formControlName="commentFieldValue" placeholder="comment">
|
||||
</mat-form-field>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div *ngIf="section.sections">
|
||||
|
|
|
@ -19,7 +19,7 @@ export class DynamicFormSectionComponent implements OnInit {
|
|||
@Input() form: FormGroup;
|
||||
@Input() pathName: string;
|
||||
@Input() path: string;
|
||||
constructor(private visibilityRulesService:VisibilityRulesService) { }
|
||||
constructor(private visibilityRulesService: VisibilityRulesService) { }
|
||||
|
||||
ngOnInit() {
|
||||
console.log(this.section);
|
||||
|
@ -31,10 +31,10 @@ export class DynamicFormSectionComponent implements OnInit {
|
|||
(<FormArray>(this.form.get("compositeFields").get('' + fieldsetIndex).get('multiplicityItems'))).push(compositeField.buildForm());
|
||||
}
|
||||
|
||||
isVisible(fieldSet:CompositeField):boolean{
|
||||
if(!this.visibilityRulesService.isElementVisible(null,fieldSet.id)) return false;
|
||||
for(var i=0; i<fieldSet.fields.length; i++){
|
||||
if (!this.visibilityRulesService.isElementVisible(null,fieldSet.fields[i].id))
|
||||
isVisible(pathname: string, fieldSet: CompositeField): boolean {
|
||||
if (!this.visibilityRulesService.isElementVisible(pathname, fieldSet.id)) return false;
|
||||
for (var i = 0; i < fieldSet.fields.length; i++) {
|
||||
if (!this.visibilityRulesService.isElementVisible(pathname+'.fields.'+i, fieldSet.fields[i].id))
|
||||
return false;
|
||||
}
|
||||
return true;
|
||||
|
|
|
@ -12,7 +12,7 @@ import { FormGroup, FormControl, FormArray } from '@angular/forms'
|
|||
export class ProgressBarComponent implements OnInit {
|
||||
@Input() formGroup: FormGroup
|
||||
@Input("progressValueAccuracy") public accuracy: number = 1;
|
||||
determinateProgressValue:number;
|
||||
determinateProgressValue: number;
|
||||
|
||||
constructor(private visibilityRulesService: VisibilityRulesService) { }
|
||||
|
||||
|
@ -26,7 +26,7 @@ export class ProgressBarComponent implements OnInit {
|
|||
});
|
||||
}
|
||||
|
||||
calculateValueForProgressbar(){
|
||||
calculateValueForProgressbar() {
|
||||
var progressSoFar = this.countFormControlsWithValue(this.formGroup);
|
||||
var total = this.getFormControlDepthLength(this.formGroup);
|
||||
var perc = (progressSoFar / total) * 100;
|
||||
|
@ -44,7 +44,7 @@ export class ProgressBarComponent implements OnInit {
|
|||
value += this.countFormControlsWithValue(<FormGroup>formArray.get("" + i))
|
||||
}
|
||||
}
|
||||
else if (key === "value" && control.value != null) value++;
|
||||
else if (key === "value" && control.value != null && control.value != "") value++;
|
||||
});
|
||||
return value;
|
||||
}
|
||||
|
@ -52,16 +52,17 @@ export class ProgressBarComponent implements OnInit {
|
|||
getFormControlDepthLength(form: FormGroup): number {
|
||||
let value = 0;
|
||||
Object.keys(form.controls).forEach(key => {
|
||||
let control = form.controls[key]
|
||||
if (control instanceof FormGroup)
|
||||
{ value += this.getFormControlDepthLength(control);}
|
||||
let control = form.controls[key];
|
||||
if (control instanceof FormGroup) { value += this.getFormControlDepthLength(control); }
|
||||
else if (control instanceof FormArray) {
|
||||
let formArray = (<FormArray>control);
|
||||
for (let i = 0; i < formArray.length; i++) {
|
||||
if (<FormGroup>formArray.get("" + i).value && this.visibilityRulesService.isElementVisible(null, formArray.get("" + i).value.id))
|
||||
value += this.getFormControlDepthLength(<FormGroup>formArray.get("" + i))
|
||||
}
|
||||
}
|
||||
else if (key === "value" && this.visibilityRulesService.isElementVisible(null, form.controls["id"].value)) value++;
|
||||
else if (key === "value" && this.visibilityRulesService.isElementVisible(null, form.controls["id"].value))
|
||||
value++;
|
||||
});
|
||||
return value;
|
||||
}
|
||||
|
|
|
@ -14,6 +14,7 @@ export class CompositeField extends BaseModel implements Serializable<CompositeF
|
|||
public description: string
|
||||
public extendedDescription: string
|
||||
public hasCommentField: boolean;
|
||||
public commentFieldValue: string;
|
||||
|
||||
fromJSONObject(item: any): CompositeField {
|
||||
|
||||
|
@ -24,6 +25,7 @@ export class CompositeField extends BaseModel implements Serializable<CompositeF
|
|||
this.description = item.description;
|
||||
this.extendedDescription = item.extendedDescription;
|
||||
this.hasCommentField = item.hasCommentField;
|
||||
this.commentFieldValue = item.commentFieldValue;
|
||||
this.multiplicity = JsonSerializer.fromJSONObject(item.multiplicity, Multiplicity);
|
||||
//this.multiplicity = new Multiplicity();
|
||||
//this.multiplicity.max = 2;
|
||||
|
@ -38,7 +40,8 @@ export class CompositeField extends BaseModel implements Serializable<CompositeF
|
|||
title: this.title,
|
||||
description: this.description,
|
||||
extendedDescription: this.extendedDescription,
|
||||
hasCommentField: this.hasCommentField
|
||||
hasCommentField: this.hasCommentField,
|
||||
commentFieldValue: this.commentFieldValue
|
||||
});
|
||||
|
||||
let fieldsFormArray = new Array<FormGroup>();
|
||||
|
|
|
@ -17,7 +17,8 @@ export class VisibilityRulesService {
|
|||
if (this.checkElementVisibility(visibilityRule)) {
|
||||
return true
|
||||
} else {
|
||||
if (pathKey && this.formGroup.get(pathKey + '.value')) this.formGroup.get(pathKey + '.value').patchValue(null)
|
||||
this.clearValues(pathKey)
|
||||
// if (pathKey && this.formGroup.get(pathKey + '.value')) this.formGroup.get(pathKey + '.value').patchValue(null)
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
@ -40,4 +41,13 @@ export class VisibilityRulesService {
|
|||
private getParentPath(parentId: string): string {
|
||||
return '';
|
||||
}
|
||||
|
||||
private clearValues(pathKey) {
|
||||
if (pathKey && this.formGroup.get(pathKey + '.value')) this.formGroup.get(pathKey + '.value').patchValue(null)
|
||||
if (pathKey && this.formGroup.get(pathKey)["controls"].fields){
|
||||
for (var i = 0; i < this.formGroup.get(pathKey)["controls"].fields.length; i++)
|
||||
this.clearValues(pathKey+'.fields.'+i);
|
||||
}
|
||||
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue