From e32f51f58aef256d87a2fa56dbfeef4ddfedea74 Mon Sep 17 00:00:00 2001
From: advplyr <advplyr@protonmail.com>
Date: Fri, 9 Sep 2022 17:40:06 -0500
Subject: [PATCH] Fix:Add podcast modal for mobile screen sizes #975

---
 client/components/modals/podcast/NewModal.vue | 24 +++++++++----------
 server/utils/scandir.js                       |  2 --
 2 files changed, 12 insertions(+), 14 deletions(-)

diff --git a/client/components/modals/podcast/NewModal.vue b/client/components/modals/podcast/NewModal.vue
index ec577ded..59ad7276 100644
--- a/client/components/modals/podcast/NewModal.vue
+++ b/client/components/modals/podcast/NewModal.vue
@@ -1,18 +1,18 @@
 <template>
   <modals-modal v-model="show" name="new-podcast-modal" :width="1000" :height="'unset'" :processing="processing">
     <template #outer>
-      <div class="absolute top-0 left-0 p-5 w-2/3 overflow-hidden">
-        <p class="font-book text-3xl text-white truncate">{{ title }}</p>
+      <div class="absolute top-0 left-0 p-5 w-3/4 overflow-hidden">
+        <p class="font-book text-xl md:text-3xl text-white truncate">{{ title }}</p>
       </div>
     </template>
-    <div ref="wrapper" id="podcast-wrapper" class="p-4 w-full text-sm py-2 rounded-lg bg-bg shadow-lg border border-black-300 relative overflow-hidden">
-      <div class="w-full p-4">
-        <p class="text-lg font-semibold mb-2">Details</p>
+    <div ref="wrapper" id="podcast-wrapper" class="p-2 md:p-8 w-full text-sm py-2 rounded-lg bg-bg shadow-lg border border-black-300 relative overflow-x-hidden overflow-y-auto" style="max-height: 80vh">
+      <div class="w-full">
+        <p class="text-lg font-semibold mb-2 px-2">Details</p>
 
-        <div v-if="podcast.imageUrl" class="p-1 w-full">
+        <div v-if="podcast.imageUrl" class="p-2 w-full">
           <img :src="podcast.imageUrl" class="h-16 w-16 object-contain" />
         </div>
-        <div class="flex">
+        <div class="flex flex-wrap">
           <div class="w-full md:w-1/2 p-2">
             <ui-text-input-with-label v-model="podcast.title" label="Title" @input="titleUpdated" />
           </div>
@@ -20,7 +20,7 @@
             <ui-text-input-with-label v-model="podcast.author" label="Author" />
           </div>
         </div>
-        <div class="flex">
+        <div class="flex flex-wrap">
           <div class="w-full md:w-1/2 p-2">
             <ui-text-input-with-label v-model="podcast.feedUrl" label="Feed URL" readonly />
           </div>
@@ -31,19 +31,19 @@
         <div class="p-2 w-full">
           <ui-textarea-with-label v-model="podcast.description" label="Description" :rows="3" />
         </div>
-        <div class="flex">
+        <div class="flex flex-wrap">
           <div class="w-full md:w-1/2 p-2">
             <ui-dropdown v-model="selectedFolderId" :items="folderItems" :disabled="processing" label="Folder" @input="folderUpdated" />
           </div>
           <div class="w-full md:w-1/2 p-2">
-            <ui-text-input-with-label v-model="fullPath" label="Podcast Path" readonly />
+            <ui-text-input-with-label v-model="fullPath" label="Podcast Path" input-class="h-10" readonly />
           </div>
         </div>
       </div>
-      <div class="flex items-center py-4">
+      <div class="flex items-center py-4 px-2">
         <div class="flex-grow" />
         <div class="px-4">
-          <ui-checkbox v-model="podcast.autoDownloadEpisodes" label="Auto Download Episodes" checkbox-bg="primary" border-color="gray-600" label-class="pl-2 text-base font-semibold" />
+          <ui-checkbox v-model="podcast.autoDownloadEpisodes" label="Auto Download Episodes" checkbox-bg="primary" border-color="gray-600" label-class="pl-2 text-sm md:text-base font-semibold" />
         </div>
         <ui-btn color="success" @click="submit">Add Podcast</ui-btn>
       </div>
diff --git a/server/utils/scandir.js b/server/utils/scandir.js
index 5618ba3c..537422b5 100644
--- a/server/utils/scandir.js
+++ b/server/utils/scandir.js
@@ -6,8 +6,6 @@ const globals = require('./globals')
 const LibraryFile = require('../objects/files/LibraryFile')
 
 function isMediaFile(mediaType, ext) {
-  // if (!path) return false
-  // var ext = Path.extname(path)
   if (!ext) return false
   var extclean = ext.slice(1).toLowerCase()
   if (mediaType === 'podcast') return globals.SupportedAudioTypes.includes(extclean)