From da200698dd3fa29d2b582be9a3f910ea54375f90 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Miroslav=20=C5=A0ediv=C3=BD?= <sedivy.miro@gmail.com>
Date: Sat, 4 Dec 2021 21:50:08 +0100
Subject: [PATCH] move elementRequestFullscreen to utils.

---
 client/src/components/video.vue | 27 +++------------------------
 client/src/utils/index.ts       | 21 +++++++++++++++++++++
 2 files changed, 24 insertions(+), 24 deletions(-)

diff --git a/client/src/components/video.vue b/client/src/components/video.vue
index 7372fe87..67932f98 100644
--- a/client/src/components/video.vue
+++ b/client/src/components/video.vue
@@ -186,6 +186,7 @@
 <script lang="ts">
   import { Component, Ref, Watch, Vue, Prop } from 'vue-property-decorator'
   import ResizeObserver from 'resize-observer-polyfill'
+  import { elementRequestFullscreen } from '~/utils'
 
   import Emote from './emote.vue'
   import Resolution from './resolution.vue'
@@ -555,37 +556,15 @@
       this.$accessor.remote.request()
     }
 
-    _elementRequestFullscreen(el: HTMLElement) {
-      if (typeof el.requestFullscreen === 'function') {
-        el.requestFullscreen()
-        //@ts-ignore
-      } else if (typeof el.webkitRequestFullscreen === 'function') {
-        //@ts-ignore
-        el.webkitRequestFullscreen()
-        //@ts-ignore
-      } else if (typeof el.webkitEnterFullscreen === 'function') {
-        //@ts-ignore
-        el.webkitEnterFullscreen()
-        //@ts-ignore
-      } else if (typeof el.msRequestFullScreen === 'function') {
-        //@ts-ignore
-        el.msRequestFullScreen()
-      } else {
-        return false
-      }
-
-      return true
-    }
-
     requestFullscreen() {
       // try to fullscreen player element
-      if (this._elementRequestFullscreen(this._player)) {
+      if (elementRequestFullscreen(this._player)) {
         this.onResize()
         return
       }
 
       // fallback to fullscreen video itself (on mobile devices)
-      if (this._elementRequestFullscreen(this._video)) {
+      if (elementRequestFullscreen(this._video)) {
         this.onResize()
         return
       }
diff --git a/client/src/utils/index.ts b/client/src/utils/index.ts
index 7950d9b8..386e993b 100644
--- a/client/src/utils/index.ts
+++ b/client/src/utils/index.ts
@@ -7,3 +7,24 @@ export function makeid(length: number) {
   }
   return result
 }
+
+export function elementRequestFullscreen(el: HTMLElement) {
+  if (typeof el.requestFullscreen === 'function') {
+    el.requestFullscreen()
+    //@ts-ignore
+  } else if (typeof el.webkitRequestFullscreen === 'function') {
+    //@ts-ignore
+    el.webkitRequestFullscreen()
+    //@ts-ignore
+  } else if (typeof el.webkitEnterFullscreen === 'function') {
+    //@ts-ignore
+    el.webkitEnterFullscreen()
+    //@ts-ignore
+  } else if (typeof el.msRequestFullScreen === 'function') {
+    //@ts-ignore
+    el.msRequestFullScreen()
+  } else {
+    return false
+  }
+  return true
+}