From 6d138ae905be2426ba5b893947ca16133f34bcb3 Mon Sep 17 00:00:00 2001
From: mfcar <marcosfcar@gmail.com>
Date: Sun, 19 Feb 2023 20:07:32 +0000
Subject: [PATCH 1/4] Add episode filter

---
 .../components/modals/podcast/EpisodeFeed.vue | 31 +++++++++++++++++--
 1 file changed, 29 insertions(+), 2 deletions(-)

diff --git a/client/components/modals/podcast/EpisodeFeed.vue b/client/components/modals/podcast/EpisodeFeed.vue
index be701f3a..92d56ba3 100644
--- a/client/components/modals/podcast/EpisodeFeed.vue
+++ b/client/components/modals/podcast/EpisodeFeed.vue
@@ -6,9 +6,14 @@
       </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 py-3 mx-auto flex">
+        <form @submit.prevent="submit" class="flex flex-grow">
+          <ui-text-input v-model="search" @input="inputUpdate" placeholder="Search episode..." class="flex-grow mr-2 text-sm md:text-base" />
+        </form>
+      </div>
       <div ref="episodeContainer" id="episodes-scroll" class="w-full overflow-x-hidden overflow-y-auto">
         <div
-          v-for="(episode, index) in episodes"
+          v-for="(episode, index) in episodesList"
           :key="index"
           class="relative"
           :class="itemEpisodeMap[episode.enclosure.url] ? 'bg-primary bg-opacity-40' : selectedEpisodes[String(index)] ? 'cursor-pointer bg-success bg-opacity-10' : index % 2 == 0 ? 'cursor-pointer bg-primary bg-opacity-25 hover:bg-opacity-40' : 'cursor-pointer bg-primary bg-opacity-5 hover:bg-opacity-25'"
@@ -52,7 +57,10 @@ export default {
     return {
       processing: false,
       selectedEpisodes: {},
-      selectAll: false
+      selectAll: false,
+      search: null,
+      searchTimeout: null,
+      searchText: null,
     }
   },
   watch: {
@@ -96,9 +104,28 @@ export default {
         if (item.enclosure) map[item.enclosure.url] = true
       })
       return map
