From 0ca454e3bdf89390d1a48760ab555ddd8725c82d Mon Sep 17 00:00:00 2001 From: Chocobozzz Date: Tue, 29 Jun 2021 16:16:12 +0200 Subject: Only display homepage when components are loaded --- .../playlist-miniature-markup.component.ts | 13 ++++++++++--- 1 file changed, 10 insertions(+), 3 deletions(-) (limited to 'client/src/app/shared/shared-custom-markup/peertube-custom-tags/playlist-miniature-markup.component.ts') diff --git a/client/src/app/shared/shared-custom-markup/peertube-custom-tags/playlist-miniature-markup.component.ts b/client/src/app/shared/shared-custom-markup/peertube-custom-tags/playlist-miniature-markup.component.ts index eddc3636e..42a42d711 100644 --- a/client/src/app/shared/shared-custom-markup/peertube-custom-tags/playlist-miniature-markup.component.ts +++ b/client/src/app/shared/shared-custom-markup/peertube-custom-tags/playlist-miniature-markup.component.ts @@ -1,6 +1,7 @@ -import { Component, Input, OnInit } from '@angular/core' +import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core' import { MiniatureDisplayOptions } from '../../shared-video-miniature' import { VideoPlaylist, VideoPlaylistService } from '../../shared-video-playlist' +import { CustomMarkupComponent } from './shared' /* * Markup component that creates a playlist miniature only @@ -11,9 +12,11 @@ import { VideoPlaylist, VideoPlaylistService } from '../../shared-video-playlist templateUrl: 'playlist-miniature-markup.component.html', styleUrls: [ 'playlist-miniature-markup.component.scss' ] }) -export class PlaylistMiniatureMarkupComponent implements OnInit { +export class PlaylistMiniatureMarkupComponent implements CustomMarkupComponent, OnInit { @Input() uuid: string + @Output() loaded = new EventEmitter() + playlist: VideoPlaylist displayOptions: MiniatureDisplayOptions = { @@ -33,6 +36,10 @@ export class PlaylistMiniatureMarkupComponent implements OnInit { ngOnInit () { this.playlistService.getVideoPlaylist(this.uuid) - .subscribe(playlist => this.playlist = playlist) + .subscribe({ + next: playlist => this.playlist = playlist, + + complete: () => this.loaded.emit(true) + }) } } -- cgit v1.2.3