activeadmin_addons 1.9.0 → 2.0.0.beta.0

data/app/assets/stylesheets/activeadmin_addons/addons/material-datepicker.scss

@@ -1,173 +0,0 @@
-$dt-bg-border-color: #fff;
-$dt-bg-button-color: #fff;
-$dt-header-bg-color: #fff;
-$dt-border-color: #fff;
-$dt-bg: #fff;
-
-$dt-primary-color: $am-theme-primary;
-$dt-label-color: rgba(0, 0, 0, .7);
-$dt-header-color: rgba(0, 0, 0, .54);
-
-$dt-selected-bg-color: $am-theme-primary;
-$dt-selected-color: #fff;
-$dt-hour-border-color: #ddd;
-
-li.input.date_time_picker .date-time-picker-input {
-  z-index: 2 !important;
-  background: $dt-selected-color asset-url('active_material/icons/event.svg') 10px no-repeat;
-  padding-left: 40px;
-}
-
-div.xdsoft_datetimepicker {
-  font-family: 'RobotoDraft', sans-serif;
-  background: $dt-bg-border-color;
-  border-radius: 2px;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, .25), 0 -1px 1px rgba(0, 0, 0, .12);
-  padding: 0 12px 8px;
-  z-index: 1;
-  color: $dt-label-color;
-
-  .xdsoft_datepicker {
-    margin-top: 5px;
-    width: 250px;
-  }
-
-  .xdsoft_datepicker.active + .xdsoft_timepicker {
-    width: 68px;
-    padding-left: 10px;
-    margin-top: 30px;
-    border-left: 1px solid $dt-hour-border-color;
-  }
-
-  .xdsoft_timepicker .xdsoft_time_box {
-    border-bottom: 1px solid $dt-hour-border-color;
-  }
-
-  .xdsoft_timepicker .xdsoft_time_box>div>div {
-    background: $dt-bg-button-color;
-    border-top: 1px solid $dt-hour-border-color;
-    color: $dt-label-color;
-  }
-
-  .xdsoft_label {
-    background-color: $dt-bg-border-color;
-    font-weight: 600;
-
-    &.xdsoft_month {
-      width: 90px;
-      padding-right: 0;
-
-      i {
-        display: none;
-      }
-    }
-
-    &.xdsoft_year {
-      padding-left: 0;
-      margin-left: 0;
-
-      i {
-        display: none;
-      }
-    }
-
-    & > .xdsoft_select {
-      border: 1px solid $dt-border-color;
-      background: $dt-bg-border-color;
-    }
-
-    & > .xdsoft_select > div > .xdsoft_option {
-      font-weight: 400;
-
-      &:hover {
-        color: $dt-primary-color;
-        background: $dt-bg-border-color;
-      }
-
-      &.xdsoft_current {
-        background: $dt-selected-bg-color;
-        color: $dt-selected-color;
-        box-shadow: unset;
-      }
-    }
-  }
-
-  .xdsoft_calendar td,
-  .xdsoft_calendar th {
-    background: $dt-bg-button-color;
-    color: $dt-label-color;
-    border: 0;
-    width: 32px;
-    height: 32px;
-    border-radius: 50%;
-    text-align: center;
-
-    div {
-      padding: 0;
-    }
-  }
-
-  .xdsoft_calendar th {
-    background: $dt-header-bg-color;
-    font-weight: 500;
-    color: $dt-header-color;
-
-  }
-
-  .xdsoft_calendar td.xdsoft_default,
-  .xdsoft_calendar td.xdsoft_current,
-  .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
-    color: $dt-selected-bg-color;
-    background: $dt-bg;
-    box-shadow: unset;
-  }
-
-  .xdsoft_calendar td:hover,
-  .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
-    color: $dt-primary-color !important;
-    background: $dt-bg-border-color !important;
-  }
-
-  .xdsoft_calendar td.xdsoft_today {
-    &,
-    &.xdsoft_current {
-      background: $dt-selected-bg-color !important;
-      color: $dt-selected-color !important;
-    }
-  }
-
-  .xdsoft_time_box {
-    border: 1px solid $dt-border-color;
-  }
-
-  .xdsoft_mounthpicker button {
-    width: 24px;
-    height: 24px;
-
-    &.xdsoft_prev {
-      background: asset-url('material/icons/keyboard_arrow_left.svg') no-repeat;
-    }
-
-    &.xdsoft_today_button {
-      background: asset-url('material/icons/today.svg') no-repeat;
-    }
-
-    &.xdsoft_next {
-      background: asset-url('material/icons/keyboard_arrow_right.svg') no-repeat;
-    }
-  }
-
-  .xdsoft_timepicker > button {
-    &.xdsoft_prev {
-      width: 24px;
-      height: 24px;
-      background: asset-url('material/icons/keyboard_arrow_up.svg') no-repeat;
-    }
-
-    &.xdsoft_next {
-      width: 24px;
-      height: 24px;
-      background: asset-url('material/icons/keyboard_arrow_down.svg') no-repeat;
-    }
-  }
-}

