client/app/shared/search.component.ts

   1 import { Component, EventEmitter, Output } from '@angular/core';
   2
   3 import { DROPDOWN_DIRECTIVES} from  'ng2-bootstrap/components/dropdown';
   4
   5 import { Search } from './search.model';
   6 import { SearchField } from './search-field.type';
   7
   8 @Component({
   9     selector: 'my-search',
  10     templateUrl: 'client/app/shared/search.component.html',
  11     directives: [ DROPDOWN_DIRECTIVES ]
  12 })
  13
  14 export class SearchComponent {
  15   @Output() search: EventEmitter<Search> = new EventEmitter<Search>();
  16
  17   searchCriterias: Search = {
  18     field: 'name',
  19     value: ''
  20   };
  21   fieldChoices = {
  22     name: 'Name',
  23     author: 'Author',
  24     podUrl: 'Pod Url',
  25     magnetUri: 'Magnet Uri'
  26   };
  27
  28   get choiceKeys() {
  29     return Object.keys(this.fieldChoices);
  30   }
  31
  32   getStringChoice(choiceKey: SearchField): string {
  33     return this.fieldChoices[choiceKey];
  34   }
  35
  36   choose($event:MouseEvent, choice: SearchField) {
  37     $event.preventDefault();
  38     $event.stopPropagation();
  39
  40     this.searchCriterias.field = choice;
  41   }
  42
  43   doSearch(): void {
  44     this.search.emit(this.searchCriterias);
  45   }
  46
  47 }