rails_admin 2.1.1 → 3.1.2

data/src/rails_admin/i18n.js

@@ -0,0 +1,18 @@
+var I18n = {
+  locale: null,
+  translations: null,
+  init(locale, translations) {
+    this.locale = locale;
+    this.translations = translations;
+    if (typeof this.translations === "string") {
+      this.translations = JSON.parse(this.translations);
+    }
+  },
+  t(key) {
+    var humanize;
+    humanize = key.charAt(0).toUpperCase() + key.replace(/_/g, " ").slice(1);
+    return this.translations[key] || humanize;
+  },
+};
+
+export { I18n as default };

data/src/rails_admin/jquery.js

@@ -0,0 +1,3 @@
+import jQuery from "jquery";
+
+window.$ = window.jQuery = jQuery;

data/src/rails_admin/nested-form-hooks.js

@@ -0,0 +1,110 @@
+import jQuery from "jquery";
+import * as bootstrap from "bootstrap";
+
+(function ($) {
+  $(document).ready(function () {
+    return (window.nestedFormEvents.insertFields = function (
+      content,
+      assoc,
+      link
+    ) {
+      var tab_content;
+      tab_content = $(link).closest(".controls").siblings(".tab-content");
+      tab_content.append(content);
+      return tab_content.children().last();
+    });
+  });
+
+  $(document).on("nested:fieldAdded", "form", function (content) {
+    var controls, field, nav, new_tab, one_to_one, parent_group, toggler;
+    field = content.field
+      .addClass("tab-pane")
+      .attr("id", "unique-id-" + new Date().getTime());
+    new_tab = $("<li></li>")
+      .append(
+        $("<a></a>")
+          .addClass("nav-link")
+          .attr("data-bs-toggle", "tab")
+          .attr("href", "#" + field.attr("id"))
+          .text(field.children(".object-infos").data("object-label"))
+      )
+      .addClass("nav-item");
+    parent_group = field.closest(".control-group");
+    controls = parent_group.children(".controls");
+    one_to_one = controls.data("nestedone") !== void 0;
+    nav = controls.children(".nav");
+    content = parent_group.children(".tab-content");
+    toggler = controls.find(".toggler");
+    nav.append(new_tab);
+
+    const event = new CustomEvent("rails_admin.dom_ready", { detail: field });
+    document.dispatchEvent(event);
+
+    new_tab.children("a").each(function (index, element) {
+      bootstrap.Tab.getOrCreateInstance(element).show();
+    });
+    if (!one_to_one) {
+      new bootstrap.Collapse(nav[0], { toggle: false }).show();
+    }
+    new bootstrap.Collapse(content[0], { toggle: false }).show();
+    toggler
+      .addClass("active")
+      .removeClass("disabled")
+      .children("i")
+      .addClass("fa-chevron-down")
+      .removeClass("fa-chevron-right");
+    if (one_to_one) {
+      controls
+        .find(".add_nested_fields")
+        .removeClass("add_nested_fields")
+        .text(field.children(".object-infos").data("object-label"));
+    }
+  });
+
+  $(document).on("nested:fieldRemoved", "form", function (content) {
+    var add_button,
+      controls,
+      current_li,
+      field,
+      nav,
+      one_to_one,
+      parent_group,
+      toggler;
+    field = content.field;
+    nav = field
+      .closest(".control-group")
+      .children(".controls")
+      .children(".nav");
+    current_li = nav.children("li").has('a[href="#' + field.attr("id") + '"]');
+    parent_group = field.closest(".control-group");
+    controls = parent_group.children(".controls");
+    one_to_one = controls.data("nestedone") !== void 0;
+    toggler = controls.find(".toggler");
+    (current_li.next().length ? current_li.next() : current_li.prev())
+      .children("a:first")
+      .each(function (index, element) {
+        bootstrap.Tab.getOrCreateInstance(element).show();
+      });
+    current_li.remove();
+    if (nav.children().length === 0) {
+      new bootstrap.Collapse(controls.siblings(".tab-content")[0], {
+        toggle: false,
+      }).hide();
+      toggler
+        .removeClass("active")
+        .addClass("disabled")
+        .children("i")
+        .removeClass("fa-chevron-down")
+        .addClass("fa-chevron-right");
+    }
+    if (one_to_one) {
+      add_button = toggler.next();
+      add_button
+        .addClass("add_nested_fields")
+        .html(add_button.data("add-label"));
+    }
+    field.find("[required]").each(function () {
+      $(this).prop("required", false);
+    });
+  });
+})(jQuery);

