diff --git a/components/modals/PodcastEpisodesFeedModal.vue b/components/modals/PodcastEpisodesFeedModal.vue
index 91005ce9..502f5554 100644
--- a/components/modals/PodcastEpisodesFeedModal.vue
+++ b/components/modals/PodcastEpisodesFeedModal.vue
@@ -6,14 +6,14 @@
       </div>
     </template>
     <div class="w-full h-full overflow-hidden absolute top-0 left-0 flex items-center justify-center" @click="show = false">
-      <div class="feed-content w-full overflow-x-hidden overflow-y-auto bg-bg rounded-lg border border-white border-opacity-20">
+      <div class="feed-content w-full overflow-x-hidden overflow-y-auto bg-bg rounded-lg border border-white border-opacity-20" @click.stop.prevent>
         <template v-for="(episode, index) in episodes">
-          <div :key="index" class="relative" :class="index % 2 == 0 ? 'bg-primary bg-opacity-50' : 'bg-primary bg-opacity-25'">
+          <div :key="index" class="relative" :class="itemEpisodeMap[episode.enclosure.url] ? 'bg-primary bg-opacity-40' : selectedEpisodes[String(index)] ? 'bg-success bg-opacity-10' : index % 2 == 0 ? 'bg-primary bg-opacity-25' : 'bg-primary bg-opacity-5'" @click="selectEpisode(episode, index)">
             <div class="absolute top-0 left-0 h-full flex items-center p-2">
               <span v-if="itemEpisodeMap[episode.enclosure.url]" class="material-icons text-success text-xl">download_done</span>
-              <!-- <ui-checkbox v-else v-model="selectedEpisodes[String(index)]" small checkbox-bg="primary" border-color="gray-600" /> -->
+              <ui-checkbox v-else v-model="selectedEpisodes[String(index)]" small checkbox-bg="primary" border-color="gray-600" />
             </div>
-            <div class="px-2 py-2 border-b border-white border-opacity-10">
+            <div class="pl-9 pr-2 py-2 border-b border-white border-opacity-10">
               <p v-if="episode.episode" class="font-semibold text-gray-200 text-xs">#{{ episode.episode }}</p>
               <p class="break-words mb-1 text-sm">{{ episode.title }}</p>
               <p v-if="episode.subtitle" class="break-words mb-1 text-xs text-gray-300 episode-subtitle">{{ episode.subtitle }}</p>
@@ -23,7 +23,7 @@
         </template>
       </div>
       <div class="absolute bottom-0 left-0 w-full flex items-center" style="height: 50px">
-        <ui-btn class="w-full" color="success">Download Episodes</ui-btn>
+        <ui-btn class="w-full" :disabled="!episodesSelected.length" color="success" @click.stop="downloadEpisodes">{{ episodesSelected.length ? `Add ${episodesSelected.length} Episode(s) to Server` : 'No Episodes Selected' }}</ui-btn>
       </div>
     </div>
   </modals-modal>
