12 } from '@angular/core'
13 import { ActivatedRoute, Router } from '@angular/router'
14 import { AbstractVideoList } from '@app/shared/video/abstract-video-list'
15 import { AuthService, Notifier, ServerService } from '@app/core'
16 import { ScreenService } from '@app/shared/misc/screen.service'
17 import { MiniatureDisplayOptions, OwnerDisplayType } from '@app/shared/video/video-miniature.component'
18 import { Observable } from 'rxjs'
19 import { Video } from '@app/shared/video/video.model'
20 import { PeerTubeTemplateDirective } from '@app/shared/angular/peertube-template.directive'
21 import { VideoSortField } from '@app/shared/video/sort-field.type'
22 import { ComponentPagination } from '@app/shared/rest/component-pagination.model'
23 import { I18n } from '@ngx-translate/i18n-polyfill'
24 import { ResultList } from '@shared/models'
25 import { UserService } from '../users'
26 import { LocalStorageService } from '../misc/storage.service'
28 export type SelectionType = { [ id: number ]: boolean }
31 selector: 'my-videos-selection',
32 templateUrl: './videos-selection.component.html',
33 styleUrls: [ './videos-selection.component.scss' ]
35 export class VideosSelectionComponent extends AbstractVideoList implements OnInit, OnDestroy, AfterContentInit {
36 @Input() pagination: ComponentPagination
37 @Input() titlePage: string
38 @Input() miniatureDisplayOptions: MiniatureDisplayOptions
39 @Input() ownerDisplayType: OwnerDisplayType
41 @Input() getVideosObservableFunction: (page: number, sort?: VideoSortField) => Observable<ResultList<Video>>
43 @ContentChildren(PeerTubeTemplateDirective) templates: QueryList<PeerTubeTemplateDirective<'rowButtons' | 'globalButtons'>>
45 @Output() selectionChange = new EventEmitter<SelectionType>()
46 @Output() videosModelChange = new EventEmitter<Video[]>()
48 _selection: SelectionType = {}
50 rowButtonsTemplate: TemplateRef<any>
51 globalButtonsTemplate: TemplateRef<any>
55 protected router: Router,
56 protected route: ActivatedRoute,
57 protected notifier: Notifier,
58 protected authService: AuthService,
59 protected userService: UserService,
60 protected screenService: ScreenService,
61 protected storageService: LocalStorageService,
62 protected serverService: ServerService
67 @Input() get selection () {
68 return this._selection
71 set selection (selection: SelectionType) {
72 this._selection = selection
73 this.selectionChange.emit(this._selection)
76 @Input() get videosModel () {
80 set videosModel (videos: Video[]) {
82 this.videosModelChange.emit(this.videos)
89 ngAfterContentInit () {
91 const t = this.templates.find(t => t.name === 'rowButtons')
92 if (t) this.rowButtonsTemplate = t.template
96 const t = this.templates.find(t => t.name === 'globalButtons')
97 if (t) this.globalButtonsTemplate = t.template
105 getVideosObservable (page: number) {
106 return this.getVideosObservableFunction(page, this.sort)
109 abortSelectionMode () {
113 isInSelectionMode () {
114 return Object.keys(this._selection).some(k => this._selection[ k ] === true)
117 generateSyndicationList () {
118 throw new Error('Method not implemented.')
121 protected onMoreVideos () {
122 this.videosModel = this.videos