upstream-rails_admin 1.0.2

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

@@ -0,0 +1,181 @@
+/*
+ * RailsAdmin filtering select @VERSION
+ *
+ * Based on the combobox example from jQuery UI documentation
+ * http://jqueryui.com/demos/autocomplete/#combobox
+ *
+ * License
+ *
+ * http://www.railsadmin.org
+ *
+ * Depends:
+ *   jquery.ui.core.js
+ *   jquery.ui.widget.js
+ *   jquery.ui.autocomplete.js
+ */
+(function($) {
+  $.widget("ra.filteringSelect", {
+    options: {
+      createQuery: function(query) {
+        return { query: query };
+      },
+      minLength: 0,
+      searchDelay: 200,
+      remote_source: null,
+      source: null,
+      xhr: false
+    },
+
+    _create: function() {
+      var self = this,
+        select = this.element.hide(),
+        selected = select.children(":selected"),
+        value = selected.val() ? selected.text() : "";
+
+      if (this.options.xhr) {
+        this.options.source = this.options.remote_source;
+      } else {
+        this.options.source = select.children("option").map(function() {
+          return { label: $(this).text(), value: this.value };
+        }).toArray();
+      }
+      var filtering_select = $('<div class="input-append filtering-select" style="float:left"></div>')
+      var input = this.input = $('<input type="search">')
+        .val(value)
+        .addClass("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 value="' + ui.item.id + '" selected="selected">' + ui.item.value + '</option>');
+            select.html(option);
+            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("autocomplete").term = "";
+                $(self.element.parents('.controls')[0]).find('.update').addClass('disabled');
+                return false;
+              }
+
+            }
+          }
+        })
+      if(select.attr('placeholder'))
+        input.attr('placeholder', select.attr('placeholder'))
+
+      input.data("autocomplete")._renderItem = function(ul, item) {
+        return $("<li></li>")
+          .data("item.autocomplete", item)
+          .append( $( "<a></a>" ).html( item.label || item.id ) )
+          .appendTo(ul);
+      };
+
+      // replace with dropdown button once ready in twitter-bootstrap
+      var button = this.button = $('<label class="add-on ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only" title="Show All Items" role="button"><span class="ui-button-icon-primary ui-icon ui-icon-triangle-1-s"></span><span class="ui-button-text">&nbsp;</span></label>')
+        .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);
+
+
+    },
+
+    _getResultSet: function(request, data, xhr) {
+      var matcher = new RegExp($.ui.autocomplete.escapeRegex(request.term), "i");
+
+      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 {
+            label: el.label ? el.label.replace(
+              new RegExp(
+                "(?![^&;]+;)(?!<[^<>]*)(" +
+                $.ui.autocomplete.escapeRegex(request.term) +
+                ")(?![^<>]*>)(?![^&;]+;)", "gi"
+             ), "<strong>$1</strong>") : el.id,
+            value: el.label || el.id,
+            id: el.id || el.value
+          };
+        }
+      });
+    },
+
+    _getSourceFunction: function(source) {
+
+      var self = this,
+          requestIndex = 0;
+
+      if ($.isArray(source)) {
+
+        return function(request, response) {
+          response(self._getResultSet(request, source, false));
+        };
+
+      } else if (typeof source === "string") {
+
+        return function(request, response) {
+
+          if (this.xhr) {
+            this.xhr.abort();
+          }
+
+          this.xhr = $.ajax({
+            url: source,
+            data: self.options.createQuery(request.term),
+            dataType: "json",
+            autocompleteRequest: ++requestIndex,
+            success: function(data, status) {
+              if (this.autocompleteRequest === requestIndex) {
+                response(self._getResultSet(request, data, true));
+              }
+            },
+            error: function() {
+              if (this.autocompleteRequest === requestIndex) {
+                response([]);
+              }
+            }
+          });
+        };
+
+      } else {
+
+        return source;
+      }
+    },
+
+    destroy: function() {
+      this.input.remove();
+      this.button.remove();
+      this.element.show();
+      $.Widget.prototype.destroy.call(this);
+    }
+  });
+})(jQuery);

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

