client/src/app/+video-channels/video-channel-about/video-channel-about.component.ts

   1 import { Subscription } from 'rxjs'
   2 import { Component, OnDestroy, OnInit } from '@angular/core'
   3 import { MarkdownService } from '@app/core'
   4 import { VideoChannel, VideoChannelService } from '@app/shared/shared-main'
   5
   6 @Component({
   7   selector: 'my-video-channel-about',
   8   templateUrl: './video-channel-about.component.html',
   9   styleUrls: [ './video-channel-about.component.scss' ]
  10 })
  11 export class VideoChannelAboutComponent implements OnInit, OnDestroy {
  12   videoChannel: VideoChannel
  13   descriptionHTML = ''
  14   supportHTML = ''
  15
  16   private videoChannelSub: Subscription
  17
  18   constructor (
  19     private videoChannelService: VideoChannelService,
  20     private markdownService: MarkdownService
  21   ) { }
  22
  23   ngOnInit () {
  24     // Parent get the video channel for us
  25     this.videoChannelSub = this.videoChannelService.videoChannelLoaded
  26       .subscribe(async videoChannel => {
  27         this.videoChannel = videoChannel
  28
  29         this.descriptionHTML = await this.markdownService.textMarkdownToHTML(this.videoChannel.description)
  30         this.supportHTML = await this.markdownService.enhancedMarkdownToHTML(this.videoChannel.support)
  31       })
  32   }
  33
  34   ngOnDestroy () {
  35     if (this.videoChannelSub) this.videoChannelSub.unsubscribe()
  36   }
  37
  38   getVideoChannelDescription () {
  39     if (this.descriptionHTML) return this.descriptionHTML
  40
  41     return $localize`No description`
  42   }
  43 }