From 647c2b7d0448e68d8c8ade52d9568e9b33f8638d Mon Sep 17 00:00:00 2001 From: Chocobozzz Date: Wed, 25 Jan 2023 08:59:42 +0100 Subject: Fix custom markup --- .../peertube-custom-tags/channel-miniature-markup.component.ts | 7 +++++-- .../playlist-miniature-markup.component.ts | 10 +++++++--- .../peertube-custom-tags/video-miniature-markup.component.ts | 10 +++++++--- .../peertube-custom-tags/videos-list-markup.component.ts | 10 +++++++--- 4 files changed, 26 insertions(+), 11 deletions(-) (limited to 'client/src/app/shared/shared-custom-markup') diff --git a/client/src/app/shared/shared-custom-markup/peertube-custom-tags/channel-miniature-markup.component.ts b/client/src/app/shared/shared-custom-markup/peertube-custom-tags/channel-miniature-markup.component.ts index 1e7860750..df7cc95a7 100644 --- a/client/src/app/shared/shared-custom-markup/peertube-custom-tags/channel-miniature-markup.component.ts +++ b/client/src/app/shared/shared-custom-markup/peertube-custom-tags/channel-miniature-markup.component.ts @@ -1,6 +1,6 @@ import { from } from 'rxjs' import { finalize, map, switchMap, tap } 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 { MarkdownService, Notifier, UserService } from '@app/core' import { FindInBulkService } from '@app/shared/shared-search' import { VideoSortField } from '@shared/models' @@ -34,7 +34,8 @@ export class ChannelMiniatureMarkupComponent implements CustomMarkupComponent, O private findInBulk: FindInBulkService, private videoService: VideoService, private userService: UserService, - private notifier: Notifier + private notifier: Notifier, + private cd: ChangeDetectorRef ) { } ngOnInit () { @@ -57,6 +58,8 @@ export class ChannelMiniatureMarkupComponent implements CustomMarkupComponent, O next: ({ total, data }) => { this.totalVideos = total this.video = data[0] + + this.cd.markForCheck() }, error: err => this.notifier.error($localize`Error in channel miniature component: ${err.message}`) 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}`) }) diff --git a/client/src/app/shared/shared-custom-markup/peertube-custom-tags/video-miniature-markup.component.ts b/client/src/app/shared/shared-custom-markup/peertube-custom-tags/video-miniature-markup.component.ts index c37666359..21774b7aa 100644 --- a/client/src/app/shared/shared-custom-markup/peertube-custom-tags/video-miniature-markup.component.ts +++ b/client/src/app/shared/shared-custom-markup/peertube-custom-tags/video-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 { AuthService, Notifier } from '@app/core' import { FindInBulkService } from '@app/shared/shared-search' import { Video } from '../../shared-main' @@ -37,7 +37,8 @@ export class VideoMiniatureMarkupComponent implements CustomMarkupComponent, OnI constructor ( private auth: AuthService, private findInBulk: FindInBulkService, - private notifier: Notifier + private notifier: Notifier, + private cd: ChangeDetectorRef ) { } getUser () { @@ -56,7 +57,10 @@ export class VideoMiniatureMarkupComponent implements CustomMarkupComponent, OnI this.findInBulk.getVideo(this.uuid) .pipe(finalize(() => this.loaded.emit(true))) .subscribe({ - next: video => this.video = video, + next: video => { + this.video = video + this.cd.markForCheck() + }, error: err => this.notifier.error($localize`Error in video miniature component: ${err.message}`) }) diff --git a/client/src/app/shared/shared-custom-markup/peertube-custom-tags/videos-list-markup.component.ts b/client/src/app/shared/shared-custom-markup/peertube-custom-tags/videos-list-markup.component.ts index 70e88ea51..7c2e7db6a 100644 --- a/client/src/app/shared/shared-custom-markup/peertube-custom-tags/videos-list-markup.component.ts +++ b/client/src/app/shared/shared-custom-markup/peertube-custom-tags/videos-list-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 { AuthService, Notifier } from '@app/core' import { VideoSortField } from '@shared/models' import { Video, VideoService } from '../../shared-main' @@ -46,7 +46,8 @@ export class VideosListMarkupComponent implements CustomMarkupComponent, OnInit constructor ( private auth: AuthService, private videoService: VideoService, - private notifier: Notifier + private notifier: Notifier, + private cd: ChangeDetectorRef ) { } getUser () { @@ -73,7 +74,10 @@ export class VideosListMarkupComponent implements CustomMarkupComponent, OnInit return this.getVideosObservable() .pipe(finalize(() => this.loaded.emit(true))) .subscribe({ - next: ({ data }) => this.videos = data, + next: ({ data }) => { + this.videos = data + this.cd.markForCheck() + }, error: err => this.notifier.error($localize`Error in videos list component: ${err.message}`) }) -- cgit v1.2.3