swop 0.1.0 → 0.1.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ace2c1dcd823a618e48d541ad998f26667c4a6f2183d1f75d6c25d3e7f89beb2
-  data.tar.gz: de0589831c1b141f10f82f62fa68ebe9f22458c47c3b54c9eda86d9b67ae8a11
+  metadata.gz: c7f20e36d72c19d59070aba940459cb56cfddcd16af746989beec6708046c078
+  data.tar.gz: 1bb9176840752dbfce4b6a496ee7df30ab988b6c86231248f5c122db64793fb7
 SHA512:
-  metadata.gz: 4246af8a4ef3d62c7f16fe7d469709af964a5b1a970081934878772ad4c49d1c1e05b9d7dca1c0819ea512f39691a8220f47ed314561e3a6ee6200fdd55cf103
-  data.tar.gz: 2c7f98551629a20741ab75ce0b7aef0c6262798b379e5133c39551b91450c2ec436e443222268fa8a121753bc50f3e2118a235cd66382727f23c192d21e84203
+  metadata.gz: 5dd3d16f8d641e05332f0b3165c053fd9b1cbca0f56cb441cc69cb3f2d334c999c96917d1f0e691f4e98ee489d57677189c67d746adf492065947c3a548a6b19
+  data.tar.gz: d280467a06ec12655983eeb7171849a9daceee2dcee989c5573ef4af1a29713f792e28917051cb540b0454da86be9f07e075caf1424ca44073d669d6c62e6e41

data/app/assets/javascripts/rails_admin/application.js.erb

@@ -9,7 +9,6 @@
 //=  require 'rails_admin/popper'
 //=  require 'rails_admin/bootstrap'
 
-//=  require 'rails_admin/abstract-select'
 //=  require 'rails_admin/filter-box'
 //=  require 'rails_admin/filtering-multiselect'
 //=  require 'rails_admin/filtering-select'
@@ -19,8 +18,10 @@
 //=  require 'rails_admin/widgets'
 //=  require 'rails_admin/sidescroll'
 //=  require 'rails_admin/ui'
+//=  require 'rails_admin/custom/abstract-select'
+//=  require 'rails_admin/custom/filter-box'
+//=  require 'rails_admin/custom/filtering-multiselect'
 //=  require 'rails_admin/custom/filtering-select'
-//=  require 'rails_admin/custom/sidescroll'
 //=  require 'rails_admin/custom/ui'
 
 <% if defined?(ActiveStorage::Engine) %>

data/app/assets/javascripts/rails_admin/custom/abstract-select.js

@@ -0,0 +1,30 @@
+import jQuery from "jquery";
+import "jquery-ui/ui/widget.js";
+
+(function ($) {
+  "use strict";
+
+  $.widget("ra.abstractSelect", {
+    options: {
+      createQuery: function (query) {
+        if ($.isEmptyObject(this.scopeBy)) {
+          return { query: query };
+        } else {
+          const filterQuery = {};
+          for (var field in this.scopeBy) {
+            const targetField = this.scopeBy[field];
+            const targetValue = $(`[name$="[${field}]"]`).val();
+            if (!filterQuery[targetField]) {
+              filterQuery[targetField] = [];
+            }
+            filterQuery[targetField].push(
+              targetValue ? { o: "is", v: targetValue } : { o: "_blank" }
+            );
+          }
+          return { query: query, f: filterQuery };
+        }
+      },
+      scopeBy: {},
+    },
+  });
+})(jQuery);

data/app/assets/javascripts/rails_admin/custom/filter-box.js

