activeadmin 3.3.0 → 4.0.0.beta1

data/app/javascript/active_admin/initializers/batch-actions.js

@@ -1,61 +0,0 @@
-import ModalDialog from "../lib/modal-dialog";
-
-const onDOMReady = function() {
-  // Detach any previously attached handlers before re-attaching them.
-  // This avoids double-registered handlers when Turbolinks is enabled
-  $('.batch_actions_selector li a').off('click confirm:complete');
-
-  //
-  // Use ModalDialog to prompt user if
-  // confirmation is required for current Batch Action
-  //
-  $('.batch_actions_selector li a').on('click', function(event){
-    let message;
-    event.stopPropagation(); // prevent Rails UJS click event
-    event.preventDefault();
-    if ((message = $(this).data('confirm'))) {
-      ModalDialog(message, $(this).data('inputs'), inputs => {
-        $(this).trigger('confirm:complete', inputs);
-      });
-    } else {
-      $(this).trigger('confirm:complete');
-    }
-  });
-
-  $('.batch_actions_selector li a').on('confirm:complete', function(event, inputs){
-    let val;
-    if ((val = JSON.stringify(inputs))) {
-      $('#batch_action_inputs').removeAttr('disabled').val(val);
-    } else {
-      $('#batch_action_inputs').attr('disabled', 'disabled');
-    }
-
-    $('#batch_action').val($(this).data('action'));
-    $('#collection_selection').submit();
-  });
-
-  //
-  // Add checkbox selection to resource tables and lists if batch actions are enabled
-  //
-
-  if ($(".batch_actions_selector").length && $(":checkbox.toggle_all").length) {
-
-    if ($(".paginated_collection table.index_table").length) {
-      $(".paginated_collection table.index_table").tableCheckboxToggler();
-    } else {
-      $(".paginated_collection").checkboxToggler();
-    }
-
-    $(document).on('change', '.paginated_collection :checkbox', function() {
-      if ($(".paginated_collection :checkbox:checked").length && $(".dropdown_menu_list").children().length) {
-        $(".batch_actions_selector").each(function() { $(this).aaDropdownMenu("enable"); });
-      } else {
-        $(".batch_actions_selector").each(function() { $(this).aaDropdownMenu("disable"); });
-      }
-    });
-  }
-};
-
-$(document).
-  ready(onDOMReady).
-  on('page:load turbolinks:load', onDOMReady);

data/app/javascript/active_admin/initializers/checkbox-toggler.js

@@ -1,3 +0,0 @@
-import CheckboxToggler from "../lib/checkbox-toggler";
-
-$.widget.bridge('checkboxToggler', CheckboxToggler);

data/app/javascript/active_admin/initializers/datepicker.js

@@ -1,16 +0,0 @@
-(($) => {
-
-  $(document)
-    .on('focus', 'input.datepicker:not(.hasDatepicker)', function() {
-      const input = $(this);
-
-      // Only create datepickers in compatible browsers
-      if (input[0].type === 'date') { return; }
-
-      const defaults = { dateFormat: 'yy-mm-dd' };
-      const options  = input.data('datepicker-options');
-
-      input.datepicker($.extend(defaults, options));
-    });
-
-})(jQuery);

data/app/javascript/active_admin/initializers/dropdown-menu.js

@@ -1,9 +0,0 @@
-import DropdownMenu from "../lib/dropdown-menu";
-
-$.widget.bridge('aaDropdownMenu', DropdownMenu);
-
-const onDOMReady = () => $('.dropdown_menu').aaDropdownMenu();
-
-$(document).
-  ready(onDOMReady).
-  on('page:load turbolinks:load', onDOMReady);

data/app/javascript/active_admin/initializers/filters.js

