wip-feat: season filter

assets/controllers/result_filter_controller.js

@@ -14,9 +14,10 @@ export default class extends Controller {
     seasons = []
 
     static outlets = ['movie-results', 'tv-results']
-    static targets = ['resolution', 'codec', 'language', 'provider', 'season', 'episode']
+    static targets = ['resolution', 'codec', 'language', 'provider', 'season']
     static values = {
-        'media-type': String
+        'media-type': String,
+        'episodes': Array,
     }
 
     async movieResultsOutletConnected(outlet) {
@@ -34,8 +35,6 @@ export default class extends Controller {
         outlet.options.forEach((option) => {
             this.addLanguages(option, option.dataset);
             this.addProviders(option, option.dataset);
-            // this.addSeasons(option, props);
-            // this.addEpisodes(option, props);
         })
     }
 
@@ -65,32 +64,7 @@ export default class extends Controller {
 
     }
 
-    addSeasons(option, props) {
-        if (!this.seasons.includes(parseInt(props['season']))) {
-            this.seasons.push(parseInt(props['season']));
-        }
-
-        this.seasonTarget.innerHTML = '<option value="">n/a</option>';
-        this.seasonTarget.innerHTML += this.seasons.sort((a, b) => a - b)
-            .filter((season) => parseInt(season))
-            .map((season) => '<option value="'+season+'">'+season+'</option>')
-            .join('');
-        this.seasonTarget.querySelectorAll('option')[1].selected = true;
-    }
-
-    addEpisodes(option, props) {
-        if (!this.episodes.includes(parseInt(props['episodeNumber']))) {
-            this.episodes.push(parseInt(props['episodeNumber']));
-        }
-
-        this.episodeTarget.innerHTML = this.episodes.sort((a, b) => a - b)
-            .filter((episode) => parseInt(episode))
-            .map((episode) => '<option value="'+episode+'">'+episode+'</option>')
-            .join('');
-
-    }
-
-    filter() {
+    async filter() {
         let results = [];
         this.activeFilter = {
             "resolution": this.resolutionTarget.value,
@@ -107,8 +81,8 @@ export default class extends Controller {
         }
 
         const filterOperation = (resultList) => {
-            if (resultList.options.length <= 0) {
-                return false;
+            if (false === resultList.isActive) {
+                return;
             }
 
             let firstIncluded = true;
@@ -121,12 +95,10 @@ export default class extends Controller {
                     "codec": option.querySelector('#codec').textContent.trim(),
                     "provider": option.querySelector('#provider').textContent.trim(),
                     "languages": JSON.parse(option.dataset['languages']),
-                    // "codec": option.querySelector('#codec').textContent,
                 }
 
                 let include = true;
                 option.classList.remove('hidden');
-                // option.selectInput.checked = false;
 
                 for (let [key, value] of Object.entries(this.activeFilter)) {
                     if (value === "") {
@@ -164,13 +136,17 @@ export default class extends Controller {
                     resultList.countTarget.innerText = count;
                 }
             });
-            // resultList.getOptionCountEl().innerHTML = `${count} options`;
-            // resultList.getSelectedCountEl().innerHTML = `${selectedCount} selected`;
-            this.dispatch('setSeason', {
-                detail: {season: parseInt(this.activeFilter.season)}
-            });
         }
 
+        if ("tvshows" === this.mediaTypeValue) {
+            await results.forEach(async (list) => {
+                if (list.seasonValue === this.seasonTarget.value) {
+                    await list.setActive();
+                } else {
+                    list.setInActive();
+                }
+            })
+        }
         results.forEach((list) => filterOperation(list));
     }
 }

assets/controllers/tv_results_controller.js

@@ -18,6 +18,7 @@ export default class extends Controller {
     static outlets = ['loading-icon']
 
     options = []
+    optionsLoaded = false
 
     async connect() {
         await this.setOptions();
@@ -30,11 +31,27 @@ export default class extends Controller {
                 .then(response => {
                     this.element.innerHTML = response;
                     this.options = this.element.querySelectorAll('tbody tr');
+                    this.optionsLoaded = true;
                     this.loadingIconOutlet.increaseCount();
                 });
         }
     }
 
+    async setActive() {
+        this.activeValue = true;
+        this.element.classList.remove('hidden');
+        await this.setOptions();
+    }
+
+    setInActive() {
+        this.activeValue = false;
+        this.element.classList.add('hidden');
+    }
+
+    isActive() {
+        return this.activeValue;
+    }
+
     toggleList() {
         this.listTarget.classList.toggle('hidden');
     }