rails_admin 3.0.0.beta2 → 3.0.0.rc3

data/src/rails_admin/widgets.js

@@ -1,6 +1,7 @@
 import jQuery from "jquery";
 import "jquery-ui/ui/widgets/sortable";
-import moment from "moment";
+import * as bootstrap from "bootstrap/dist/js/bootstrap.esm";
+import flatpickr from "flatpickr";
 import I18n from "./i18n";
 
 (function ($) {
@@ -16,32 +17,18 @@ import I18n from "./i18n";
       options;
     var content = event.detail || $("form");
     if (content.length) {
-      $.fn.datetimepicker.defaults.icons = {
-        time: "fa fa-clock-o",
-        date: "fa fa-calendar",
-        up: "fa fa-chevron-up",
-        down: "fa fa-chevron-down",
-        previous: "fa fa-angle-double-left",
-        next: "fa fa-angle-double-right",
-        today: "fa fa-dot-circle-o",
-        clear: "fa fa-trash",
-        close: "fa fa-times",
-      };
       content.find("[data-datetimepicker]").each(function () {
-        var options;
-        options = $(this).data("options");
-        $.extend(options, {
-          date: moment($(this).siblings("[type=hidden]").val()),
-          locale: I18n.locale,
-        });
-        $(this).datetimepicker(options);
-        $(this).on("dp.change", function (e) {
-          if (e.date) {
-            $(this)
-              .siblings("[type=hidden]")
-              .val(e.date.format("YYYY-MM-DD[T]HH:mm:ss"));
-          }
-        });
+        flatpickr(
+          this,
+          $.extend(
+            {
+              dateFormat: "Y-m-dTH:i:S",
+              altInput: true,
+              locale: I18n.locale,
+            },
+            $(this).data("options")
+          )
+        );
       });
       content.find("[data-enumeration]").each(function () {
         if ($(this).is("[multiple]")) {
@@ -147,7 +134,7 @@ import I18n from "./i18n";
       content.find("[data-filteringmultiselect]").each(function () {
         $(this).filteringMultiselect($(this).data("options"));
         if ($(this).parents("#modal").length) {
-          $(this).siblings(".btn").remove();
+          $(this).parent().siblings(".modal-actions").remove();
         } else {
           $(this).parents(".control-group").first().remoteForm();
         }
@@ -155,7 +142,7 @@ import I18n from "./i18n";
       content.find("[data-filteringselect]").each(function () {
         $(this).filteringSelect($(this).data("options"));
         if ($(this).parents("#modal").length) {
-          $(this).siblings(".btn").remove();
+          $(this).parent().siblings(".modal-actions").remove();
         } else {
           $(this).parents(".control-group").first().remoteForm();
         }
@@ -177,20 +164,27 @@ import I18n from "./i18n";
                 Math.floor(Math.random() * 100000)
             );
             nav.append(
-              $("<li></li>").append(
-                $("<a></a>")
-                  .attr("data-toggle", "tab")
-                  .attr("href", "#" + this.id)
-                  .text($(this).children(".object-infos").data("object-label"))
-              )
+              $("<li></li>")
+                .append(
+                  $("<a></a>")
+                    .addClass("nav-link")
+                    .attr("data-bs-toggle", "tab")
+                    .attr("href", "#" + this.id)
+                    .text(
+                      $(this).children(".object-infos").data("object-label")
+                    )
+                )
+                .addClass("nav-item")
             );
           });
         if (nav.find("> li.active").length === 0) {
-          nav.find("> li > a[data-toggle='tab']:first").tab("show");
+          nav
+            .find("> li > a[data-bs-toggle='tab']:first")
+            .each(function (index, element) {
+              bootstrap.Tab.getOrCreateInstance(element).show();
+            });
         }
         if (nav.children().length === 0) {
-          nav.hide();
-          tab_content.hide();
           toggler
             .addClass("disabled")
             .removeClass("active")
@@ -198,12 +192,9 @@ import I18n from "./i18n";
             .addClass("fa-chevron-right");
         } else {
           if (toggler.hasClass("active")) {
-            nav.show();
-            tab_content.show();
+            $(toggler.data("bs-target")).addClass("show");
             toggler.children("i").addClass("fa-chevron-down");
           } else {
-            nav.hide();
-            tab_content.hide();
             toggler.children("i").addClass("fa-chevron-right");
           }
         }
@@ -225,21 +216,21 @@ import I18n from "./i18n";
             nav.append(
               $("<li></li>").append(
                 $("<a></a>")
-                  .attr("data-toggle", "tab")
+                  .attr("data-bs-toggle", "tab")
                   .attr("href", "#" + $(this).id)
                   .text($(this).children(".object-infos").data("object-label"))
               )
             );
           });
-        first_tab = nav.find("> li > a[data-toggle='tab']:first");
-        first_tab.tab("show");
+        first_tab = nav.find("> li > a[data-bs-toggle='tab']:first");
+        first_tab.each(function (index, element) {
+          bootstrap.Tab.getOrCreateInstance(element).show();
+        });
         field
           .find("> .controls > [data-target]:first")
           .html('<i class="fas"></i> ' + first_tab.html());
         nav.hide();
         if (nav.children().length === 0) {
-          nav.hide();
-          tab_content.hide();
           toggler
             .addClass("disabled")
             .removeClass("active")
@@ -247,11 +238,10 @@ import I18n from "./i18n";
             .addClass("fa-chevron-right");
         } else {
           if (toggler.hasClass("active")) {
+            $(toggler.data("bs-target")).addClass("show");
             toggler.children("i").addClass("fa-chevron-down");
-            tab_content.show();
           } else {
             toggler.children("i").addClass("fa-chevron-right");
-            tab_content.hide();
           }
         }
       });