@@ -1,10 +0,0 @@
-import Filters from '../lib/filters';
-
-(($) => {
-
-  $(document).
-    on('click', '.clear_filters_btn', Filters._clearForm).
-    on('submit', '.filter_form', Filters._disableEmptyInputFields).
-    on('change', '.filter_form_field.select_and_search select', Filters._setSearchType);
-
-})(jQuery);

data/app/javascript/active_admin/initializers/has-many.js

@@ -1,98 +0,0 @@
-$(function() {
-  // Provides a before-removal hook:
-  // $ ->
-  //   # This is a good place to tear down JS plugins to prevent memory leaks.
-  //   $(document).on 'has_many_remove:before', '.has_many_container', (e, fieldset, container)->
-  //     fieldset.find('.select2').select2 'destroy'
-  //
-  //   # If you need to do anything after removing the items you can use the
-  //   has_many_remove:after hook
-  //   $(document).on 'has_many_remove:after', '.has_many_container', (e, fieldset, container)->
-  //     list_item_count = container.find('.has_many_fields').length
-  //     alert("There are now #{list_item_count} items in the list")
-  //
-  $(document).on('click', 'a.button.has_many_remove', function(event){
-    event.preventDefault();
-    const parent    = $(this).closest('.has_many_container');
-    const to_remove = $(this).closest('fieldset');
-    recompute_positions(parent);
-
-    parent.trigger('has_many_remove:before', [to_remove, parent]);
-    to_remove.remove();
-    return parent.trigger('has_many_remove:after', [to_remove, parent]);
-  });
-
-  // Provides before and after creation hooks:
-  // $ ->
-  //   # The before hook allows you to prevent the creation of new records.
-  //   $(document).on 'has_many_add:before', '.has_many_container', (e, container)->
-  //     if $(@).children('fieldset').length >= 3
-  //       alert "you've reached the maximum number of items"
-  //       e.preventDefault()
-  //
-  //   # The after hook is a good place to initialize JS plugins and the like.
-  //   $(document).on 'has_many_add:after', '.has_many_container', (e, fieldset, container)->
-  //     fieldset.find('select').chosen()
-  //
-  $(document).on('click', 'a.button.has_many_add', function(event){
-    let before_add;
-    event.preventDefault();
-    const parent = $(this).closest('.has_many_container');
-    parent.trigger((before_add = $.Event('has_many_add:before')), [parent]);
-
-    if (!before_add.isDefaultPrevented()) {
-      let index = parent.data('has_many_index') || (parent.children('fieldset').length - 1);
-      parent.data({has_many_index: ++index});
-
-      const regex = new RegExp($(this).data('placeholder'), 'g');
-      const html  = $(this).data('html').replace(regex, index);
-
-      const fieldset = $(html).insertBefore(this);
-      recompute_positions(parent);
-      return parent.trigger('has_many_add:after', [fieldset, parent]);
-    }
-  });
-
-  $(document).on('change', '.has_many_container[data-sortable] :input[name$="[_destroy]"]', function() {
-    recompute_positions($(this).closest('.has_many'));
-  });
-
-  $(document).on('has_many_add:after', '.has_many_container', init_sortable);
-});
-
-var init_sortable = function() {
-  const elems = $('.has_many_container[data-sortable]:not(.ui-sortable)');
-  elems.sortable({
-    items: '> fieldset',
-    handle: '> ol > .handle',
-    start: (ev, ui) => {
-      ui.item.css({opacity: 0.3});
-    },
-    stop: function (ev, ui) {
-      ui.item.css({opacity: 1.0});
-      recompute_positions($(this));
-    }
-  });
-  elems.each(recompute_positions);
-};
-
-var recompute_positions = function(parent){
-  parent = parent instanceof jQuery ? parent : $(this);
-  const input_name = parent.data('sortable');
-  let position = parseInt(parent.data('sortable-start') || 0, 10);
-
-  parent.children('fieldset').each(function() {
-    // We ignore nested inputs, so when defining your has_many, be sure to keep
-    // your sortable input at the root of the has_many block.
-    const destroy_input  = $(this).find("> ol > .input > :input[name$='[_destroy]']");
-    const sortable_input = $(this).find(`> ol > .input > :input[name$='[${input_name}]']`);
-
-    if (sortable_input.length) {
-      sortable_input.val(destroy_input.is(':checked') ? '' : position++);
-    }
-  });
-};
-
-$(document).
-  ready(init_sortable).
-  on('page:load turbolinks:load', init_sortable);

