fix: works with tv & movies

assets/controllers/movie_results_controller.js

@@ -16,6 +16,7 @@ export default class extends Controller {
     };
 
     static targets = ['list']
+    static outlets = ['loading-icon']
 
     options = []
     optionsLoaded = false
@@ -33,6 +34,8 @@ export default class extends Controller {
                     this.element.innerHTML = response;
                     this.options = this.element.querySelectorAll('tbody tr');
                     this.options.forEach((option) => option.querySelector('.download-btn').dataset['title'] = this.titleValue);
+                    this.dispatch('optionsLoaded', {detail: {options: this.options}})
+                    this.loadingIconOutlet.toggleIcon();
                 });
         }
     }

assets/controllers/result_filter_controller.js

@@ -36,19 +36,9 @@ export default class extends Controller {
         await this.filter();
     }
 
-    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();
-        }
-        outlet.options.forEach((option) => {
+    // Event is fired from movies/tvshows controllers to populate this data
+    async loadOptions({detail: { options }}) {
+        await options.forEach((option) => {
             this.addLanguages(option, option.dataset);
             this.addProviders(option, option.dataset);
             this.addQualities(option, option.dataset);

assets/controllers/tv_results_controller.js

@@ -51,6 +51,7 @@ export default class extends Controller {
                     this.countTarget.innerText = 0;
                     this.episodeSelectorTarget.disabled = true;
                 }
+                this.dispatch('optionsLoaded', {detail: {options: this.options}})
                 this.loadingIconOutlet.increaseCount();
             } else {
                 console.log(`HTTP Response Code: ${response?.status}`)