Added:

- turbo + code adaptation
- cover & thumbnails download

assets/controllers/download_controller.js

@@ -0,0 +1,69 @@
+import { Controller } from '@hotwired/stimulus';
+
+/* stimulusFetch: 'lazy' */
+export default class extends Controller {
+  static targets = ['icon']
+  static values = {
+    url: String
+  }
+
+  connect() {
+    this.defaultIconClass = this.iconTarget.classList.value;
+  }
+
+  async download(event) {
+    event.preventDefault();
+
+    // Change the icon to a loader
+    this.iconTarget.classList.remove("fa-download", "fa-search");
+    this.iconTarget.classList.add("fa-spinner", "fa-spin");
+
+    try {
+      const response = await fetch(this.urlValue, {
+        method: 'GET',
+        headers: {
+          'Accept': 'application/json',
+          'X-Requested-With': 'XMLHttpRequest'
+        }
+      });
+
+      const contentType = response.headers.get("Content-Type");
+      if (contentType && contentType.includes("application/json")) {
+        const data = await response.json();
+        if (data.error) {
+          this.dispatchAlert(data.error, 'error');
+        } else if (data.success) {
+          this.dispatchAlert(data.success, 'success');
+        }
+      } else {
+        // C'est un fichier à télécharger
+        const blob = await response.blob();
+        const url = window.URL.createObjectURL(blob);
+        const a = document.createElement('a');
+        a.style.display = 'none';
+        a.href = url;
+        const contentDisposition = response.headers.get('Content-Disposition');
+        const filenameRegex = /filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/;
+        const matches = filenameRegex.exec(contentDisposition);
+        let filename = 'download';
+        if (matches != null && matches[1]) {
+          filename = matches[1].replace(/['"]/g, '');
+        }
+        a.download = filename;
+        document.body.appendChild(a);
+        a.click();
+        window.URL.revokeObjectURL(url);
+      }
+    } finally {
+      // Revert the icon back to the original one
+      this.iconTarget.classList.value = this.defaultIconClass;
+    }
+  }
+
+  dispatchAlert(message, level) {
+    const event = new CustomEvent('alert:show', {
+      detail: { message: message, level: level }
+    });
+    window.dispatchEvent(event);
+  }
+}