data/src/rails_admin/remote-form.js

@@ -0,0 +1,193 @@
+import Rails from "@rails/ujs";
+import jQuery from "jquery";
+import "jquery-ui/ui/widget.js";
+import * as bootstrap from "bootstrap";
+
+(function ($) {
+  $.widget("ra.remoteForm", {
+    _create: function () {
+      var widget = this;
+      var dom_widget = widget.element;
+
+      var edit_url =
+        dom_widget.find("select").first().data("options") &&
+        dom_widget.find("select").first().data("options")["edit-url"];
+      if (typeof edit_url != "undefined" && edit_url.length) {
+        dom_widget.on(
+          "dblclick",
+          ".ra-multiselect option:not(:disabled)",
+          function (e) {
+            widget._bindModalOpening(e, edit_url.replace("__ID__", this.value));
+          }
+        );
+      }
+
+      dom_widget
+        .find(".create")
+        .unbind()
+        .bind("click", function (e) {
+          widget._bindModalOpening(e, $(this).data("link"));
+        });
+
+      dom_widget
+        .find(".update")
+        .unbind()
+        .bind("click", function (e) {
+          var value = dom_widget.find("select").val();
+          if (value) {
+            widget._bindModalOpening(
+              e,
+              $(this).data("link").replace("__ID__", value)
+            );
+          } else {
+            e.preventDefault();
+          }
+        });
+    },
+
+    _bindModalOpening: function (e, url) {
+      e.preventDefault();
+      var widget = this;
+      if ($("#modal").length) return false;
+
+      var dialog = this._getModal();
+
+      setTimeout(function () {
+        // fix race condition with modal insertion in the dom (Chrome => Team/add a new fan => #modal not found when it should have). Somehow .on('show') is too early, tried it too.
+        $.ajax({
+          url: url,
+          beforeSend: function (xhr) {
+            xhr.setRequestHeader("Accept", "text/javascript");
+          },
+          success: function (data, status, xhr) {
+            dialog.find(".modal-body").html(data);
+            widget._bindFormEvents();
+          },
+          error: function (xhr, status, error) {
+            dialog.find(".modal-body").html(xhr.responseText);
+          },
+          dataType: "text",
+        });
+      }, 200);
+    },
+
+    _bindFormEvents: function () {
+      var widget = this,
+        dialog = this._getModal(),
+        form = dialog.find("form"),
+        saveButtonText = dialog.find(":submit[name=_save]").html(),
+        cancelButtonText = dialog.find(":submit[name=_continue]").html();
+      dialog.find(".form-actions").remove();
+
+      form.attr("data-remote", true).attr("data-type", "json");
+      dialog.find(".modal-header-title").text(form.data("title"));
+      dialog
+        .find(".cancel-action")
+        .unbind()
+        .click(function () {
+          dialog.each(function (index, element) {
+            bootstrap.Modal.getInstance(element).hide();
+          });
+          return false;
+        })
+        .html(cancelButtonText);
+
+      dialog
+        .find(".save-action")
+        .unbind()
+        .click(function () {
+          Rails.fire(form[0], "submit");
+          return false;
+        })
+        .html(saveButtonText);
+
+      const event = new CustomEvent("rails_admin.dom_ready", { detail: form });
+      document.dispatchEvent(event);
+
+      form.bind("ajax:complete", function (event) {
+        var data = event.detail[0];
+        if (data.status == 200) {
+          var json = $.parseJSON(data.responseText);
+          var option =
+            '<option value="' +
+            json.id +
+            '" selected>' +
+            json.label +
+            "</option>";
+          var select = widget.element.find("select").filter(":hidden");
+
+          if (widget.element.find(".filtering-select").length) {
+            // select input
+            var input = widget.element
+              .find(".filtering-select")
+              .children(".ra-filtering-select-input");
+            input.val(json.label);
+            if (!select.find("option[value=" + json.id + "]").length) {
+              // not a replace
+              select.html(option).val(json.id);
+              widget.element.find(".update").removeClass("disabled");
+            }
+          } else {
+            // multi-select input
+            var multiselect = widget.element.find(".ra-multiselect");
+            if (multiselect.find("option[value=" + json.id + "]").length) {
+              // replace
+              select.find("option[value=" + json.id + "]").text(json.label);
+              multiselect
+                .find("option[value= " + json.id + "]")
+                .text(json.label);
+            } else {
+              // add
+              select.append(option);
+              multiselect
+                .find("select.ra-multiselect-selection")
+                .append(option);
+            }
+          }
+          widget._trigger("success");
+          dialog.each(function (index, element) {
+            bootstrap.Modal.getInstance(element).hide();
+          });
+        } else {
+          dialog.find(".modal-body").html(data.responseText);
+          widget._bindFormEvents();
+        }
+      });
+    },
+
+    _getModal: function () {
+      var widget = this;
+      if (!widget.dialog) {
+        widget.dialog = $(
+          '<div id="modal" class="modal fade">\
+            <div class="modal-dialog modal-lg">\
+            <div class="modal-content">\
+            <div class="modal-header">\
+              <h3 class="modal-header-title">...</h3>\
+              <button type="button" class="btn-close" data-bs-dismiss="modal"></button>\
+            </div>\
+            <div class="modal-body">\
+              ...\
+            </div>\
+            <div class="modal-footer">\
+              <a href="#" class="btn cancel-action">...</a>\
+              <a href="#" class="btn btn-primary save-action">...</a>\
+            </div>\
+            </div>\
+            </div>\
+          </div>'
+        ).on("hidden.bs.modal", function () {
+          widget.dialog.remove(); // We don't want to reuse closed modals
+          widget.dialog = null;
+        });
+        new bootstrap.Modal(widget.dialog[0], {
+          keyboard: true,
+          backdrop: true,
+          focus: false,
+          show: true,
+        }).show();
+      }
+      return this.dialog;
+    },
+  });
+})(jQuery);

