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] 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')