1 import { filter, map } from 'rxjs/operators'
2 import { Component, OnInit } from '@angular/core'
3 import { NavigationEnd, Router } from '@angular/router'
4 import { getParameterByName } from '../shared/misc/utils'
8 templateUrl: './header.component.html',
9 styleUrls: [ './header.component.scss' ]
12 export class HeaderComponent implements OnInit {
15 constructor (private router: Router) {}
20 filter(e => e instanceof NavigationEnd),
21 map(() => getParameterByName('search', window.location.href)),
22 filter(searchQuery => !!searchQuery)
24 .subscribe(searchQuery => this.searchValue = searchQuery)
28 this.router.navigate([ '/videos', 'search' ], {
29 queryParams: { search: this.searchValue }