elucid-rails_admin 0.0.1

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

@@ -0,0 +1,67 @@
+/*
+ * RailsAdmin date/time picker @VERSION
+ *
+ * License
+ *
+ * http://www.railsadmin.org
+ *
+ * Depends:
+ *   jquery.ui.core.js
+ *   jquery.ui.widget.js
+ *   jquery.ui.datepicker.js
+ *   jquery.ui.timepicker.js (http://plugins.jquery.com/project/timepicker-by-fgelinas)
+ */
+(function($) {
+
+  $.widget("ra.datetimepicker", {
+    options: {
+      showDate: true,
+      showTime: true,
+      datepicker: {},
+      timepicker: {}
+    },
+
+    _create: function() {
+      var widget = this;
+      this.element.hide();
+
+      if (this.options.showTime) {
+        this.timepicker = $('<input type="text" value="' + this.options.timepicker.value + '" />');
+
+        this.timepicker.css("width", "60px");
+
+        this.timepicker.insertAfter(this.element);
+
+        this.timepicker.bind("change", function() { widget._onChange(); });
+
+        this.timepicker.timepicker(this.options.timepicker);
+      }
+
+      if (this.options.showDate) {
+        this.datepicker = $('<input type="text" value="' + this.options.datepicker.value + '" />');
+
+        this.datepicker.css("margin-right", "10px");
+
+        this.datepicker.insertAfter(this.element);
+
+        this.datepicker.bind("change", function() { widget._onChange(); });
+
+        this.datepicker.datepicker(this.options.datepicker);
+      }
+    },
+
+    _onChange: function() {
+      var value = [];
+
+      if (this.options.showDate) {
+        value.push(this.datepicker.val());
+      }
+
+      if (this.options.showTime) {
+        value.push(this.timepicker.val());
+      }
+
+      this.element.val(value.join(" "));
+    }
+  });
+})(jQuery);

data/app/assets/javascripts/rails_admin/ra.filter-box.js

