From 0cb7a3511a99b117bd4387b953e35536fc29d503 Mon Sep 17 00:00:00 2001
From: Kenny <27463495+Frontesque@users.noreply.github.com>
Date: Fri, 29 Apr 2022 07:52:03 -0400
Subject: [PATCH] style: :art: Move 'player' to 'legacy player'

---
 .../{videoPlayer.vue => Player/legacy.vue}    | 25 -------------------
 NUXT/pages/watch.vue                          |  4 ++-
 2 files changed, 3 insertions(+), 26 deletions(-)
 rename NUXT/components/{videoPlayer.vue => Player/legacy.vue} (56%)

diff --git a/NUXT/components/videoPlayer.vue b/NUXT/components/Player/legacy.vue
similarity index 56%
rename from NUXT/components/videoPlayer.vue
rename to NUXT/components/Player/legacy.vue
index 39bb193..942e04d 100644
--- a/NUXT/components/videoPlayer.vue
+++ b/NUXT/components/Player/legacy.vue
@@ -9,16 +9,6 @@
       style="max-height: 50vh; display: block"
       @webkitfullscreenchange="handleFullscreenChange"
     />
-    <v-progress-linear
-      active
-      background-color="primary"
-      background-opacity="0.5"
-      :buffer-value="buffered"
-      color="primary"
-      height="3"
-      query
-      :value="percentage"
-    />
     <!-- <v-slider v-model="value" step="0"></v-slider> -->
   </div>
 </template>
@@ -26,21 +16,6 @@
 <script>
 export default {
   props: ["vidSrc"],
-  data() {
-    return {
-      percentage: 0,
-      buffered: 0,
-    };
-  },
-  mounted() {
-    let vid = this.$refs.player;
-    vid.ontimeupdate = () => {
-      this.percentage = (vid.currentTime / vid.duration) * 100;
-    };
-    vid.addEventListener("progress", () => {
-      this.buffered = (vid.buffered.end(0) / vid.duration) * 100;
-    });
-  },
   methods: {
     handleFullscreenChange() {
       if (document.fullscreenElement === this.$refs.player) {
diff --git a/NUXT/pages/watch.vue b/NUXT/pages/watch.vue
index 479b730..6cf78d7 100644
--- a/NUXT/pages/watch.vue
+++ b/NUXT/pages/watch.vue
@@ -5,7 +5,7 @@
         <v-icon>mdi-chevron-down</v-icon>
       </v-btn>
       <!--   VueTube Player V1   -->
-      <vuetubePlayer
+      <legacyPlayer
         :sources="sources"
         v-if="useBetaPlayer === 'true' && sources.length > 0"
       />
@@ -209,6 +209,7 @@ import VidLoadRenderer from "~/components/vidLoadRenderer.vue";
 import { getCpn } from "~/plugins/utils";
 import SlimVideoDescriptionRenderer from "~/components/UtilRenderers/slimVideoDescriptionRenderer.vue";
 import ItemSectionRenderer from "~/components/SectionRenderers/itemSectionRenderer.vue";
+import legacyPlayer from "~/components/Player/legacy.vue"
 import vuetubePlayer from "~/components/Player/index.vue";
 import ShelfRenderer from "~/components/SectionRenderers/shelfRenderer.vue";
 import mainCommentRenderer from "~/components/Comments/mainCommentRenderer.vue";
@@ -222,6 +223,7 @@ export default {
     VidLoadRenderer,
     SlimVideoDescriptionRenderer,
     vuetubePlayer,
+    legacyPlayer,
     ItemSectionRenderer,
     SwipeableBottomSheet,
     mainCommentRenderer,