data/app/assets/stylesheets/activeadmin_addons/addons/material-toggle_bool.scss

@@ -1,52 +0,0 @@
-$inactive-button: #aaa;
-$inactive-bg: #ddd;
-$active-button: $am-theme-primary;
-$active-bg: rgba($active-button, .6);
-
-$box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);
-
-.toggle-bool-switches-container {
-  text-align: center;
-
-  .toggle-bool-switch {
-    cursor: pointer;
-
-    background: $inactive-bg;
-    background-image: none;
-    box-shadow: $box-shadow;
-
-    width: 36px;
-    height: 14px;
-    display: inline-block;
-    position: relative;
-    border-radius: 9px;
-
-    &::before {
-      content: '';
-      background: $inactive-button;
-      background-image: none;
-      box-shadow: none;
-
-      display: inline-block;
-      width: 22px;
-      height: 22px;
-      border-radius: 50%;
-      position: absolute;
-      left: -3px;
-      top: -3px;
-
-      transition: all .25s linear;
-      transform: translateX(0);
-    }
-
-    &.on {
-      background: $active-bg;
-      background-image: none;
-
-      &::before {
-        left: calc(100% - 15px);
-        background: $active-button;
-      }
-    }
-  }
-}

data/app/assets/stylesheets/activeadmin_addons/inputs/select2.scss

@@ -1,3 +0,0 @@
-.select2-search__field {
-  line-height: 20px;
-}

data/app/assets/stylesheets/activeadmin_addons/material.scss

@@ -1,53 +0,0 @@
-@import 'active_material';
-@import './addons/material-datepicker';
-@import './addons/material-toggle_bool';
-
-// Select
-.filter_select,
-.search_select_filter {
-  .select2.select2-container.select2-container--default {
-    width: 100% !important;
-  }
-}
-
-.select2-container .select2-selection--single {
-  height: 42px;
-
-  .select2-selection__rendered {
-    line-height: 42px;
-  }
-
-  .select2-selection__arrow {
-    height: 40px;
-  }
-}
-
-// Date Range
-.input.date_range {
-  input.datepicker {
-    background: #fff asset-url('active_material/icons/event.svg') 10px no-repeat;
-    padding-left: 40px;
-  }
-}
-
-// Numeric Range Filter
-.filter_numeric_range_filter {
-  &.input.string input,
-  &.input.stringish input,
-  &.input.numberic input {
-    width: calc(50% - 6px);
-  }
-}
-
-// Errors
-li.error {
-  .select2-selection {
-    border-color: $am-theme-error;
-  }
-}
-
-.input.string.error input,
-.input.stringish.error input,
-.input.numberic.error input {
-  border-color: $am-theme-error;
-}

data/app/javascript/activeadmin_addons/addons/interactive_select_tag.js

@@ -1,95 +0,0 @@
-var initializer = function() {
-  configureInteractiveSelect(document);
-
-  $(document).on('has_many_add:after', function(event, container) {
-    configureInteractiveSelect(container);
-  });
-
-  function configureInteractiveSelect(container) {
-    $('.interactive-tag-select select', container).each(function(i, el) {
-      setupSelect2(el);
-    });
-
-    function setupSelect2(select) {
-      var selectConfig = {
-        placeholder: '',
-        allowClear: false,
-        width: '125px',
-      };
-
-      $(select).select2(selectConfig);
-
-      // Related with https://github.com/select2/select2/issues/3320
-      $(select).on('select2:unselecting', function() {
-        $(this).data('unselecting', true);
-      }).on('select2:open', function() {
-        if ($(this).data('unselecting')) {
-          $(this).select2('close').removeData('unselecting');
-        }
-      });
-    }
-  }
-
-  $('.interactive-tag').click(function(e) {
-    var tag = $(e.target).parent();
-    var model = tag.data('model');
-    var objectId = tag.data('object_id');
-    var field = tag.data('field');
-    var selectTag = $('.' + model + '-' + field + '-' + objectId + '-select');
-    selectTag.removeClass('select-container-hidden');
-    tag.addClass('interactive-tag-hidden');
-    selectTag.find('select').select2('open');
-  });
-
-  $('.interactive-tag-select').on('select2:close', function(e) {
-    var selectTag = $(e.target).parent();
-
-    var model = selectTag.data('model');
-    var objectId = selectTag.data('object_id');
-    var field = selectTag.data('field');
-
-    var tagContainer = $('.' + model + '-' + field + '-' + objectId + '-tag');
-    var statusTag = tagContainer.find('.status_tag');
-
-    var newValue = e.target.value;
-    var newText = e.target.selectedOptions[0].text;
-    var oldValue = selectTag.data('value');
-
-    if (newValue === oldValue) {
-      selectTag.addClass('select-container-hidden');
-      tagContainer.removeClass('interactive-tag-hidden');
-    } else {
-      var url = tagContainer.data('url');
-      var data = { id: objectId };
-      data[model] = {};
-      data[model][field] = newValue;
-
-      $.ajax({
-        url: url,
-        data: data,
-        dataType: 'json',
-        headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
-        error: function() {
-          var errorMsg = 'Error: Update Unsuccessful';
-          console.log(errorMsg);
-        },
-        success: function() {
-          statusTag.text(newText);
-          statusTag.removeClass(oldValue);
-          statusTag.addClass(newValue);
-
-          tagContainer.data('value', newValue);
-          selectTag.data('value', newValue);
-        },
-        complete: function() {
-          selectTag.addClass('select-container-hidden');
-          tagContainer.removeClass('interactive-tag-hidden');
-        },
-        type: 'PATCH',
-      });
-    }
-  });
-};
-
-$(initializer);
-$(document).on('turbolinks:load', initializer);