data/src/rails_admin/sidescroll.js

@@ -0,0 +1,20 @@
+"use strict";
+
+{
+  document.addEventListener("rails_admin.dom_ready", () => {
+    const scroller = document.getElementById("sidescroll");
+    if (!scroller) {
+      return;
+    }
+
+    scroller.querySelectorAll("tr").forEach((tr, index) => {
+      let firstPosition;
+      tr.querySelectorAll("th.sticky, td.sticky").forEach((td, idx) => {
+        if (idx === 0) {
+          firstPosition = td.offsetLeft;
+        }
+        td.style.left = `${td.offsetLeft - firstPosition}px`;
+      });
+    });
+  });
+}

data/src/rails_admin/styles/base/theming.scss

@@ -0,0 +1,342 @@
+/*
+  RailsAdmin main CSS
+  Keep it clean, people
+*/
+
+$avatar-size: 30px;
+
+body.rails_admin {
+  .thumbnail {
+    display: inline-block;
+  }
+
+  /* Top navigation */
+  padding-top: $nav-link-height + $navbar-padding-y * 2;
+
+  .navbar {
+    .edit_user_root_link {
+      position: relative;
+
+      img {
+        position: absolute;
+        top: calc((40px - $avatar-size) / 2);
+
+        & + span {
+          margin-left: ($avatar-size + 5px);
+        }
+      }
+    }
+  }
+
+  /* Sidebar navigation */
+  .sidebar.btn-toggle-nav {
+    padding: 0;
+
+    .btn-toggle {
+      margin-top: calc(#{$grid-gutter-width} / 2);
+      padding: 3px calc(#{$grid-gutter-width} / 2);
+      font-weight: bold;
+      color: $gray-600;
+    }
+
+    .btn-toggle[aria-expanded="true"] {
+      color: $gray-700;
+    }
+
+    .btn-toggle-nav > li > a {
+      padding: calc(#{$navbar-padding-y} / 2) calc(#{$grid-gutter-width} / 2);
+
+      &.active {
+        background-color: map-get($theme-colors, primary);
+        color: color-contrast(map-get($theme-colors, primary));
+      }
+
+      &:hover {
+        background-color: map-get($theme-colors, primary);
+        color: color-contrast(map-get($theme-colors, primary));
+      }
+
+      &.nav-level-1 {
+        padding-left: $grid-gutter-width;
+      }
+
+      &.nav-level-2 {
+        padding-left: ($grid-gutter-width * 1.5);
+      }
+
+      &.nav-level-3 {
+        padding-left: ($grid-gutter-width * 2);
+      }
+    }
+  }
+
+  /* Main form */
+  form.main {
+    /* hide hidden fields controls by default */
+    .control-group .hidden_type {
+      display: none;
+    }
+
+    /* nested forms */
+    .tab-content {
+      .tab-pane {
+        border-left: 5px solid map-get($theme-colors, primary);
+        position: relative;
+
+        fieldset {
+          padding-top: 30px;
+        }
+
+        .form-group {
+          margin-right: 0;
+          margin-left: -5px; /* Balance border-left */
+        }
+
+        & > .remove_nested_fields,
+        & > .remove_nested_one_fields {
+          display: block;
+          opacity: 0;
+          position: absolute;
+          top: 0px;
+          left: 5px;
+          transition: opacity 0.15s ease;
+        }
+        &:hover > .remove_nested_fields,
+        &:hover > .remove_nested_one_fields,
+        & > .remove_nested_one_fields.active {
+          opacity: 1;
+        }
+      }
+    }
+
+    /* double nesting, guys. Easy. */
+    .tab-content .tab-content .tab-pane {
+      border-color: lighten(map-get($theme-colors, info), 20%);
+      margin-left: 10px;
+
+      .form-group {
+        margin-left: -15px; /* Balance border-left */
+      }
+    }
+
+    /* triple nesting!*/
+    .tab-content .tab-content .tab-content .tab-pane {
+      border-color: lighten(map-get($theme-colors, warning), 30%);
+      margin-left: 20px;
+
+      .form-group {
+        margin-left: -25px; /* Balance border-left */
+      }
+    }
+
+    /* totally awesome! nesting on 4 levels! */
+    .tab-content .tab-content .tab-content .tab-content .tab-pane {
+      border-color: lighten(map-get($theme-colors, success), 40%);
+      margin-left: 30px;
+
+      .form-group {
+        margin-left: -35px; /* Balance border-left */
+      }
+    }
+  }
+
+  /* Action tabs */
+  .nav.nav-tabs {
+    li.nav-item.icon + li.nav-item.dropdown {
+      margin-left: auto;
+    }
+    /* To silence Popper's warning: 'CSS "margin" styles cannot be used...' */
+    .dropdown-menu {
+      margin: 0;
+    }
+  }
+
+  /* Table cells behaviour */
+  .table {
+    height: 100%;
+
+    // Cells
+    > thead,
+    > tbody,
+    > tfoot {
+      > tr {
+        > th {
+          border-bottom: 0px;
+        }
+      }
+    }
+    .thumbnail {
+      float: left;
+      & + * {
+        clear: left;
+      }
+    }
+    /* backport of Bootstrap 1.4 table headers */
+    .header {
+      cursor: pointer;
+      padding-right: 18px;
+      &:after {
+        content: "";
+        float: right;
+        margin-top: 7px;
+        margin-left: 8px;
+        margin-right: -16px;
+        border-width: 0 4px 4px;
+        border-style: solid;
+        border-color: $dark transparent;
+        visibility: hidden;
+      }
+    }
+    .headerSortUp,
+    .headerSortDown {
+      background-color: rgba($info, 0.25);
+      text-shadow: 0 1px 1px rgba($light, 0.75);
+    }
+    .header:hover {
+      &:after {
+        visibility: visible;
+      }
+    }
+    .headerSortDown,
+    .headerSortDown:hover {
+      &:after {
+        visibility: visible;
+        opacity: 60;
+      }
+    }
+    .headerSortUp {
+      &:after {
+        border-bottom: none;
+        border-left: 4px solid transparent;
+        border-right: 4px solid transparent;
+        border-top: 4px solid $dark;
+        visibility: visible;
+        @include box-shadow(none);
+        opacity: 60;
+      }
+    }
+
+    th {
+      white-space: nowrap;
+    }
+
+    /* text-overflow when cell content > 150px */
+    td {
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      max-width: 150px;
+    }
+
+    th,
+    td {
+      padding: 5px 10px;
+    }
+
+    .sticky {
+      position: sticky;
+    }
+
+    th.last,
+    td.last {
+      position: sticky;
+      right: 0px;
+    }
+
+    /* icons */
+    td.links {
+      max-width: none;
+      .list-inline {
+        margin-bottom: 0;
+        li {
+          display: inline-block;
+          padding: 0 3px;
+          .nav-link {
+            padding: 0 0.1em;
+          }
+        }
+      }
+    }
+
+    /* Shrink to content width */
+    .shrink {
+      width: 1px;
+      white-space: nowrap;
+    }
+
+    /* History */
+    th.created_at {
+      width: 160px;
+    }
+    th.username {
+      width: 140px;
+    }
+    th.item {
+      width: 60px;
+    }
+  }
+
+  /* Dashboard */
+  .table {
+    .progress {
+      height: 100%;
+    }
+  }
+
+  /* Index */
+  #filters_box {
+    .form-control {
+      display: inline-block;
+      vertical-align: middle;
+      width: auto;
+    }
+  }
+  #sidescroll {
+    margin-bottom: 20px;
+    overflow-x: auto;
+    .table {
+      margin-bottom: 0;
+    }
+
+    // Remove transparency on sticky cells.
+    $table-bg-default: if(
+      $table-bg == transparent,
+      if($body-bg == transparent, #fff, $body-bg),
+      $table-bg
+    ) !default;
+    .table-striped > tbody > tr > td,
+    .table-striped > thead > tr > th {
+      background-color: $table-bg-default;
+    }
+    $table-bg-header-sort: #e2eff6 !default;
+    .table .sticky,
+    .table .last {
+      &.headerSortUp,
+      &.headerSortDown {
+        background-color: $table-bg-header-sort;
+      }
+    }
+  }
+  .pagination .page-item {
+    white-space: nowrap;
+  }
+}
+
+@media screen and (min-width: map-get($grid-breakpoints, "sm")) {
+  body.rails_admin {
+    .sidebar.btn-toggle-nav {
+      position: fixed;
+      top: $nav-link-height + $navbar-padding-y * 2;
+      bottom: 0;
+      overflow-y: auto;
+    }
+  }
+}
+
+@media screen and (max-width: map-get($grid-breakpoints, "sm")) {
+  body.rails_admin {
+    .container {
+      padding: 0;
+    }
+  }
+}

data/src/rails_admin/styles/base/variables.scss

@@ -0,0 +1,3 @@
+/* RailsAdmin SASS variables */
+
+$font-size-base: 0.85rem !default;