1 // FIXME: something weird with our path definition in tsconfig and typings
3 import * as videojs from 'video.js'
5 import { VideoJSComponentInterface, videojsUntyped } from '../peertube-videojs-typings'
6 import { saveTheaterInStore, getStoredTheater } from '../peertube-player-local-storage'
8 const Button: VideoJSComponentInterface = videojsUntyped.getComponent('Button')
9 class TheaterButton extends Button {
11 private static readonly THEATER_MODE_CLASS = 'vjs-theater-enabled'
13 constructor (player: videojs.Player, options: any) {
14 super(player, options)
16 const enabled = getStoredTheater()
17 if (enabled === true) {
18 this.player_.addClass(TheaterButton.THEATER_MODE_CLASS)
19 this.handleTheaterChange()
24 return `vjs-theater-control ${super.buildCSSClass()}`
27 handleTheaterChange () {
28 if (this.isTheaterEnabled()) {
29 this.controlText('Normal mode')
31 this.controlText('Theater mode')
34 saveTheaterInStore(this.isTheaterEnabled())
38 this.player_.toggleClass(TheaterButton.THEATER_MODE_CLASS)
40 this.handleTheaterChange()
43 private isTheaterEnabled () {
44 return this.player_.hasClass(TheaterButton.THEATER_MODE_CLASS)
48 TheaterButton.prototype.controlText_ = 'Theater mode'
50 TheaterButton.registerComponent('TheaterButton', TheaterButton)