2018-10-05 17:00:54 +02:00
|
|
|
import { Component, ViewChild, OnInit, AfterViewInit, ViewEncapsulation } from '@angular/core';
|
|
|
|
import { MatPaginator, MatSort, MatSnackBar, MatDialog, MatChipList, MatChip } from '@angular/material';
|
|
|
|
import { Router, ActivatedRoute, Params } from '@angular/router';
|
|
|
|
import { TranslateService } from '@ngx-translate/core';
|
|
|
|
import { DataSource } from '@angular/cdk/table';
|
2018-10-12 17:17:31 +02:00
|
|
|
import { Observable } from 'rxjs';
|
2018-10-05 17:00:54 +02:00
|
|
|
import { JsonSerializer } from '../../utilities/JsonSerializer';
|
|
|
|
import { FormGroup, FormControl } from '@angular/forms';
|
|
|
|
import { SnackBarNotificationComponent } from '../../shared/components/notificaiton/snack-bar-notification.component';
|
|
|
|
import { BaseErrorModel } from '../../models/error/BaseErrorModel';
|
|
|
|
import { DataManagementPlanService } from '../../services/data-management-plan/data-management-plan.service';
|
2018-10-12 10:22:23 +02:00
|
|
|
import { DataManagementPlanModel, DataManagementPlanStatus } from '../../models/data-managemnt-plans/DataManagementPlanModel';
|
2018-10-05 17:00:54 +02:00
|
|
|
import { ExternalSourcesService } from '../../services/external-sources/external-sources.service';
|
|
|
|
import { ExternalSourcesItemModel } from '../../models/external-sources/ExternalSourcesItemModel';
|
|
|
|
import { RequestItem } from '../../models/criteria/RequestItem';
|
|
|
|
import { DataManagementPlanCriteriaComponent } from '../../shared/components/criteria/data-management-plan/dmp-criteria.component';
|
|
|
|
import { DatasetProfileModel } from '../../models/datasets/DatasetProfileModel';
|
|
|
|
import { ProjectCriteria } from '../../models/criteria/project/ProjectCriteria';
|
|
|
|
import { ProjectService } from '../../services/project/project.service';
|
|
|
|
import { DmpUsersModel } from '../../models/dmpUsers/DmpUsersModel';
|
|
|
|
import { AddResearchersComponent } from '../../shared/components/add-researchers/add-researchers.component';
|
2018-02-05 11:34:25 +01:00
|
|
|
import { ViewContainerRef } from '@angular/core';
|
|
|
|
import { TdDialogService } from '@covalent/core';
|
2018-10-05 17:00:54 +02:00
|
|
|
import { AvailableProfilesComponent } from '../../shared/components/available-profiles/available-profiles.component';
|
|
|
|
import { BaseCriteria } from '../../models/criteria/BaseCriteria';
|
|
|
|
import { DataManagementPlanProfileService } from '../../services/data-management-plan-profile/datamanagement-profile.service';
|
|
|
|
import { DataManagementPlanProfileListingModel } from '../../models/data-management-plan-profile/DataManagementPlanProfileListingModel';
|
|
|
|
import { DataManagementPlanProfileCriteria } from '../../models/criteria/dmp-profile/DataManagementPlanProfileCriteria';
|
|
|
|
import { DataManagementPlanProfile } from '../../models/data-management-plan-profile/DataManagementPlanProfile';
|
|
|
|
import { LanguageResolverService } from '../../services/language-resolver/language-resolver.service';
|
|
|
|
import { IBreadCrumbComponent } from '../../shared/components/breadcrumb/definition/IBreadCrumbComponent';
|
|
|
|
import { BreadcrumbItem } from '../../shared/components/breadcrumb/definition/breadcrumb-item';
|
|
|
|
import { SingleAutoCompleteConfiguration } from '../../shared/components/autocompletes/single/single-auto-complete-configuration';
|
|
|
|
import { MultipleAutoCompleteConfiguration } from '../../shared/components/autocompletes/multiple/multiple-auto-complete-configuration';
|
2018-10-09 10:28:44 +02:00
|
|
|
import * as FileSaver from 'file-saver';
|
2018-10-11 13:22:03 +02:00
|
|
|
import { DMPFinaliseDialogComponent } from './dmp-finalise-dialog/dmp-finalise-dialog.component';
|
|
|
|
import { DatasetListingModel } from '../../models/datasets/DatasetListingModel';
|
2018-10-16 13:11:15 +02:00
|
|
|
import { DatasetProfileCriteria } from '../../models/criteria/dataset-profile/DatasetProfileCriteria';
|
2017-12-14 18:13:28 +01:00
|
|
|
|
|
|
|
@Component({
|
2018-10-05 17:00:54 +02:00
|
|
|
selector: 'app-dmp-editor-component',
|
|
|
|
templateUrl: 'dmp-editor.component.html',
|
|
|
|
styleUrls: ['./dmp-editor.component.scss'],
|
|
|
|
encapsulation: ViewEncapsulation.None
|
2017-12-14 18:13:28 +01:00
|
|
|
})
|
2018-06-27 12:29:21 +02:00
|
|
|
export class DataManagementPlanEditorComponent implements AfterViewInit, IBreadCrumbComponent {
|
2017-12-18 11:01:22 +01:00
|
|
|
|
2018-10-11 13:22:03 +02:00
|
|
|
editMode = true;
|
2017-12-21 10:16:46 +01:00
|
|
|
|
2018-10-05 17:00:54 +02:00
|
|
|
breadCrumbs: Observable<BreadcrumbItem[]>;
|
|
|
|
isNew = true;
|
|
|
|
textCtrl = new FormControl();
|
|
|
|
dataManagementPlan: DataManagementPlanModel;
|
|
|
|
formGroup: FormGroup = null;
|
|
|
|
|
|
|
|
filteringOrganisationsAsync = false;
|
|
|
|
filteringResearchersAsync = false;
|
|
|
|
filteredProfilesAsync = false;
|
|
|
|
filteredOrganisations: ExternalSourcesItemModel[];
|
|
|
|
filteredResearchers: ExternalSourcesItemModel[];
|
|
|
|
filteredProfiles: DatasetProfileModel[];
|
|
|
|
|
|
|
|
projectAutoCompleteConfiguration: SingleAutoCompleteConfiguration;
|
|
|
|
profilesAutoCompleteConfiguration: MultipleAutoCompleteConfiguration;
|
|
|
|
organisationsAutoCompleteConfiguration: MultipleAutoCompleteConfiguration;
|
|
|
|
researchersAutoCompleteConfiguration: MultipleAutoCompleteConfiguration;
|
|
|
|
|
|
|
|
createNewVersion;
|
|
|
|
associatedUsers: Array<DmpUsersModel>;
|
|
|
|
filteredOptions: Observable<DataManagementPlanProfileListingModel>;
|
|
|
|
|
|
|
|
constructor(
|
|
|
|
private dmpProfileService: DataManagementPlanProfileService,
|
|
|
|
private dataManagementPlanService: DataManagementPlanService,
|
|
|
|
private projectService: ProjectService,
|
|
|
|
private externalSourcesService: ExternalSourcesService,
|
|
|
|
private route: ActivatedRoute,
|
|
|
|
public snackBar: MatSnackBar,
|
|
|
|
public router: Router,
|
|
|
|
public language: TranslateService,
|
|
|
|
private _service: DataManagementPlanService,
|
|
|
|
public dialog: MatDialog,
|
|
|
|
private _dialogService: TdDialogService,
|
|
|
|
private _viewContainerRef: ViewContainerRef,
|
|
|
|
private languageResolverService: LanguageResolverService
|
|
|
|
) {
|
|
|
|
this.filteredOptions = dmpProfileService.getAll({ criteria: new DataManagementPlanProfileCriteria() });
|
|
|
|
}
|
|
|
|
|
|
|
|
ngAfterViewInit() {
|
|
|
|
this.route.params.subscribe((params: Params) => {
|
|
|
|
const itemId = params['id'];
|
|
|
|
|
|
|
|
const projectRequestItem: RequestItem<ProjectCriteria> = new RequestItem();
|
|
|
|
projectRequestItem.criteria = new ProjectCriteria();
|
|
|
|
const organisationRequestItem: RequestItem<BaseCriteria> = new RequestItem();
|
|
|
|
organisationRequestItem.criteria = new BaseCriteria();
|
2018-10-11 13:22:03 +02:00
|
|
|
|
2018-10-05 17:00:54 +02:00
|
|
|
|
|
|
|
|
|
|
|
this.projectAutoCompleteConfiguration = {
|
|
|
|
filterFn: this.searchProject.bind(this),
|
|
|
|
items: this.searchProject(''),
|
|
|
|
displayFn: (item) => item['label'],
|
|
|
|
titleFn: (item) => item['label'],
|
|
|
|
//mapFn: (item) => new JsonSerializer<ProjectReference>().fromJSONArray(item, ProjectReference).map(item => item.toDropdownList()),
|
|
|
|
loadDataOnStart: true
|
|
|
|
};
|
|
|
|
|
|
|
|
this.profilesAutoCompleteConfiguration = {
|
|
|
|
filterFn: this.filterProfiles.bind(this),
|
|
|
|
initialItems: (excludedItems: any[]) => this.filterProfiles('').map(result => result.filter(resultItem => excludedItems.map(x => x.id).indexOf(resultItem.id) === -1)),
|
|
|
|
displayFn: (item) => item['label'],
|
|
|
|
titleFn: (item) => item['label'],
|
|
|
|
//mapFn: (item) => new JsonSerializer<ProjectReference>().fromJSONArray(item, ProjectReference).map(item => item.toDropdownList()),
|
|
|
|
loadDataOnStart: true
|
|
|
|
};
|
|
|
|
|
|
|
|
this.organisationsAutoCompleteConfiguration = {
|
|
|
|
filterFn: this.filterOrganisations.bind(this),
|
|
|
|
initialItems: (excludedItems: any[]) => this.filterOrganisations('').map(result => result.filter(resultItem => excludedItems.map(x => x.id).indexOf(resultItem.id) === -1)),
|
|
|
|
displayFn: (item) => item['name'],
|
|
|
|
titleFn: (item) => item['name'],
|
|
|
|
loadDataOnStart: true
|
|
|
|
};
|
|
|
|
|
|
|
|
this.researchersAutoCompleteConfiguration = {
|
|
|
|
filterFn: this.filterResearchers.bind(this),
|
|
|
|
initialItems: (excludedItems: any[]) => this.filterResearchers('').map(result => result.filter(resultItem => excludedItems.map(x => x.id).indexOf(resultItem.id) === -1)),
|
|
|
|
displayFn: (item) => item['name'],
|
|
|
|
titleFn: (item) => item['name'],
|
|
|
|
loadDataOnStart: true
|
|
|
|
};
|
|
|
|
|
|
|
|
if (itemId != null) {
|
|
|
|
this.isNew = false;
|
|
|
|
this.dataManagementPlanService.getSingle(itemId).map(data => data as DataManagementPlanModel)
|
|
|
|
.subscribe(async data => {
|
|
|
|
this.dataManagementPlan = JsonSerializer.fromJSONObject(data, DataManagementPlanModel);
|
|
|
|
this.formGroup = this.dataManagementPlan.buildForm();
|
2018-10-11 13:22:03 +02:00
|
|
|
this.editMode = this.dataManagementPlan.status !== 1;
|
|
|
|
if (!this.editMode) { this.formGroup.disable(); }
|
2018-10-05 17:00:54 +02:00
|
|
|
if (this.formGroup.get('profile') && this.formGroup.get('profile').value) {
|
|
|
|
this.textCtrl.patchValue(this.formGroup.get('profile').value);
|
|
|
|
}
|
|
|
|
this.breadCrumbs = Observable.of([
|
|
|
|
{
|
|
|
|
parentComponentName: 'DataManagementPlanListingComponent',
|
|
|
|
label: 'DMPs',
|
|
|
|
url: 'dmps',
|
|
|
|
notFoundResolver: [await this.projectService.getSingle(this.dataManagementPlan.project.id).map(x => ({ label: x.label, url: '/projects/edit/' + x.id }) as BreadcrumbItem).toPromise()]
|
2018-10-11 13:22:03 +02:00
|
|
|
}]
|
2018-10-05 17:00:54 +02:00
|
|
|
);
|
|
|
|
this.associatedUsers = data.associatedUsers;
|
|
|
|
});
|
|
|
|
} else {
|
|
|
|
this.dataManagementPlan = new DataManagementPlanModel();
|
|
|
|
setTimeout(async () => {
|
|
|
|
this.formGroup = this.dataManagementPlan.buildForm();
|
|
|
|
if (this.formGroup.get('profile') && this.formGroup.get('profile').value) {
|
|
|
|
this.textCtrl.patchValue(this.formGroup.get('profile').value);
|
|
|
|
}
|
|
|
|
this.breadCrumbs = Observable.of([
|
|
|
|
{
|
|
|
|
parentComponentName: 'DataManagementPlanListingComponent',
|
|
|
|
label: 'DMPs',
|
|
|
|
url: 'dmps',
|
|
|
|
}
|
|
|
|
]);
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
});
|
|
|
|
this.route
|
|
|
|
.queryParams
|
|
|
|
.subscribe(params => {
|
|
|
|
this.createNewVersion = params['clone'];
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
searchProject(query: string) {
|
|
|
|
const projectRequestItem: RequestItem<ProjectCriteria> = new RequestItem();
|
|
|
|
projectRequestItem.criteria = new ProjectCriteria();
|
|
|
|
projectRequestItem.criteria.like = query;
|
|
|
|
return this.projectService.getWithExternal(projectRequestItem);
|
|
|
|
}
|
|
|
|
|
|
|
|
formSubmit(): void {
|
|
|
|
//this.touchAllFormFields(this.formGroup);
|
|
|
|
if (!this.isFormValid()) { return; }
|
|
|
|
this.onSubmit();
|
|
|
|
}
|
|
|
|
|
|
|
|
public isFormValid() {
|
|
|
|
return this.formGroup.valid;
|
|
|
|
}
|
|
|
|
|
|
|
|
onSubmit(): void {
|
|
|
|
this.dataManagementPlanService.createDataManagementPlan(this.formGroup.value).subscribe(
|
|
|
|
complete => this.onCallbackSuccess(),
|
|
|
|
error => this.onCallbackError(error)
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
onCallbackSuccess(): void {
|
|
|
|
this.snackBar.openFromComponent(SnackBarNotificationComponent, {
|
|
|
|
data: { message: this.isNew ? 'GENERAL.SNACK-BAR.SUCCESSFUL-CREATION' : 'GENERAL.SNACK-BAR.SUCCESSFUL-UPDATE', language: this.language },
|
|
|
|
duration: 3000,
|
|
|
|
});
|
|
|
|
this.router.navigate(['/dmps']);
|
|
|
|
}
|
|
|
|
|
|
|
|
onCallbackError(error: any) {
|
|
|
|
this.setErrorModel(error.error);
|
|
|
|
//this.validateAllFormFields(this.formGroup);
|
|
|
|
}
|
|
|
|
|
|
|
|
public setErrorModel(errorModel: BaseErrorModel) {
|
|
|
|
Object.keys(errorModel).forEach(item => {
|
|
|
|
(<any>this.dataManagementPlan.errorModel)[item] = (<any>errorModel)[item];
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
public cancel(): void {
|
|
|
|
this.router.navigate(['/dmps']);
|
|
|
|
}
|
|
|
|
|
|
|
|
public invite(): void {
|
|
|
|
this.router.navigate(['/invite/' + this.dataManagementPlan.id]);
|
|
|
|
}
|
|
|
|
|
|
|
|
filterOrganisations(value: string): Observable<ExternalSourcesItemModel[]> {
|
|
|
|
|
|
|
|
this.filteredOrganisations = undefined;
|
|
|
|
this.filteringOrganisationsAsync = true;
|
|
|
|
|
|
|
|
return this.externalSourcesService.searchDMPOrganizations(value);
|
|
|
|
}
|
|
|
|
|
|
|
|
filterResearchers(value: string): Observable<ExternalSourcesItemModel[]> {
|
|
|
|
|
|
|
|
this.filteredResearchers = undefined;
|
|
|
|
this.filteringResearchersAsync = true;
|
|
|
|
|
|
|
|
return this.externalSourcesService.searchDMPResearchers({ criteria: { name: value, like: null } });
|
|
|
|
}
|
|
|
|
|
|
|
|
filterProfiles(value: string): Observable<DatasetProfileModel[]> {
|
|
|
|
|
|
|
|
this.filteredProfiles = undefined;
|
|
|
|
this.filteredProfilesAsync = true;
|
|
|
|
|
|
|
|
const request = new RequestItem<DatasetProfileCriteria>();
|
|
|
|
const criteria = new DatasetProfileCriteria();
|
|
|
|
criteria.like = value;
|
|
|
|
request.criteria = criteria;
|
|
|
|
return this._service.searchDMPProfiles(request);
|
|
|
|
}
|
|
|
|
|
|
|
|
addResearcher(rowId: any, rowName: any) {
|
|
|
|
const dialogRef = this.dialog.open(AddResearchersComponent, {
|
|
|
|
height: '255px',
|
|
|
|
width: '700px',
|
|
|
|
data: {
|
|
|
|
dmpId: rowId,
|
|
|
|
dmpName: rowName
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
availableProfiles() {
|
|
|
|
const dialogRef = this.dialog.open(AvailableProfilesComponent, {
|
|
|
|
height: '355px',
|
|
|
|
width: '700px',
|
|
|
|
data: {
|
|
|
|
profiles: this.formGroup.get('profiles')
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
|
|
|
|
openConfirm(dmpLabel, id): void {
|
|
|
|
this._dialogService.openConfirm({
|
|
|
|
message: 'Are you sure you want to delete the "' + dmpLabel + '"',
|
2018-10-11 13:22:03 +02:00
|
|
|
disableClose: true || false,
|
|
|
|
viewContainerRef: this._viewContainerRef,
|
|
|
|
title: 'Confirm',
|
|
|
|
cancelButton: 'No',
|
|
|
|
acceptButton: 'Yes'
|
2018-10-05 17:00:54 +02:00
|
|
|
}).afterClosed().subscribe((accept: boolean) => {
|
|
|
|
if (accept) {
|
|
|
|
this.dataManagementPlanService.delete(id).subscribe(() => {
|
|
|
|
this.router.navigate(['/dmps']);
|
|
|
|
});
|
|
|
|
} else {
|
|
|
|
// DO SOMETHING ELSE
|
|
|
|
}
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
selectOption(option: any) {
|
|
|
|
this.dataManagementPlan.definition = null;
|
|
|
|
this.formGroup.get('profile').patchValue(option, { emitEvent: false });
|
|
|
|
this.dmpProfileService.getSingle(option.id).subscribe(result => {
|
|
|
|
this.dataManagementPlan.definition = result.definition;
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
displayWith(item: any) {
|
|
|
|
if (!item) { return null; }
|
|
|
|
return item['label'];
|
|
|
|
}
|
|
|
|
|
|
|
|
redirectToProject() {
|
|
|
|
this.router.navigate(['projects/edit/' + this.dataManagementPlan.project.id]);
|
|
|
|
}
|
|
|
|
|
|
|
|
redirectToDatasets() {
|
|
|
|
this.router.navigate(['datasets/dmp/' + this.dataManagementPlan.id]);
|
|
|
|
}
|
|
|
|
|
|
|
|
newVersion(id: String, label: String) {
|
|
|
|
this.router.navigate(['/dmps/new_version/' + id, { dmpLabel: label }]);
|
|
|
|
}
|
|
|
|
|
|
|
|
clone(id: String) {
|
|
|
|
this.router.navigate(['/dmps/clone/' + id]);
|
|
|
|
}
|
2018-10-11 13:22:03 +02:00
|
|
|
|
2018-10-05 17:00:54 +02:00
|
|
|
viewVersions(rowId: String, rowLabel: String) {
|
|
|
|
this.router.navigate(['/dmps/viewversions/' + rowId], { queryParams: { groupLabel: rowLabel } });
|
|
|
|
}
|
2018-10-09 10:28:44 +02:00
|
|
|
|
|
|
|
downloadXml(id: string) {
|
|
|
|
this.dataManagementPlanService.downloadXML(id).subscribe(response => {
|
|
|
|
const blob = new Blob([response.body], { type: 'application/xml' });
|
|
|
|
const filename = this.getFilenameFromContentDispositionHeader(response.headers.get('Content-Disposition'));
|
|
|
|
|
|
|
|
FileSaver.saveAs(blob, filename);
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
2018-10-19 09:35:35 +02:00
|
|
|
downloadDocx(id: string) {
|
|
|
|
this.dataManagementPlanService.downloadDocx(id).subscribe(response => {
|
|
|
|
const blob = new Blob([response.body], { type: 'application/octet-stream' });
|
|
|
|
const filename = this.getFilenameFromContentDispositionHeader(response.headers.get('Content-Disposition'));
|
|
|
|
|
|
|
|
FileSaver.saveAs(blob, filename);
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
2018-10-22 09:48:56 +02:00
|
|
|
downloadPDF(id: string) {
|
|
|
|
this.dataManagementPlanService.downloadPDF(id).subscribe(response => {
|
|
|
|
const blob = new Blob([response.body], { type: 'application/octet-stream' });
|
|
|
|
const filename = this.getFilenameFromContentDispositionHeader(response.headers.get('Content-Disposition'));
|
|
|
|
|
|
|
|
FileSaver.saveAs(blob, filename);
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
2018-10-09 10:28:44 +02:00
|
|
|
getFilenameFromContentDispositionHeader(header: string): string {
|
|
|
|
const regex: RegExp = new RegExp(/filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/g);
|
|
|
|
|
|
|
|
const matches = header.match(regex);
|
|
|
|
let filename: string;
|
|
|
|
for (let i = 0; i < matches.length; i++) {
|
|
|
|
const match = matches[i];
|
|
|
|
if (match.includes('filename="')) {
|
|
|
|
filename = match.substring(10, match.length - 1);
|
|
|
|
break;
|
|
|
|
} else if (match.includes('filename=')) {
|
|
|
|
filename = match.substring(9);
|
|
|
|
break;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
return filename;
|
|
|
|
}
|
2018-10-11 13:22:03 +02:00
|
|
|
|
|
|
|
public enableForm() {
|
2018-10-12 10:22:23 +02:00
|
|
|
if (this.formGroup.get('status').value !== DataManagementPlanStatus.Finalised) {
|
|
|
|
this.editMode = true;
|
|
|
|
this.formGroup.enable();
|
|
|
|
} else {
|
|
|
|
this.dataManagementPlanService.unlock(this.formGroup.get('id').value).subscribe(x => {
|
|
|
|
this.editMode = true;
|
2018-10-15 12:17:54 +02:00
|
|
|
this.formGroup.get('status').patchValue(DataManagementPlanStatus.Draft);
|
2018-10-12 10:22:23 +02:00
|
|
|
this.formGroup.enable();
|
|
|
|
});
|
|
|
|
}
|
2018-10-11 13:22:03 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
public disableForm() {
|
|
|
|
this.editMode = false;
|
|
|
|
this.formGroup.disable();
|
|
|
|
}
|
|
|
|
|
|
|
|
saveAndFinalize() {
|
|
|
|
const dialogRef = this.dialog.open(DMPFinaliseDialogComponent, {
|
|
|
|
data: {
|
|
|
|
submitFunction: (items: DatasetListingModel[]) => {
|
|
|
|
this.formGroup.get('status').setValue('1');
|
|
|
|
this.formGroup.addControl('datasets', new FormControl(items));
|
|
|
|
this.formSubmit();
|
|
|
|
dialogRef.close();
|
|
|
|
},
|
|
|
|
dmp: this.dataManagementPlan
|
|
|
|
}
|
|
|
|
});
|
|
|
|
}
|
2018-10-12 10:22:23 +02:00
|
|
|
|
|
|
|
|
2018-05-28 11:50:42 +02:00
|
|
|
}
|