MaDgiK-CITE
/
argos
13
0
Fork 0
Code Issues Pull Requests Projects Releases 3 Wiki Activity

Delete buttons 

LogIn Page Fix
fix Multiplisity Ids
fixVizibility to Child Items
This commit is contained in:
Diamantis Tziotzios 2019-02-01 10:29:00 +02:00
parent 498f690f22
commit 853be683a8
16 changed files with 49 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
dmp-frontend/src/app/library/auto-complete/single/single-auto-complete-configuration.ts
View File

@ -9,9 +9,9 @@ export interface SingleAutoCompleteConfiguration {
// Load and present items from start, without user query. Default: true. // Load and present items from start, without user query. Default: true.
loadDataOnStart?: boolean; loadDataOnStart?: boolean;
// Static or initial items. // Static or initial items.
initialItems?: (data?:any) => Observable<any[]>; initialItems?: (data?: any) => Observable<any[]>;
// Data retrieval function // Data retrieval function
filterFn?: (searchQuery: string, data?:any) => Observable<any[]>; filterFn?: (searchQuery: string, data?: any) => Observable<any[]>;
// Property formating for input // Property formating for input
displayFn?: (item: any) => string; displayFn?: (item: any) => string;
// Property formating for dropdown // Property formating for dropdown
@ -22,4 +22,6 @@ export interface SingleAutoCompleteConfiguration {
subtitleFn?: (item: any) => string; subtitleFn?: (item: any) => string;
//Extra data passed to query function //Extra data passed to query function
extraData?: any; extraData?: any;
// Callback to intercept value assignment based on item selection
valueAssign?: (selectedItem: any) => any;
} }

2
dmp-frontend/src/app/library/auto-complete/single/single-auto-complete.component.ts
View File

@ -146,7 +146,7 @@ export class SingleAutoCompleteComponent implements OnInit, MatFormFieldControl<
} }
_optionSelected(event: MatAutocompleteSelectedEvent) { _optionSelected(event: MatAutocompleteSelectedEvent) {
this._setValue(event.option.value); this._setValue(this.configuration.valueAssign ? this.configuration.valueAssign(event.option.value) : event.option.value);
this.stateChanges.next(); this.stateChanges.next();
this.optionSelected.emit(event.option.value); this.optionSelected.emit(event.option.value);
} }

5
dmp-frontend/src/app/ui/admin/dataset-profile/editor/components/composite-field/dataset-profile-editor-composite-field.component.html
View File

