drewda_rails_admin 0.0.1

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,40 @@
+$ = 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)
+  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,150 @@
+/*
+ * 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').data('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);
+
+      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/rails_admin.js.erb

@@ -0,0 +1,25 @@
+<%
+  theme = ENV['RAILS_ADMIN_THEME'] || :default
+  require_asset 'jquery'
+  require_asset 'jquery_ujs'
+  require_asset 'jquery.remotipart'
+  require_asset 'jquery.effects.core'
+  require_asset 'jquery.ui.sortable'
+  require_asset 'jquery.ui.autocomplete'
+  require_asset 'jquery.ui.datepicker'
+  require_asset 'rails_admin/jquery.ui.timepicker'
+  require_asset 'rails_admin/ra.datetimepicker'
+  require_asset 'rails_admin/ra.filter-box'
+  require_asset 'rails_admin/ra.filtering-multiselect'
+  require_asset 'rails_admin/ra.filtering-select'
+  require_asset 'rails_admin/ra.remote-form'
+  require_asset 'rails_admin/jquery.pjax'
+  require_asset 'jquery_nested_form'
+  require_asset 'rails_admin/ra.nested-form-hooks'
+  require_asset 'bootstrap'
+  require_asset 'rails_admin/ui'
+  require_asset "rails_admin/themes/#{theme}/ui"
+  require_asset 'rails_admin/custom/ui'
+%>
+
+

data/app/assets/javascripts/rails_admin/themes/default/ui.js

@@ -0,0 +1,12 @@
+/*
+  Theme's JS behaviour
+
+  Available resources:
+
+  http://twitter.github.com/bootstrap/javascript.html
+  https://github.com/twitter/bootstrap/tree/master/js
+  http://jquery.com/
+  http://jqueryui.com/ (parts of it)
+
+  rename to ui.js.coffee if needed.
+*/

data/app/assets/javascripts/rails_admin/ui.js.coffee

@@ -0,0 +1,61 @@
+$ = jQuery
+
+$("#list input.toggle").live "click", ->
+  $("#list [name='bulk_ids[]']").attr "checked", $(this).is(":checked")
+
+$("#list a, #list form").live "ajax:complete", (xhr, data, status) ->
+  $("#list").replaceWith data.responseText
+
+$("table#history th.header[data-href]").live "click", ->
+  window.location = $(this).data('href')
+
+$('.pjax').live 'click', (event) ->
+  if $.support.pjax
+    event.preventDefault()
+    $.pjax
+      container: '[data-pjax-container]'
+      url: $(this).data('href') || $(this).attr('href')
+      timeout: 2000
+  else if $(this).data('href') # not a native #href, need some help
+    window.location = $(this).data('href')
+
+$('.pjax-form').live 'submit', (event) ->
+  if $.support.pjax
+    event.preventDefault()
+    $.pjax
+      container: '[data-pjax-container]'
+      url: this.action + (if (this.action.indexOf('?') != -1) then '&' else '?') + $(this).serialize()
+      timeout: 2000
+
+$('[data-target]').live 'click', ->
+  if !$(this).hasClass('disabled')
+    if $(this).has('i.icon-chevron-down').length
+      $(this).removeClass('active').children('i').toggleClass('icon-chevron-down icon-chevron-right')
+      $($(this).data('target')).select(':visible').hide('slow')
+    else
+      if $(this).has('i.icon-chevron-right').length
+        $(this).addClass('active').children('i').toggleClass('icon-chevron-down icon-chevron-right')
+        $($(this).data('target')).select(':hidden').show('slow')
+
+$('.form-horizontal legend').live 'click', ->
+  if $(this).has('i.icon-chevron-down').length
+    $(this).siblings('.control-group:visible').hide('slow')
+    $(this).children('i').toggleClass('icon-chevron-down icon-chevron-right')
+  else
+    if $(this).has('i.icon-chevron-right').length
+      $(this).siblings('.control-group:hidden').show('slow')
+      $(this).children('i').toggleClass('icon-chevron-down icon-chevron-right')
+      
+$(document).ready ->
+
+  $('.animate-width-to').each ->
+    length = $(this).data("animate-length")
+    width = $(this).data("animate-width-to")
+    $(this).animate(width: width, length, 'easeOutQuad')
+
+  $('.form-horizontal legend').has('i.icon-chevron-right').each ->
+    $(this).siblings('.control-group').hide()
+
+  $('[rel=tooltip]').tooltip(delay: { show: 200, hide: 500 });
+
+