1 import * as debug from 'debug'
2 import { Subscription } from 'rxjs'
3 import { Component, EventEmitter, Input, OnDestroy, OnInit, Output } from '@angular/core'
4 import { FormBuilder, FormGroup } from '@angular/forms'
5 import { AuthService } from '@app/core'
6 import { ServerService } from '@app/core/server/server.service'
7 import { UserRight } from '@shared/models'
8 import { PeertubeModalService } from '../shared-main'
9 import { VideoFilters } from './video-filters.model'
11 const debugLogger = debug('peertube:videos:VideoFiltersHeaderComponent')
14 selector: 'my-video-filters-header',
15 styleUrls: [ './video-filters-header.component.scss' ],
16 templateUrl: './video-filters-header.component.html'
18 export class VideoFiltersHeaderComponent implements OnInit, OnDestroy {
19 @Input() filters: VideoFilters
20 @Input() displayModerationBlock = false
21 @Input() hideScope = false
23 @Output() filtersChanged = new EventEmitter()
25 areFiltersCollapsed = true
29 private routeSub: Subscription
32 private auth: AuthService,
33 private serverService: ServerService,
34 private fb: FormBuilder,
35 private modalService: PeertubeModalService
40 this.form = this.fb.group({
43 languageOneOf: [ '' ],
44 categoryOneOf: [ '' ],
52 this.filters.onChange(() => {
56 this.form.valueChanges.subscribe(values => {
57 debugLogger('Loading values from form: %O', values)
59 this.filters.load(values)
60 this.filtersChanged.emit()
65 if (this.routeSub) this.routeSub.unsubscribe()
69 if (!this.auth.isLoggedIn()) return false
70 if (!this.displayModerationBlock) return false
72 return this.auth.getUser().hasRight(UserRight.SEE_ALL_VIDEOS)
75 isTrendingSortEnabled (sort: 'most-viewed' | 'hot' | 'most-liked') {
76 const serverConfig = this.serverService.getHTMLConfig()
78 return serverConfig.trending.videos.algorithms.enabled.includes(sort)
81 resetFilter (key: string, canRemove: boolean) {
82 if (!canRemove) return
84 this.filters.reset(key)
86 this.filtersChanged.emit()
89 getFilterTitle (canRemove: boolean) {
90 if (canRemove) return $localize`Remove this filter`
95 onAccountSettingsClick (event: Event) {
96 if (this.auth.isLoggedIn()) return
98 event.preventDefault()
99 event.stopPropagation()
101 this.modalService.openQuickSettingsSubject.next()
104 private patchForm (emitEvent: boolean) {
105 const defaultValues = this.filters.toFormObject()
106 this.form.patchValue(defaultValues, { emitEvent })
108 debugLogger('Patched form: %O', defaultValues)