2018-02-02 11:57:24 +01:00
|
|
|
|
import { JsonSerializer } from '../../utilities/JsonSerializer';
|
|
|
|
|
import { DatasetProfileService } from '../../services/dataset-profile.service';
|
|
|
|
|
import { DatasetProfileModelAdmin } from '../../models/datasetProfileAdmin/DatasetProfileModelAdmin';
|
|
|
|
|
import { Page } from '../../models/datasetProfileAdmin/Page';
|
|
|
|
|
import { Component, OnInit } from '@angular/core';
|
|
|
|
|
import { FormGroup, FormControl } from '@angular/forms';
|
|
|
|
|
import { SectionFormComponent } from '../section-form/section-form.component';
|
|
|
|
|
import { FormArray } from '@angular/forms';
|
|
|
|
|
import { Router, ActivatedRoute, ParamMap, Params } from '@angular/router';
|
|
|
|
|
import { PageFormComponent } from '../page-form/page-component'
|
2018-05-14 08:44:35 +02:00
|
|
|
|
import { DatasetProfileAdmin } from '../../services/datasetProfileAdmin/datasetProfileAfmin.service';
|
|
|
|
|
import { Section } from '../../models/datasetProfileAdmin/Section';
|
2018-10-02 16:33:58 +02:00
|
|
|
|
import { MatDialog } from '@angular/material';
|
|
|
|
|
import { DatasetProfilePreviewerComponent } from '../previewer/dataset-profile-previewer.component';
|
2018-02-02 11:57:24 +01:00
|
|
|
|
|
|
|
|
|
@Component({
|
|
|
|
|
selector: 'form-comp',
|
|
|
|
|
templateUrl: './form.component.html',
|
2018-05-14 08:44:35 +02:00
|
|
|
|
providers: [DatasetProfileAdmin, DatasetProfileService],
|
2018-03-06 15:58:38 +01:00
|
|
|
|
styleUrls: ['./form.component.scss']
|
2018-02-02 11:57:24 +01:00
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
export class FormComponent {
|
|
|
|
|
|
|
|
|
|
dataModel: DatasetProfileModelAdmin;
|
|
|
|
|
form: FormGroup;
|
|
|
|
|
private profileID: string;
|
|
|
|
|
|
2018-10-02 16:33:58 +02:00
|
|
|
|
constructor(
|
|
|
|
|
public datasetprofileAdmin: DatasetProfileAdmin,
|
|
|
|
|
private datasetProfileService: DatasetProfileService,
|
|
|
|
|
private route: ActivatedRoute,
|
|
|
|
|
private router: Router,
|
|
|
|
|
public dialog: MatDialog,
|
|
|
|
|
) {
|
2018-02-02 11:57:24 +01:00
|
|
|
|
this.profileID = route.snapshot.params['id'];
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
ngOnInit() {
|
|
|
|
|
|
|
|
|
|
this.dataModel = JsonSerializer.fromJSONObject(new DatasetProfileModelAdmin(), DatasetProfileModelAdmin);
|
|
|
|
|
this.form = this.dataModel.buildForm();
|
|
|
|
|
if (this.profileID) {
|
|
|
|
|
this.datasetProfileService.getDatasetProfileById(this.profileID).subscribe((data) => {
|
|
|
|
|
this.dataModel = JsonSerializer.fromJSONObject(data, DatasetProfileModelAdmin);
|
|
|
|
|
this.form = this.dataModel.buildForm();
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
this.addSection();
|
2018-10-02 16:33:58 +02:00
|
|
|
|
this.addPage();
|
2018-02-02 11:57:24 +01:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
onIsMultiplicityEnabledChange(isMultiplicityEnabled: boolean) {
|
|
|
|
|
if (!isMultiplicityEnabled) {
|
|
|
|
|
(<FormControl>this.form.get('multiplicity').get("min")).setValue(0);
|
|
|
|
|
(<FormControl>this.form.get('multiplicity').get("max")).setValue(0);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
addSection() {
|
|
|
|
|
let section: Section = new Section();
|
|
|
|
|
this.dataModel.sections.push(section);
|
|
|
|
|
(<FormArray>this.form.get("sections")).push(section.buildForm());
|
|
|
|
|
}
|
|
|
|
|
|
2018-10-02 16:33:58 +02:00
|
|
|
|
addPage() {
|
2018-02-02 11:57:24 +01:00
|
|
|
|
let page: Page = new Page(this.dataModel.pages.length);
|
|
|
|
|
this.dataModel.pages.push(page);
|
|
|
|
|
(<FormArray>this.form.get("pages")).push(page.buildForm());
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
DeleteSection(index) {
|
|
|
|
|
this.dataModel.sections.splice(index, 1);
|
|
|
|
|
(<FormArray>this.form.get("sections")).removeAt(index)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
DeletePage(index) {
|
|
|
|
|
this.dataModel.pages.splice(index, 1);
|
|
|
|
|
(<FormArray>this.form.get("pages")).removeAt(index)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
createForm(data) {
|
|
|
|
|
return this.datasetprofileAdmin.createForm(data);
|
|
|
|
|
}
|
|
|
|
|
updateForm(id, data) {
|
|
|
|
|
return this.datasetprofileAdmin.updateForm(id, data);
|
|
|
|
|
}
|
|
|
|
|
onSubmit() {
|
|
|
|
|
let data = this.form.value;
|
|
|
|
|
|
2018-05-14 08:44:35 +02:00
|
|
|
|
if (this.profileID) this.updateForm(this.profileID, data).subscribe(() => {
|
|
|
|
|
this.router.navigate(['/datasetsProfiles'])
|
2018-02-08 09:50:39 +01:00
|
|
|
|
});
|
2018-05-14 08:44:35 +02:00
|
|
|
|
else this.createForm(data).subscribe(() => {
|
2018-02-08 09:50:39 +01:00
|
|
|
|
this.router.navigate(['/datasetsProfiles'])
|
|
|
|
|
});
|
2018-02-02 11:57:24 +01:00
|
|
|
|
}
|
|
|
|
|
|
2018-10-02 16:33:58 +02:00
|
|
|
|
preview() {
|
|
|
|
|
let dialogRef = this.dialog.open(DatasetProfilePreviewerComponent, {
|
|
|
|
|
height: '355px',
|
|
|
|
|
width: '700px',
|
|
|
|
|
data: {
|
|
|
|
|
model: this.dataModel
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|