+    },
+    episodesList() {
+      return this.episodes.filter((episode) => {
+        if (!this.searchText) return true
+        return (
+          (episode.title && episode.title.toLowerCase().includes(this.searchText)) ||
+          (episode.subtitle && episode.subtitle.toLowerCase().includes(this.searchText))
+        )
+      })
     }
   },
   methods: {
+    inputUpdate() {
+      clearTimeout(this.searchTimeout)
+      this.searchTimeout = setTimeout(() => {
+        if (!this.search || !this.search.trim()) {
+          this.searchText = ''
+          return
+        }
+        this.searchText = this.search.toLowerCase().trim()
+      }, 500)
+    },
     toggleSelectAll(val) {
       for (let i = 0; i < this.episodes.length; i++) {
         const episode = this.episodes[i]

From f650ae7f18ff4339b48adb45635d8787ef032d0e Mon Sep 17 00:00:00 2001
From: mfcar <marcosfcar@gmail.com>
Date: Sun, 19 Feb 2023 20:48:39 +0000
Subject: [PATCH 2/4] Add episode filter on the episodes list

---
 .../tables/podcast/EpisodesTable.vue          | 33 +++++++++++++++++--
 1 file changed, 30 insertions(+), 3 deletions(-)

diff --git a/client/components/tables/podcast/EpisodesTable.vue b/client/components/tables/podcast/EpisodesTable.vue
index 39228a39..929ceced 100644
--- a/client/components/tables/podcast/EpisodesTable.vue
+++ b/client/components/tables/podcast/EpisodesTable.vue
@@ -19,7 +19,12 @@
       </template>
     </div>
     <p v-if="!episodes.length" class="py-4 text-center text-lg">{{ $strings.MessageNoEpisodes }}</p>
-    <template v-for="episode in episodesSorted">
+    <div v-if="episodes.length" class="w-full py-3 mx-auto flex">
+      <form @submit.prevent="submit" class="flex flex-grow">
+        <ui-text-input v-model="search" @input="inputUpdate" placeholder="Search episode..." class="flex-grow mr-2 text-sm md:text-base" />
+      </form>
+    </div>
+    <template v-for="episode in episodesList">
       <tables-podcast-episode-table-row ref="episodeRow" :key="episode.id" :episode="episode" :library-item-id="libraryItem.id" :selection-mode="isSelectionMode" class="item" @play="playEpisode" @remove="removeEpisode" @edit="editEpisode" @view="viewEpisode" @selected="episodeSelected" @addToQueue="addEpisodeToQueue" @addToPlaylist="addToPlaylist" />
     </template>
 
@@ -46,7 +51,10 @@ export default {
       selectedEpisodes: [],
       episodesToRemove: [],
       processing: false,
-      quickMatchingEpisodes: false
+      quickMatchingEpisodes: false,
+      search: null,
+      searchTimeout: null,
+      searchText: null,
     }
   },
   watch: {
@@ -137,6 +145,15 @@ export default {
           return String(a[this.sortKey]).localeCompare(String(b[this.sortKey]), undefined, { numeric: true, sensitivity: 'base' })
         })
     },
+    episodesList() {
+      return this.episodesSorted.filter((episode) => {
+        if (!this.searchText) return true
+        return (
+            (episode.title && episode.title.toLowerCase().includes(this.searchText)) ||
+            (episode.subtitle && episode.subtitle.toLowerCase().includes(this.searchText))
+        )
+      })
+    },
     selectedIsFinished() {
       // Find an item that is not finished, if none then all items finished
       return !this.selectedEpisodes.find((episode) => {
@@ -146,6 +163,16 @@ export default {
     }
   },
   methods: {
+    inputUpdate() {
+      clearTimeout(this.searchTimeout)
+      this.searchTimeout = setTimeout(() => {
+        if (!this.search || !this.search.trim()) {
+          this.searchText = ''
+          return
+        }
+        this.searchText = this.search.toLowerCase().trim()
+      }, 500)
+    },
     contextMenuAction(action) {
       if (action === 'quick-match-episodes') {
         if (this.quickMatchingEpisodes) return
@@ -314,4 +341,4 @@ export default {
 .episode-leave-active {
   position: absolute;
 }
-</style>
\ No newline at end of file
+</style>

From eeb7c805184b06025f26f1428ec4a047c51126c6 Mon Sep 17 00:00:00 2001
From: mfcar <marcosfcar@gmail.com>
Date: Tue, 21 Feb 2023 19:30:42 +0000
Subject: [PATCH 3/4] Add translation strings and change the input type to
 search

---
 client/components/modals/podcast/EpisodeFeed.vue   | 4 ++--
 client/components/tables/podcast/EpisodesTable.vue | 2 +-
 client/strings/de.json                             | 3 ++-
 client/strings/en-us.json                          | 3 ++-
 client/strings/es.json                             | 3 ++-
 client/strings/fr.json                             | 1 +
 client/strings/hr.json                             | 3 ++-
 client/strings/it.json                             | 3 ++-
 client/strings/pl.json                             | 3 ++-
 client/strings/ru.json                             | 3 ++-
 client/strings/zh-cn.json                          | 3 ++-
 11 files changed, 20 insertions(+), 11 deletions(-)

diff --git a/client/components/modals/podcast/EpisodeFeed.vue b/client/components/modals/podcast/EpisodeFeed.vue
index 92d56ba3..21b9cdfc 100644
--- a/client/components/modals/podcast/EpisodeFeed.vue
+++ b/client/components/modals/podcast/EpisodeFeed.vue
@@ -6,9 +6,9 @@
       </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 py-3 mx-auto flex">
+      <div v-if="episodes.length" class="w-full py-3 mx-auto flex">
         <form @submit.prevent="submit" class="flex flex-grow">
-          <ui-text-input v-model="search" @input="inputUpdate" placeholder="Search episode..." class="flex-grow mr-2 text-sm md:text-base" />
+          <ui-text-input v-model="search" @input="inputUpdate" type="search" :placeholder="$strings.PlaceholderSearchEpisode" class="flex-grow mr-2 text-sm md:text-base" />
         </form>
       </div>
       <div ref="episodeContainer" id="episodes-scroll" class="w-full overflow-x-hidden overflow-y-auto">
diff --git a/client/components/tables/podcast/EpisodesTable.vue b/client/components/tables/podcast/EpisodesTable.vue
index 929ceced..05eaa50d 100644
--- a/client/components/tables/podcast/EpisodesTable.vue
+++ b/client/components/tables/podcast/EpisodesTable.vue
@@ -21,7 +21,7 @@
     <p v-if="!episodes.length" class="py-4 text-center text-lg">{{ $strings.MessageNoEpisodes }}</p>
     <div v-if="episodes.length" class="w-full py-3 mx-auto flex">
       <form @submit.prevent="submit" class="flex flex-grow">
-        <ui-text-input v-model="search" @input="inputUpdate" placeholder="Search episode..." class="flex-grow mr-2 text-sm md:text-base" />
+        <ui-text-input v-model="search" @input="inputUpdate" type="search" :placeholder="$strings.PlaceholderSearchEpisode" class="flex-grow mr-2 text-sm md:text-base" />
       </form>
     </div>
     <template v-for="episode in episodesList">
diff --git a/client/strings/de.json b/client/strings/de.json
index 96b2863d..d47dd1cd 100644
--- a/client/strings/de.json
+++ b/client/strings/de.json
@@ -546,6 +546,7 @@
   "PlaceholderNewFolderPath": "Neuer Ordnerpfad",
   "PlaceholderNewPlaylist": "Neuer Wiedergabelistenname",
   "PlaceholderSearch": "Suche...",
+  "PlaceholderSearchEpisode": "Search episode...",
   "ToastAccountUpdateFailed": "Aktualisierung des Kontos fehlgeschlagen",
   "ToastAccountUpdateSuccess": "Konto aktualisiert",
   "ToastAuthorImageRemoveFailed": "Bild konnte nicht entfernt werden",
@@ -615,4 +616,4 @@
   "ToastSocketFailedToConnect": "Verbindung zum WebSocket fehlgeschlagen",
   "ToastUserDeleteFailed": "Benutzer konnte nicht gelöscht werden",
   "ToastUserDeleteSuccess": "Benutzer gelöscht"
-}
\ No newline at end of file
+}
diff --git a/client/strings/en-us.json b/client/strings/en-us.json
index ecbd7f32..76093746 100644
--- a/client/strings/en-us.json
+++ b/client/strings/en-us.json
@@ -546,6 +546,7 @@
   "PlaceholderNewFolderPath": "New folder path",
   "PlaceholderNewPlaylist": "New playlist name",
   "PlaceholderSearch": "Search..",
+  "PlaceholderSearchEpisode": "Search episode..",
   "ToastAccountUpdateFailed": "Failed to update account",
   "ToastAccountUpdateSuccess": "Account updated",
   "ToastAuthorImageRemoveFailed": "Failed to remove image",
@@ -615,4 +616,4 @@
   "ToastSocketFailedToConnect": "Socket failed to connect",
   "ToastUserDeleteFailed": "Failed to delete user",
   "ToastUserDeleteSuccess": "User deleted"
-}
\ No newline at end of file
+}
diff --git a/client/strings/es.json b/client/strings/es.json
index ecbd7f32..76093746 100644
--- a/client/strings/es.json
+++ b/client/strings/es.json
@@ -546,6 +546,7 @@
   "PlaceholderNewFolderPath": "New folder path",
   "PlaceholderNewPlaylist": "New playlist name",
   "PlaceholderSearch": "Search..",
+  "PlaceholderSearchEpisode": "Search episode..",
   "ToastAccountUpdateFailed": "Failed to update account",
   "ToastAccountUpdateSuccess": "Account updated",
   "ToastAuthorImageRemoveFailed": "Failed to remove image",
@@ -615,4 +616,4 @@
   "ToastSocketFailedToConnect": "Socket failed to connect",
   "ToastUserDeleteFailed": "Failed to delete user",
   "ToastUserDeleteSuccess": "User deleted"
-}
\ No newline at end of file
+}
diff --git a/client/strings/fr.json b/client/strings/fr.json
index 6b782cdf..fe6c21f7 100644
--- a/client/strings/fr.json
+++ b/client/strings/fr.json
@@ -546,6 +546,7 @@
   "PlaceholderNewFolderPath": "Nouveau chemin de dossier",
   "PlaceholderNewPlaylist": "Nouveau nom de liste de lecture",
   "PlaceholderSearch": "Recherche...",
+  "PlaceholderSearchEpisode": "Search episode...",
   "ToastAccountUpdateFailed": "Échec de la mise à jour du compte",
   "ToastAccountUpdateSuccess": "Compte mis à jour",
   "ToastAuthorImageRemoveFailed": "Échec de la suppression de l'image",
diff --git a/client/strings/hr.json b/client/strings/hr.json
index 697e0d6d..9f6532b7 100644
--- a/client/strings/hr.json
+++ b/client/strings/hr.json
@@ -546,6 +546,7 @@
   "PlaceholderNewFolderPath": "Nova folder putanja",
   "PlaceholderNewPlaylist": "New playlist name",
   "PlaceholderSearch": "Traži...",
+  "PlaceholderSearchEpisode": "Search episode...",
   "ToastAccountUpdateFailed": "Neuspješno aktualiziranje korisničkog računa",
   "ToastAccountUpdateSuccess": "Korisnički račun aktualiziran",
   "ToastAuthorImageRemoveFailed": "Neuspješno uklanjanje slike",
@@ -615,4 +616,4 @@
   "ToastSocketFailedToConnect": "Socket failed to connect",
   "ToastUserDeleteFailed": "Neuspješno brisanje korisnika",
   "ToastUserDeleteSuccess": "Korisnik obrisan"
-}
\ No newline at end of file
+}
diff --git a/client/strings/it.json b/client/strings/it.json
index 4401cc45..01a8a215 100644
--- a/client/strings/it.json
+++ b/client/strings/it.json
@@ -546,6 +546,7 @@
   "PlaceholderNewFolderPath": "Nuovo percorso Cartella",
   "PlaceholderNewPlaylist": "Nome nuova playlist",
   "PlaceholderSearch": "Cerca..",
