]>
Commit | Line | Data |
---|---|---|
8b61dcaf | 1 | import { finalize } from 'rxjs/operators' |
0ca454e3 | 2 | import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core' |
8b61dcaf | 3 | import { AuthService, Notifier } from '@app/core' |
8ee25e17 C |
4 | import { Video, VideoService } from '../../shared-main' |
5 | import { MiniatureDisplayOptions } from '../../shared-video-miniature' | |
0ca454e3 | 6 | import { CustomMarkupComponent } from './shared' |
3da38d6e | 7 | import { FindInBulkService } from '@app/shared/shared-search' |
2539932e C |
8 | |
9 | /* | |
10 | * Markup component that creates a video miniature only | |
11 | */ | |
12 | ||
13 | @Component({ | |
14 | selector: 'my-video-miniature-markup', | |
15 | templateUrl: 'video-miniature-markup.component.html', | |
16 | styleUrls: [ 'video-miniature-markup.component.scss' ] | |
17 | }) | |
0ca454e3 | 18 | export class VideoMiniatureMarkupComponent implements CustomMarkupComponent, OnInit { |
2539932e | 19 | @Input() uuid: string |
9105634f | 20 | @Input() onlyDisplayTitle: boolean |
2539932e | 21 | |
0ca454e3 C |
22 | @Output() loaded = new EventEmitter<boolean>() |
23 | ||
2539932e C |
24 | video: Video |
25 | ||
26 | displayOptions: MiniatureDisplayOptions = { | |
27 | date: true, | |
28 | views: true, | |
29 | by: true, | |
30 | avatar: false, | |
31 | privacyLabel: false, | |
32 | privacyText: false, | |
33 | state: false, | |
34 | blacklistInfo: false | |
35 | } | |
36 | ||
37 | constructor ( | |
38 | private auth: AuthService, | |
3da38d6e | 39 | private findInBulk: FindInBulkService, |
8b61dcaf | 40 | private notifier: Notifier |
2539932e C |
41 | ) { } |
42 | ||
43 | getUser () { | |
44 | return this.auth.getUser() | |
45 | } | |
46 | ||
47 | ngOnInit () { | |
9105634f C |
48 | if (this.onlyDisplayTitle) { |
49 | for (const key of Object.keys(this.displayOptions)) { | |
50 | this.displayOptions[key] = false | |
51 | } | |
52 | } | |
53 | ||
3da38d6e | 54 | this.findInBulk.getVideo(this.uuid) |
8b61dcaf | 55 | .pipe(finalize(() => this.loaded.emit(true))) |
1378c0d3 C |
56 | .subscribe({ |
57 | next: video => this.video = video, | |
0ca454e3 | 58 | |
1378c0d3 C |
59 | error: err => this.notifier.error($localize`Error in video miniature component: ${err.message}`) |
60 | }) | |
2539932e C |
61 | } |
62 | } |