From eb3978ea5517c536f5aa69646be2f6a0b1784685 Mon Sep 17 00:00:00 2001
From: Oleg Lobanov <oleg@lobanov.me>
Date: Sat, 8 Jun 2024 22:20:58 +0200
Subject: [PATCH] chore(frontend): fix formatting

---
 frontend/src/components/files/VideoPlayer.vue | 103 +++++++++---------
 .../src/components/prompts/UploadFiles.vue    |  12 +-
 frontend/src/utils/auth.ts                    |   2 +-
 frontend/src/views/Files.vue                  |   1 -
 4 files changed, 59 insertions(+), 59 deletions(-)

diff --git a/frontend/src/components/files/VideoPlayer.vue b/frontend/src/components/files/VideoPlayer.vue
index cc9bca84..6cb3299d 100644
--- a/frontend/src/components/files/VideoPlayer.vue
+++ b/frontend/src/components/files/VideoPlayer.vue
@@ -1,8 +1,14 @@
 <template>
   <video ref="videoPlayer" class="video-max video-js" controls preload="auto">
     <source />
-    <track kind="subtitles" v-for="(sub, index) in subtitles" :key="index" :src="sub" :label="subLabel(sub)"
-      :default="index === 0" />
+    <track
+      kind="subtitles"
+      v-for="(sub, index) in subtitles"
+      :key="index"
+      :src="sub"
+      :label="subLabel(sub)"
+      :default="index === 0"
+    />
     <p class="vjs-no-js">
       Sorry, your browser doesn't support embedded videos, but don't worry, you
       can <a :href="source">download it</a>
@@ -12,7 +18,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted, onBeforeUnmount, nextTick, } from "vue";
+import { ref, onMounted, onBeforeUnmount, nextTick } from "vue";
 import videojs from "video.js";
 import type Player from "video.js/dist/types/player";
 import "videojs-mobile-ui";
@@ -23,7 +29,6 @@ import "videojs-mobile-ui/dist/videojs-mobile-ui.css";
 const videoPlayer = ref<HTMLElement | null>(null);
 const player = ref<Player | null>(null);
 
-
 const props = withDefaults(
   defineProps<{
     source: string;
@@ -35,14 +40,14 @@ const props = withDefaults(
   }
 );
 
-const source = ref(props.source)
-const sourceType = ref("")
+const source = ref(props.source);
+const sourceType = ref("");
 
 nextTick(() => {
-  initVideoPlayer()
-})
+  initVideoPlayer();
+});
 
