90 lines
3.6 KiB
TypeScript
90 lines
3.6 KiB
TypeScript
|
import { Component, OnInit, ViewChild, Input } from '@angular/core';
|
||
|
import { BaseComponent } from '../../../core/common/base/base.component';
|
||
|
import { IBreadCrumbComponent } from '../../misc/breadcrumb/definition/IBreadCrumbComponent';
|
||
|
import { Observable } from 'rxjs';
|
||
|
import { BreadcrumbItem } from '../../misc/breadcrumb/definition/breadcrumb-item';
|
||
|
import { MatStepper, MatSnackBar } from '@angular/material';
|
||
|
import { FormGroup } from '@angular/forms';
|
||
|
import { DatasetProfileModel } from '../../../core/model/dataset/dataset-profile';
|
||
|
import { takeUntil } from 'rxjs/operators';
|
||
|
import { RequestItem } from '../../../core/query/request-item';
|
||
|
import { DmpCriteria } from '../../../core/query/dmp/dmp-criteria';
|
||
|
import { Params, ActivatedRoute, Router } from '@angular/router';
|
||
|
import { DatasetProfileCriteria } from '../../../core/query/dataset-profile/dataset-profile-criteria';
|
||
|
import { DataTableRequest } from '../../../core/model/data-table/data-table-request';
|
||
|
import { DmpListingModel } from '../../../core/model/dmp/dmp-listing';
|
||
|
import { ValidationErrorModel } from '../../../common/forms/validation/error-model/validation-error-model';
|
||
|
import { SingleAutoCompleteConfiguration } from '../../../library/auto-complete/single/single-auto-complete-configuration';
|
||
|
import { DatasetWizardService } from '../../../core/services/dataset-wizard/dataset-wizard.service';
|
||
|
import { TranslateService } from '@ngx-translate/core';
|
||
|
import { DmpService } from '../../../core/services/dmp/dmp.service';
|
||
|
import { FormControl } from '@angular/forms/src/model';
|
||
|
|
||
|
@Component({
|
||
|
selector: 'dataset-dmp-selector-component',
|
||
|
templateUrl: 'dataset-dmp-selector.component.html',
|
||
|
styleUrls: ['./dataset-dmp-selector.component.scss'],
|
||
|
})
|
||
|
|
||
|
export class DatasetDmpSelector extends BaseComponent implements OnInit, IBreadCrumbComponent {
|
||
|
|
||
|
breadCrumbs: Observable<BreadcrumbItem[]>;
|
||
|
dmpAutoCompleteConfiguration: SingleAutoCompleteConfiguration;
|
||
|
@Input() formGroup: FormGroup;
|
||
|
formControl: FormControl;
|
||
|
availableProfiles: DatasetProfileModel[] = [];
|
||
|
|
||
|
constructor(
|
||
|
private router: Router,
|
||
|
private route: ActivatedRoute,
|
||
|
public dmpService: DmpService,
|
||
|
private datasetWizardService: DatasetWizardService,
|
||
|
) {
|
||
|
super();
|
||
|
}
|
||
|
|
||
|
ngOnInit() {
|
||
|
this.dmpAutoCompleteConfiguration = {
|
||
|
filterFn: this.searchDmp.bind(this),
|
||
|
initialItems: (extraData) => this.searchDmp(''),
|
||
|
displayFn: (item) => item['label'],
|
||
|
titleFn: (item) => item['label'],
|
||
|
};
|
||
|
|
||
|
this.formGroup.get('dmp').valueChanges
|
||
|
.pipe(takeUntil(this._destroyed))
|
||
|
.subscribe(x => {
|
||
|
if (x) { this.loadDatasetProfiles(); }
|
||
|
else {
|
||
|
this.availableProfiles = [];
|
||
|
this.formGroup.get('datasetProfile').reset();
|
||
|
}
|
||
|
});
|
||
|
}
|
||
|
|
||
|
searchDmp(query: string): Observable<DmpListingModel[]> {
|
||
|
const fields: Array<string> = new Array<string>();
|
||
|
fields.push('asc');
|
||
|
const dmpDataTableRequest: DataTableRequest<DmpCriteria> = new DataTableRequest(0, null, { fields: fields });
|
||
|
dmpDataTableRequest.criteria = new DmpCriteria();
|
||
|
dmpDataTableRequest.criteria.like = query;
|
||
|
//const dmpListingModel =
|
||
|
|
||
|
return this.dmpService.getPaged(dmpDataTableRequest, "autocomplete")
|
||
|
.map(x => x.data);
|
||
|
}
|
||
|
|
||
|
loadDatasetProfiles() {
|
||
|
const datasetProfileRequestItem: RequestItem<DatasetProfileCriteria> = new RequestItem();
|
||
|
datasetProfileRequestItem.criteria = new DatasetProfileCriteria();
|
||
|
datasetProfileRequestItem.criteria.id = this.formGroup.get('dmp').value.id;
|
||
|
if (datasetProfileRequestItem.criteria.id) {
|
||
|
this.datasetWizardService.getAvailableProfiles(datasetProfileRequestItem)
|
||
|
.pipe(takeUntil(this._destroyed))
|
||
|
.subscribe(items => {
|
||
|
this.availableProfiles = items;
|
||
|
});
|
||
|
}
|
||
|
}
|
||
|
}
|