data/app/javascript/active_admin/initializers/per-page.js

@@ -1,13 +0,0 @@
-import PerPage from "../lib/per-page";
-
-(($) => {
-
-  $(document).
-    on('change', '.pagination_per_page > select', function(_event) {
-      PerPage._jQueryInterface.call($(this), 'update')
-    });
-
-  $.fn['perPage'] = PerPage._jQueryInterface
-  $.fn['perPage'].Constructor = PerPage
-
-})(jQuery);

data/app/javascript/active_admin/initializers/table-checkbox-toggler.js

@@ -1,3 +0,0 @@
-import TableCheckboxToggler from "../lib/table-checkbox-toggler";
-
-$.widget.bridge('tableCheckboxToggler', TableCheckboxToggler);

data/app/javascript/active_admin/initializers/tabs.js

@@ -1,6 +0,0 @@
-let onDOMReady = () =>
-  $('#active_admin_content .tabs').tabs()
-
-$(document).
-  ready(onDOMReady).
-  on('page:load turbolinks:load', onDOMReady)

data/app/javascript/active_admin/lib/checkbox-toggler.js

@@ -1,49 +0,0 @@
-class CheckboxToggler {
-  constructor(options, container){
-    this.options = options;
-    this.container = container;
-    this._init();
-    this._bind();
-  }
-
-  option(_key, _value) {
-  }
-
-  _init() {
-    if (!this.container) {
-      throw new Error('Container element not found');
-    } else {
-      this.$container = $(this.container);
-    }
-
-    if (!this.$container.find('.toggle_all').length) {
-      throw new Error('"toggle all" checkbox not found');
-    } else {
-      this.toggle_all_checkbox = this.$container.find('.toggle_all');
-    }
-
-    this.checkboxes = this.$container.find(':checkbox').not(this.toggle_all_checkbox);
-  }
-
-  _bind() {
-    this.checkboxes.change(event => this._didChangeCheckbox(event.target));
-    this.toggle_all_checkbox.change(() => this._didChangeToggleAllCheckbox());
-  }
-
-  _didChangeCheckbox(_checkbox){
-    const numChecked = this.checkboxes.filter(':checked').length;
-
-    const allChecked = numChecked === this.checkboxes.length;
-    const someChecked = (numChecked > 0) && (numChecked < this.checkboxes.length);
-
-    this.toggle_all_checkbox.prop({ checked: allChecked, indeterminate: someChecked });
-  }
-
-  _didChangeToggleAllCheckbox() {
-    const setting = this.toggle_all_checkbox.prop('checked');
-    this.checkboxes.prop({ checked: setting });
-    return setting;
-  }
-}
-
-export default CheckboxToggler;

data/app/javascript/active_admin/lib/dropdown-menu.js

