Fix some old typing issues

client/src/assets/player/p2p-media-loader/hls-plugin.ts

@@ -68,10 +68,6 @@ function hlsjsConfigHandler (this: videojs.Player, options: HlsjsConfigHandlerOp
     player.srOptions_.hlsjsConfig = options.hlsjsConfig
   }
 
-  if (!player.srOptions_.captionConfig) {
-    player.srOptions_.captionConfig = options.captionConfig
-  }
-
   if (options.levelLabelHandler && !player.srOptions_.levelLabelHandler) {
     player.srOptions_.levelLabelHandler = options.levelLabelHandler
   }

client/src/assets/player/p2p-media-loader/p2p-media-loader-plugin.ts

@@ -89,8 +89,7 @@ class P2pMediaLoaderPlugin extends Plugin {
   }
 
   getLiveLatency () {
-    // FIXME: typings
-    return Math.round((this.hlsjs as any).latency)
+    return Math.round(this.hlsjs.latency)
   }
 
   getHLSJS () {
@@ -113,7 +112,7 @@ class P2pMediaLoaderPlugin extends Plugin {
     initHlsJsPlayer(this.hlsjs)
 
     // FIXME: typings
-    const options = this.player.tech(true).options_ as any
+    const options = (this.player.tech(true).options_ as any)
     this.p2pEngine = options.hlsjsConfig.loader.getEngine()
 
     this.p2pEngine.on(Events.SegmentError, (segment: Segment, err) => {

client/src/assets/player/peertube-videojs-typings.ts

@@ -1,6 +1,7 @@
 import { HlsConfig, Level } from 'hls.js'
 import videojs from 'video.js'
 import { VideoFile, VideoPlaylist, VideoPlaylistElement } from '@shared/models'
+import { Html5Hlsjs } from './p2p-media-loader/hls-plugin'
 import { P2pMediaLoaderPlugin } from './p2p-media-loader/p2p-media-loader-plugin'
 import { RedundancyUrlManager } from './p2p-media-loader/redundancy-url-manager'
 import { PlayerMode } from './peertube-player-manager'
@@ -56,12 +57,11 @@ declare module 'video.js' {
 }
 
 export interface VideoJSTechHLS extends videojs.Tech {
-  hlsProvider: any // FIXME: typings
+  hlsProvider: Html5Hlsjs
 }
 
 export interface HlsjsConfigHandlerOptions {
-  hlsjsConfig?: HlsConfig & { cueHandler: any }// FIXME: typings
-  captionConfig?: any // FIXME: typings
+  hlsjsConfig?: HlsConfig
 
   levelLabelHandler?: (level: Level) => string
 }

client/src/assets/player/videojs-components/peertube-load-progress-bar.ts

@@ -25,7 +25,6 @@ class PeerTubeLoadProgressBar extends Component {
     const torrent = this.player().webtorrent().getTorrent()
     if (!torrent) return
 
-    // FIXME: typings
     (this.el() as HTMLElement).style.width = (torrent.progress * 100) + '%'
   }
 

client/src/assets/player/videojs-components/settings-menu-item.ts

@@ -56,7 +56,7 @@ class SettingsMenuItem extends MenuItem {
 
     const newOptions = Object.assign({}, options, { entry: options.menuButton, menuButton: this })
 
-    this.subMenu = new SubMenuComponent(this.player(), newOptions) as any // FIXME: typings
+    this.subMenu = new SubMenuComponent(this.player(), newOptions) as SettingsButton
     const subMenuClass = this.subMenu.buildCSSClass().split(' ')[0]
     this.settingsSubMenuEl_.className += ' ' + subMenuClass
 

client/src/sass/include/_mixins.scss

@@ -264,8 +264,10 @@
   font-size: 15px;
   height: $button-height;
   line-height: $button-height;
-  // FIXME: because of primeng that redefines border-radius of all input[type="..."]
+
+  // Because of primeng that redefines border-radius of all input[type="..."]
   border-radius: 3px !important;
+
   text-align: center;
   cursor: pointer;
 }

client/src/sass/include/_variables.scss

@@ -53,8 +53,7 @@ $sub-menu-height: 81px;
 
 $channel-background-color: #f6ede8;
 
-// FIXME: cannot use math.div here because of compilation error
-$banner-inverted-ratio: 0.1666666666;
+$banner-inverted-ratio: math.div(1, 6);
 
 $max-channels-width: 1200px;