+  "PlaceholderSearchEpisode": "Search episode..",
   "ToastAccountUpdateFailed": "Aggiornamento Account Fallito",
   "ToastAccountUpdateSuccess": "Account Aggiornato",
   "ToastAuthorImageRemoveFailed": "Rimozione immagine autore Fallita",
@@ -615,4 +616,4 @@
   "ToastSocketFailedToConnect": "Socket non riesce a connettersi",
   "ToastUserDeleteFailed": "Errore eliminazione utente",
   "ToastUserDeleteSuccess": "Utente eliminato"
-}
\ No newline at end of file
+}
diff --git a/client/strings/pl.json b/client/strings/pl.json
index 2fb7b14a..f1df9a3a 100644
--- a/client/strings/pl.json
+++ b/client/strings/pl.json
@@ -546,6 +546,7 @@
   "PlaceholderNewFolderPath": "Nowa ścieżka folderu",
   "PlaceholderNewPlaylist": "New playlist name",
   "PlaceholderSearch": "Szukanie..",
+  "PlaceholderSearchEpisode": "Search episode..",
   "ToastAccountUpdateFailed": "Nie udało się zaktualizować konta",
   "ToastAccountUpdateSuccess": "Zaktualizowano konto",
   "ToastAuthorImageRemoveFailed": "Nie udało się usunąć obrazu",
