File info view improved, fixed missing Ionic imports on some views

Author: Ferenc Nánási

src/components/audioSettingsModal.vue

@@ -56,6 +56,7 @@ import {
   IonSelectOption,
   IonLabel,
   IonButtons,
+  IonIcon,
 } from "@ionic/vue";
 import { apiInstance } from "../api";
 import { arrowBack } from "ionicons/icons";
@@ -135,6 +136,7 @@ export default {
     IonSelectOption,
     IonLabel,
     IonButtons,
+    IonIcon,
   },
 };
 </script>

src/components/infoModal.vue

@@ -36,20 +36,21 @@
           </ion-label>
         </ion-item>
       </ion-list>
-
-      <ion-list-header> Metadata </ion-list-header>
-      <ion-list>
-        <ion-item
-          v-for="(value, key, i) in playerData.metadata"
-          :key="i"
-          lines="full"
-        >
-          <ion-label class="ion-text-wrap">
-            <h2>{{ key }}</h2>
-            <p>{{ value }}</p>
-          </ion-label>
-        </ion-item>
-      </ion-list>
+      <template v-if="Object.keys(playerData.metadata).length > 0">
+        <ion-list-header> Metadata </ion-list-header>
+        <ion-list>
+          <ion-item
+            v-for="(value, key, i) in playerData.metadata"
+            :key="i"
+            lines="full"
+          >
+            <ion-label class="ion-text-wrap">
+              <h2>{{ key }}</h2>
+              <p>{{ value }}</p>
+            </ion-label>
+          </ion-item>
+        </ion-list>
+      </template>
       <template v-for="track in videoTracks" :key="track.id">
         <ion-list-header
           >Video {{ track.id }}
@@ -108,19 +109,19 @@
           {{ track.selected ? "(Selected)" : "" }}</ion-list-header
         >
         <ion-list>
-          <ion-item>
+          <ion-item lines="full">
             <ion-label class="ion-text-wrap">
               <h2>Codec</h2>
               <p>{{ track.codec }}</p>
             </ion-label>
           </ion-item>
-          <ion-item>
+          <ion-item lines="full">
             <ion-label class="ion-text-wrap">
               <h2>Language</h2>
               <p>{{ track.lang }}</p>
             </ion-label>
           </ion-item>
-          <ion-item v-if="track.external_filename">
+          <ion-item v-if="track.external_filename" lines="full">
             <ion-label class="ion-text-wrap">
               <h2>Filename</h2>
               <p>{{ track.external_filename }}</p>
@@ -151,6 +152,7 @@ import {
   IonLabel,
   IonItem,
   IonList,
+  IonIcon,
 } from "@ionic/vue";
 import { arrowBack } from "ionicons/icons";
 export default {
@@ -193,12 +195,7 @@ export default {
     IonItem,
     IonList,
     IonButtons,
+    IonIcon,
   },
 };
 </script>
-
-<style scoped>
-.prop {
-  overflow: scroll;
-}
-</style>

src/components/openURLModal.vue

@@ -76,6 +76,7 @@ import {
   IonButtons,
   IonSelect,
   IonSelectOption,
+  IonIcon,
 } from "@ionic/vue";
 import { arrowBack } from "ionicons/icons";
 import { loadFileFlags } from "../tools";
@@ -130,6 +131,7 @@ export default {
     IonButtons,
     IonSelect,
     IonSelectOption,
+    IonIcon,
   },
 };
 </script>

src/components/subtitleSettingsModal.vue

@@ -92,6 +92,7 @@ import {
   IonSelectOption,
   IonLabel,
   IonCheckbox,
+  IonIcon,
   modalController,
 } from "@ionic/vue";
 import filebrowsermodal from "./fileBrowserModal.vue";
@@ -125,7 +126,6 @@ export default {
         selectedTrack.value = activeSubTrackId.value;
       }
     };
-    console.log(playerData.value["sub-ass-override"]);
     const onAppendClicked = () => {
       props.modalController.dismiss();
     };
@@ -214,9 +214,7 @@ export default {
       }
     };
     const onAssOverridechanged = (event) => {
-      apiInstance
-        .post(`/tracks/sub/ass-override/${event.target.value}`)
-        .then(() => console.log("changed"));
+      apiInstance.post(`/tracks/sub/ass-override/${event.target.value}`);
     };
 
     loadTracks();
@@ -253,6 +251,7 @@ export default {
     IonSelectOption,
     IonLabel,
     IonCheckbox,
+    IonIcon,
   },
 };
 </script>