data/app/javascript/activeadmin_addons/inputs/nested-select.js

@@ -1,170 +0,0 @@
-$.fn.select2.amd.define('select2/data/nestedCustomAdapter', ['select2/data/array', 'select2/utils'], function(ArrayData, Utils) {
-  function CustomData($element, options) {
-    CustomData.__super__.constructor.call(this, $element, options);
-  }
-
-  Utils.Extend(CustomData, ArrayData);
-
-  CustomData.prototype.query = function(params, callback) {
-    var data = { results: [] };
-    var element = this.$element;
-    var collection = element.data('collection');
-    var parent = element.data('parent');
-    var parentId = element.data('parent-id');
-
-    collection.forEach(function(record) {
-      var regex = new RegExp(params.term, 'i');
-      var matched = !!record.text.match(regex);
-
-      if ((!parent || record[parent] == parentId) && matched) {
-        data.results.push(record);
-      }
-    });
-
-    callback(data);
-  };
-
-  CustomData.prototype.current = function(callback) {
-    var currentOption = null;
-    var element = this.$element;
-    var selectedOption = element.data('selected');
-    var collection = element.data('collection');
-    var data = [];
-
-    $.each(collection, function(index, option) {
-      if (!!selectedOption && option.id == selectedOption.id) {
-        currentOption = option;
-        element.data('selected', null);
-        return;
-      }
-
-      if (element.val() == option.id) {
-        currentOption = option;
-        return;
-      }
-    });
-
-    if (currentOption) {
-      data.push(currentOption);
-    }
-
-    callback(data);
-  };
-
-  return CustomData;
-});
-
-var initializer = function() {
-  configureSelect2(document);
-
-  $(document).on('has_many_add:after', function(event, container) {
-    configureSelect2(container);
-  });
-
-  function configureSelect2(container) {
-    var INVALID_PARENT_ID = -1;
-
-    $('.nested-level-input', container).each(function(i, el) {
-      var element = $(el);
-      var url = element.data('url');
-      var fields = element.data('fields');
-      var predicate = element.data('predicate');
-      var filters = element.data('filters');
-      var displayName = element.data('display-name');
-      var parent = element.data('parent');
-      var width = element.data('width');
-      var model = element.data('model');
-      var responseRoot = element.data('response-root');
-      var collection = element.data('collection');
-      var minimumInputLength = element.data('minimum-input-length');
-      var order = element.data('order');
-      var parentId = element.data('parent-id');
-      var selectInstance;
-
-      var select2Config = {
-        width: width,
-        minimumInputLength: minimumInputLength,
-        placeholder: '',
-        allowClear: true,
-      };
-
-      if (collection) {
-        select2Config.dataAdapter = $.fn.select2.amd.require('select2/data/nestedCustomAdapter');
-      } else {
-        var ajaxConfig = {
-          url: url,
-          dataType: 'json',
-          delay: 250,
-          cache: true,
-          data: function(params) {
-            var textQuery = { m: 'or' };
-            fields.forEach(function(field) {
-              if (field == 'id') {
-                textQuery[field + '_eq'] = params.term;
-              } else {
-                textQuery[field + '_' + predicate] = params.term;
-              }
-            });
-
-            var query = {
-              order: order,
-              q: {
-                groupings: [textQuery],
-                combinator: 'and',
-              },
-            };
-
-            if (!!parent) {
-              query.q[parent + '_eq'] = parentId;
-            }
-
-            Object.assign(query.q, filters);
-
-            return query;
-          },
-          processResults: function(data) {
-            if (data.constructor == Object) {
-              data = data[responseRoot];
-            }
-
-            return {
-              results: jQuery.map(data, function(resource) {
-                if (!resource[displayName]) {
-                  resource[displayName] = 'No display name for id #' + resource.id.toString();
-                }
-                return {
-                  id: resource.id,
-                  text: resource[displayName].toString(),
-                };
-              }),
-            };
-          },
-        };
-
-        select2Config.ajax = ajaxConfig;
-      }
-
-      selectInstance = element.select2(select2Config);
-
-      function setParentValue(e) {
-        selectInstance.val(null).trigger('select2:select').trigger('change');
-        parentId = (e.params && e.params.data.id) ? e.params.data.id : INVALID_PARENT_ID;
-        element.data('parent-id', parentId);
-      }
-
-      if (!!parent) {
-        var parentSelectorId = '#' + model + '_' + parent;
-        if (!$(parentSelectorId).length) {
-          parentSelectorId = $(container).find('*[id*=' + parent + ']')[0];
-        }
-        var parentSelector = $(parentSelectorId)[0];
-
-        $(parentSelector).on('select2:select', setParentValue);
-        $(parentSelector).on('select2:unselect', setParentValue);
-      }
-    });
-  }
-};
-
-$(initializer);
-$(document).on('turbolinks:load', initializer);

