From fb75e1298869c632470c42cd7860648503e8ecac Mon Sep 17 00:00:00 2001
From: Front <27463495+Frontesque@users.noreply.github.com>
Date: Sun, 6 Mar 2022 11:55:16 -0500
Subject: [PATCH] iOS fixes: Search, Logs, (and other glitches)

---
 .github/workflows/ci.yml |  4 ++--
 NUXT/layouts/default.vue |  3 +++
 NUXT/pages/logs.vue      |  6 +++++-
 NUXT/pages/search.vue    | 19 ++++++++++++++-----
 NUXT/plugins/youtube.js  |  9 ++++-----
 5 files changed, 28 insertions(+), 13 deletions(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index d601805..d93c1ea 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -59,11 +59,11 @@ jobs:
         run: npx cap update android
       - name: Build with Gradle
         working-directory: android
-        run: chmod +x gradlew; ./gradlew clean assemble # At the time of writing, build causes issues with capacitor plugins
+        run: chmod +x gradlew; ./gradlew clean build # Build causes errors / assemble makes a nonfunctional apk
       - name: Upload artifacts
         uses: actions/upload-artifact@v2
         with:
-          name: VueTube.apk
+          name: android
           path: android/app/build/outputs/apk/release/app-release-unsigned.apk
         
   ios:
diff --git a/NUXT/layouts/default.vue b/NUXT/layouts/default.vue
index 51affc1..3630c1d 100644
--- a/NUXT/layouts/default.vue
+++ b/NUXT/layouts/default.vue
@@ -38,6 +38,9 @@
 * {
   font-family: Arial, Helvetica, sans-serif !important;
 }
+html, body {
+  overflow-x: hidden;
+}
 </style>
 
 <style scoped>
diff --git a/NUXT/pages/logs.vue b/NUXT/pages/logs.vue
index 9111882..5b15483 100644
--- a/NUXT/pages/logs.vue
+++ b/NUXT/pages/logs.vue
@@ -12,7 +12,7 @@
         <v-expansion-panels>
           <v-expansion-panel>
             <v-expansion-panel-header>More</v-expansion-panel-header>
-            <v-expansion-panel-content v-text="item.data" style="padding: 1em;" />
+            <v-expansion-panel-content v-text="item.data" class="logContent" />
           </v-expansion-panel>
         </v-expansion-panels>
 
@@ -36,6 +36,10 @@
 .errorChip {
   margin-right: 0.5em;
 }
+.logContent {
+  padding: 1em;
+  word-break: break-all;
+}
 </style>
 
 <script>
diff --git a/NUXT/pages/search.vue b/NUXT/pages/search.vue
index 4385aae..c840053 100644
--- a/NUXT/pages/search.vue
+++ b/NUXT/pages/search.vue
@@ -11,13 +11,14 @@
 
     <v-list-item v-for="(video, index) in videos" :key="index">
       <v-card class="entry">
-        <v-card-title v-text="video.raw.compactVideoRenderer.title.runs[0].text" />
         <v-card-text>
-          <v-img :src="video.thumbnails[video.thumbnails.length - 1].url" />
+          <div style="position: relative;">
+            <v-img :src="video.thumbnails[video.thumbnails.length - 1].url" />
+            <p v-text="video.runtime" class="videoRuntimeFloat background--text" />
+          </div>
+          <p v-text="video.title" />
+          <p v-text="`${video.views} • ${video.uploaded}`" />
           <p v-text="video.id" />
-          <p v-text="video.uploaded" />
-          <p v-text="video.runtime" />
-          <p v-text="video.views" />
         </v-card-text>
       </v-card>
     </v-list-item>
@@ -28,6 +29,14 @@
 .entry {
   margin-top: 1em;
 }
+.videoRuntimeFloat {
+  position: absolute;
+  bottom: 0;
+  right: 10px;
+  background: rgba(0, 0, 0, 0.5);
+  border-radius: 1em;
+  padding: 3px;
+}
 </style>
 
 <script>
diff --git a/NUXT/plugins/youtube.js b/NUXT/plugins/youtube.js
index ef82080..0e4cd21 100644
--- a/NUXT/plugins/youtube.js
+++ b/NUXT/plugins/youtube.js
@@ -86,22 +86,21 @@ const module = {
     let results = new Array();
     youtubeSearch(text, (videos) => {
       for (const i in videos) {
-
+        const video = videos[i];
 
         if (video.compactVideoRenderer) {
           //---   If Entry Is A Video   ---//
-          const video = videos[i];
           results.push({
             id: video.compactVideoRenderer.videoId,
+            title: video.compactVideoRenderer.title.runs[0].text,
             runtime: video.compactVideoRenderer.lengthText.runs[0].text,
             uploaded: video.compactVideoRenderer.publishedTimeText.runs[0].text,
             views: video.compactVideoRenderer.viewCountText.runs[0].text,
-            thumbnails: video.compactVideoRenderer.thumbnail.thumbnails,
-            raw: video
+            thumbnails: video.compactVideoRenderer.thumbnail.thumbnails
           })
         } else {
           //---   If Entry Is Not A Video   ---//
-          logger("search", { type: "Error Caught Successfully, Code Continued to run.", error: video }, true);
+          logger("search", { type: "Error Caught Successfully", error: video }, true);
         }