client/src/app/shared/search/search.component.ts

   1 import { Component, OnInit } from '@angular/core'
   2 import { Router } from '@angular/router'
   3
   4 import { Search } from './search.model'
   5 import { SearchField } from './search-field.type'
   6 import { SearchService } from './search.service'
   7
   8 @Component({
   9   selector: 'my-search',
  10   templateUrl: './search.component.html',
  11   styleUrls: [ './search.component.scss' ]
  12 })
  13
  14 export class SearchComponent implements OnInit {
  15   fieldChoices = {
  16     name: 'Name',
  17     author: 'Author',
  18     host: 'Pod Host',
  19     magnetUri: 'Magnet URI',
  20     tags: 'Tags'
  21   }
  22   searchCriterias: Search = {
  23     field: 'name',
  24     value: ''
  25   }
  26
  27   constructor (private searchService: SearchService, private router: Router) {}
  28
  29   ngOnInit () {
  30     // Subscribe if the search changed
  31     // Usually changed by videos list component
  32     this.searchService.updateSearch.subscribe(
  33       newSearchCriterias => {
  34         // Put a field by default
  35         if (!newSearchCriterias.field) {
  36           newSearchCriterias.field = 'name'
  37         }
  38
  39         this.searchCriterias = newSearchCriterias
  40       }
  41     )
  42   }
  43
  44   get choiceKeys () {
  45     return Object.keys(this.fieldChoices)
  46   }
  47
  48   choose ($event: MouseEvent, choice: SearchField) {
  49     $event.preventDefault()
  50     $event.stopPropagation()
  51
  52     this.searchCriterias.field = choice
  53
  54     if (this.searchCriterias.value) {
  55       this.doSearch()
  56     }
  57   }
  58
  59   doSearch () {
  60     if (this.router.url.indexOf('/videos/list') === -1) {
  61       this.router.navigate([ '/videos/list' ])
  62     }
  63
  64     this.searchService.searchUpdated.next(this.searchCriterias)
  65   }
  66
  67   getStringChoice (choiceKey: SearchField) {
  68     return this.fieldChoices[choiceKey]
  69   }
  70 }