feat(EpisodeOptions): loading icon

assets/controllers/loading_icon_controller.js

@@ -0,0 +1,31 @@
+import { Controller } from '@hotwired/stimulus';
+
+/*
+* The following line makes this controller "lazy": it won't be downloaded until needed
+* See https://github.com/symfony/stimulus-bridge#lazy-controllers
+*/
+/* stimulusFetch: 'lazy' */
+export default class extends Controller {
+    static values = {
+        total: Number,
+        count: Number,
+    }
+
+    static targets = ['icon']
+
+    connect() {
+
+    }
+
+    toggleIcon() {
+        this.iconTarget.classList.toggle('hidden');
+    }
+
+    increaseCount() {
+        this.countValue += 1;
+        if (this.countValue === this.totalValue) {
+            this.toggleIcon();
+            this.countValue = 0;
+        }
+    }
+}

assets/controllers/tv_results_controller.js

@@ -16,12 +16,15 @@ export default class extends Controller {
 
     static targets = ['list']
 
+    static outlets = ['loading-icon']
+
     connect() {
         if (true === this.activeValue) {
             fetch(`/torrentio/tvshows/${this.tmdbIdValue}/${this.imdbIdValue}/${this.seasonValue}/${this.episodeValue}`)
                 .then(res => res.text())
                 .then(response => {
                     this.element.innerHTML = response;
+                    this.loadingIconOutlet.increaseCount();
                 });
         }
     }