From f5fcd9f72514d6c4044a9c904d0ce610033bcba5 Mon Sep 17 00:00:00 2001 From: Chocobozzz Date: Tue, 28 Jan 2020 17:29:50 +0100 Subject: Correctly type videojs player --- .../videojs-components/peertube-load-progress-bar.ts | 17 ++++++----------- 1 file changed, 6 insertions(+), 11 deletions(-) (limited to 'client/src/assets/player/videojs-components/peertube-load-progress-bar.ts') diff --git a/client/src/assets/player/videojs-components/peertube-load-progress-bar.ts b/client/src/assets/player/videojs-components/peertube-load-progress-bar.ts index b594fc1c5..8168e8f2d 100644 --- a/client/src/assets/player/videojs-components/peertube-load-progress-bar.ts +++ b/client/src/assets/player/videojs-components/peertube-load-progress-bar.ts @@ -1,16 +1,12 @@ -import { VideoJSComponentInterface, videojsUntyped } from '../peertube-videojs-typings' -// FIXME: something weird with our path definition in tsconfig and typings -// @ts-ignore -import { Player } from 'video.js' +import videojs, { VideoJsPlayer } from 'video.js' -const Component: VideoJSComponentInterface = videojsUntyped.getComponent('Component') +const Component = videojs.getComponent('Component') class PeerTubeLoadProgressBar extends Component { - partEls_: any[] - constructor (player: Player, options: any) { + constructor (player: VideoJsPlayer, options?: videojs.ComponentOptions) { super(player, options) - this.partEls_ = [] + this.on(player, 'progress', this.update) } @@ -22,8 +18,6 @@ class PeerTubeLoadProgressBar extends Component { } dispose () { - this.partEls_ = null - super.dispose() } @@ -31,7 +25,8 @@ class PeerTubeLoadProgressBar extends Component { const torrent = this.player().webtorrent().getTorrent() if (!torrent) return - this.el_.style.width = (torrent.progress * 100) + '%' + // FIXME: typings + (this.el() as HTMLElement).style.width = (torrent.progress * 100) + '%' } } -- cgit v1.2.3