@@ -615,4 +616,4 @@
   "ToastSocketFailedToConnect": "Poączenie z serwerem nie powiodło się",
   "ToastUserDeleteFailed": "Nie udało się usunąć użytkownika",
   "ToastUserDeleteSuccess": "Użytkownik usunięty"
-}
\ No newline at end of file
+}
diff --git a/client/strings/ru.json b/client/strings/ru.json
index 3a1cc4b6..0c3c298b 100644
--- a/client/strings/ru.json
+++ b/client/strings/ru.json
@@ -546,6 +546,7 @@
   "PlaceholderNewFolderPath": "Путь к новой папке",
   "PlaceholderNewPlaylist": "Новое название плейлиста",
   "PlaceholderSearch": "Поиск...",
+  "PlaceholderSearchEpisode": "Search episode...",
   "ToastAccountUpdateFailed": "Не удалось обновить учетную запись",
   "ToastAccountUpdateSuccess": "Учетная запись обновлена",
   "ToastAuthorImageRemoveFailed": "Не удалось удалить изображение",
@@ -615,4 +616,4 @@
   "ToastSocketFailedToConnect": "Не удалось подключить сокет",
   "ToastUserDeleteFailed": "Не удалось удалить пользователя",
   "ToastUserDeleteSuccess": "Пользователь удален"