@@ -1,116 +0,0 @@
-class DropdownMenu {
-  constructor(options, element) {
-    this.options = options;
-    this.element = element;
-    this.$element = $(this.element);
-
-    const defaults = {
-      fadeInDuration: 20,
-      fadeOutDuration: 100,
-      onClickActionItemCallback: null
-    };
-
-    this.options = $.extend(defaults, this.options);
-    this.isOpen  = false;
-
-    this.$menuButton = this.$element.find('.dropdown_menu_button');
-    this.$menuList   = this.$element.find('.dropdown_menu_list_wrapper');
-
-    this._buildMenuList();
-    this._bind();
-  }
-
-  open() {
-    this.isOpen = true;
-    this.$menuList.fadeIn(this.options.fadeInDuration);
-
-    this._position();
-    return this;
-  }
-
-  close() {
-    this.isOpen = false;
-    this.$menuList.fadeOut(this.options.fadeOutDuration);
-    return this;
-  }
-
-  destroy() {
-    this.$element = null;
-    return this;
-  }
-
-  isDisabled() {
-    return this.$menuButton.hasClass('disabled');
-  }
-
-  disable() {
-    this.$menuButton.addClass('disabled');
-  }
-
-  enable() {
-    this.$menuButton.removeClass('disabled');
-  }
-
-  option(key, value) {
-    if ($.isPlainObject(key)) {
-      return this.options = $.extend(true, this.options, key);
-    } else if (key != null) {
-      return this.options[key];
-    } else {
-      return this.options[key] = value;
-    }
-  }
-
-  _buildMenuList() {
-    this.$nipple = $('<div class="dropdown_menu_nipple"></div>');
-    this.$menuList.prepend(this.$nipple);
-    this.$menuList.hide();
-  }
-
-  _bind() {
-    $('body').click(() => {
-      if (this.isOpen) { this.close(); }
-    });
-
-    this.$menuButton.click(() => {
-      if (!this.isDisabled()) {
-        if (this.isOpen) {
-          this.close();
-        } else {
-          this.open();
-        }
-      }
-      return false;
-    });
-  }
-
-  _position() {
-    this.$menuList.css('top', this.$menuButton.position().top + this.$menuButton.outerHeight() + 10);
-
-    const button_left = this.$menuButton.position().left;
-    const button_center =  this.$menuButton.outerWidth() / 2;
-    const button_right = button_left + (button_center * 2);
-    const menu_center = this.$menuList.outerWidth() / 2;
-    const nipple_center = this.$nipple.outerWidth() / 2;
-    const window_right = $(window).width();
-
-    const centered_menu_left = (button_left + button_center) - menu_center;
-    const centered_menu_right = button_left + button_center + menu_center;
-
-    if (centered_menu_left < 0) {
-      // Left align with button
-      this.$menuList.css('left', button_left);
-      this.$nipple.css('left', button_center - nipple_center);
-    } else if (centered_menu_right > window_right) {
-      // Right align with button
-      this.$menuList.css('right', window_right - button_right);
-      this.$nipple.css('right', button_center - nipple_center);
-    } else {
-      // Center align under button
-      this.$menuList.css('left', centered_menu_left);
-      this.$nipple.css('left', menu_center - nipple_center);
-    }
-  }
-}
-
-export default DropdownMenu;

data/app/javascript/active_admin/lib/filters.js