@ -35,7 +35,6 @@
<mat-error *ngIf="form.get('multiplicity').get('max').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | <mat-error *ngIf="form.get('multiplicity').get('max').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' |
translate}}</mat-error> translate}}</mat-error>
</mat-form-field> </mat-form-field>
<mat-form-field class="col"> <mat-form-field class="col">
<input matInput type="number" placeholder="{{'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.FIELDS.ORDER' | translate}}" <input matInput type="number" placeholder="{{'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.FIELDS.ORDER' | translate}}"
[formControl]="this.form.get('ordinal')"> [formControl]="this.form.get('ordinal')">
@ -51,7 +50,7 @@
[formControl]="this.form.get('extendedDescription')"></textarea> [formControl]="this.form.get('extendedDescription')"></textarea>
</mat-form-field> </mat-form-field>
<app-dataset-profile-editor-field-component class="col-12" *ngIf="!isComposite" [form]="form.get('fields').get(''+0)" <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> [showOrdinal]="false" [indexPath]="indexPath + 'f' + 0"></app-dataset-profile-editor-field-component>
</div> </div>
<div *ngIf="isComposite" class="row"> <div *ngIf="isComposite" class="row">
<h4 style="font-weight: bold" class="col-12">{{'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.SUB-FIELDS-TITLE' | <h4 style="font-weight: bold" class="col-12">{{'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.SUB-FIELDS-TITLE' |
@ -61,7 +60,7 @@
<mat-expansion-panel-header> <mat-expansion-panel-header>
<mat-panel-title>{{i + 1}}. {{getFieldTile(field, i)}}</mat-panel-title> <mat-panel-title>{{i + 1}}. {{getFieldTile(field, i)}}</mat-panel-title>
<div class="row"> <div class="row">
<button mat-icon-button type="button" class="btn btn-sm col-auto" style="margin-right:0.7em;" (click)="DeleteField(i);"> <button mat-icon-button type="button" class="deleteBtn col-auto" (click)="DeleteField(i);">
<mat-icon>delete</mat-icon> <mat-icon>delete</mat-icon>
</button> </button>
</div> </div>

4
dmp-frontend/src/app/ui/admin/dataset-profile/editor/components/composite-field/dataset-profile-editor-composite-field.component.scss
View File

@ -1,3 +1,7 @@
.full-width{ .full-width{
width: 100%; width: 100%;
} }
.deleteBtn{
margin-right:0.7em;
}

12
dmp-frontend/src/app/ui/admin/dataset-profile/editor/components/field/dataset-profile-editor-field.component.html
View File

@ -35,18 +35,6 @@
</mat-select> </mat-select>
</mat-form-field> </mat-form-field>
</div> </div>
<div class="row">
<mat-checkbox class="col" *ngIf="showMultiplicity" [(ngModel)]="isFieldMultiplicityEnabled" (ngModelChange)="onIsFieldMultiplicityEnabledChange(isFieldMultiplicityEnabled)">{{'DATASET-PROFILE-EDITOR.STEPS.FORM.FIELD.FIELDS.MULTIPLICITY-CHECKBOX'
| translate}}</mat-checkbox>
<mat-form-field class="col" *ngIf="showMultiplicity && isFieldMultiplicityEnabled">
<input matInput type="number" placeholder="{{'DATASET-PROFILE-EDITOR.STEPS.FORM.FIELD.FIELDS.MULTIPLICITY-MIN' | translate}}"
[formControl]="this.form.get('multiplicity').get('min')">
</mat-form-field>
<mat-form-field class="col" *ngIf="showMultiplicity && isFieldMultiplicityEnabled">
<input matInput type="number" placeholder="{{'DATASET-PROFILE-EDITOR.STEPS.FORM.FIELD.FIELDS.MULTIPLICITY-MAX' | translate}}"
[formControl]="this.form.get('multiplicity').get('max')">
</mat-form-field>
</div>
<div class="row" [ngSwitch]="form.get('viewStyle').get('renderStyle').value"> <div class="row" [ngSwitch]="form.get('viewStyle').get('renderStyle').value">
<app-dataset-profile-editor-combo-box-field-component *ngSwitchCase="viewStyleEnum.ComboBox" class="col-12" [form]="form"></app-dataset-profile-editor-combo-box-field-component> <app-dataset-profile-editor-combo-box-field-component *ngSwitchCase="viewStyleEnum.ComboBox" class="col-12" [form]="form"></app-dataset-profile-editor-combo-box-field-component>
<app-dataset-profile-editor-radio-box-field-component *ngSwitchCase="viewStyleEnum.RadioBox" class="col-12" [form]="form"></app-dataset-profile-editor-radio-box-field-component> <app-dataset-profile-editor-radio-box-field-component *ngSwitchCase="viewStyleEnum.RadioBox" class="col-12" [form]="form"></app-dataset-profile-editor-radio-box-field-component>

3
dmp-frontend/src/app/ui/admin/dataset-profile/editor/components/field/dataset-profile-editor-field.component.ts
View File

@ -22,7 +22,6 @@ import { RuleEditorModel } from '../../../admin/rule-editor-model';
export class DatasetProfileEditorFieldComponent extends BaseComponent implements OnInit { export class DatasetProfileEditorFieldComponent extends BaseComponent implements OnInit {
@Input() form: FormGroup; @Input() form: FormGroup;
@Input() showMultiplicity = true;
@Input() showOrdinal = true; @Input() showOrdinal = true;
@Input() indexPath: string; @Input() indexPath: string;
validationTypeEnum = ValidationType; validationTypeEnum = ValidationType;
@ -35,7 +34,7 @@ export class DatasetProfileEditorFieldComponent extends BaseComponent implements
ngOnInit() { ngOnInit() {
if (this.form.get('multiplicity')) { if (this.form.get('multiplicity')) {
if (this.form.get('multiplicity').value.min > 1 || this.form.get('multiplicity').value.max > 1) { if (this.form.get('multiplicity').value.min > 1 && this.form.get('multiplicity').value.max > 1) {
this.isFieldMultiplicityEnabled = true; this.isFieldMultiplicityEnabled = true;
} }
} }

4
dmp-frontend/src/app/ui/admin/dataset-profile/editor/components/section/dataset-profile-editor-section.component.html
View File

@ -34,7 +34,7 @@
<mat-card class="field-card" *ngFor="let fieldControl of form.get('fieldSets')['controls'] let i=index;"> <mat-card class="field-card" *ngFor="let fieldControl of form.get('fieldSets')['controls'] let i=index;">
<div class="row"> <div class="row">
<mat-card-title class="col">{{i + 1}}. {{getFieldTile(fieldControl, i)}}</mat-card-title> <mat-card-title class="col">{{i + 1}}. {{getFieldTile(fieldControl, i)}}</mat-card-title>
<button mat-icon-button type="button" class="btn btn-sm col-auto" style="margin-right:0.7em;" (click)="deleteFieldSet(i);"> <button mat-icon-button type="button" class="deleteBtn col-auto" (click)="deleteFieldSet(i);">
<mat-icon>delete</mat-icon> <mat-icon>delete</mat-icon>
</button> </button>
<app-dataset-profile-editor-composite-field-component class="col-12" [form]="fieldControl" [indexPath]="indexPath + 'cf' + i"></app-dataset-profile-editor-composite-field-component> <app-dataset-profile-editor-composite-field-component class="col-12" [form]="fieldControl" [indexPath]="indexPath + 'cf' + i"></app-dataset-profile-editor-composite-field-component>
@ -51,7 +51,7 @@
<mat-panel-title>{{i + 1}}. {{form.get('sections').get(''+i).get('title').value}}</mat-panel-title> <mat-panel-title>{{i + 1}}. {{form.get('sections').get(''+i).get('title').value}}</mat-panel-title>
<div class="row"> <div class="row">
<!-- <span class="col">{{i + 1}}. {{form.get('sections').get(''+i).get('title').value}}</span> --> <!-- <span class="col">{{i + 1}}. {{form.get('sections').get(''+i).get('title').value}}</span> -->
<button mat-icon-button type="button" class="btn btn-sm col-auto" style="margin-right:0.7em;" (click)="DeleteSectionInSection(i);"> <button mat-icon-button type="button" class="deleteBtn col-auto" (click)="DeleteSectionInSection(i);">
<mat-icon>delete</mat-icon> <mat-icon>delete</mat-icon>
</button> </button>
</div> </div>

3
dmp-frontend/src/app/ui/admin/dataset-profile/editor/components/section/dataset-profile-editor-section.component.scss
View File

@ -3,3 +3,6 @@
margin-bottom: 1em; margin-bottom: 1em;
} }
} }
.deleteBtn{
margin-right:0.7em;
}

2
dmp-frontend/src/app/ui/auth/login/utilities/login.service.ts
View File

@ -43,10 +43,12 @@ export class LoginService extends BaseService {
public onLogInSuccess(loginResponse: any, returnUrl: string) { public onLogInSuccess(loginResponse: any, returnUrl: string) {
this.zone.run(() => {
this.uiNotificationService.snackBarNotification(this.language.instant('GENERAL.SNACK-BAR.SUCCESSFUL-LOGIN'), SnackBarNotificationLevel.Success); this.uiNotificationService.snackBarNotification(this.language.instant('GENERAL.SNACK-BAR.SUCCESSFUL-LOGIN'), SnackBarNotificationLevel.Success);
if (this.authService.current().culture) { this.cultureService.cultureSelected(this.authService.current().culture); } if (this.authService.current().culture) { this.cultureService.cultureSelected(this.authService.current().culture); }
const redirectUrl = returnUrl || '/'; const redirectUrl = returnUrl || '/';
this.router.navigate([redirectUrl]); this.router.navigate([redirectUrl]);
});
} }
public onLogInError(errorMessage: string) { public onLogInError(errorMessage: string) {

18
dmp-frontend/src/app/ui/misc/dataset-description-form/components/form-composite-field/form-composite-field.component.html
View File

@ -4,25 +4,25 @@
<div *ngIf="form.get('fields').length === 1 && this.visibilityRulesService.checkElementVisibility(form.get('fields')['controls'][0].get('id').value)" <div *ngIf="form.get('fields').length === 1 && this.visibilityRulesService.checkElementVisibility(form.get('fields')['controls'][0].get('id').value)"
class="col-12"> class="col-12">
<div class="row"> <div class="row">
<h5 *ngIf="form.get('title').value" style="font-weight:bold; color: #3a3737;" class="col-12">{{form.get('numbering').value}} <h5 *ngIf="form.get('title').value && !isChild" style="font-weight:bold; color: #3a3737;" class="col-12">{{form.get('numbering').value}}
{{form.get('title').value}} {{form.get('title').value}}
<!-- <a *ngIf="this.markForConsiderationService.exists(compositeField)" (click)="markForConsideration()" style="cursor: pointer"> <!-- <a *ngIf="this.markForConsiderationService.exists(compositeField)" (click)="markForConsideration()" style="cursor: pointer">
Mark For Consideration Mark For Consideration
</a> --> </a> -->
</h5> </h5>
<h6 *ngIf="form.get('description').value">{{form.get('description').value}}</h6> <h6 *ngIf="form.get('description').value && !isChild">{{form.get('description').value}}</h6>
<h6 *ngIf="form.get('extendedDescription').value" class="col-12"> <h6 *ngIf="form.get('extendedDescription').value && !isChild" class="col-12">
<i>{{form.get('extendedDescription').value}}</i> <i>{{form.get('extendedDescription').value}}</i>
</h6> </h6>
<app-form-field class="col-12" [form]="form.get('fields')['controls'][0]" [datasetProfileId]="datasetProfileId"></app-form-field> <app-form-field class="col-12" [form]="form.get('fields')['controls'][0]" [datasetProfileId]="datasetProfileId" [isChild]="isChild"></app-form-field>
</div> </div>
</div> </div>
<div *ngIf="form.get('fields').length > 1" class="col-12"> <div *ngIf="form.get('fields').length > 1" class="col-12">
<div class="row"> <div class="row">
<h5 *ngIf="form.get('title').value" style="font-weight:bold; color: #3a3737;" class="col-12">{{form.get('numbering').value}} <h5 *ngIf="form.get('title').value && !isChild" style="font-weight:bold; color: #3a3737;" class="col-12">{{form.get('numbering').value}}
{{form.get('title').value}}</h5> {{form.get('title').value}}</h5>
<h5 *ngIf="form.get('description').value" class="col-12">{{form.get('description').value}}</h5> <h5 *ngIf="form.get('description').value && !isChild" class="col-12">{{form.get('description').value}}</h5>
<h5 *ngIf="form.get('extendedDescription').value" class="col-12"> <h5 *ngIf="form.get('extendedDescription').value && !isChild" class="col-12">
<i>{{form.get('extendedDescription').value}}</i> <i>{{form.get('extendedDescription').value}}</i>
</h5> </h5>
<div *ngFor="let fieldFormGroup of form.get('fields')['controls']; let i = index;" class="col-12"> <div *ngFor="let fieldFormGroup of form.get('fields')['controls']; let i = index;" class="col-12">
@ -34,10 +34,10 @@
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<app-form-field [form]="fieldFormGroup" class="col-12" [datasetProfileId]="datasetProfileId"></app-form-field> <app-form-field [form]="fieldFormGroup" class="col-12" [datasetProfileId]="datasetProfileId" [isChild]="true"></app-form-field>
<div *ngIf="fieldFormGroup" class="col-12"> <div *ngIf="fieldFormGroup" class="col-12">
<div *ngFor="let multipleField of fieldFormGroup.get('multiplicityItems')['controls']; let j = index" class="row"> <div *ngFor="let multipleField of fieldFormGroup.get('multiplicityItems')['controls']; let j = index" class="row">
<app-form-field class="col-12" [form]="multipleField" [datasetProfileId]="datasetProfileId"></app-form-field> <app-form-field class="col-12" [form]="multipleField" [datasetProfileId]="datasetProfileId"[isChild]="true"></app-form-field>
</div> </div>
</div> </div>
</div> </div>

7
dmp-frontend/src/app/ui/misc/dataset-description-form/components/form-composite-field/form-composite-field.component.ts
View File

@ -12,6 +12,7 @@ export class FormCompositeFieldComponent {
@Input() datasetProfileId: String; @Input() datasetProfileId: String;
@Input() form: FormGroup; @Input() form: FormGroup;
@Input() isChild: Boolean =false;
constructor( constructor(
public visibilityRulesService: VisibilityRulesService, public visibilityRulesService: VisibilityRulesService,
@ -23,9 +24,9 @@ export class FormCompositeFieldComponent {
} }
addMultipleField(fieldIndex: number) { addMultipleField(fieldIndex: number) {
// const field: DatasetDescriptionFieldEditorModel = this.compositeField.fields[fieldIndex].cloneForMultiplicity(fieldIndex, ''); const compositeFieldToBeCloned = (this.form.get('compositeFields').get('' + fieldIndex) as FormGroup).getRawValue();
// this.compositeField.fields[fieldIndex].multiplicityItems.push(field); const compositeField: DatasetDescriptionCompositeFieldEditorModel = new DatasetDescriptionCompositeFieldEditorModel().cloneForMultiplicity(compositeFieldToBeCloned);
// (<FormArray>(this.form.get('fields').get('' + fieldIndex).get('multiplicityItems'))).push(field.buildForm()); (<FormArray>(this.form.get('compositeFields').get('' + fieldIndex).get('multiplicityItems'))).push(compositeField.buildForm());
} }
// markForConsideration() { // markForConsideration() {

6
dmp-frontend/src/app/ui/misc/dataset-description-form/components/form-field/form-field.component.html
View File

@ -1,10 +1,10 @@
<div *ngIf="form && this.visibilityRulesService.checkElementVisibility(this.form.get('id').value)" [id]="this.form.get('id').value" <div *ngIf="form && this.visibilityRulesService.checkElementVisibility(this.form.get('id').value)" [id]="this.form.get('id').value"
[formGroup]="form" [ngSwitch]="this.form.get('viewStyle').value.renderStyle" class="dynamic-form-field row"> [formGroup]="form" [ngSwitch]="this.form.get('viewStyle').value.renderStyle" class="dynamic-form-field row">
<h5 *ngIf="this.form.get('title').value">{{this.form.get('title').value}}</h5> <h5 *ngIf="this.form.get('title').value && !isChild">{{this.form.get('title').value}}</h5>
<h5 *ngIf="this.form.get('description').value" class="col-12">{{this.form.get('description').value}}</h5> <h5 *ngIf="this.form.get('description').value && !isChild" class="col-12">{{this.form.get('description').value}}</h5>
<h5 *ngIf="this.form.get('extendedDescription').value" class="col-12"><i>{{this.form.get('extendedDescription').value}}</i></h5> <h5 *ngIf="this.form.get('extendedDescription').value && !isChild" class="col-12"><i>{{this.form.get('extendedDescription').value}}</i></h5>
<mat-form-field *ngSwitchCase="datasetProfileFieldViewStyleEnum.FreeText" class="col-12"> <mat-form-field *ngSwitchCase="datasetProfileFieldViewStyleEnum.FreeText" class="col-12">
<input matInput formControlName="value" placeholder="{{form.get('data').value.label}}" [required]="form.get('validationRequired').value"> <input matInput formControlName="value" placeholder="{{form.get('data').value.label}}" [required]="form.get('validationRequired').value">

4
dmp-frontend/src/app/ui/misc/dataset-description-form/components/form-field/form-field.component.ts
View File

@ -20,6 +20,7 @@ export class FormFieldComponent extends BaseComponent implements OnInit {
// @Input() field: Field; // @Input() field: Field;
@Input() form: FormGroup; @Input() form: FormGroup;
@Input() datasetProfileId: String; @Input() datasetProfileId: String;
@Input() isChild: Boolean =false;
// change: Subscription; // change: Subscription;
// trackByFn = (index, item) => item ? item['id'] : null; // trackByFn = (index, item) => item ? item['id'] : null;
@ -42,7 +43,8 @@ export class FormFieldComponent extends BaseComponent implements OnInit {
filterFn: this.searchFromAutocomplete.bind(this), filterFn: this.searchFromAutocomplete.bind(this),
initialItems: (extraData) => this.searchFromAutocomplete(''), initialItems: (extraData) => this.searchFromAutocomplete(''),
displayFn: (item) => item['label'], displayFn: (item) => item['label'],
titleFn: (item) => item['label'] titleFn: (item) => item['label'],
valueAssign: (item) => JSON.stringify(item)
}; };
} }

4
dmp-frontend/src/app/ui/misc/dataset-description-form/components/form-section/form-section.component.html
View File

@ -20,11 +20,11 @@
Add one more fieldset + Add one more fieldset +
</button> </button>
</div> </div>
<app-form-composite-field class="col-12" [form]="compositeFieldFormGroup" [datasetProfileId]="datasetProfileId"></app-form-composite-field> <app-form-composite-field class="col-12" [form]="compositeFieldFormGroup" [datasetProfileId]="datasetProfileId" [isChild]="false"></app-form-composite-field>
<div *ngIf="compositeFieldFormGroup" class="col-12"> <div *ngIf="compositeFieldFormGroup" class="col-12">
<div class="row"> <div class="row">
<app-form-composite-field class="col-12" *ngFor="let multipleCompositeFieldFormGroup of compositeFieldFormGroup.get('multiplicityItems')['controls']; let j = index" <app-form-composite-field class="col-12" *ngFor="let multipleCompositeFieldFormGroup of compositeFieldFormGroup.get('multiplicityItems')['controls']; let j = index"
[form]="multipleCompositeFieldFormGroup" [datasetProfileId]="datasetProfileId"></app-form-composite-field> [form]="multipleCompositeFieldFormGroup" [datasetProfileId]="datasetProfileId" [isChild]="true"></app-form-composite-field>
<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
dmp-frontend/src/app/ui/misc/dataset-description-form/components/form-section/form-section.component.ts
View File

@ -35,7 +35,7 @@ export class FormSectionComponent implements OnInit {
addMultipleField(fieldsetIndex: number) { addMultipleField(fieldsetIndex: number) {
const compositeFieldToBeCloned = (this.form.get('compositeFields').get('' + fieldsetIndex) as FormGroup).getRawValue(); const compositeFieldToBeCloned = (this.form.get('compositeFields').get('' + fieldsetIndex) as FormGroup).getRawValue();
const compositeField: DatasetDescriptionCompositeFieldEditorModel = new DatasetDescriptionCompositeFieldEditorModel().cloneForMultiplicity(compositeFieldToBeCloned, fieldsetIndex); const compositeField: DatasetDescriptionCompositeFieldEditorModel = new DatasetDescriptionCompositeFieldEditorModel().cloneForMultiplicity(compositeFieldToBeCloned);
(<FormArray>(this.form.get('compositeFields').get('' + fieldsetIndex).get('multiplicityItems'))).push(compositeField.buildForm()); (<FormArray>(this.form.get('compositeFields').get('' + fieldsetIndex).get('multiplicityItems'))).push(compositeField.buildForm());
} }

15
dmp-frontend/src/app/ui/misc/dataset-description-form/dataset-description-form.model.ts
View File

@ -10,6 +10,7 @@ import { Page } from "../../../core/model/dataset-profile-definition/page";
import { Rule } from "../../../core/model/dataset-profile-definition/rule"; import { Rule } from "../../../core/model/dataset-profile-definition/rule";
import { Section } from "../../../core/model/dataset-profile-definition/section"; import { Section } from "../../../core/model/dataset-profile-definition/section";
import { ViewStyle } from "../../../core/model/dataset-profile-definition/view-style"; import { ViewStyle } from "../../../core/model/dataset-profile-definition/view-style";
import { Guid } from "../../../common/types/guid";
export class DatasetDescriptionFormEditorModel extends BaseFormModel { export class DatasetDescriptionFormEditorModel extends BaseFormModel {
@ -108,7 +109,7 @@ export class DatasetDescriptionSectionEditorModel extends BaseFormModel {
formGroup.addControl('description', new FormControl({ value: this.description, disabled: true })); formGroup.addControl('description', new FormControl({ value: this.description, disabled: true }));
formGroup.addControl('numbering', new FormControl({ value: this.numbering, disabled: true })); formGroup.addControl('numbering', new FormControl({ value: this.numbering, disabled: true }));
formGroup.addControl('title', new FormControl({ value: this.title, disabled: true })); formGroup.addControl('title', new FormControl({ value: this.title, disabled: true }));
formGroup.addControl('id', new FormControl({ value: this.title, disabled: true })); formGroup.addControl('id', new FormControl({ value: this.title, disabled: false }));
return formGroup; return formGroup;
} }
} }
@ -183,11 +184,11 @@ export class DatasetDescriptionCompositeFieldEditorModel extends BaseFormModel {
// return newItem; // return newItem;
// } // }
cloneForMultiplicity(item: CompositeField, index: number): DatasetDescriptionCompositeFieldEditorModel { cloneForMultiplicity(item: CompositeField): DatasetDescriptionCompositeFieldEditorModel {
const newItem: DatasetDescriptionCompositeFieldEditorModel = new DatasetDescriptionCompositeFieldEditorModel(); const newItem: DatasetDescriptionCompositeFieldEditorModel = new DatasetDescriptionCompositeFieldEditorModel();
newItem.id = 'multiple_' + item.id + '_' + index; newItem.id = 'multiple_' + item.id + '_' + Guid.create();
item.fields.forEach((field, index) => { item.fields.forEach((field, index) => {
newItem.fields.push(new DatasetDescriptionFieldEditorModel().cloneForMultiplicity(field, index, newItem.id + '_')); newItem.fields.push(new DatasetDescriptionFieldEditorModel().cloneForMultiplicity(field, newItem.id + '_'));
}); });
newItem.ordinal = item.ordinal; newItem.ordinal = item.ordinal;
return newItem; return newItem;
@ -240,7 +241,7 @@ export class DatasetDescriptionFieldEditorModel extends BaseFormModel {
const formGroup = this.formBuilder.group({ const formGroup = this.formBuilder.group({
value: [this.value, this.validationRequired === true ? Validators.required : null], value: [this.value, this.validationRequired === true ? Validators.required : null],
id: [{ value: this.id, disabled: true }], id: [{ value: this.id, disabled: false }],
viewStyle: [{ value: this.viewStyle, disabled: true }], viewStyle: [{ value: this.viewStyle, disabled: true }],
data: [{ value: this.data, disabled: true }], data: [{ value: this.data, disabled: true }],
validationRequired: [{ value: this.validationRequired, disabled: true }], validationRequired: [{ value: this.validationRequired, disabled: true }],
@ -274,10 +275,10 @@ export class DatasetDescriptionFieldEditorModel extends BaseFormModel {
// return newItem; // return newItem;
// } // }
cloneForMultiplicity(item: Field, index: number, idPath: string): DatasetDescriptionFieldEditorModel { cloneForMultiplicity(item: Field,idPath: string): DatasetDescriptionFieldEditorModel {
const newItem: DatasetDescriptionFieldEditorModel = new DatasetDescriptionFieldEditorModel(); const newItem: DatasetDescriptionFieldEditorModel = new DatasetDescriptionFieldEditorModel();
newItem.id = idPath ? idPath + index : 'multiple_' + item.id + '_' + index; newItem.id = idPath ? idPath + Guid.create() : 'multiple_' + item.id + '_' + Guid.create();
newItem.title = item.title; newItem.title = item.title;
newItem.description = item.description; newItem.description = item.description;
newItem.extendedDescription = item.extendedDescription; newItem.extendedDescription = item.extendedDescription;