You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
82 lines
3.1 KiB
TypeScript
82 lines
3.1 KiB
TypeScript
import { SelectionModel } from '@angular/cdk/collections';
|
|
import { Component, Input, OnInit, ViewChild } from '@angular/core';
|
|
import { FormArray, FormBuilder, FormControl, FormGroup } from '@angular/forms';
|
|
import { MatPaginator, MatSnackBar, MatSort } from '@angular/material';
|
|
import { ActivatedRoute, Params, Router } from '@angular/router';
|
|
import { TranslateService } from '@ngx-translate/core';
|
|
import { takeUntil } from 'rxjs/operators';
|
|
import { BaseComponent } from '../../../core/common/base/base.component';
|
|
import { DatasetCriteria } from '../../../models/criteria/dataset/DatasetCriteria';
|
|
import { DataTableRequest } from '../../../models/data-table/DataTableRequest';
|
|
import { DatasetListingModel } from '../../../models/datasets/DatasetListingModel';
|
|
import { DataManagementPlanService } from '../../../services/data-management-plan/data-management-plan.service';
|
|
import { DatasetService } from '../../../services/dataset/dataset.service';
|
|
import { DatasetCriteriaComponent } from '../../../shared/components/criteria/datasets/datasets-criteria.component';
|
|
import { JsonSerializer } from '../../../utilities/JsonSerializer';
|
|
|
|
@Component({
|
|
selector: 'app-dataset-wizard-listing-component',
|
|
templateUrl: 'dataset-wizard-listing.component.html',
|
|
styleUrls: ['./dataset-wizard-listing.component.scss'],
|
|
})
|
|
export class DatasetWizardListingComponent extends BaseComponent implements OnInit {
|
|
|
|
@ViewChild(MatPaginator) _paginator: MatPaginator;
|
|
@ViewChild(MatSort) sort: MatSort;
|
|
@ViewChild(DatasetCriteriaComponent) criteria: DatasetCriteriaComponent;
|
|
|
|
|
|
titlePrefix: String;
|
|
datasets: DatasetListingModel[] = [];
|
|
|
|
@Input() dmpId: String;
|
|
@Input() formGroup: FormGroup;
|
|
selection = new SelectionModel<Element>(true, []);
|
|
|
|
statuses = [
|
|
{ value: '0', viewValue: 'Active' },
|
|
{ value: '1', viewValue: 'Inactive' }
|
|
];
|
|
|
|
constructor(
|
|
private datasetService: DatasetService,
|
|
private router: Router,
|
|
private languageService: TranslateService,
|
|
public snackBar: MatSnackBar,
|
|
public route: ActivatedRoute,
|
|
public dataManagementPlanService: DataManagementPlanService
|
|
) {
|
|
super();
|
|
}
|
|
|
|
|
|
ngOnInit() {
|
|
this.route.params
|
|
.pipe(takeUntil(this._destroyed))
|
|
.subscribe((params: Params) => {
|
|
if (this.dmpId != null) {
|
|
if (params['dmpLabel'] !== undefined) {
|
|
this.titlePrefix = 'for ' + params['dmpLabel'];
|
|
}
|
|
}
|
|
});
|
|
const request: DataTableRequest<DatasetCriteria> = new DataTableRequest<DatasetCriteria>(null, null, null);
|
|
request.criteria = new DatasetCriteria();
|
|
request.criteria.dmpIds = [this.dmpId];
|
|
this.datasetService.getPaged(request)
|
|
.pipe(takeUntil(this._destroyed))
|
|
.subscribe(items => {
|
|
this.datasets = JsonSerializer.fromJSONArray(items.data, DatasetListingModel);
|
|
});
|
|
this.formGroup.addControl('datasets', new FormBuilder().array(new Array<FormControl>()));
|
|
}
|
|
|
|
selectionChanged(event, selectedItems) {
|
|
this.formGroup.removeControl('datasets');
|
|
this.formGroup.addControl('datasets', new FormBuilder().array(new Array<FormControl>()));
|
|
selectedItems.selectedOptions.selected.forEach(element => {
|
|
(<FormArray>this.formGroup.get('datasets')).push(new FormBuilder().group({ id: element.value }));
|
|
});
|
|
}
|
|
}
|