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