82 lines
2.7 KiB
TypeScript
82 lines
2.7 KiB
TypeScript
|
|
import { mergeMap, distinctUntilChanged, debounceTime } from 'rxjs/operators';
|
|
import { Component, OnInit } from "@angular/core";
|
|
import { AuthService } from '../../../core/services/auth/auth.service';
|
|
import { FormControl } from "@angular/forms";
|
|
import { SearchBarService } from '../../../core/services/search-bar/search-bar.service';
|
|
import { Router } from '@angular/router';
|
|
import { Observable } from "rxjs";
|
|
import { SearchBarItem } from "../../../core/model/dashboard/search-bar-item";
|
|
import { TranslateService } from "@ngx-translate/core";
|
|
|
|
export enum SearchBarType {
|
|
Dataset = 0,
|
|
Dmp = 1,
|
|
Grant = 2
|
|
}
|
|
|
|
@Component({
|
|
selector: "app-search",
|
|
templateUrl: "./search.component.html",
|
|
styleUrls: ["./search.component.css"]
|
|
})
|
|
export class SearchComponent implements OnInit {
|
|
public search = false;
|
|
public searchControl = new FormControl();
|
|
filteredOptions: Observable<SearchBarItem[]>;
|
|
|
|
constructor(
|
|
private authentication: AuthService,
|
|
private router: Router,
|
|
private searchBarService: SearchBarService,
|
|
private language: TranslateService
|
|
) { }
|
|
|
|
ngOnInit() {
|
|
this.filteredOptions = this.searchControl.valueChanges.pipe(debounceTime(500), distinctUntilChanged(), mergeMap(x => {
|
|
return this.searchBarService.search(x);
|
|
}));
|
|
}
|
|
|
|
public isAuthenticated(): boolean {
|
|
return !!this.authentication.current();
|
|
}
|
|
|
|
onOptionSelected(event: any) {
|
|
this.search = false;
|
|
this.searchControl.patchValue(null);
|
|
const selectedSearchBarItem = event.option.value;
|
|
if (!selectedSearchBarItem.isPublished) {
|
|
if (selectedSearchBarItem.type === SearchBarType.Dataset) { this.router.navigate(['datasets/edit/' + selectedSearchBarItem.id]); }
|
|
if (selectedSearchBarItem.type === SearchBarType.Grant) { this.router.navigate(['plans/grant/' + selectedSearchBarItem.id]); }
|
|
if (selectedSearchBarItem.type === SearchBarType.Dmp) { this.router.navigate(['plans/overview/' + selectedSearchBarItem.id]); }
|
|
} else {
|
|
if (selectedSearchBarItem.type === SearchBarType.Dataset) { this.router.navigate(['datasets/publicEdit/' + selectedSearchBarItem.id]); }
|
|
if (selectedSearchBarItem.type === SearchBarType.Dmp) { this.router.navigate(['explore-plans/overview/' + selectedSearchBarItem.id]); }
|
|
}
|
|
}
|
|
|
|
transformType(type, isPublished) {
|
|
let subtitle: string;
|
|
switch (type) {
|
|
case SearchBarType.Dataset: {
|
|
subtitle = this.language.instant('NAV-BAR.SEARCH.DATASET');
|
|
break;
|
|
}
|
|
case SearchBarType.Dmp: {
|
|
subtitle = this.language.instant('NAV-BAR.SEARCH.DMP');
|
|
break;
|
|
}
|
|
case SearchBarType.Grant: {
|
|
subtitle = this.language.instant('NAV-BAR.SEARCH.GRANT');
|
|
break;
|
|
}
|
|
}
|
|
if (isPublished) {
|
|
return subtitle + " - " + this.language.instant('NAV-BAR.SEARCH.PUBLISHED')
|
|
} else {
|
|
return subtitle;
|
|
}
|
|
}
|
|
}
|