@@ -0,0 +1,41 @@
+$ = jQuery
+
+$(document).ready ->
+  window.nestedFormEvents.insertFields = (content, assoc, link) ->
+    tab_content = $(link).closest(".controls").siblings(".tab-content")
+    tab_content.append content
+    tab_content.children().last()
+
+$('form').live 'nested:fieldAdded', (content) ->
+  field = content.field.addClass('tab-pane')
+  new_tab = $('<li><a data-toggle="tab" href="#' + field.attr('id') + '">' + field.children('.object-infos').data('object-label') + '</a></li>')
+  parent_group = field.closest('.control-group')
+  controls = parent_group.children('.controls')
+  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') # fire dom_ready for new player in town
+  new_tab.children('a').tab('show') # activate added tab
+  nav.select(':hidden').show('slow') # show nav if hidden
+  content.select(':hidden').show('slow') # show tabs content if hidden
+  # toggler 'on' if inactive
+  toggler.addClass('active').removeClass('disabled').children('i').addClass('icon-chevron-down').removeClass('icon-chevron-right')
+
+$('form').live 'nested:fieldRemoved', (content) ->
+  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')
+  toggler = controls.find('.toggler')
+
+  # try to activate another tab
+  (if current_li.next().length then current_li.next() else current_li.prev()).children('a:first').tab('show')
+
+  current_li.remove()
+
+  if nav.children().length == 0 # removed last tab
+    nav.select(':visible').hide('slow') # hide nav. No use anymore.
+    # toggler 'off' if active
+    toggler.removeClass('active').addClass('disabled').children('i').removeClass('icon-chevron-down').addClass('icon-chevron-right')

data/app/assets/javascripts/rails_admin/ra.remote-form.js

@@ -0,0 +1,152 @@
+/*
+ * RailsAdmin remote form @VERSION
+ *
+ * License
+ *
+ * http://www.railsadmin.org
+ *
+ * Depends:
+ *   jquery.ui.core.js
+ *   jquery.ui.widget.js
+ *   jquery.ui.dialog.js
+ */
+(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.find('.ra-multiselect option').live('dblclick', 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){
+        if(value = dom_widget.find('select').val()) {
+          widget._bindModalOpening(e, $(this).data('link').replace('__ID__', value))
+        } else {
+          e.preventDefault();
+        }
+      });
+    },
+
+    _bindModalOpening: function(e, url) {
+      e.preventDefault();
+      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'
+        });
+      },100);
+
+    },
+
+    _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);
+      dialog.find('.modal-header-title').text(form.data('title'));
+      dialog.find('.cancel-action').unbind().click(function(){
+        dialog.modal('hide');
+        return false;
+      }).html(cancelButtonText);
+
+      dialog.find('.save-action').unbind().click(function(){
+        form.submit();
+        return false;
+      }).html(saveButtonText);
+      
+      $(document).trigger('rails_admin.dom_ready')
+      
+      form.bind("ajax:complete", function(xhr, data, status) {
+        if (status == 'error') {
+          dialog.find('.modal-body').html(data.responseText);
+          widget._bindFormEvents();
+        } else {
+          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 input = widget.element.find('.ra-filtering-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.prepend(option);
+              multiselect.find('select.ra-multiselect-selection').prepend(option);
+            }
+          }
+          widget._trigger("success");
+          dialog.modal("hide");
+        }
+      });
+    },
+
+    _getModal: function() {
+      var widget = this;
+      if (!widget.dialog) {
+        widget.dialog = $('\
+          <div id="modal" class="modal fade">\
+            <div class="modal-header">\
+              <a href="#" class="close" data-dismiss="modal">&times;</a>\
+              <h3 class="modal-header-title">...</h3>\
+            </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>')
+          .modal({
+            keyboard: true,
+            backdrop: true,
+            show: true
+          })
+          .on('hidden', function(){
+            widget.dialog.remove();   // We don't want to reuse closed modals
+            widget.dialog = null;
+          });
+        }
+      return this.dialog;
+    }
+  });
+})(jQuery);

data/app/assets/javascripts/rails_admin/ra.widgets.coffee

