[CST-4633] Refactoring of search.component in order to have all functionality used during the different search components

This commit is contained in:
Giuseppe Digilio
2021-12-17 19:35:28 +01:00
parent b6ae15fbd2
commit ef18308893
18 changed files with 450 additions and 284 deletions

View File

@@ -3,8 +3,6 @@ import { FormBuilder } from '@angular/forms';
import { Router } from '@angular/router';
import { SearchService } from '../core/shared/search/search.service';
import { expandSearchInput } from '../shared/animations/slide';
import { PaginationService } from '../core/pagination/pagination.service';
import { SearchConfigurationService } from '../core/shared/search/search-configuration.service';
/**
* The search box in the header that expands on focus and collapses on focus out
@@ -26,9 +24,7 @@ export class SearchNavbarComponent {
// Search input field
@ViewChild('searchInput') searchField: ElementRef;
constructor(private formBuilder: FormBuilder, private router: Router, private searchService: SearchService,
private paginationService: PaginationService,
private searchConfig: SearchConfigurationService) {
constructor(private formBuilder: FormBuilder, private router: Router, private searchService: SearchService) {
this.searchForm = this.formBuilder.group(({
query: '',
}));
@@ -65,8 +61,12 @@ export class SearchNavbarComponent {
*/
onSubmit(data: any) {
this.collapse();
const queryParams = Object.assign({}, data);
const linkToNavigateTo = this.searchService.getSearchLink().split('/');
this.searchForm.reset();
this.paginationService.updateRouteWithUrl(this.searchConfig.paginationID, linkToNavigateTo, {page: 1}, data);
this.router.navigate(linkToNavigateTo, {
queryParams: queryParams,
queryParamsHandling: 'merge'
});
}
}