feat: language filter

assets/controllers/movie_results_controller.js

@@ -14,13 +14,19 @@ export default class extends Controller {
 
     options = []
 
-    connect() {
-        fetch(`/torrentio/movies/${this.imdbIdValue}`)
-            .then(res => res.text())
-            .then(response => {
-                this.element.innerHTML = response;
-                this.options = this.element.querySelectorAll('tbody tr');
-            });
+    async connect() {
+        await this.setOptions();
+    }
+
+    async setOptions() {
+        if (this.options.length === 0) {
+            await fetch(`/torrentio/movies/${this.imdbIdValue}`)
+                .then(res => res.text())
+                .then(response => {
+                    this.element.innerHTML = response;
+                    this.options = this.element.querySelectorAll('tbody tr');
+                });
+        }
     }
 
     listTargetConnected(target) {

assets/controllers/result_filter_controller.js

@@ -19,7 +19,15 @@ export default class extends Controller {
         'media-type': String
     }
 
+    async movieResultsOutletConnected(outlet) {
+        await this.parseDownloadOptionForFilter(outlet)
+    }
+
     async tvResultsOutletConnected(outlet) {
+        await this.parseDownloadOptionForFilter(outlet)
+    }
+
+    async parseDownloadOptionForFilter(outlet) {
         if (outlet.options.length === 0) {
             await outlet.setOptions();
         }
@@ -87,7 +95,7 @@ export default class extends Controller {
         this.activeFilter = {
             "resolution": this.resolutionTarget.value,
             "codec": this.codecTarget.value,
-            // "language": this.languageTarget.value,
+            "language": this.languageTarget.value,
             // "episodeNumber": this.episodeTarget.value,
         }
 
@@ -112,7 +120,7 @@ export default class extends Controller {
                     "resolution": option.querySelector('#resolution').textContent.trim(),
                     "codec": option.querySelector('#codec').textContent.trim(),
                     // "provider": option.querySelector('#provider').textContent,
-                    // "language": option.querySelector('#language').textContent,
+                    "languages": JSON.parse(option.dataset['languages']),
                     // "codec": option.querySelector('#codec').textContent,
                 }