From 5c91c1e2c7465786db6ee2d574bec5b66b25082e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rasmus=20Kr=C3=A4mer?= <git@rfk.io>
Date: Sat, 9 Apr 2022 10:25:24 +0200
Subject: [PATCH 1/2] Added select all option to the episode selector

---
 .gitignore                                    |  4 +++-
 client/components/modals/podcast/NewModal.vue | 11 +++++++++++
 server/Server.js                              |  4 ++--
 3 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/.gitignore b/.gitignore
index 50e8c00f..769b0639 100644
--- a/.gitignore
+++ b/.gitignore
@@ -4,6 +4,7 @@ node_modules/
 /config/
 /audiobooks/
 /audiobooks2/
+/podcasts/
 /media/
 /metadata/
 test/
@@ -11,4 +12,5 @@ test/
 /client/dist/
 /dist/
 
-sw.*
\ No newline at end of file
+sw.*
+.DS_STORE
\ No newline at end of file
diff --git a/client/components/modals/podcast/NewModal.vue b/client/components/modals/podcast/NewModal.vue
index e3b4cf06..1ced6c74 100644
--- a/client/components/modals/podcast/NewModal.vue
+++ b/client/components/modals/podcast/NewModal.vue
@@ -39,6 +39,14 @@
         <div class="w-full md:w-1/2 p-4">
           <p class="text-lg font-semibold mb-2">Episodes</p>
           <div ref="episodeContainer" id="episodes-scroll" class="w-full overflow-x-hidden overflow-y-auto">
+            <div class="relative">
+              <div class="absolute top-0 left-0 h-full flex items-center p-2">
+                <ui-checkbox small checkbox-bg="primary" border-color="gray-600" v-on:input="selectedEpisodes = episodes.map(_ => !allSelected)" v-bind:value="allSelected" />
+              </div>
+              <div class="px-8 py-2">
+                <p class="font-semibold text-gray-200">Select all episodes</p>
+              </div>
+            </div>
             <div v-for="(episode, index) in episodes" :key="index" class="relative cursor-pointer" :class="selectedEpisodes[String(index)] ? 'bg-success bg-opacity-10' : index % 2 == 0 ? 'bg-primary bg-opacity-25 hover:bg-opacity-40' : 'bg-primary bg-opacity-5 hover:bg-opacity-25'" @click="toggleSelectEpisode(index)">
               <div class="absolute top-0 left-0 h-full flex items-center p-2">
                 <ui-checkbox v-model="selectedEpisodes[String(index)]" small checkbox-bg="primary" border-color="gray-600" />
@@ -149,6 +157,9 @@ export default {
       if (!this.podcastFeedData) return []
       return this.podcastFeedData.episodes || []
     },
+    allSelected() {
+      return Object.values(this.selectedEpisodes).filter(episode => !episode).length === 0
+    },
     episodesSelected() {
       return Object.keys(this.selectedEpisodes).filter((key) => !!this.selectedEpisodes[key])
     },
diff --git a/server/Server.js b/server/Server.js
index 98d4c154..a7fac9b0 100644
--- a/server/Server.js
+++ b/server/Server.js
@@ -150,8 +150,8 @@ class Server {
 
     app.use(this.auth.cors)
     app.use(fileUpload())
-    app.use(express.urlencoded({ extended: true }));
-    app.use(express.json())
+    app.use(express.urlencoded({ extended: true, limit: "3mb" }));
+    app.use(express.json({ limit: "3mb" }))
 
     // Static path to generated nuxt
     const distPath = Path.join(global.appRoot, '/client/dist')

From 96cd91a385b37f1296bca70d0e3e401249999ffb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rasmus=20Kr=C3=A4mer?= <git@rfk.io>
Date: Sat, 9 Apr 2022 11:44:31 +0200
Subject: [PATCH 2/2] Added select all episodes option to episode feed

---
 .../components/modals/podcast/EpisodeFeed.vue | 22 +++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/client/components/modals/podcast/EpisodeFeed.vue b/client/components/modals/podcast/EpisodeFeed.vue
index a37f0ea2..8ca563c7 100644
--- a/client/components/modals/podcast/EpisodeFeed.vue
+++ b/client/components/modals/podcast/EpisodeFeed.vue
@@ -29,6 +29,14 @@
         </div>
       </div>
       <div class="flex justify-end pt-4">
+        <div class="relative">
+          <div class="absolute top-0 left-0 h-full flex items-center p-2">
+            <ui-checkbox small checkbox-bg="primary" border-color="gray-600" v-on:input="selectedEpisodes = episodes.map(episode => episode.enclosure && itemEpisodeMap[episode.enclosure.url] ? false : !allSelected)" v-bind:value="allSelected" v-bind:disabled="allDownloaded" />
+          </div>
+          <div class="px-8 py-2">
+            <p :class="!allDownloaded ? 'font-semibold text-gray-200' : 'text-gray-400'">Select all episodes</p>
+          </div>
+        </div>
         <ui-btn :disabled="!episodesSelected.length" @click="submit">{{ buttonText }}</ui-btn>
       </div>
     </div>
@@ -67,6 +75,20 @@ export default {
       if (!this.libraryItem) return ''
       return this.libraryItem.media.metadata.title || 'Unknown'
     },
+    allSelected() {
+      try {
+        const values = Object.values(this.selectedEpisodes).filter((_, index) => !(this.episodes[index].enclosure && this.itemEpisodeMap[this.episodes[index].enclosure.url]))
+
+        if(!values.length) return false
+        return values.filter(episode => !episode).length === 0
+      } catch(error) {
+        console.error("Error while filtering selected episodes", error);
+        return false
+      }
+    },
+    allDownloaded() {
+      return Object.values(this.episodes).filter(episode => !(episode.enclosure && this.itemEpisodeMap[episode.enclosure.url])).length === 0
+    },
     episodesSelected() {
       return Object.keys(this.selectedEpisodes).filter((key) => !!this.selectedEpisodes[key])
     },