Toasts now work with turbo

assets/controllers/common/toast_controller.js

@@ -0,0 +1,17 @@
+import { Controller } from '@hotwired/stimulus';
+import { Toast } from 'bootstrap';
+
+export default class extends Controller {
+    connect() {
+        //Move all toasts from the page into our toast container and show them
+
+        const toastContainer = document.getElementById('toast-container');
+        if (this.element.parentNode !== toastContainer) {
+            toastContainer.appendChild(this.element);
+            return;
+        }
+
+        const toast = new Toast(this.element);
+        toast.show();
+    }
+}

assets/js/register_events.js

@@ -12,7 +12,6 @@ import "bootstrap-fileinput";
 
 const RegisterEventHelper = class {
     constructor() {
-        this.registerToasts();
         this.registerTooltips();
         this.registerJumpToTopBtn();
 
@@ -28,10 +27,6 @@ const RegisterEventHelper = class {
         document.addEventListener('turbo:load', fn);
     }
 
-    registerToasts() {
-        this.registerLoadHandler(() =>  $(".toast").toast('show'));
-    }
-
     registerTooltips() {
         this.registerLoadHandler(() => {
             $(".tooltip").remove();