@@ -1,39 +0,0 @@
-import { queryStringToParams, hasTurbolinks, turbolinksVisit, toQueryString } from '../lib/utils';
-
-class Filters {
-
-  static _clearForm(event) {
-    const regex = /^(q\[|q%5B|q%5b|page|utf8|commit)/;
-    const params = queryStringToParams()
-      .filter(({name}) => !name.match(regex));
-
-    event.preventDefault();
-
-    if (hasTurbolinks()) {
-      turbolinksVisit(params);
-    } else {
-      window.location.search = toQueryString(params);
-    }
-  }
-
-  static _disableEmptyInputFields(event) {
-    const params = $(this)
-      .find(':input')
-      .filter((i, input) => input.value === '')
-      .prop({ disabled: true })
-      .end()
-      .serializeArray();
-
-    if (hasTurbolinks()) {
-      event.preventDefault();
-      turbolinksVisit(params);
-    }
-  }
-
-  static _setSearchType() {
-    $(this).siblings('input').prop({name: `q[${this.value}]`});
-  }
-
-}
-
-export default Filters;

data/app/javascript/active_admin/lib/modal-dialog.js

@@ -1,63 +0,0 @@
-function ModalDialog(message, inputs, callback){
-  let html = `<form id="dialog_confirm" title="${message}"><ul>`;
-  for (let name in inputs) {
-    var opts, wrapper;
-    let type = inputs[name];
-    if (/^(datepicker|checkbox|text|number)$/.test(type)) {
-      wrapper = 'input';
-    } else if (type === 'textarea') {
-      wrapper = 'textarea';
-    } else if ($.isArray(type)) {
-      [wrapper, opts, type] = ['select', type, ''];
-    } else {
-      throw new Error(`Unsupported input type: {${name}: ${type}}`);
-    }
-
-    let klass = type === 'datepicker' ? type : '';
-    html += `<li>
-      <label>${name.charAt(0).toUpperCase() + name.slice(1)}</label>
-      <${wrapper} name="${name}" class="${klass}" type="${type}">` +
-        (opts ? ((() => {
-          const result = [];
-
-          opts.forEach(v => {
-            const $elem = $('<option></option>');
-            if ($.isArray(v)) {
-              $elem.text(v[0]).val(v[1]);
-            } else {
-              $elem.text(v);
-            }
-            result.push($elem.wrap('<div></div>').parent().html());
-          });
-
-          return result;
-        })()).join('') : '') +
-      `</${wrapper}>` +
-    "</li>";
-    [wrapper, opts, type, klass] = []; // unset any temporary variables
-  }
-
-  html += "</ul></form>";
-
-  const form = $(html).appendTo('body');
-  $('body').trigger('modal_dialog:before_open', [form]);
-
-  form.dialog({
-    modal: true,
-    open(_event, _ui) {
-      $('body').trigger('modal_dialog:after_open', [form]);
-    },
-    dialogClass: 'active_admin_dialog',
-    buttons: {
-      OK() {
-        callback($(this).serializeObject());
-        $(this).dialog('close');
-      },
-      Cancel() {
-        $(this).dialog('close').remove();
-      }
-    }
-  });
-}
-
-export default ModalDialog;

data/app/javascript/active_admin/lib/per-page.js

@@ -1,38 +0,0 @@
-import { queryStringToParams, hasTurbolinks, turbolinksVisit, toQueryString } from './utils';
-
-class PerPage {
-  constructor(element) {
-    this.element = element;
-  }
-
-  update() {
-    const params = queryStringToParams()
-      .filter(({name}) => name != 'per_page' || name != 'page')
-
-    params.push({ name: 'per_page', value: this.element.value });
-
-    if (hasTurbolinks()) {
-      turbolinksVisit(params);
-    } else {
-      window.location.search = toQueryString(params);
-    }
-  }
-
-  static _jQueryInterface(config) {
-    return this.each(function () {
-      const $this = $(this)
-      let data = $this.data('perPage')
-
-      if (!data) {
-        data = new PerPage(this)
-        $this.data('perPage', data)
-      }
-
-      if (config === 'update') {
-        data[config]()
-      }
-    })
-  }
-}
-
-export default PerPage;

data/app/javascript/active_admin/lib/table-checkbox-toggler.js

@@ -1,38 +0,0 @@
-import CheckboxToggler from "./checkbox-toggler";
-
-class TableCheckboxToggler extends CheckboxToggler {
-  _bind() {
-    super._bind(...arguments);
-
-    this.$container
-      .find('tbody td')
-      .click(event => {
-        if (event.target.type !== 'checkbox') {
-          this._didClickCell(event.target);
-        }
-      });
-  }
-
-  _didChangeCheckbox(checkbox) {
-    super._didChangeCheckbox(...arguments);
-
-    $(checkbox)
-      .parents('tr')
-      .toggleClass('selected', checkbox.checked);
-  }
-
-  _didChangeToggleAllCheckbox() {
-    this.$container
-      .find('tbody tr')
-      .toggleClass('selected', super._didChangeToggleAllCheckbox(...arguments));
-  }
-
-  _didClickCell(cell) {
-    $(cell)
-      .parent('tr')
-      .find(':checkbox')
-      .click();
-  }
-}
-
-export default TableCheckboxToggler;

data/app/javascript/active_admin/lib/utils.js

@@ -1,40 +0,0 @@
-function hasTurbolinks() {
-  return (typeof Turbolinks !== 'undefined' && Turbolinks.supported);
-}
-
-function turbolinksVisit(params) {
-  const path = [window.location.pathname, '?', toQueryString(params)].join('')
-  Turbolinks.visit(path);
-}
-
-function queryString() {
-  return (window.location.search || '').replace(/^\?/, '');
-}
-
-function queryStringToParams() {
-  const decode = (value) => decodeURIComponent((value || '').replace(/\+/g, '%20'));
-
-  return queryString()
-    .split("&")
-    .map(pair => pair.split("="))
-    .map(([key, value]) => {
-      return { name: decode(key), value: decode(value) }
-    });
-}
-
-function toQueryString(params) {
-  const encode = (value) => encodeURIComponent(value || '');
-
-  return params
-    .map(({name, value}) => [ encode(name), encode(value) ])
-    .map(pair => pair.join('='))
-    .join('&')
-}
-
-export {
-  hasTurbolinks,
-  turbolinksVisit,
-  queryString,
-  queryStringToParams,
-  toQueryString
-};

data/app/views/kaminari/active_admin/_first_page.html.erb

@@ -1,11 +0,0 @@
-<%# Link to the "First" page
-  - available local variables
-    url:           url to the first page
-    current_page:  a page object for the currently displayed page
-    total_pages:   total number of pages
-    per_page:      number of items to fetch per page
-    remote:        data-remote
--%>
-<span class="first">
-  <%= link_to_unless current_page.first?, t('views.pagination.first').html_safe, url, remote: remote %>
-</span>

data/app/views/kaminari/active_admin/_gap.html.erb

@@ -1,8 +0,0 @@
-<%# Non-link tag that stands for skipped pages...
-  - available local variables
-    current_page:  a page object for the currently displayed page
-    total_pages:   total number of pages
-    per_page:      number of items to fetch per page
-    remote:        data-remote
--%>
-<span class="page gap"><%= t('views.pagination.truncate').html_safe %></span>

data/app/views/kaminari/active_admin/_last_page.html.erb

@@ -1,11 +0,0 @@
-<%# Link to the "Last" page
-  - available local variables
-    url:           url to the last page
-    current_page:  a page object for the currently displayed page
-    total_pages:   total number of pages
-    per_page:      number of items to fetch per page
-    remote:        data-remote
--%>
-<span class="last">
-  <%= link_to_unless current_page.last?, t('views.pagination.last').html_safe, url, remote: remote %>
-</span>

data/app/views/kaminari/active_admin/_next_page.html.erb

@@ -1,11 +0,0 @@
-<%# Link to the "Next" page
-  - available local variables
-    url:           url to the next page
-    current_page:  a page object for the currently displayed page
-    total_pages:   total number of pages
-    per_page:      number of items to fetch per page
-    remote:        data-remote
--%>
-<span class="next">
-  <%= link_to_unless current_page.last?, t('views.pagination.next').html_safe, url, rel: 'next', remote: remote %>
-</span>

data/app/views/kaminari/active_admin/_page.html.erb

@@ -1,12 +0,0 @@
-<%# Link showing page number
-  - available local variables
-    page:          a page object for "this" page
-    url:           url to this page
-    current_page:  a page object for the currently displayed page
-    total_pages:   total number of pages
-    per_page:      number of items to fetch per page
-    remote:        data-remote
--%>
-<span class="page<%= ' current' if page.current? %>">
-  <%= link_to_unless page.current?, page, url, {remote: remote, rel: page.rel} %>
-</span>