scaffolds.js in cm-admin-2.4.0

- old
+ new

@@ -13,19 +13,17 @@
 
 import "moment";
 import "bootstrap";
 import "@popperjs/core";
 import "flatpickr";
-import "jgrowl";
 import "trix";
 import "@rails/actiontext";
 import Select2 from "select2";
 Select2();
 
 // import '@nathanvda/cocoon'
 import "daterangepicker";
-import jqueryJgrowl from "jgrowl";
 
 document.addEventListener("turbo:load", function () {
   flatpickr("[data-behaviour='date-only']", {
     dateFormat: "d-m-Y",
   });
@@ -36,23 +34,29 @@
     mode: "range",
   });
   $(".select-2").select2({
     theme: "bootstrap-5",
   });
-  jqueryJgrowl();
   setup_select_2_ajax();
-  var el = $("[data-section='nested-form-body']")
-  if(el[0]) {
-    Sortable.create(el[0],{
-      handle: '.drag-handle',
+  const bsToast = $('[data-behaviour="toast"]')[0];
+  if (bsToast) {
+    const toast = new bootstrap.Toast(bsToast);
+    toast.show();
+  }
+  var el = $("[data-section='nested-form-body']");
+  if (el[0]) {
+    Sortable.create(el[0], {
+      handle: ".drag-handle",
       animation: 150,
       onUpdate: function (evt) {
-        var itemEl = evt.item
-        $("[data-section='nested-form-body'] tr").each(function(index, el){
-          $(el).find('.hidden-position').val(index+1)
-        })
-      }
+        var itemEl = evt.item;
+        $("[data-section='nested-form-body'] tr").each(function (index, el) {
+          $(el)
+            .find(".hidden-position")
+            .val(index + 1);
+        });
+      },
     });
   }
 });
 
 $(document).on(
@@ -82,36 +86,47 @@
 
 $(document).on(
   "click",
   '[data-behaviour="permission-check-box"]',
   function (e) {
-    var form_check = $(this).closest('.form-check')
-    var form_field = $(this).closest('.form-field')
-    if($(this).is(':checked')){
-      form_check.find('.cm-select-tag').removeClass('hidden')
+    var form_check = $(this).closest(".form-check");
+    var form_field = $(this).closest(".form-field");
+    if ($(this).is(":checked")) {
+      form_check.find(".cm-select-tag").removeClass("hidden");
     } else {
-      form_check.find('.cm-select-tag').addClass('hidden')
+      form_check.find(".cm-select-tag").addClass("hidden");
     }
-    if (form_field.find('[data-behaviour="permission-check-box"]:checked').length == form_field.find('[data-behaviour="permission-check-box"]').length) {
-      form_field.find('[data-behaviour="permission-check-all"]').prop('checked', true)
+    if (
+      form_field.find('[data-behaviour="permission-check-box"]:checked')
+        .length ==
+      form_field.find('[data-behaviour="permission-check-box"]').length
+    ) {
+      form_field
+        .find('[data-behaviour="permission-check-all"]')
+        .prop("checked", true);
+    } else {
+      form_field
+        .find('[data-behaviour="permission-check-all"]')
+        .prop("checked", false);
     }
-    else {
-      form_field.find('[data-behaviour="permission-check-all"]').prop('checked', false)
-    }
   }
 );
 
 $(document).on(
   "click",
   '[data-behaviour="permission-check-all"]',
   function (e) {
-    var form_field = $(this).closest('.form-field')
-    if($(this).is(':checked')){
-      form_field.find('[data-behaviour="permission-check-box"]').prop('checked', true)
-      form_field.find('.cm-select-tag').removeClass('hidden')
+    var form_field = $(this).closest(".form-field");
+    if ($(this).is(":checked")) {
+      form_field
+        .find('[data-behaviour="permission-check-box"]')
+        .prop("checked", true);
+      form_field.find(".cm-select-tag").removeClass("hidden");
     } else {
-      form_field.find('[data-behaviour="permission-check-box"]').prop('checked', false)
-      form_field.find('.cm-select-tag').addClass('hidden')
+      form_field
+        .find('[data-behaviour="permission-check-box"]')
+        .prop("checked", false);
+      form_field.find(".cm-select-tag").addClass("hidden");
     }
   }
 );
 
 window.addEventListener("popstate", (e) => window.location.reload());