@@ -0,0 +1,119 @@
+(function($) {
+
+  var filters;
+
+  $.filters = filters = {
+    append: function(field_label, field_name, field_type, field_value, field_operator, field_options, multiple_values, index) {
+      var value_name = 'filters[' +  field_name + '][' + index + '][value]';
+      var operator_name = 'filters[' +  field_name + '][' + index + '][operator]';
+      switch(field_type) {
+        case 'boolean':
+          var control = '<select class="span3 " name="' + value_name + '">' +
+            '<option value="_discard">...</option>' +
+            '<option value="true"' + (field_value == "true" ? 'selected="selected"' : '') + '>True</option>' +
+            '<option value="false"' + (field_value == "false" ? 'selected="selected"' : '') + '>False</option>' +
+            '<option disabled="disabled">---------</option>' +
+            '<option ' + (field_value == "_present" ? 'selected="selected"' : '') + ' value="_present">Is present</option>' +
+            '<option ' + (field_value == "_blank"   ? 'selected="selected"' : '') + ' value="_blank"  >Is blank</option>' +
+          '</select>';
+          break;
+        case 'date':
+        case 'datetime':
+        case 'timestamp':
+          var control = '<select class="switch-additionnal-fieldsets span3 " name="' + operator_name + '">' +
+            '<option data-additional-fieldset="false" value="_discard">...</option>' +
+            '<option data-additional-fieldset="false"' + (field_operator == "today"     ? 'selected="selected"' : '') + ' value="today">Today</option>' +
+            '<option data-additional-fieldset="false"' + (field_operator == "yesterday" ? 'selected="selected"' : '') + ' value="yesterday">Yesterday</option>' +
+            '<option data-additional-fieldset="false"' + (field_operator == "this_week" ? 'selected="selected"' : '') + ' value="this_week">This week</option>' +
+            '<option data-additional-fieldset="false"' + (field_operator == "last_week" ? 'selected="selected"' : '') + ' value="last_week">Last week</option>' +
+            '<option data-additional-fieldset="true" ' + (field_operator == "less_than" ? 'selected="selected"' : '') + ' value="less_than">Less than ... days ago</option>' +
+            '<option data-additional-fieldset="true" ' + (field_operator == "more_than" ? 'selected="selected"' : '') + ' value="more_than">More than ... days ago</option>' +
+            '<option disabled="disabled">---------</option>' +
+            '<option data-additional-fieldset="false"' + (field_operator == "_not_null"  ? 'selected="selected"' : '') + ' value="_not_null">Is present</option>' +
+            '<option data-additional-fieldset="false"' + (field_operator == "_null"    ? 'selected="selected"' : '') + ' value="_null" >Is blank</option>' +
+          '</select>'
+          var additional_control = '<input class="additional-fieldset span2 " style="display:' + (field_operator == "less_than" || field_operator == "more_than" ? 'block' : 'none') + ';" type="text" name="' + value_name + '" value="' + field_value + '" /> ';
+          break;
+        case 'enum':
+          var field_options = $('<div/>').html(field_options).text(); // entities decode
+          var control = '<span class="switch-select">' + 
+            '<select style="display:' + (multiple_values ? 'none' : 'block') + '" ' + (multiple_values ? '' : 'name="' + value_name + '"') + ' data-name="' + value_name + '" class="span3 select-single">' +
+              '<option value="_discard">...</option>' +
+              '<option ' + (field_value == "_present" ? 'selected="selected"' : '') + ' value="_present">Is present</option>' +
+              '<option ' + (field_value == "_blank"   ? 'selected="selected"' : '') + ' value="_blank">Is blank</option>' +
+              '<option disabled="disabled">---------</option>' +
+              field_options +
+            '</select>' + 
+            '<select multiple="multiple" style="display:' + (multiple_values ? 'block' : 'none') + '" ' + (multiple_values ? 'name="' + value_name + '[]"' : '') + ' data-name="' + value_name + '[]" class="span3 select-multiple">' +
+              field_options +
+            '</select>' +
+          '</span>';
+        break;
+        case 'string':
+        case 'text':
+        case 'belongs_to_association':
+          var control = '<select class="switch-additionnal-fieldsets span3 " value="' + field_operator + '" name="' + operator_name + '">' +
+            '<option data-additional-fieldset="true"'  + (field_operator == "like"        ? 'selected="selected"' : '') + ' value="like">Contains</option>' +
+            '<option data-additional-fieldset="true"'  + (field_operator == "is"          ? 'selected="selected"' : '') + ' value="is">Is exactly</option>' +
+            '<option data-additional-fieldset="true"'  + (field_operator == "starts_with" ? 'selected="selected"' : '') + ' value="starts_with">Starts with</option>' +
+            '<option data-additional-fieldset="true"'  + (field_operator == "ends_with"   ? 'selected="selected"' : '') + ' value="ends_with">Ends with</option>' +
+            '<option disabled="disabled">---------</option>' +
+            '<option data-additional-fieldset="false"' + (field_operator == "_present"    ? 'selected="selected"' : '') + ' value="_present">Is present</option>' +
+            '<option data-additional-fieldset="false"' + (field_operator == "_blank"      ? 'selected="selected"' : '') + ' value="_blank">Is blank</option>' +
+          '</select>'
+          var additional_control = '<input class="additional-fieldset span2" style="display:' + (field_operator == "_blank" || field_operator == "_present" ? 'none' : 'block') + ';" type="text" name="' + value_name + '" value="' + field_value + '" /> ';
+          break;
+        default:
+          var control = '<input class="span2" type="text" name="' + value_name + '" value="' + field_value + '"/> ';
+          break;
+      }
+
+      
+      var content = '<div class="row filter clearfix">' +
+          '<span class="span3">' +
+            '<span data-original-title="Click to remove this filter" rel="twipsy" class="btn info delete" data-disabler-name="filters[' +  field_name + '][' + index + '][disabled]">' + field_label + '</span>' +
+          '</span>' +
+          '<span class="span3">'+
+            control +
+          '</span>'+ 
+          (additional_control ? '<span class="span2">' + additional_control + '</span>' : '') +
+        '</div>'
+      $('#filters_box').append(content);
+    }
+  }
+
+  $("#filters a").live('click', function() {
+    $.filters.append(
+      $(this).data('field-label'),
+      $(this).data('field-name'),
+      $(this).data('field-type'),
+      $(this).data('field-value'),
+      $(this).data('field-operator'),
+      $(this).data('field-options'),
+      $(this).data('field-multiple_values'),
+      $.now()
+    );
+    $("[rel=twipsy]").twipsy();
+  });
+
+  $('#filters_box .delete').live('click', function() {
+    $(this).parents('.filter').hide('slow');
+    $(this).append('<input type="hidden" name="' + $(this).data('disabler-name') + '" value="true" />')
+  });
+
+  $('#filters_box .switch-select').live('dblclick', function() {
+    var selected_select = $(this).children('select:visible');
+    var not_selected_select = $(this).children('select:hidden');
+    not_selected_select.attr('name', not_selected_select.data('name')).show('slow');
+    selected_select.attr('name', null).hide('slow');
+  });
+
+  $('#filters_box .switch-additionnal-fieldsets').live('change', function() {
+    var selected_option = $(this).find('option:selected');
+    if($(selected_option).data('additional-fieldset')) {
+      $(this).parent().siblings().children('.additional-fieldset').show('slow');
+    } else {
+      $(this).parent().siblings().children('.additional-fieldset').hide('slow');
+    }
+  });
+})( jQuery );

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