@@ -0,0 +1,363 @@
+import jQuery from "jquery";
+import I18n from "./i18n";
+import flatpickr from "flatpickr";
+
+(function ($) {
+  var filters;
+
+  $.filters = filters = {
+    append: function (options) {
+      var field_label = options["label"];
+      var field_name = options["name"];
+      var field_type = options["type"];
+      var field_value = options["value"] || "";
+      var field_operator = options["operator"];
+      var operators = options["operators"];
+      var index = options["index"];
+      var value_name = "f[" + field_name + "][" + index + "][v]";
+      var operator_name = "f[" + field_name + "][" + index + "][o]";
+      var control = null;
+      var additional_control = null;
+
+      if (operators.length > 0) {
+        control = $(
+          '<select class="form-control form-select form-select-sm"></select>'
+        ).prop("name", operator_name);
+
+        operators.forEach((operator) => {
+          var element = this.build_operator(operator, options);
+          if (!element) {
+            return;
+          }
+          if (element.prop("value") === field_operator) {
+            element.prop("selected", true);
+          }
+          control.append(element);
+        });
+
+        if (control.find("[data-additional-fieldset]").length > 0) {
+          control.addClass("switch-additional-fieldsets");
+        }
+      }
+
+      switch (field_type) {
+        case "boolean":
+          control &&
+            control
+              .prop("name", value_name)
+              .find("option")
+              .each(function () {
+                if ($(this).attr("value") === field_value)
+                  $(this).attr("selected", true);
+              });
+          break;
+        case "date":
+        case "datetime":
+        case "timestamp":
+        case "time":
+          additional_control = $.map(
+            [undefined, "-∞", "∞"],
+            function (placeholder, index) {
+              var visible =
+                index == 0
+                  ? !field_operator || field_operator == "default"
+                  : field_operator == "between";
+              return $('<span class="additional-fieldset"></span>')
+                .addClass(index == 0 ? "default" : "between")
+                .css("display", visible ? "inline-block" : "none")
+                .html(
+                  $(
+                    '<input class="input-sm form-control form-control-sm" type="text" />'
+                  )
+                    .addClass(field_type == "date" ? "date" : "datetime")
+                    .prop("name", value_name + "[]")
+                    .prop("value", field_value[index] || "")
+                    .prop(
+                      "size",
+                      field_type == "date" || field_type == "time" ? 20 : 25
+                    )
+                    .prop("placeholder", placeholder)
+                );
+            }
+          );
+          break;
+        case "enum":
+          if (control) {
+            var multiple = field_value instanceof Array;
+            control = control
+              .prop("name", multiple ? value_name + "[]" : value_name)
+              .prop("multiple", multiple)
+              .add(
+                $('<a href="#" class="switch-select"></a>').append(
+                  $("<i></i>").addClass(
+                    "fas fa-" + (multiple ? "minus" : "plus")
+                  )
+                )
+              );
+            control.find("option").each(function () {
+              const value = $(this).attr("value");
+              if (
+                multiple ? field_value.includes(value) : value === field_value
+              )
+                $(this).attr("selected", true);
+            });
+            if (multiple)
+              control.find("option[value^=_],option[disabled]").hide();
+          }
+          break;
+        case "citext":
+        case "string":
+        case "text":
+        case "belongs_to_association":
+        case "has_one_association":
+          additional_control = $(
+            '<input class="additional-fieldset form-control form-control-sm" type="text" />'
+          )
+            .css(
+              "display",
+              field_operator == "_present" || field_operator == "_blank"
+                ? "none"
+                : "inline-block"
+            )
+            .prop("name", value_name)
+            .prop("value", field_value);
+          break;
+        case "integer":
+        case "decimal":
+        case "float":
+          additional_control = $(
+            '<input class="additional-fieldset default form-control form-control-sm" type="text" />'
+          )
+            .css(
+              "display",
+              !field_operator || field_operator == "default"
+                ? "inline-block"
+                : "none"
+            )
+            .prop("type", field_type)
+            .prop("name", value_name + "[]")
+            .prop("value", field_value[0] || "")
+            .add(
+              $(
+                '<input placeholder="-∞" class="additional-fieldset between form-control form-control-sm" />'
+              )
+                .css(
+                  "display",
+                  field_operator == "between" ? "inline-block" : "none"
+                )
+                .prop("type", field_type)
+                .prop("name", value_name + "[]")
+                .prop("value", field_value[1] || "")
+            )
+            .add(
+              $(
+                '<input placeholder="∞" class="additional-fieldset between form-control form-control-sm" />'
+              )
+                .css(
+                  "display",
+                  field_operator == "between" ? "inline-block" : "none"
+                )
+                .prop("type", field_type)
+                .prop("name", value_name + "[]")
+                .prop("value", field_value[2] || "")
+            );
+          break;
+        default:
+          control = $(
+            '<input type="text" class="form-control form-control-sm" />'
+          )
+            .prop("name", value_name)
+            .prop("value", field_value);
+          break;
+      }
+
+      var filterContainerId = field_name + "-" + index + "-filter-container";
+      $("#" + filterContainerId).remove();
+
+      var $content = $("<div>")
+        .attr("id", filterContainerId)
+        .addClass("filter d-flex align-items-center gap-3 mb-3")
+        .append(
+          $(
+            "<div></div>"
+          )
+          .append(document.createTextNode(field_label))
+        )
+        .append(control)
+        .append(additional_control)
+        .append(
+          $(
+            '<button type="button" class="btn btn-white btn-sm delete"></button>'
+          )
+            .append('<i class="fas fa-times"></i>')
+        );
+
+      $("#filters_box").append($content);
+
+      $content.find(".date, .datetime").each(function () {
+        flatpickr(
+          this,
+          $.extend(
+            {
+              dateFormat: "Y-m-dTH:i:S",
+              altInput: true,
+              locale: I18n.locale,
+            },
+            options["datetimepicker_options"]
+          )
+        );
+      });
+
+      $("hr.filters_box:hidden").show("slow");
+    },
+    build_operator: function (operator, options) {
+      if (operator instanceof Object) {
+        var element = $("<option></option>");
+        element.text(operator.label);
+        delete operator.label;
+        for (const key in operator) {
+          element.attr(key, operator[key]);
+        }
+        return element;
+      }
+      switch (operator) {
+        case "_discard":
+          return $('<option value="_discard">...</option>');
+        case "_separator":
+          return $('<option disabled="disabled">---------</option>');
+        case "_present":
+          return $('<option value="_present"></option>').text(
+            I18n.t("is_present")
+          );
+        case "_blank":
+          return $('<option value="_blank"></option>').text(I18n.t("is_blank"));
+        case "_not_null":
+          return $('<option value="_not_null"></option>').text(
+            I18n.t("is_present")
+          );
+        case "_null":
+          return $('<option value="_null"></option>').text(I18n.t("is_blank"));
+
+        case "true":
+          return $('<option value="true"></option>').text(I18n.t("true"));
+        case "false":
+          return $('<option value="false"></option>').text(I18n.t("false"));
+
+        case "today":
+          return $('<option value="today"></option>').text(I18n.t("today"));
+        case "yesterday":
+          return $('<option value="yesterday"></option>').text(
+            I18n.t("yesterday")
+          );
+        case "this_week":
+          return $('<option value="this_week"></option>').text(
+            I18n.t("this_week")
+          );
+        case "last_week":
+          return $('<option value="last_week"></option>').text(
+            I18n.t("last_week")
+          );
+
+        case "like":
+          return $(
+            '<option data-additional-fieldset="additional-fieldset" value="like"></option>'
+          ).text(I18n.t("contains"));
+        case "not_like":
+          return $(
+            '<option data-additional-fieldset="additional-fieldset" value="not_like"></option>'
+          ).text(I18n.t("does_not_contain"));
+        case "is":
+          return $(
+            '<option data-additional-fieldset="additional-fieldset" value="is"></option>'
+          ).text(I18n.t("is_exactly"));
+        case "starts_with":
+          return $(
+            '<option data-additional-fieldset="additional-fieldset" value="starts_with"></option>'
+          ).text(I18n.t("starts_with"));
+        case "ends_with":
+          return $(
+            '<option data-additional-fieldset="additional-fieldset" value="ends_with"></option>'
+          ).text(I18n.t("ends_with"));
+
+        case "default":
+          var label;
+          switch (options.type) {
+            case "date":
+            case "datetime":
+            case "timestamp":
+              label = I18n.t("date");
+              break;
+            case "time":
+              label = I18n.t("time");
+              break;
+            case "integer":
+            case "decimal":
+            case "float":
+              label = I18n.t("number");
+              break;
+          }
+          return $(
+            '<option data-additional-fieldset="default" value="default"></option>'
+          ).text(label);
+        case "between":
+          return $(
+            '<option data-additional-fieldset="between" value="between"></option>'
+          ).text(I18n.t("between_and_"));
+
+        default:
+          return null;
+      }
+    },
+  };
+
+  $(document).on("click", "#filters a", function (e) {
+    e.preventDefault();
+    $.filters.append(
+      $.extend(
+        { index: $.now().toString().slice(6, 11) },
+        $(this).data("options")
+      )
+    );
+  });
+
+  $(document).on("click", "#filters_box .delete", function (e) {
+    e.preventDefault();
+    var form = $(this).parents("form");
+    $(this).parents(".filter").remove();
+    !$("#filters_box").children().length &&
+      $("hr.filters_box:visible").hide("slow");
+  });
+
+  $(document).on("click", "#filters_box .switch-select", function (e) {
+    e.preventDefault();
+    var select = $(this).siblings("select");
+    select.attr("multiple", !select.attr("multiple"));
+    select.attr(
+      "name",
+      select.attr("multiple")
+        ? select.attr("name") + "[]"
+        : select.attr("name").replace(/\[\]$/, "")
+    );
+    select.find("option[value^=_],option[disabled]").toggle();
+    $(this).find("i").toggleClass("fa-plus fa-minus");
+  });
+
+  $(document).on(
+    "change",
+    "#filters_box .switch-additional-fieldsets",
+    function (e) {
+      var selected_option = $(this).find("option:selected");
+      var klass = $(selected_option).data("additional-fieldset");
+      if (klass) {
+        $(this)
+          .siblings(".additional-fieldset:not(." + klass + ")")
+          .hide("slow");
+        $(this)
+          .siblings("." + klass)
+          .show("slow");
+      } else {
+        $(this).siblings(".additional-fieldset").hide("slow");
+      }
+    }
+  );
+})(jQuery);