-onMounted(() => { });
+onMounted(() => {});
 
 onBeforeUnmount(() => {
   if (player.value) {
@@ -54,21 +59,22 @@ onBeforeUnmount(() => {
 const initVideoPlayer = async () => {
   try {
     const lang = document.documentElement.lang;
-    const languagePack = await (languageImports[lang] || languageImports.en)?.();
-    videojs.addLanguage('videoPlayerLocal', languagePack.default);
-    sourceType.value = ""
+    const languagePack = await (
+      languageImports[lang] || languageImports.en
+    )?.();
+    videojs.addLanguage("videoPlayerLocal", languagePack.default);
+    sourceType.value = "";
 
     //
     sourceType.value = getSourceType(source.value);
 
-    const srcOpt = { sources: { src: props.source, type: sourceType.value } }
+    const srcOpt = { sources: { src: props.source, type: sourceType.value } };
     //Supporting localized language display.
-    const langOpt = { language: "videoPlayerLocal" }
+    const langOpt = { language: "videoPlayerLocal" };
     // support for playback at different speeds.
-    const playbackRatesOpt = { playbackRates: [0.5, 1, 1.5, 2, 2.5, 3] }
-    let options = getOptions(props.options, langOpt, srcOpt, playbackRatesOpt)
-    player.value = videojs(videoPlayer.value!, options, () => {
-    });
+    const playbackRatesOpt = { playbackRates: [0.5, 1, 1.5, 2, 2.5, 3] };
+    let options = getOptions(props.options, langOpt, srcOpt, playbackRatesOpt);
+    player.value = videojs(videoPlayer.value!, options, () => {});
 
     // TODO: need to test on mobile
     // @ts-ignore
@@ -76,18 +82,16 @@ const initVideoPlayer = async () => {
   } catch (error) {
     console.error("Error initializing video player:", error);
   }
-
-}
+};
 
 const getOptions = (...srcOpt: any[]) => {
   const options = {
     controlBar: {
-    skipButtons: {
-      forward: 5,
-      backward: 5
-    }
-    
-  },
+      skipButtons: {
+        forward: 5,
+        backward: 5,
+      },
+    },
     html5: {
       nativeTextTracks: false,
     },
@@ -101,7 +105,7 @@ const getOptions = (...srcOpt: any[]) => {
   };
 
   return videojs.obj.merge(options, ...srcOpt);
-}
+};
 
 //  Attempting to fix the issue of being unable to play .MKV format video files
 const getSourceType = (source: string) => {
@@ -137,30 +141,29 @@ interface LanguageImports {
 }
 
 const languageImports: LanguageImports = {
-  'he': () => import('video.js/dist/lang/he.json'),
-  'hu': () => import('video.js/dist/lang/hu.json'),
-  'ar': () => import('video.js/dist/lang/ar.json'),
-  'de': () => import('video.js/dist/lang/de.json'),
-  'el': () => import('video.js/dist/lang/el.json'),
-  'en': () => import('video.js/dist/lang/en.json'),
-  'es': () => import('video.js/dist/lang/es.json'),
-  'fr': () => import('video.js/dist/lang/fr.json'),
-  'it': () => import('video.js/dist/lang/it.json'),
-  'ja': () => import('video.js/dist/lang/ja.json'),
-  'ko': () => import('video.js/dist/lang/ko.json'),
-  'nl-be': () => import('video.js/dist/lang/nl.json'),
-  'pl': () => import('video.js/dist/lang/pl.json'),
-  'pt-br': () => import('video.js/dist/lang/pt-BR.json'),
-  'pt': () => import('video.js/dist/lang/pt-PT.json'),
-  'ro': () => import('video.js/dist/lang/ro.json'),
-  'ru': () => import('video.js/dist/lang/ru.json'),
-  'sk': () => import('video.js/dist/lang/sk.json'),
-  'tr': () => import('video.js/dist/lang/tr.json'),
-  'uk': () => import('video.js/dist/lang/uk.json'),
-  'zh-cn': () => import('video.js/dist/lang/zh-CN.json'),
-  'zh-tw': () => import('video.js/dist/lang/zh-TW.json'),
+  he: () => import("video.js/dist/lang/he.json"),
+  hu: () => import("video.js/dist/lang/hu.json"),
+  ar: () => import("video.js/dist/lang/ar.json"),
+  de: () => import("video.js/dist/lang/de.json"),
+  el: () => import("video.js/dist/lang/el.json"),
+  en: () => import("video.js/dist/lang/en.json"),
+  es: () => import("video.js/dist/lang/es.json"),
+  fr: () => import("video.js/dist/lang/fr.json"),
+  it: () => import("video.js/dist/lang/it.json"),
+  ja: () => import("video.js/dist/lang/ja.json"),
+  ko: () => import("video.js/dist/lang/ko.json"),
+  "nl-be": () => import("video.js/dist/lang/nl.json"),
+  pl: () => import("video.js/dist/lang/pl.json"),
+  "pt-br": () => import("video.js/dist/lang/pt-BR.json"),
+  pt: () => import("video.js/dist/lang/pt-PT.json"),
+  ro: () => import("video.js/dist/lang/ro.json"),
+  ru: () => import("video.js/dist/lang/ru.json"),
+  sk: () => import("video.js/dist/lang/sk.json"),
+  tr: () => import("video.js/dist/lang/tr.json"),
+  uk: () => import("video.js/dist/lang/uk.json"),
+  "zh-cn": () => import("video.js/dist/lang/zh-CN.json"),
+  "zh-tw": () => import("video.js/dist/lang/zh-TW.json"),
 };
-
 </script>
 <style scoped>
 .video-max {
diff --git a/frontend/src/components/prompts/UploadFiles.vue b/frontend/src/components/prompts/UploadFiles.vue
index 29a0d565..eb599aa8 100644
--- a/frontend/src/components/prompts/UploadFiles.vue
+++ b/frontend/src/components/prompts/UploadFiles.vue
@@ -119,11 +119,9 @@ export default {
 </script>
 
 <style scoped>
-
-.upload-info{
-  min-width: 19ch; 
-  width:auto;
-  text-align: left; 
+.upload-info {
+  min-width: 19ch;
+  width: auto;
+  text-align: left;
 }
-
-</style>
\ No newline at end of file
+</style>
diff --git a/frontend/src/utils/auth.ts b/frontend/src/utils/auth.ts
index e30f6556..b5f84638 100644
--- a/frontend/src/utils/auth.ts
+++ b/frontend/src/utils/auth.ts
@@ -101,6 +101,6 @@ export function logout() {
   if (noAuth) {
     window.location.reload();
   } else {
-    router.push({path: "/login"});
+    router.push({ path: "/login" });
   }
 }
diff --git a/frontend/src/views/Files.vue b/frontend/src/views/Files.vue
index 4d5879cb..e05dbed9 100644
--- a/frontend/src/views/Files.vue
+++ b/frontend/src/views/Files.vue
@@ -151,7 +151,6 @@ const fetchData = async () => {
 
     fileStore.updateRequest(res);
     document.title = `${res.name} - ${t("files.files")} - ${name}`;
-    
   } catch (err) {
     if (err instanceof Error) {
       error.value = err;