]> git.immae.eu Git - github/Chocobozzz/PeerTube.git/blob - client/src/app/shared/shared-custom-markup/peertube-custom-tags/channel-miniature-markup.component.ts
Merge branch 'release/5.0.0' into develop
[github/Chocobozzz/PeerTube.git] / client / src / app / shared / shared-custom-markup / peertube-custom-tags / channel-miniature-markup.component.ts
1 import { from } from 'rxjs'
2 import { finalize, map, switchMap, tap } from 'rxjs/operators'
3 import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core'
4 import { MarkdownService, Notifier, UserService } from '@app/core'
5 import { FindInBulkService } from '@app/shared/shared-search'
6 import { VideoSortField } from '@shared/models'
7 import { Video, VideoChannel, VideoService } from '../../shared-main'
8 import { CustomMarkupComponent } from './shared'
9
10 /*
11 * Markup component that creates a channel miniature only
12 */
13
14 @Component({
15 selector: 'my-channel-miniature-markup',
16 templateUrl: 'channel-miniature-markup.component.html',
17 styleUrls: [ 'channel-miniature-markup.component.scss' ]
18 })
19 export class ChannelMiniatureMarkupComponent implements CustomMarkupComponent, OnInit {
20 @Input() name: string
21 @Input() displayLatestVideo: boolean
22 @Input() displayDescription: boolean
23
24 @Output() loaded = new EventEmitter<boolean>()
25
26 channel: VideoChannel
27 descriptionHTML: string
28 totalVideos: number
29 video: Video
30
31 constructor (
32 private markdown: MarkdownService,
33 private findInBulk: FindInBulkService,
34 private videoService: VideoService,
35 private userService: UserService,
36 private notifier: Notifier
37 ) { }
38
39 ngOnInit () {
40 this.findInBulk.getChannel(this.name)
41 .pipe(
42 tap(channel => {
43 this.channel = channel
44 }),
45 switchMap(() => from(this.markdown.textMarkdownToHTML({
46 markdown: this.channel.description,
47 withEmoji: true,
48 withHtml: true
49 }))),
50 tap(html => {
51 this.descriptionHTML = html
52 }),
53 switchMap(() => this.loadVideosObservable()),
54 finalize(() => this.loaded.emit(true))
55 ).subscribe({
56 next: ({ total, data }) => {
57 this.totalVideos = total
58 this.video = data[0]
59 },
60
61 error: err => this.notifier.error($localize`Error in channel miniature component: ${err.message}`)
62 })
63 }
64
65 getVideoChannelLink () {
66 return [ '/c', this.channel.nameWithHost ]
67 }
68
69 private loadVideosObservable () {
70 const videoOptions = {
71 videoChannel: this.channel,
72 videoPagination: {
73 currentPage: 1,
74 itemsPerPage: 1
75 },
76 sort: '-publishedAt' as VideoSortField,
77 count: 1
78 }
79
80 return this.userService.getAnonymousOrLoggedUser()
81 .pipe(
82 map(user => user.nsfwPolicy),
83 switchMap(nsfwPolicy => this.videoService.getVideoChannelVideos({ ...videoOptions, nsfwPolicy }))
84 )
85 }
86 }