@@ -43,7 +43,10 @@ export default {
     }
   },
   data() {
-    return {}
+    return {
+      processing: false,
+      selectedEpisodes: {}
+    }
   },
   watch: {
     show: {
@@ -62,6 +65,12 @@ export default {
         this.$emit('input', val)
       }
     },
+    allDownloaded() {
+      return !this.episodes.some((episode) => !this.itemEpisodeMap[episode.enclosure.url])
+    },
+    episodesSelected() {
+      return Object.keys(this.selectedEpisodes).filter((key) => !!this.selectedEpisodes[key])
+    },
     itemEpisodes() {
       if (!this.libraryItem) return []
       return this.libraryItem.media.episodes || []
@@ -75,8 +84,44 @@ export default {
     }
   },
   methods: {
+    downloadEpisodes() {
+      const episodesToDownload = this.episodesSelected.map((episodeIndex) => this.episodes[Number(episodeIndex)])
+
+      const payloadSize = JSON.stringify(episodesToDownload).length
+      const sizeInMb = payloadSize / 1024 / 1024
+      const sizeInMbPretty = sizeInMb.toFixed(2) + 'MB'
+      console.log('Request size', sizeInMb)
+      if (sizeInMb > 4.99) {
+        return this.$toast.error(`Request is too large (${sizeInMbPretty}) should be < 5Mb`)
+      }
+
+      this.processing = true
+      this.$axios
+        .$post(`/api/podcasts/${this.libraryItem.id}/download-episodes`, episodesToDownload)
+        .then(() => {
+          this.processing = false
+          this.$toast.success('Started downloading episodes on server')
+          this.show = false
+        })
+        .catch((error) => {
+          var errorMsg = error.response && error.response.data ? error.response.data : 'Failed to download episodes'
+          console.error('Failed to download episodes', error)
+          this.processing = false
+          this.$toast.error(errorMsg)
+
+          this.selectedEpisodes = {}
+        })
+    },
+    selectEpisode(episode, index) {
+      if (this.itemEpisodeMap[episode.enclosure.url]) return
+      this.selectedEpisodes[String(index)] = !this.selectedEpisodes[String(index)]
+    },
     init() {
       this.episodes.sort((a, b) => (a.publishedAt < b.publishedAt ? 1 : -1))
+      for (let i = 0; i < this.episodes.length; i++) {
+        // this.selectedEpisodes[String(i)] = false
+        this.$set(this.selectedEpisodes, String(i), false)
+      }
     }
   },
   mounted() {}
diff --git a/components/tables/podcast/EpisodeRow.vue b/components/tables/podcast/EpisodeRow.vue
index 45eb8987..262d6387 100644
--- a/components/tables/podcast/EpisodeRow.vue
+++ b/components/tables/podcast/EpisodeRow.vue
@@ -66,6 +66,9 @@ export default {
     }
   },
   computed: {
+    isAdminOrUp() {
+      return this.$store.getters['user/getIsAdminOrUp']
+    },
     isIos() {
       return this.$platform === 'ios'
     },
diff --git a/components/tables/podcast/EpisodesTable.vue b/components/tables/podcast/EpisodesTable.vue
index 80553154..6d5a53b9 100644
--- a/components/tables/podcast/EpisodesTable.vue
+++ b/components/tables/podcast/EpisodesTable.vue
@@ -1,5 +1,22 @@
 <template>
   <div class="w-full">
+    <!-- Podcast episode downloads queue -->
+    <div v-if="episodeDownloadsQueued.length" class="px-4 py-2 my-2 bg-info bg-opacity-40 text-sm font-semibold rounded-md text-gray-100 relative w-full">
+      <div class="flex items-center">
+        <p class="text-sm py-1">{{ episodeDownloadsQueued.length }} Episode(s) queued for download</p>
+        <div class="flex-grow" />
+        <span v-if="isAdminOrUp" class="material-icons text-xl ml-3 cursor-pointer" @click="clearDownloadQueue">close</span>
+      </div>
+    </div>
+
+    <!-- Podcast episodes currently downloading -->
+    <div v-if="episodesDownloading.length" class="px-4 py-2 my-2 bg-success bg-opacity-20 text-sm font-semibold rounded-md text-gray-100 relative w-full">
+      <div v-for="episode in episodesDownloading" :key="episode.id" class="flex items-center">
+        <widgets-loading-spinner />
+        <p class="text-sm py-1 pl-4">Downloading episode "{{ episode.episodeDisplayTitle }}"</p>
+      </div>
+    </div>
+
     <div class="flex items-center">
       <p class="text-lg mb-1 font-semibold">Episodes ({{ episodesFiltered.length }})</p>
 
@@ -36,6 +53,8 @@
 </template>
 
 <script>
+import { Dialog } from '@capacitor/dialog'
+
 export default {
   props: {
     libraryItem: {
@@ -98,7 +117,9 @@ export default {
       ],
       fetchingRSSFeed: false,
       podcastFeedEpisodes: [],
-      showPodcastEpisodeFeed: false
+      showPodcastEpisodeFeed: false,
+      episodesDownloading: [],
+      episodeDownloadsQueued: []
     }
   },
   watch: {
@@ -167,6 +188,25 @@ export default {
     }
   },
   methods: {
+    async clearDownloadQueue() {
+      const { value } = await Dialog.confirm({
+        title: 'Confirm',
+        message: `Are you sure you want to clear episode download queue?`
+      })
+
+      if (value) {
+        this.$axios
+          .$get(`/api/podcasts/${this.libraryItemId}/clear-queue`)
+          .then(() => {
+            this.$toast.success('Episode download queue cleared')
+            this.episodeDownloadQueued = []
+          })
+          .catch((error) => {
+            console.error('Failed to clear queue', error)
+            this.$toast.error('Failed to clear queue')
+          })
+      }
+    },
     async searchEpisodes() {
       if (!this.mediaMetadata.feedUrl) {
         return this.$toast.error('Podcast does not have an RSS Feed')
@@ -213,8 +253,34 @@ export default {
       this.episodesCopy = this.episodes.map((ep) => {
         return { ...ep }
       })
+    },
+    episodeDownloadQueued(episodeDownload) {
+      if (episodeDownload.libraryItemId === this.libraryItemId) {
+        this.episodeDownloadsQueued.push(episodeDownload)
+      }
+    },
+    episodeDownloadStarted(episodeDownload) {
+      if (episodeDownload.libraryItemId === this.libraryItemId) {
+        this.episodeDownloadsQueued = this.episodeDownloadsQueued.filter((d) => d.id !== episodeDownload.id)
+        this.episodesDownloading.push(episodeDownload)
+      }
+    },
+    episodeDownloadFinished(episodeDownload) {
+      if (episodeDownload.libraryItemId === this.libraryItemId) {
+        this.episodeDownloadsQueued = this.episodeDownloadsQueued.filter((d) => d.id !== episodeDownload.id)
+        this.episodesDownloading = this.episodesDownloading.filter((d) => d.id !== episodeDownload.id)
+      }
     }
   },
-  mounted() {}
+  mounted() {
+    this.$socket.$on('episode_download_queued', this.episodeDownloadQueued)
+    this.$socket.$on('episode_download_started', this.episodeDownloadStarted)
+    this.$socket.$on('episode_download_finished', this.episodeDownloadFinished)
+  },
+  beforeDestroy() {
+    this.$socket.$off('episode_download_queued', this.episodeDownloadQueued)
+    this.$socket.$off('episode_download_started', this.episodeDownloadStarted)
+    this.$socket.$off('episode_download_finished', this.episodeDownloadFinished)
+  }
 }
 </script>
\ No newline at end of file
diff --git a/pages/item/_id.vue b/pages/item/_id.vue
index a14468f8..8f6e4bb4 100644
--- a/pages/item/_id.vue
+++ b/pages/item/_id.vue
@@ -143,7 +143,6 @@
 import { Dialog } from '@capacitor/dialog'
 import { AbsFileSystem, AbsDownloader } from '@/plugins/capacitor'
 
-
 export default {
   async asyncData({ store, params, redirect, app }) {
     var libraryItemId = params.id
@@ -637,12 +636,12 @@ export default {
   mounted() {
     this.$eventBus.$on('library-changed', this.libraryChanged)
     this.$eventBus.$on('new-local-library-item', this.newLocalLibraryItem)
-    this.$socket.on('item_updated', this.itemUpdated)
+    this.$socket.$on('item_updated', this.itemUpdated)
   },
   beforeDestroy() {
     this.$eventBus.$off('library-changed', this.libraryChanged)
     this.$eventBus.$off('new-local-library-item', this.newLocalLibraryItem)
-    this.$socket.off('item_updated', this.itemUpdated)
+    this.$socket.$off('item_updated', this.itemUpdated)
   }
 }
 </script>