@@ -0,0 +1,135 @@
+$(document).live 'rails_admin.dom_ready', ->
+
+  if $('form').length # don't waste time otherwise
+
+    # colorpicker
+
+    $('form [data-color]').each ->
+      that = this
+      $(this).ColorPicker
+        color: $(that).val()
+        onShow: (el) ->
+          $(el).fadeIn(500)
+          false
+        onHide: (el) ->
+          $(el).fadeOut(500)
+          false
+        onChange: (hsb, hex, rgb) ->
+          $(that).val(hex)
+          $(that).css('backgroundColor', '#' + hex)
+
+    # datetime
+
+    $('form [data-datetimepicker]').each ->
+      $(this).datetimepicker $(this).data('options')
+
+    # enumeration
+
+    $('form [data-enumeration]').each ->
+      $(this).filteringSelect $(this).data('options')
+
+    # fileupload
+
+    $('form [data-fileupload]').each ->
+      input = this
+      $(this).find(".delete input[type='checkbox']").live 'click', ->
+        $(input).children('.toggle').toggle('slow')
+
+    # filtering-multiselect
+
+    $('form [data-filteringmultiselect]').each ->
+      $(this).filteringMultiselect $(this).data('options')
+      if $(this).parents("#modal").length # hide link if we already are inside a dialog (endless issues on nested dialogs with JS)
+        $(this).parents('.control-group').find('.btn').remove()
+      else
+        $(this).parents('.control-group').first().remoteForm()
+
+    # filtering-select
+
+    $('form [data-filteringselect]').each ->
+      $(this).filteringSelect $(this).data('options')
+      if $(this).parents("#modal").length # hide link if we already are inside a dialog (endless issues on nested dialogs with JS)
+        $(this).parents('.control-group').find('.btn').remove()
+      else
+        $(this).parents('.control-group').first().remoteForm()
+
+    # nested-many
+
+    $('form [data-nestedmany]').each ->
+      field = $(this).parents('.control-group').first()
+      nav = field.find('> .controls > .nav')
+      content = field.find('> .tab-content')
+      toggler = field.find('> .controls > .btn-group > .toggler')
+      # add each nested field to a tab-pane and reference it in the nav
+      content.children('.fields:not(.tab-pane)').addClass('tab-pane').each ->
+        nav.append('<li><a data-toggle="tab" href="#' + this.id + '">' + $(this).children('.object-infos').data('object-label') + '</a></li>')
+      # init first tab, toggler and content/tabs visibility
+      nav.find("> li > a[data-toggle='tab']:first").tab('show')
+      if nav.children().length == 0
+        nav.hide()
+        content.hide()
+        toggler.addClass('disabled').removeClass('active').children('i').addClass('icon-chevron-right')
+      else
+        if toggler.hasClass('active')
+          nav.show()
+          content.show()
+          toggler.children('i').addClass('icon-chevron-down')
+        else
+          nav.hide()
+          content.hide()
+          toggler.children('i').addClass('icon-chevron-right')
+
+    # nested-one
+
+    $('form [data-nestedone]').each ->
+      field = $(this).parents('.control-group').first()
+      nav = field.find("> .controls > .nav")
+      content = field.find("> .tab-content")
+      toggler = field.find('> .controls > .toggler')
+      content.children(".fields:not(.tab-pane)").addClass('tab-pane').each ->
+        nav.append('<li><a data-toggle="tab" href="#' + this.id + '">' + $(this).children('.object-infos').data('object-label') + '</a></li>')
+      first_tab = nav.find("> li > a[data-toggle='tab']:first")
+      first_tab.tab('show')
+      field.find("> .controls > [data-target]:first").html('<i class="icon-white"></i> ' + first_tab.html())
+      if toggler.hasClass('active')
+        toggler.children('i').addClass('icon-chevron-down')
+        content.show()
+      else
+        toggler.children('i').addClass('icon-chevron-right')
+        content.hide()
+
+    # polymorphic-association
+
+    $('form [data-polymorphic]').each ->
+      type_select = $(this)
+      field = type_select.parents('.control-group').first()
+      object_select = field.find('select').last()
+      urls = type_select.data('urls')
+      type_select.on 'change', (e) ->
+        if $(this).val() is ''
+          object_select.html('<option value=""></option>')
+        else
+          $.ajax
+            url: urls[type_select.val()]
+            data:
+              compact: true
+              all: true
+            beforeSend: (xhr) ->
+              xhr.setRequestHeader("Accept", "application/json")
+            success: (data, status, xhr) ->
+              html = '<option></option>'
+              $(data).each (i, el) ->
+                html += '<option value="' + el.id + '">' + el.label + '</option>'
+              object_select.html(html)
+
+    # ckeditor
+
+    $('form [data-richtext=ckeditor]').not('.ckeditored').each ->
+      window.CKEDITOR_BASEPATH = '/assets/ckeditor/'
+      options = $(this).data('options')
+      if not window.CKEDITOR
+        $(window.document).append('<script src="' + options['jspath'] + '"><\/script>')
+      if instance = window.CKEDITOR.instances[this.id]
+        instance.destroy(true)
+      window.CKEDITOR.replace(this, options['options'])
+      $(this).addClass('ckeditored')