client/src/app/header/header.component.ts

   1 import { Component, OnInit } from '@angular/core'
   2 import { Router } from '@angular/router'
   3 import { getParameterByName } from '../shared/misc/utils'
   4
   5 @Component({
   6   selector: 'my-header',
   7   templateUrl: './header.component.html',
   8   styleUrls: [ './header.component.scss' ]
   9 })
  10
  11 export class HeaderComponent implements OnInit {
  12   searchValue = ''
  13
  14   constructor (private router: Router) {}
  15
  16   ngOnInit () {
  17     const searchQuery = getParameterByName('search', window.location.href)
  18     if (searchQuery) this.searchValue = searchQuery
  19   }
  20
  21   doSearch () {
  22     if (!this.searchValue) return
  23
  24     this.router.navigate([ '/videos', 'search' ], {
  25       queryParams: { search: this.searchValue }
  26     })
  27   }
  28 }