-}
\ No newline at end of file
+}
diff --git a/client/strings/zh-cn.json b/client/strings/zh-cn.json
index cc6581bc..7c5e49e8 100644
--- a/client/strings/zh-cn.json
+++ b/client/strings/zh-cn.json
@@ -546,6 +546,7 @@
   "PlaceholderNewFolderPath": "输入文件夹路径",
   "PlaceholderNewPlaylist": "输入播放列表名称",
   "PlaceholderSearch": "查找..",
+  "PlaceholderSearchEpisode": "Search episode..",
   "ToastAccountUpdateFailed": "账户更新失败",
   "ToastAccountUpdateSuccess": "帐户已更新",
   "ToastAuthorImageRemoveFailed": "作者图像删除失败",
@@ -615,4 +616,4 @@
   "ToastSocketFailedToConnect": "网络连接失败",
   "ToastUserDeleteFailed": "删除用户失败",
   "ToastUserDeleteSuccess": "用户已删除"
-}
\ No newline at end of file
+}

From bd75ad4576611a7ec1910d0e2e706af93818f2c6 Mon Sep 17 00:00:00 2001
From: advplyr <advplyr@protonmail.com>
Date: Sat, 18 Mar 2023 17:44:45 -0500
Subject: [PATCH 4/4] Version bump 2.2.17

---
 client/package-lock.json | 4 ++--
 client/package.json      | 2 +-
 package-lock.json        | 4 ++--
 package.json             | 2 +-
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/client/package-lock.json b/client/package-lock.json
index aa308947..247c6fa3 100644
--- a/client/package-lock.json
+++ b/client/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "audiobookshelf-client",
-  "version": "2.2.16",
+  "version": "2.2.17",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "audiobookshelf-client",
-      "version": "2.2.16",
+      "version": "2.2.17",
       "license": "ISC",
       "dependencies": {
         "@nuxtjs/axios": "^5.13.6",
diff --git a/client/package.json b/client/package.json
index 63aec8a6..0fafb156 100644
--- a/client/package.json
+++ b/client/package.json
@@ -1,6 +1,6 @@
 {
   "name": "audiobookshelf-client",
-  "version": "2.2.16",
+  "version": "2.2.17",
   "description": "Self-hosted audiobook and podcast client",
   "main": "index.js",
   "scripts": {
diff --git a/package-lock.json b/package-lock.json
index 366d4668..d4c99747 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "audiobookshelf",
-  "version": "2.2.16",
+  "version": "2.2.17",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "audiobookshelf",
-      "version": "2.2.16",
+      "version": "2.2.17",
       "license": "GPL-3.0",
       "dependencies": {
         "axios": "^0.27.2",
diff --git a/package.json b/package.json
index 0ca3d04d..934dcada 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "audiobookshelf",
-  "version": "2.2.16",
+  "version": "2.2.17",
   "description": "Self-hosted audiobook and podcast server",
   "main": "index.js",
   "scripts": {