]> git.immae.eu Git - github/Chocobozzz/PeerTube.git/blame - client/src/app/search/search.component.ts
Add hook to alter player build options
[github/Chocobozzz/PeerTube.git] / client / src / app / search / search.component.ts
CommitLineData
57c36b27 1import { Component, OnDestroy, OnInit } from '@angular/core'
0b18f4aa 2import { ActivatedRoute, Router } from '@angular/router'
3a0fb65c 3import { AuthService, Notifier } from '@app/core'
44df5c75 4import { forkJoin, of, Subscription } from 'rxjs'
57c36b27
C
5import { SearchService } from '@app/search/search.service'
6import { ComponentPagination } from '@app/shared/rest/component-pagination.model'
7import { I18n } from '@ngx-translate/i18n-polyfill'
57c36b27 8import { MetaService } from '@ngx-meta/core'
0b18f4aa 9import { AdvancedSearch } from '@app/search/advanced-search.model'
f37dc0dd
C
10import { VideoChannel } from '@app/shared/video-channel/video-channel.model'
11import { immutableAssign } from '@app/shared/misc/utils'
26fabbd6 12import { Video } from '@app/shared/video/video.model'
93cae479 13import { HooksService } from '@app/core/plugins/hooks.service'
57c36b27
C
14
15@Component({
16 selector: 'my-search',
17 styleUrls: [ './search.component.scss' ],
18 templateUrl: './search.component.html'
19})
20export class SearchComponent implements OnInit, OnDestroy {
26fabbd6 21 results: (Video | VideoChannel)[] = []
f37dc0dd 22
57c36b27
C
23 pagination: ComponentPagination = {
24 currentPage: 1,
f37dc0dd 25 itemsPerPage: 10, // Only for videos, use another variable for channels
57c36b27
C
26 totalItems: null
27 }
0b18f4aa
C
28 advancedSearch: AdvancedSearch = new AdvancedSearch()
29 isSearchFilterCollapsed = true
f37dc0dd 30 currentSearch: string
57c36b27
C
31
32 private subActivatedRoute: Subscription
c5d04b4f 33 private isInitialLoad = false // set to false to show the search filters on first arrival
b1ee8526 34 private firstSearch = true
57c36b27 35
f37dc0dd
C
36 private channelsPerPage = 2
37
57c36b27
C
38 constructor (
39 private i18n: I18n,
40 private route: ActivatedRoute,
0b18f4aa 41 private router: Router,
57c36b27 42 private metaService: MetaService,
f8b2c1b4 43 private notifier: Notifier,
26fabbd6 44 private searchService: SearchService,
93cae479 45 private authService: AuthService,
baeb429d 46 private hooks: HooksService
57c36b27
C
47 ) { }
48
e2409062
C
49 get user () {
50 return this.authService.getUser()
51 }
52
57c36b27
C
53 ngOnInit () {
54 this.subActivatedRoute = this.route.queryParams.subscribe(
55 queryParams => {
56 const querySearch = queryParams['search']
57
0b18f4aa 58 // Search updated, reset filters
7afea880
C
59 if (this.currentSearch !== querySearch) {
60 this.resetPagination()
61 this.advancedSearch.reset()
62
47879669 63 this.currentSearch = querySearch || undefined
7afea880
C
64 this.updateTitle()
65 }
66
67 this.advancedSearch = new AdvancedSearch(queryParams)
0b18f4aa 68
7afea880
C
69 // Don't hide filters if we have some of them AND the user just came on the webpage
70 this.isSearchFilterCollapsed = this.isInitialLoad === false || !this.advancedSearch.containsValues()
71 this.isInitialLoad = false
57c36b27 72
7afea880 73 this.search()
57c36b27
C
74 },
75
f8b2c1b4 76 err => this.notifier.error(err.text)
57c36b27 77 )
7663e55a 78
c9e3eeed 79 this.hooks.runAction('action:search.init', 'search')
57c36b27
C
80 }
81
82 ngOnDestroy () {
83 if (this.subActivatedRoute) this.subActivatedRoute.unsubscribe()
84 }
85
26fabbd6
C
86 isVideoChannel (d: VideoChannel | Video): d is VideoChannel {
87 return d instanceof VideoChannel
88 }
89
90 isVideo (v: VideoChannel | Video): v is Video {
91 return v instanceof Video
92 }
93
94 isUserLoggedIn () {
95 return this.authService.isLoggedIn()
96 }
97
57c36b27 98 search () {
f37dc0dd 99 forkJoin([
93cae479
C
100 this.getVideosObs(),
101 this.getVideoChannelObs()
f37dc0dd 102 ])
57c36b27 103 .subscribe(
f37dc0dd 104 ([ videosResult, videoChannelsResult ]) => {
26fabbd6
C
105 this.results = this.results
106 .concat(videoChannelsResult.data)
93cae479
C
107 .concat(videosResult.data)
108 this.pagination.totalItems = videosResult.total + videoChannelsResult.total
f37dc0dd 109
b1ee8526 110 // Focus on channels if there are no enough videos
93cae479 111 if (this.firstSearch === true && videosResult.data.length < this.pagination.itemsPerPage) {
aa55a4da 112 this.resetPagination()
b1ee8526 113 this.firstSearch = false
aa55a4da
C
114
115 this.channelsPerPage = 10
116 this.search()
117 }
b1ee8526
C
118
119 this.firstSearch = false
57c36b27
C
120 },
121
f8b2c1b4 122 err => this.notifier.error(err.message)
57c36b27
C
123 )
124 }
125
126 onNearOfBottom () {
127 // Last page
128 if (this.pagination.totalItems <= (this.pagination.currentPage * this.pagination.itemsPerPage)) return
129
130 this.pagination.currentPage += 1
131 this.search()
132 }
133
0b18f4aa 134 onFiltered () {
7afea880 135 this.resetPagination()
0b18f4aa 136
7afea880 137 this.updateUrlFromAdvancedSearch()
0b18f4aa
C
138 }
139
c5d04b4f
RK
140 numberOfFilters () {
141 return this.advancedSearch.size()
142 }
143
3a0fb65c
C
144 removeVideoFromArray (video: Video) {
145 this.results = this.results.filter(r => !this.isVideo(r) || r.id !== video.id)
146 }
147
7afea880 148 private resetPagination () {
57c36b27
C
149 this.pagination.currentPage = 1
150 this.pagination.totalItems = null
aa55a4da 151 this.channelsPerPage = 2
57c36b27 152
26fabbd6 153 this.results = []
57c36b27
C
154 }
155
156 private updateTitle () {
f107470e
C
157 const suffix = this.currentSearch ? ' ' + this.currentSearch : ''
158 this.metaService.setTitle(this.i18n('Search') + suffix)
57c36b27 159 }
0b18f4aa
C
160
161 private updateUrlFromAdvancedSearch () {
47879669 162 const search = this.currentSearch || undefined
c5d04b4f 163
0b18f4aa
C
164 this.router.navigate([], {
165 relativeTo: this.route,
c5d04b4f 166 queryParams: Object.assign({}, this.advancedSearch.toUrlObject(), { search })
0b18f4aa
C
167 })
168 }
93cae479
C
169
170 private getVideosObs () {
171 const params = {
172 search: this.currentSearch,
173 componentPagination: this.pagination,
174 advancedSearch: this.advancedSearch
175 }
176
177 return this.hooks.wrapObsFun(
178 this.searchService.searchVideos.bind(this.searchService),
179 params,
e8f902c0 180 'search',
93cae479
C
181 'filter:api.search.videos.list.params',
182 'filter:api.search.videos.list.result'
183 )
184 }
185
186 private getVideoChannelObs () {
44df5c75
C
187 if (!this.currentSearch) return of({ data: [], total: 0 })
188
93cae479
C
189 const params = {
190 search: this.currentSearch,
191 componentPagination: immutableAssign(this.pagination, { itemsPerPage: this.channelsPerPage })
192 }
193
194 return this.hooks.wrapObsFun(
195 this.searchService.searchVideoChannels.bind(this.searchService),
196 params,
e8f902c0 197 'search',
93cae479
C
198 'filter:api.search.video-channels.list.params',
199 'filter:api.search.video-channels.list.result'
200 )
201 }
57c36b27 202}