From 647c2b7d0448e68d8c8ade52d9568e9b33f8638d Mon Sep 17 00:00:00 2001 From: Chocobozzz Date: Wed, 25 Jan 2023 08:59:42 +0100 Subject: Fix custom markup --- .../playlist-miniature-markup.component.ts | 10 +++++++--- 1 file changed, 7 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 ab52e7e37..d2cf1326e 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,5 +1,5 @@ import { finalize } from 'rxjs/operators' -import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnInit, Output } from '@angular/core' +import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, Input, OnInit, Output } from '@angular/core' import { Notifier } from '@app/core' import { FindInBulkService } from '@app/shared/shared-search' import { MiniatureDisplayOptions } from '../../shared-video-miniature' @@ -36,14 +36,18 @@ export class PlaylistMiniatureMarkupComponent implements CustomMarkupComponent, constructor ( private findInBulkService: FindInBulkService, - private notifier: Notifier + private notifier: Notifier, + private cd: ChangeDetectorRef ) { } ngOnInit () { this.findInBulkService.getPlaylist(this.uuid) .pipe(finalize(() => this.loaded.emit(true))) .subscribe({ - next: playlist => this.playlist = playlist, + next: playlist => { + this.playlist = playlist + this.cd.markForCheck() + }, error: err => this.notifier.error($localize`Error in playlist miniature component: ${err.message}`) }) -- cgit v1.2.3