@@ -0,0 +1,280 @@
+/*
+ * RailsAdmin filtering multiselect @VERSION
+ *
+ * License
+ *
+ * http://www.railsadmin.org
+ *
+ * Depends:
+ *   jquery.ui.core.js
+ *   jquery.ui.widget.js
+ */
+(function($) {
+  $.widget("ra.filteringMultiselect", {
+    _cache: {},
+    options: {
+      createQuery: function(query) {
+        return { query: query };
+      },
+      sortable: false,
+      regional: {
+        up: "Up",
+        down: "Down",
+        add: "Add",
+        chooseAll: "Choose all",
+        chosen: "Chosen records",
+        clearAll: "Clear all",
+        remove: "Remove",
+        selectChoice: "Select your choice(s) and click"
+      },
+      searchDelay: 400,
+      remote_source: null,
+      xhr: false
+    },
+
+    _create: function() {
+      this._cache = {};
+      this._build();
+      this._buildCache();
+      this._bindEvents();
+    },
+
+    _build: function() {
+      var i;
+
+      this.wrapper = $('<div class="ra-multiselect">');
+
+      this.wrapper.insertAfter(this.element);
+
+      this.header = $('<div class="ra-multiselect-header ui-helper-clearfix">');
+
+      this.filter = $('<input type="search" placeholder="' + this.options.regional.search + '" class="ra-multiselect-search"/>');
+
+      this.header.append(this.filter);
+
+      this.wrapper.append(this.header);
+
+      this.columns = {
+        left: $('<div class="ra-multiselect-column ra-multiselect-left">'),
+        center: $('<div class="ra-multiselect-column ra-multiselect-center">'),
+        right: $('<div class="ra-multiselect-column ra-multiselect-right">')
+      };
+
+      for (i in this.columns) {
+        if (this.columns.hasOwnProperty(i)) {
+          this.wrapper.append(this.columns[i]);
+        }
+      }
+
+      this.collection = $('<select multiple="multiple"></select>');
+
+      this.collection.addClass("ra-multiselect-collection");
+
+      this.addAll = $('<a href="#" class="ra-multiselect-item-add-all"><span class="ui-icon ui-icon-circle-triangle-e"></span>' + this.options.regional.chooseAll + '</a>');
+
+      this.columns.left.append(this.collection)
+                          .append(this.addAll);
+
+      this.add = $('<a href="#" class="ui-icon ui-icon-circle-triangle-e ra-multiselect-item-add">' + this.options.regional.add + '</a>');
+
+      this.remove = $('<a href="#" class="ui-icon ui-icon-circle-triangle-w ra-multiselect-item-remove">' + this.options.regional.remove + '</a>');
+
+      this.columns.center.append(this.add).append(this.remove)
+      if (this.options.sortable) {
+        this.up = $('<a href="#" class="ui-icon ui-icon-circle-triangle-n ra-multiselect-item-up">' + this.options.regional.up + '</a>');
+        this.down = $('<a href="#" class="ui-icon ui-icon-circle-triangle-s ra-multiselect-item-down">' + this.options.regional.down + '</a>');
+        this.columns.center.append(this.up).append(this.down);
+      }
+
+      this.selection = $('<select class="ra-multiselect-selection" multiple="multiple"></select>');
+
+      this.removeAll = $('<a href="#" class="ra-multiselect-item-remove-all"><span class="ui-icon ui-icon-circle-triangle-w"></span>' + this.options.regional.clearAll + '</a>');
+
+      this.columns.right.append(this.selection)
+                           .append(this.removeAll);
+
+      this.element.css({display: "none"});
+    },
+
+    _bindEvents: function() {
+      var widget = this;
+
+      /* Add all to selection */
+      this.addAll.click(function(e){
+        widget._select($('option', widget.collection));
+        e.preventDefault();
+      });
+
+      /* Add to selection */
+      this.add.click(function(e){
+        widget._select($(':selected', widget.collection));
+        e.preventDefault();
+      });
+
+      /* Remove all from selection */
+      this.removeAll.click(function(e){
+        widget._deSelect($('option', widget.selection));
+        e.preventDefault();
+      });
+
+      /* Remove from selection */
+      this.remove.click(function(e){
+        widget._deSelect($(':selected', widget.selection));
+        e.preventDefault();
+      });
+
+      var timeout = null;
+      if(this.options.sortable) {
+        /* Move selection up */
+        this.up.click(function(e){
+          widget._move('up', $(':selected', widget.selection));
+          e.preventDefault();
+        });
+
+        /* Move selection down */
+        this.down.click(function(e){
+          widget._move('down', $(':selected', widget.selection));
+          e.preventDefault();
+        });
+      }
+
+      /* Typing to the filter */
+      this.filter.bind('keyup click', function(e){
+        if (timeout) { clearTimeout(timeout); }
+        timeout = setTimeout(function() {
+            widget._queryFilter(widget.filter.val());
+          }, widget.options.searchDelay
+        );
+      });
+    },
+
+    _queryFilter: function(val) {
+      var widget = this;
+      widget._query(val, function(matches) {
+        var i, html = "";
+        for (i in matches) {
+          if (matches.hasOwnProperty(i) && !widget.selected(matches[i].id)) {
+            html += '<option value="' + matches[i].id + '">' + matches[i].label + '</option>';
+          }
+        }
+
+        widget.collection.html(html);
+      });
+    },
+
+    _buildCache: function(options) {
+      var widget = this;
+
+      this.element.find("option").each(function(i, option) {
+        if (option.selected) {
+          widget._cache[option.value] = option.innerHTML;
+          $(option).clone().appendTo(widget.selection).attr("selected", false);
+        } else {
+          widget._cache[option.value] = option.innerHTML;
+          $(option).clone().appendTo(widget.collection).attr("selected", false);
+        }
+      });
+    },
+
+    _deSelect: function(options) {
+      var widget = this;
+      options.each(function(i, option) {
+        widget.element.find("option[value=" + option.value + "]").removeAttr("selected");
+      });
+      $(options).appendTo(this.collection).attr('selected', false);
+    },
+
+    _query: function(query, success) {
+
+      var i, matches = [];
+
+      if (query === "") {
+
+        if (!this.options.xhr) {
+          for (i in this._cache) {
+            if (this._cache.hasOwnProperty(i)) {
+              matches.push({id: i, label: this._cache[i]});
+            }
+          }
+        }
+
+        success.apply(this, [matches]);
+
+      } else {
+
+        if (this.options.xhr) {
+
+          $.ajax({
+            beforeSend: function(xhr) {
+              xhr.setRequestHeader("Accept", "application/json");
+            },
+            url: this.options.remote_source,
+            data: this.options.createQuery(query),
+            success: success
+          });
+
+        } else {
+
+          query = new RegExp(query + '.*', 'i');
+
+          for (i in this._cache) {
+            if (this._cache.hasOwnProperty(i) && query.test(this._cache[i])) {
+              matches.push({id: i, label: this._cache[i]});
+            }
+          }
+
+          success.apply(this, [matches]);
+        }
+      }
+    },
+
+    _select: function(options) {
+      var widget = this;
+      options.each(function(i, option) {
+        var el = widget.element.find("option[value=" + option.value + "]");
+        if (el.length) {
+          el.attr("selected", "selected");
+        } else {
+          widget.element.append($('<option value="' + option.value + '" selected="selected"></option>'));
+        }
+      });
+      $(options).appendTo(this.selection).attr('selected', false);
+    },
+
+    _move: function(direction, options) {
+      var widget = this;
+      if(direction == 'up') {
+        options.each(function(i, option) {
+          var prev = $(option).prev();
+          if (prev.length > 0) {
+            var el = widget.element.find("option[value=" + option.value + "]");
+            var el_prev = widget.element.find("option[value=" + prev[0].value + "]");
+            el_prev.before(el);
+            prev.before($(option));
+          }
+        });
+      } else {
+        $.fn.reverse = [].reverse; // needed to lower last items first
+        options.reverse().each(function(i, option) {
+          var next = $(option).next();
+          if (next.length > 0) {
+            var el = widget.element.find("option[value=" + option.value + "]");
+            var el_next = widget.element.find("option[value=" + next[0].value + "]");
+            el_next.after(el);
+            next.after($(option));
+          }
+        });
+      }
+    },
+
+    selected: function(value) {
+      return this.element.find("option[value=" + value + "]").attr("selected");
+    },
+
+    destroy: function() {
+      this.wrapper.remove();
+      this.element.css({display: "inline"});
+      $.Widget.prototype.destroy.apply(this, arguments);
+    }
+  });
+})(jQuery);