import { AccountService } from '@app/shared/account/account.service'
import { tap } from 'rxjs/operators'
import { I18n } from '@ngx-translate/i18n-polyfill'
+import { Subscription } from 'rxjs'
+import { ScreenService } from '@app/shared/misc/screen.service'
@Component({
selector: 'my-account-videos',
export class AccountVideosComponent extends AbstractVideoList implements OnInit, OnDestroy {
titlePage: string
marginContent = false // Disable margin
- currentRoute = '/account/videos'
+ currentRoute = '/accounts/videos'
loadOnInit = false
private account: Account
+ private accountSub: Subscription
constructor (
protected router: Router,
protected notificationsService: NotificationsService,
protected confirmService: ConfirmService,
protected location: Location,
+ protected screenService: ScreenService,
protected i18n: I18n,
private accountService: AccountService,
private videoService: VideoService
super.ngOnInit()
// Parent get the account for us
- this.accountService.accountLoaded
+ this.accountSub = this.accountService.accountLoaded
.subscribe(account => {
this.account = account
- this.currentRoute = '/account/' + this.account.id + '/videos'
+ this.currentRoute = '/accounts/' + this.account.nameWithHost + '/videos'
- this.loadMoreVideos(this.pagination.currentPage)
+ this.reloadVideos()
this.generateSyndicationList()
})
}
ngOnDestroy () {
+ if (this.accountSub) this.accountSub.unsubscribe()
+
super.ngOnDestroy()
}
.getAccountVideos(this.account, newPagination, this.sort)
.pipe(
tap(({ totalVideos }) => {
- this.titlePage = this.i18n('Published {{ totalVideos }} videos', { totalVideos })
+ this.titlePage = this.i18n('Published {{totalVideos}} videos', { totalVideos })
})
)
}