Added:

- fix progressbar
- {slug} {chapterNumber} in Url
- activity toolbar

assets/controllers/toolbar_controller.js

@@ -1,20 +1,24 @@
 // assets/controllers/toolbar_controller.js
 import { Controller } from "@hotwired/stimulus"
+import { visit } from "@hotwired/turbo"
 
 export default class extends Controller {
   static targets = ["dropdown", "icon"]
   static values = {
     currentSort: String,
     currentOrder: String,
-    currentStatus: String
+    currentStatus: String,
+    mangaId: Number
   }
 
   connect() {
     window.addEventListener('alert:show', this.stopLoading.bind(this));
   }
 
-  stopLoading() {
-    this.iconTarget.classList.remove('fa-spin');
+  stopLoading(event) {
+    if(event.currentTarget.dataset !== undefined){
+      this.iconTarget.classList.remove('fa-spin');
+    }
   }
 
   refreshMetadata(event) {
@@ -65,6 +69,36 @@ export default class extends Controller {
     document.dispatchEvent(event);
   }
 
+  confirmDelete(event) {
+    event.preventDefault();
+    const url = `/manga/delete/${this.mangaIdValue}`;
+
+    fetch(url, {
+      method: 'DELETE',
+      headers: {
+        'X-Requested-With': 'XMLHttpRequest',
+        'Content-Type': 'application/json',
+      }
+    })
+      .then(response => {
+        if (!response.ok) {
+          throw new Error('Network response was not ok');
+        }
+        return response.json();
+      })
+      .then(data => {
+        if (data.success) {
+          visit('/', {});
+        } else {
+          throw new Error(data.error);
+        }
+      })
+      .catch(error => {
+        console.error('Error:', error);
+        // Show error message to user
+      });
+  }
+
   showOptions() {
     console.log("Showing options...");
   }