data/app/javascript/activeadmin_addons/inputs/search-select.js

@@ -1,76 +0,0 @@
-var initializer = function() {
-  setupSearchSelect(document);
-
-  $(document).on('has_many_add:after', function(event, container) {
-    setupSearchSelect(container);
-  });
-
-  function setupSearchSelect(container) {
-    $('.search-select-input, .search-select-filter-input, ajax-filter-input', container).each(function(i, el) {
-      var element = $(el);
-      var url = element.data('url');
-      var fields = element.data('fields');
-      var predicate = element.data('predicate');
-      var displayName = element.data('display-name');
-      var width = element.data('width');
-      var responseRoot = element.data('response-root');
-      var minimumInputLength = element.data('minimum-input-length');
-      var order = element.data('order');
-
-      var selectOptions = {
-        width: width,
-        minimumInputLength: minimumInputLength,
-        placeholder: '',
-        allowClear: true,
-        ajax: {
-          url: url,
-          dataType: 'json',
-          delay: 250,
-          cache: true,
-          data: function(params) {
-            var textQuery = { m: 'or' };
-            fields.forEach(function(field) {
-              if (field == 'id') {
-                textQuery[field + '_eq'] = params.term;
-              } else {
-                textQuery[field + '_' + predicate] = params.term;
-              }
-            });
-
-            var query = {
-              order: order,
-              q: {
-                groupings: [textQuery],
-                combinator: 'and',
-              },
-            };
-
-            return query;
-          },
-          processResults: function(data) {
-            if (data.constructor == Object) {
-              data = data[responseRoot];
-            }
-
-            return {
-              results: jQuery.map(data, function(resource) {
-                if (!resource[displayName]) {
-                  resource[displayName] = 'No display name for id #' + resource.id.toString();
-                }
-                return {
-                  id: resource.id,
-                  text: resource[displayName].toString(),
-                };
-              }),
-            };
-          },
-        },
-      };
-
-      $(el).select2(selectOptions);
-    });
-  }
-};
-
-$(initializer);
-$(document).on('turbolinks:load', initializer);

data/app/javascript/activeadmin_addons/inputs/select2.js

@@ -1,52 +0,0 @@
-var initializer = function() {
-  configureSelect2(document);
-
-  $(document).on('has_many_add:after', function(event, container) {
-    configureSelect2(container);
-  });
-
-  function configureSelect2(container) {
-    if (window.ActiveadminAddons.config.defaultSelect == 'select2') {
-      $('select:not(.default-select)', container).each(function(i, el) {
-        setupSelect2(el);
-      });
-    }
-
-    $('select.select2', container).each(function(i, el) {
-      setupSelect2(el);
-    });
-
-    function setupSelect2(select) {
-      var selectConfig = {
-        placeholder: '',
-        width: '80%',
-        allowClear: true,
-      };
-
-      function isFilter(path) {
-        return $(select).closest(path).length > 0;
-      }
-
-      if (isFilter('.select_and_search')) {
-        selectConfig.width = 'resolve';
-        selectConfig.allowClear = false;
-      } else if (isFilter('.filter_select')) {
-        selectConfig.width = 'resolve';
-      }
-
-      $(select).select2(selectConfig);
-
-      // Related with https://github.com/select2/select2/issues/3320
-      $(select).on('select2:unselecting', function() {
-        $(this).data('unselecting', true);
-      }).on('select2:open', function() {
-        if ($(this).data('unselecting')) {
-          $(this).select2('close').removeData('unselecting');
-        }
-      });
-    }
-  }
-};
-
-$(initializer);
-$(document).on('turbolinks:load', initializer);