rails_admin 0.8.1 → 2.2.1

data/app/assets/javascripts/rails_admin/ra.filtering-multiselect.js

@@ -19,13 +19,13 @@
       sortable: false,
       removable: true,
       regional: {
-        up: "Up",
-        down: "Down",
-        add: "Add",
-        chooseAll: "Choose all",
-        chosen: "Chosen records",
-        clearAll: "Clear all",
-        remove: "Remove"
+        add: 'Add',
+        chooseAll: 'Choose all',
+        clearAll: 'Clear all',
+        down: 'Down',
+        remove: 'Remove',
+        search: 'Search',
+        up: 'Up'
       },
       searchDelay: 400,
       remote_source: null,
@@ -118,7 +118,7 @@
 
       /* Add all to selection */
       this.addAll.click(function(e){
-        widget._select($('option', widget.collection));
+        widget._select($('option:not(:disabled)', widget.collection));
         e.preventDefault();
         widget.selection.trigger('change');
       });
@@ -175,22 +175,26 @@
     _queryFilter: function(val) {
       var widget = this;
       widget._query(val, function(matches) {
-        var i;
+
         var filtered = [];
-        for (i in matches) {
-          if (matches.hasOwnProperty(i) && !widget.selected(matches[i].id)) {
+        var i;
+
+        for (i = 0; i < matches.length; i++) {
+          if (!widget.selected(matches[i].id)) {
             filtered.push(i);
           }
         }
         if (filtered.length > 0) {
-          widget.collection.html('');
-          for (i in filtered) {
-            widget.collection.append(
-              $('<option></option>').attr('value', matches[filtered[i]].id).attr('title', matches[filtered[i]].label).text(matches[filtered[i]].label)
-            );
+          widget.collection[0].innerHTML = '';
+          for (i = 0; i < filtered.length; i++) {
+            var newOptions = $('<option></option>')
+              .prop('value', matches[filtered[i]].id)
+              .prop('title', matches[filtered[i]].label)
+              .text(matches[filtered[i]].label);
+            $(widget.collection[0]).append(newOptions);
           }
         } else {
-          widget.collection.html(widget.noObjectsPlaceholder);
+          widget.collection[0].innerHTML = widget.noObjectsPlaceholder;
         }
       });
     },
@@ -209,12 +213,11 @@
       var widget = this;
 
       this.element.find("option").each(function(i, option) {
+        widget._cache['o_' + option.value] = {id: option.value, value: $(option).text()};
         if (option.selected) {
-          widget._cache['o_' + option.value] = {id: option.value, value: option.innerHTML};
-          $(option).clone().appendTo(widget.selection).attr("selected", false).attr("title", $(option).text());
+          $(option).clone().appendTo(widget.selection).prop("selected", false).prop("title", $(option).text());
         } else {
-          widget._cache['o_' + option.value] = {id: option.value, value: option.innerHTML};
-          $(option).clone().appendTo(widget.collection).attr("selected", false).attr("title", $(option).text());
+          $(option).clone().appendTo(widget.collection).prop("selected", false).prop("title", $(option).text());
         }
       });
     },
@@ -224,7 +227,7 @@
       options.each(function(i, option) {
         widget.element.find('option[value="' + option.value + '"]').removeAttr("selected");
       });
-      $(options).appendTo(this.collection).attr('selected', false);
+      $(options).appendTo(this.collection).prop('selected', false);
     },
 
     _query: function(query, success) {
@@ -279,12 +282,12 @@
       options.each(function(i, option) {
         var el = widget.element.find('option[value="' + option.value + '"]');
         if (el.length) {
-          el.attr("selected", "selected");
+          el.prop("selected", true);
         } else {
-          widget.element.append($('<option></option>').attr('value', option.value).attr('selected', "selected"));
+          widget.element.append($('<option></option>').prop('value', option.value).prop('selected', true));
         }
       });
-      $(options).appendTo(this.selection).attr('selected', false);
+      $(options).appendTo(this.selection).prop('selected', false);
     },
 
     _move: function(direction, options) {
@@ -314,7 +317,9 @@
     },
 
     selected: function(value) {
-      return this.element.find('option[value="' + value + '"]').attr("selected");
+      if (this.selection[0].querySelectorAll('option[value="' + value + '"]')[0]) {
+        return true;
+      }
     },
 
     destroy: function() {

data/app/assets/javascripts/rails_admin/ra.filtering-select.js

@@ -14,7 +14,9 @@
  *   jquery.ui.autocomplete.js
  */
 (function($) {
-  $.widget("ra.filteringSelect", {
+  'use strict';
+
+  $.widget('ra.filteringSelect', {
     options: {
       createQuery: function(query) {
         return { query: query };
@@ -26,135 +28,90 @@
       xhr: false
     },
 
+    button: null,
+    input: null,
+    select: null,
+    filtering_select: null,
+
     _create: function() {
-      var self = this,
-        select = this.element.hide(),
-        selected = select.children(":selected"),
-        value = selected.val() ? selected.text() : "";
+      this.filtering_select = this.element.siblings(
+        '[data-input-for="' + this.element.attr('id') + '"]'
+      );
 
-      if (this.options.xhr) {
-        this.options.source = this.options.remote_source;
+      // When using the browser back and forward buttons, it is possible that
+      // the autocomplete field will be cached which causes duplicate fields
+      // to be generated.
+      if (this.filtering_select.length > 0) {
+        this.input = this.filtering_select.children('input');
+        this.button = this.filtering_select.children('.input-group-btn');
       } else {
-        this.options.source = select.children("option").map(function() {
-          return { label: $(this).text(), value: this.value };
-        }).toArray();
+        this.element.hide();
+        this.filtering_select = this._inputGroup(this.element.attr('id'));
+        this.input = this._inputField();
+        this.button = this._buttonField();
       }
-      var filtering_select = $('<div class="input-group filtering-select col-sm-2" style="float:left"></div>')
-      var input = this.input = $('<input type="text">')
-        .val(value)
-        .addClass("form-control ra-filtering-select-input")
-        .attr('style', select.attr('style'))
-        .show()
-        .autocomplete({
-          delay: this.options.searchDelay,
-          minLength: this.options.minLength,
-          source: this._getSourceFunction(this.options.source),
-          select: function(event, ui) {
-            var option = $('<option></option>').attr('value', ui.item.id).attr('selected', 'selected').text(ui.item.value);
-            select.html(option);
-            select.trigger("change", ui.item.id);
-            self._trigger("selected", event, {
-              item: option
-            });
-            $(self.element.parents('.controls')[0]).find('.update').removeClass('disabled');
-          },
-          change: function(event, ui) {
-            if (!ui.item) {
-              var matcher = new RegExp("^" + $.ui.autocomplete.escapeRegex($(this).val()) + "$", "i"),
-                  valid = false;
-              select.children("option").each(function() {
-                if ($(this).text().match(matcher)) {
-                  this.selected = valid = true;
-                  return false;
-                }
-              });
-              if (!valid || $(this).val() == '') {
-                // remove invalid value, as it didn't match anything
-                $(this).val(null);
-                select.html($('<option value="" selected="selected"></option>'));
-                input.data("ui-autocomplete").term = "";
-                $(self.element.parents('.controls')[0]).find('.update').addClass('disabled');
-                return false;
-              }
-
-            }
-          }
-        })
-        .keyup(function() {
-          /* Clear select options and trigger change if selected item is deleted */
-          if ($(this).val().length == 0) {
-            select.html($('<option value="" selected="selected"></option>'));
-            select.trigger("change");
-          }
-        })
-
-      if(select.attr('placeholder'))
-        input.attr('placeholder', select.attr('placeholder'))
-
-      input.data("ui-autocomplete")._renderItem = function(ul, item) {
-        return $("<li></li>")
-          .data("ui-autocomplete-item", item)
-          .append( $( "<a></a>" ).html( item.html || item.id ) )
-          .appendTo(ul);
-      };
-
-      var button = this.button = $('<span class="input-group-btn"><label class="btn btn-info dropdown-toggle" data-toggle="dropdown" aria-expanded="false" title="Show All Items" role="button"><span class="caret"></span><span class="ui-button-text">&nbsp;</span></label></span>')
-        .click(function() {
-          // close if already visible
-          if (input.autocomplete("widget").is(":visible")) {
-            input.autocomplete("close");
-            return;
-          }
-
-          // pass empty string as value to search for, displaying all results
-          input.autocomplete("search", "");
-          input.focus();
-        });
-
-      filtering_select.append(input).append(button).insertAfter(select);
 
+      this._setOptionsSource();
+      this._initAutocomplete();
+      this._initKeyEvent();
+      this._overloadRenderItem();
+      this._autocompleteDropdownEvent(this.button);
 
+      return this.filtering_select.append(this.input)
+        .append(this.button)
+        .insertAfter(this.element);
     },
 
     _getResultSet: function(request, data, xhr) {
-      var matcher = new RegExp($.ui.autocomplete.escapeRegex(request.term), "i");
-      var highlighter = function(label, word){
-        if(word.length > 0){
-          return $.map(label.split(word), function(el, i){
-            return $('<span></span>').text(el).html();
-          }).join($('<strong></strong>').text(word)[0].outerHTML);
-        }else{
-          return $('<span></span>').text(label).html();
-        }
+      var matcher = new RegExp($.ui.autocomplete.escapeRegex(request.term), 'i');
+
+      var spannedContent = function(content) {
+        return $('<span>').text(content).html();
       };
 
-      return $.map(data, function(el, i) {
-        // match regexp only for local requests, remote ones are already filtered, and label may not contain filtered term.
-        if ((el.id || el.value) && (xhr || matcher.test(el.label))) {
-          return {
-            html: highlighter(el.label || el.id, request.term),
-            value: el.label || el.id,
-            id: el.id || el.value
-          };
+      var highlighter = function(label, word) {
+        if(word.length) {
+          return $.map(
+            label.split(word),
+            function(el) {
+              return spannedContent(el);
+            })
+            .join($('<strong>')
+            .text(word)[0]
+            .outerHTML
+          );
+        } else {
+          return spannedContent(label);
         }
+      };
+
+      return $.map(
+        data,
+        function(el) {
+          var id = el.id || el.value;
+          var value = el.label || el.id;
+          // match regexp only for local requests, remote ones are already
+          // filtered, and label may not contain filtered term.
+          if (id && (xhr || matcher.test(el.label))) {
+            return {
+              html: highlighter(value, request.term),
+              value: value,
+              id: id
+            };
+          }
       });
     },
 
     _getSourceFunction: function(source) {
-
-      var self = this,
-          requestIndex = 0;
+      var self = this;
+      var requestIndex = 0;
 
       if ($.isArray(source)) {
-
         return function(request, response) {
           response(self._getResultSet(request, source, false));
         };
-
-      } else if (typeof source === "string") {
-
+      } else if (typeof source === 'string') {
         return function(request, response) {
-
           if (this.xhr) {
             this.xhr.abort();
           }
@@ -162,7 +119,7 @@
           this.xhr = $.ajax({
             url: source,
             data: self.options.createQuery(request.term),
-            dataType: "json",
+            dataType: 'json',
             autocompleteRequest: ++requestIndex,
             success: function(data, status) {
               if (this.autocompleteRequest === requestIndex) {
@@ -176,17 +133,161 @@
             }
           });
         };
+      } else {
+        return source;
+      }
+    },
 
+    _setOptionsSource: function() {
+      if (this.options.xhr) {
+        this.options.source = this.options.remote_source;
       } else {
+        this.options.source = this.element.children('option').map(function() {
+          return { label: $(this).text(), value: this.value };
+        }).toArray();
+      }
+    },
 
-        return source;
+    _buttonField: function() {
+      return $(
+        '<span class="input-group-btn">' +
+          '<label class="btn btn-info dropdown-toggle" data-toggle="dropdown" aria-expanded="false" title="Show All Items" role="button">' +
+            '<span class="caret"></span>' +
+            '<span class="ui-button-text">&nbsp;</span>' +
+          '</label>' +
+        '</span>'
+      );
+    },
+
+    _autocompleteDropdownEvent: function(element) {
+      var self = this;
+
+      return element.click(function() {
+        // close if already visible
+        if (self.input.autocomplete('widget').is(':visible')) {
+          self.input.autocomplete('close');
+          return;
+        }
+
+        // pass empty string as value to search for, displaying all results
+        self.input.autocomplete('search', '');
+        self.input.focus();
+      });
+    },
+
+    _inputField: function() {
+      var input;
+      var selected = this.element.children(':selected');
+      var value = selected.val() ? selected.text() : '';
+
+      input = $('<input type="text">')
+        .val(value)
+        .addClass('form-control ra-filtering-select-input')
+        .attr('style', this.element.attr('style'))
+        .show();
+
+      if (this.element.attr('placeholder')) {
+        input.attr('placeholder', this.element.attr('placeholder'));
       }
+
+      if (this.element.attr('required')) {
+        input.attr('required', this.element.attr('required'));
+        this.element.attr('required', false);
+      }
+
+      return input;
+    },
+
+    _inputGroup: function(inputFor) {
+      return $('<div>')
+        .addClass('input-group filtering-select col-sm-2')
+        .attr('data-input-for', inputFor)
+        .css('float', this.element.css("float"));
+    },
+
+    _initAutocomplete: function() {
+      var self = this;
+
+      return this.input.autocomplete({
+        delay: this.options.searchDelay,
+        minLength: this.options.minLength,
+        source: this._getSourceFunction(this.options.source),
+        select: function(event, ui) {
+          var option = $('<option>')
+            .attr('value', ui.item.id)
+            .attr('selected', 'selected')
+            .text(ui.item.value);
+          self.element.html(option)
+            .trigger('change', ui.item.id);
+          self._trigger('selected', event, {
+            item: option
+          });
+          $(self.element.parents('.controls')[0])
+            .find('.update')
+            .removeClass('disabled');
+        },
+        change: function(event, ui) {
+          if (ui.item) {
+            return;
+          }
+
+          var matcher = new RegExp('^' + $.ui.autocomplete.escapeRegex($(this).val()) + '$', 'i');
+          var valid = false;
+
+          self.element.children('option')
+            .each(function() {
+              if ($(this).text().match(matcher)) {
+                valid = true;
+                return false;
+              }
+            });
+
+          if (valid || $(this).val() !== '') {
+            return;
+          }
+
+          // remove invalid value, as it didn't match anything
+          $(this).val(null);
+          self.element.html($('<option value="" selected="selected"></option>'));
+          self.input.data('ui-autocomplete').term = '';
+          $(self.element.parents('.controls')[0])
+            .find('.update')
+            .addClass('disabled');
+          return false;
+        }
+      });
+    },
+
+    _initKeyEvent: function() {
+      var self = this;
+
+      return this.input.keyup(function() {
+        if ($(this).val().length) {
+          return;
+        }
+
+        /* Clear select options and trigger change if selected item is deleted */
+        return self.element
+          .html($('<option value="" selected="selected"></option>'))
+          .trigger('change');
+      });
+    },
+
+    _overloadRenderItem: function() {
+      this.input.data('ui-autocomplete')._renderItem = function(ul, item) {
+        return $('<li></li>')
+          .data('ui-autocomplete-item', item)
+          .append($('<a></a>')
+          .html(item.html || item.id))
+          .appendTo(ul);
+      };
     },
 
     destroy: function() {
       this.input.remove();
       this.button.remove();
       this.element.show();
+      this.filtering_select.remove();
       $.Widget.prototype.destroy.call(this);
     }
   });

data/app/assets/javascripts/rails_admin/ra.i18n.js

@@ -0,0 +1,28 @@
+(function() {
+  var Locale;
+
+  this.RailsAdmin || (this.RailsAdmin = {});
+
+  this.RailsAdmin.I18n = Locale = (function() {
+    function Locale() {}
+
+    Locale.init = function(locale, translations) {
+      this.locale = locale;
+      this.translations = translations;
+      moment.locale(this.locale);
+      if (typeof this.translations === "string") {
+        this.translations = JSON.parse(this.translations);
+      }
+    };
+
+    Locale.t = function(key) {
+      var humanize;
+      humanize = key.charAt(0).toUpperCase() + key.replace(/_/g, " ").slice(1);
+      return this.translations[key] || humanize;
+    };
+
+    return Locale;
+
+  })();
+
+}).call(this);

data/app/assets/javascripts/rails_admin/ra.nested-form-hooks.js

@@ -0,0 +1,59 @@
+(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>').attr('data-toggle', 'tab').attr('href', '#' + field.attr('id')).text(field.children('.object-infos').data('object-label'))
+    )
+    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);
+    $(window.document).trigger('rails_admin.dom_ready', [field, parent_group]);
+    new_tab.children('a').tab('show');
+    if (!one_to_one) {
+      nav.filter(':hidden').show('slow');
+    }
+    content.filter(':hidden').show('slow');
+    toggler.addClass('active').removeClass('disabled').children('i').addClass('icon-chevron-down').removeClass('icon-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').tab('show');
+    current_li.remove();
+    if (nav.children().length === 0) {
+      nav.filter(':visible').hide('slow');
+      toggler.removeClass('active').addClass('disabled').children('i').removeClass('icon-chevron-down').addClass('icon-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).removeAttr('required');
+    });
+  });
+}(jQuery));

data/app/assets/javascripts/rails_admin/ra.sidescroll.js

@@ -0,0 +1,31 @@
+(function($) {
+  function setFrozenColPositions() {
+    var $listForm, frozenColumns;
+
+    $listForm = $('#bulk_form');
+    if (!$listForm.is('.ra-sidescroll')) {
+      return;
+    }
+    frozenColumns = $listForm.data('ra-sidescroll');
+
+    $listForm.find('table tr').each(function(index, tr) {
+      var firstPosition  = 0;
+
+      $(tr).children().slice(0, frozenColumns).each(function(idx, td) {
+        var tdLeft;
+        $(td).addClass('ra-sidescroll-frozen');
+        if (idx === frozenColumns - 1) {
+          $(td).addClass('last-of-frozen');
+        }
+        tdLeft = $(td).position().left;
+        if (idx === 0) {
+          firstPosition = tdLeft;
+        }
+        td.style.left = (tdLeft - firstPosition) + "px";
+      });
+    });
+  };
+
+  $(window).on('load', setFrozenColPositions);
+  $(document).on('rails_admin.dom_ready', setFrozenColPositions);
+})(jQuery);