argos/dmp-frontend/src/app/shared/components/available-profiles/available-profiles.component.ts

import { JsonSerializer } from '../../../utilities/JsonSerializer';
import { RequestItem } from '../../../models/criteria/RequestItem';
import { Component, OnInit, Inject } from '@angular/core';
import { FormGroup } from '@angular/forms';
import { Params, ActivatedRoute, Router } from '@angular/router';
import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material';
import { DatasetService } from '../../../services/dataset/dataset.service';
import { DatasetProfileModel } from '../../../models/datasetprofile/DatasetProfileModel';
import { DatasetProfileModule } from '../../../dataset-profile-form/dataset-profile.module';

@Component({
	selector: 'app-available-profiles-component',
	templateUrl: 'available-profiles.component.html',

})
export class AvailableProfilesComponent implements OnInit {

	public formGroup: FormGroup;
	public profiles: DatasetProfileModel[] = [];
	public selectedProfiles: DatasetProfileModel[] = [];
	public selectedOptions: any;
	constructor(
		private datasetService: DatasetService,
		private route: ActivatedRoute,
		public router: Router,
		public dialogRef: MatDialogRef<AvailableProfilesComponent>,
		@Inject(MAT_DIALOG_DATA) public data: any
	) { }

	ngOnInit(): void {
		this.formGroup = this.data['profiles'];
		this.datasetService.getDatasetProfiles().subscribe(data => {
			this.profiles = JsonSerializer.fromJSONArray(data, DatasetProfileModel);
		});
	}

	addProfiles(profiles) {
		profiles.selectedOptions.selected.forEach(element => {
			const selectedElement = new DatasetProfileModel();
			selectedElement.id = element.value.id;
			selectedElement.label = element.value.label;
			this.selectedProfiles.push(selectedElement);
		});
		this.formGroup.setValue(this.selectedProfiles);
		this.dialogRef.close();
	}

	isOptionSelected(profile: any) {
		return this.formGroup.value.map(x => x.id).indexOf(profile.id) !== -1;
	}
}