add filters for audio and subtitle languages

src/components/filterdialog/filterdialog.js

@@ -47,6 +47,14 @@ function renderFilters(context, result, query) {
         const delimeter = ',';
         return (delimeter + (query.Years || '') + delimeter).includes(delimeter + i + delimeter);
     });
+    renderOptions(context, '.audioLanguageFilters', 'chkAudioLanguageFilter', result.AudioLanguages, function (i) {
+        const delimeter = ',';
+        return (delimeter + (query.AudioLanguages || '') + delimeter).includes(delimeter + i + delimeter);
+    });
+    renderOptions(context, '.subtitleLanguageFilters', 'chkSubtitleLanguageFilter', result.SubtitleLanguages, function (i) {
+        const delimeter = ',';
+        return (delimeter + (query.SubtitleLanguages || '') + delimeter).includes(delimeter + i + delimeter);
+    });
 }
 
 function loadDynamicFilters(context, apiClient, userId, itemQuery) {
@@ -110,6 +118,7 @@ function triggerChange(instance) {
 function setVisibility(context, options) {
     if (options.mode === 'livetvchannels' || options.mode === 'albums' || options.mode === 'artists' || options.mode === 'albumartists' || options.mode === 'songs') {
         hideByClass(context, 'videoStandard');
+        hideByClass(context, 'languageFilters');
     }
 
     if (enableDynamicFilters(options.mode)) {
@@ -125,6 +134,7 @@ function setVisibility(context, options) {
 
     if (options.mode === 'movies' || options.mode === 'series' || options.mode === 'episodes') {
         context.querySelector('.features').classList.remove('hide');
+        context.querySelector('.languageFilters').classList.remove('hide');
     }
 
     if (options.mode === 'series') {
@@ -389,6 +399,34 @@ class FilterDialog {
                 query.StartIndex = 0;
                 query.OfficialRatings = filters;
                 triggerChange(this);
+                return;
+            }
+            const chkAudioLanguageFilter = dom.parentWithClass(e.target, 'chkAudioLanguageFilter');
+            if (chkAudioLanguageFilter) {
+                const filterName = chkAudioLanguageFilter.getAttribute('data-filter');
+                let filters = query.AudioLanguages || '';
+                const delimiter = ',';
+                filters = (delimiter + filters).replace(delimiter + filterName, '').substring(1);
+                if (chkAudioLanguageFilter.checked) {
+                    filters = filters ? (filters + delimiter + filterName) : filterName;
+                }
+                query.StartIndex = 0;
+                query.AudioLanguages = filters;
+                triggerChange(this);
+                return;
+            }
+            const chkSubtitleLanguageFilter = dom.parentWithClass(e.target, 'chkSubtitleLanguageFilter');
+            if (chkSubtitleLanguageFilter) {
+                const filterName = chkSubtitleLanguageFilter.getAttribute('data-filter');
+                let filters = query.SubtitleLanguages || '';
+                const delimiter = ',';
+                filters = (delimiter + filters).replace(delimiter + filterName, '').substring(1);
+                if (chkSubtitleLanguageFilter.checked) {
+                    filters = filters ? (filters + delimiter + filterName) : filterName;
+                }
+                query.StartIndex = 0;
+                query.SubtitleLanguages = filters;
+                triggerChange(this);
             }
         });
     }

src/components/filterdialog/filterdialog.template.html

@@ -140,4 +140,14 @@
         <div class="collapseContent filterOptions">
         </div>
     </div>
+
+    <div is="emby-collapse" title="${AudioLanguages}" class="audioLanguageFilters languageFilters hide">
+        <div class="collapseContent filterOptions">
+        </div>
+    </div>
+
+    <div is="emby-collapse" title="${SubtitleLanguages}" class="subtitleLanguageFilters languageFilters hide">
+        <div class="collapseContent filterOptions">
+        </div>
+    </div>
 </div>

src/strings/en-us.json

@@ -1730,5 +1730,7 @@
     "MachineTranslated": "Machine Translated",
     "ForeignPartsOnly": "Forced/Foreign parts only",
     "HearingImpairedShort": "HI/SDH",
-    "LabelIsHearingImpaired": "For hearing impaired (SDH)"
+    "LabelIsHearingImpaired": "For hearing impaired (SDH)",
+    "AudioLanguages": "Audio languages",
+    "SubtitleLanguages": "Subtitle languages"
 }