Add:Podcast library filter for languages and show language on podcast item page

client/components/content/LibraryItemDetails.vue

@@ -89,7 +89,7 @@
         </template>
       </div>
     </div>
-    <div v-if="language && !isPodcast" class="flex py-0.5">
+    <div v-if="language" class="flex py-0.5">
       <div class="w-24 min-w-24 sm:w-32 sm:min-w-32">
         <span class="text-white text-opacity-60 uppercase text-sm">{{ $strings.LabelLanguage }}</span>
       </div>

client/components/controls/LibraryFilterSelect.vue

@@ -235,6 +235,11 @@ export default {
           value: 'tags',
           sublist: true
         },
+        {
+          text: this.$strings.LabelLanguage,
+          value: 'languages',
+          sublist: true
+        },
         {
           text: this.$strings.ButtonIssues,
           value: 'issues',

server/utils/queries/libraryFilters.js

@@ -451,7 +451,7 @@ module.exports = {
             libraryId: libraryId
           }
         },
-        attributes: ['tags', 'genres']
+        attributes: ['tags', 'genres', 'language']
       })
       for (const podcast of podcasts) {
         if (podcast.tags?.length) {
@@ -460,6 +460,9 @@ module.exports = {
         if (podcast.genres?.length) {
           podcast.genres.forEach((genre) => data.genres.add(genre))
         }
+        if (podcast.language) {
+          data.languages.add(podcast.language)
+        }
       }
     } else {
       const books = await Database.bookModel.findAll({

server/utils/queries/libraryItemsPodcastFilters.js

@@ -51,6 +51,8 @@ module.exports = {
         [Sequelize.Op.gte]: 1
       })
       replacements.filterValue = value
+    } else if (group === 'languages') {
+      mediaWhere['language'] = value
     }
 
     return {