right-rails 1.2.1 → 1.2.2

data/vendor/assets/javascripts/right/dnd.js

@@ -0,0 +1,7 @@
+/**
+ * Drag'n'Drop module v2.2.2
+ * http://rightjs.org/plugins/drag-n-drop
+ *
+ * Copyright (C) 2009-2011 Nikolay Nemshilov
+ */
+(function(a,b,c){var d=c,e=c.$,f=c.$w,g=c.Class,h=c.isHash,i=c.isArray,j=c.Element,k=c.Observer,l=new g(k,{extend:{version:"2.2.2",EVENTS:f("before start drag stop drop"),Options:{handle:null,snap:0,axis:null,range:null,dragClass:"dragging",clone:!1,revert:!1,revertDuration:"normal",scroll:!0,scrollSensitivity:32,zIndex:1e7,moveOut:!1,relName:"draggable"},current:null,rescan:function(a){var c=this.Options.relName,d=this===l?"draggable":"droppable";(e(a)||e(b)).find('*[rel^="'+c+'"]').each(function(a){a[d]||new this(a,(new Function("return "+a.get("data-"+c)))()||{})},this)}},initialize:function(a,b){this.element=e(a),this.$super(b),this._dragStart=d(this.dragStart).bind(this),this.handle.onMousedown(this._dragStart),this.element.draggable=this},destroy:function(){this.handle.stopObserving("mousedown",this._dragStart),delete this.element.draggable;return this},setOptions:function(a){this.$super(a),this.handle=this.options.handle?e(this.options.handle):this.element,i(this.options.snap)?(this.snapX=this.options.snap[0],this.snapY=this.options.snap[1]):this.snapX=this.snapY=this.options.snap;return this},revert:function(){var a=this.clone.position(),b={top:a.y+this.ryDiff+"px",left:a.x+this.rxDiff+"px"};this.options.revertDuration&&this.element.morph?this.element.morph(b,{duration:this.options.revertDuration,onFinish:d(this.swapBack).bind(this)}):(this.element.setStyle(b),this.swapBack());return this},dragStart:function(c){if(this._drag)return!1;this._drag=!0,this.fire("before",this,c.stop());var d=this.element.position();this.xDiff=c.pageX-d.x,this.yDiff=c.pageY-d.y,this.rxDiff=this.ryDiff=0,this.element.parents().reverse().each(function(a){a.getStyle("position")!=="static"&&(a=a.position(),this.rxDiff=-a.x,this.ryDiff=-a.y)},this);var f={x:this.element.getStyle("width"),y:this.element.getStyle("height")};f.x=="auto"&&(f.x=this.element._.offsetWidth+"px"),f.y=="auto"&&(f.y=this.element._.offsetHeight+"px");if(this.options.clone||this.options.revert)this.clone=(new j(this.element._.cloneNode(!0))).setStyle({visibility:this.options.clone?"visible":"hidden"}).insertTo(this.element,"before");this.element.setStyle({position:"absolute",zIndex:l.Options.zIndex++,top:d.y+this.ryDiff+"px",left:d.x+this.rxDiff+"px",width:f.x,height:f.y}).addClass(this.options.dragClass),this.options.moveOut&&this.element.insertTo(b.body),this.winScrolls=e(a).scrolls(),this.winSizes=e(a).size(),l.current=this.calcConstraints().fire("start",this,c),this.style=this.element._.style},dragProcess:function(b){var c=b.pageX,d=b.pageY,f=c-this.xDiff,g=d-this.yDiff;this.ranged&&(this.minX>f&&(f=this.minX),this.maxX<f&&(f=this.maxX),this.minY>g&&(g=this.minY),this.maxY<g&&(g=this.maxY));if(this.options.scroll){var h={x:this.winScrolls.x,y:this.winScrolls.y},i=this.options.scrollSensitivity;d-h.y<i?h.y=d-i:h.y+this.winSizes.y-d<i&&(h.y=d-this.winSizes.y+i),c-h.x<i?h.x=c-i:h.x+this.winSizes.x-c<i&&(h.x=c-this.winSizes.x+i),h.y<0&&(h.y=0),h.x<0&&(h.x=0),(h.y<this.winScrolls.y||h.y>this.winScrolls.y||h.x<this.winScrolls.x||h.x>this.winScrolls.x)&&e(a).scrollTo(this.winScrolls=h)}this.snapX&&(f=f-f%this.snapX),this.snapY&&(g=g-g%this.snapY),this.axisY||(this.style.left=f+this.rxDiff+"px"),this.axisX||(this.style.top=g+this.ryDiff+"px"),this.fire("drag",this,b)},dragStop:function(a){this.element.removeClass(this.options.dragClass),m.checkDrop(a,this),this.options.revert?this.revert():this._drag=!1,l.current=null,this.fire("stop",this,a)},swapBack:function(){this.clone&&this.clone.replace(this.element.setStyle({width:this.clone.getStyle("width"),height:this.clone.getStyle("height"),position:this.clone.getStyle("position"),zIndex:this.clone.getStyle("zIndex")||""})),this._drag=!1},calcConstraints:function(){var a=this.options.axis;this.axisX=d(["x","horizontal"]).include(a),this.axisY=d(["y","vertical"]).include(a),this.ranged=!1;var b=this.options.range;if(b){this.ranged=!0;var c=e(b);if(c instanceof j){var f=c.dimensions();b={x:[f.left,f.left+f.width],y:[f.top,f.top+f.height]}}if(h(b)){var g=this.element.size();b.x&&(this.minX=b.x[0],this.maxX=b.x[1]-g.x),b.y&&(this.minY=b.y[0],this.maxY=b.y[1]-g.y)}}return this}}),m=new g(k,{extend:{EVENTS:f("drop hover leave"),Options:{accept:"*",containment:null,overlap:null,overlapSize:.5,allowClass:"droppable-allow",denyClass:"droppable-deny",relName:"droppable"},rescan:l.rescan,checkHover:function(a,b){for(var c=0,d=this.active.length;c<d;c++)this.active[c].checkHover(a,b)},checkDrop:function(a,b){for(var c=0,d=this.active.length;c<d;c++)this.active[c].checkDrop(a,b)},active:[]},initialize:function(a,b){this.element=e(a),this.$super(b),m.active.push(this.element._droppable=this)},destroy:function(){m.active=m.active.without(this),delete this.element.droppable;return this},checkHover:function(a,b){this.hoveredBy(a,b)?this._hovered||(this._hovered=!0,this.element.addClass(this.options[this.allows(b)?"allowClass":"denyClass"]),this.fire("hover",b,this,a)):this._hovered&&(this._hovered=!1,this.reset().fire("leave",b,this,a))},checkDrop:function(a,b){this.reset(),this.hoveredBy(a,b)&&this.allows(b)&&(b.fire("drop",this,b,a),this.fire("drop",b,this,a))},reset:function(){this.element.removeClass(this.options.allowClass).removeClass(this.options.denyClass);return this},hoveredBy:function(a,b){var c=this.element.dimensions(),d=c.top,e=c.left,f=c.left+c.width,g=c.top+c.height,h=a.pageX,i=a.pageY;if(!this.options.overlap)return h>e&&h<f&&i>d&&i<g;var j=b.element.dimensions(),k=this.options.overlapSize,l=j.top,m=j.left,n=j.left+j.width,o=j.top+j.height;switch(this.options.overlap){case"x":case"horizontal":return(l>d&&l<g||o>d&&o<g)&&(m>e&&m<f-c.width*k||n<f&&n>e+c.width*k);case"y":case"vertical":return(m>e&&m<f||n>e&&n<f)&&(l>d&&l<g-c.height*k||o<g&&o>d+c.height*k);default:return(m>e&&m<f-c.width*k||n<f&&n>e+c.width*k)&&(l>d&&l<g-c.height*k||o<g&&o>d+c.height*k)}},allows:function(a){this.options.containment&&!this._scanned&&(this.options.containment=d(this.options.containment).map(e),this._scanned=!0);var b=this.options.containment?this.options.containment.includes(a.element):!0;return b&&(this.options.accept=="*"?!0:a.element.match(this.options.accept))}});e(b).on({ready:function(){l.rescan(),m.rescan()},mousemove:function(a){l.current!==null&&(l.current.dragProcess(a),m.checkHover(a,l.current))},mouseup:function(a){l.current!==null&&l.current.dragStop(a)}}),j.include({makeDraggable:function(a){new l(this,a);return this},undoDraggable:function(){"draggable"in this&&this.draggable.destroy();return this},makeDroppable:function(a){new m(this,a);return this},undoDroppable:function(){"droppable"in this&&this.droppable.destroy();return this}}),a.Draggable=c.Draggable=l,a.Droppable=c.Droppable=m})(window,document,RightJS)

data/vendor/assets/javascripts/right/effects-src.js

@@ -0,0 +1,508 @@
+/**
+ * Additional Visual Effects v2.2.0
+ * http://rightjs.org/plugins/effects
+ *
+ * Copyright (C) 2009-2011 Nikolay Nemshilov
+ */
+(function(RightJS) {
+  if (!RightJS.Fx) { throw "RightJS Fx is missing"; }
+  
+  /**
+ * The plugin initializtion script
+ *
+ * Copyright (C) 2010 Nikolay Nemshilov
+ */
+
+var R        = RightJS,
+    $        = RightJS.$,
+    $w       = RightJS.$w,
+    $A       = RightJS.$A,
+    Fx       = RightJS.Fx,
+    Class    = RightJS.Class,
+    Object   = RightJS.Object,
+    Element  = RightJS.Element,
+    defined  = RightJS.defined,
+    isHash   = RightJS.isHash,
+    isString = RightJS.isString;
+
+RightJS.Effects = {
+  version: '2.2.0'
+};
+
+
+
+/**
+ * The basic move visual effect
+ *
+ * @copyright (C) 2009-2010 Nikolay V. Nemshilov
+ */
+Fx.Move = new Class(Fx.Morph, {
+  extend: {
+    Options: Object.merge(Fx.Options, {
+      duration: 'long',
+      position: 'absolute' // <- defines the positions measurment principle, not the element positioning
+    })
+  },
+  
+  prepare: function(end_position) {
+    return this.$super(this.getEndPosition(end_position));
+  },
+  
+  // moved to a separated method to be able to call it from subclasses
+  getEndPosition: function(end_position) {
+    var position = this.element.getStyle('position'), end_style = {};
+    
+    if (position != 'absolute' || position != 'relative') {
+      this.element._.style.position = position = position == 'fixed' ? 'absolute' : 'relative';
+    }
+    
+    if (end_position.top)  { end_position.y = end_position.top.toInt();  }
+    if (end_position.left) { end_position.x = end_position.left.toInt(); }
+    
+    // adjusting the end position
+    var cur_position = this.element.position();
+    var par_position = this.getParentPosition();
+    var rel_left     = cur_position.x - par_position.x;
+    var rel_top      = cur_position.y - par_position.y;
+    
+    if (this.options.position == 'relative') {
+      if (position == 'absolute') {
+        if (defined(end_position.x)) { end_position.x += cur_position.x; }
+        if (defined(end_position.y)) { end_position.y += cur_position.x; }
+      } else {
+        if (defined(end_position.x)) { end_position.x += rel_left; }
+        if (defined(end_position.y)) { end_position.y += rel_top;  }
+      }
+    } else if (position == 'relative') {
+      if (defined(end_position.x)) { end_position.x += rel_left - cur_position.x; }
+      if (defined(end_position.y)) { end_position.y += rel_top  - cur_position.y; }
+    }
+    
+    // need this to bypass the other styles from the subclasses
+    for (var key in end_position) {
+      switch (key) {
+        case 'top': case 'left': break;
+        case 'y':   end_style.top  = end_position.y + 'px'; break;
+        case 'x':   end_style.left = end_position.x + 'px'; break;
+        default:    end_style[key] = end_position[key];
+      }
+    }
+    
+    return end_style;
+  },
+  
+  getParentPosition: function() {
+    Fx.Move.Dummy = Fx.Move.Dummy || new Element('div', {style: 'width:0;height:0;visibility:hidden'});
+    this.element.insert(Fx.Move.Dummy, 'before');
+    var position = Fx.Move.Dummy.position();
+    Fx.Move.Dummy.remove();
+    return position;
+  }
+});
+
+/**
+ * Zoom visual effect, graduately zoom and element in or out
+ *
+ * @copyright (C) 2009-2011 Nikolay V. Nemshilov
+ */
+Fx.Zoom = new Class(Fx.Move, {
+  PROPERTIES: $w('width height lineHeight paddingTop paddingRight paddingBottom paddingLeft fontSize borderWidth'),
+
+  extend: {
+    Options: Object.merge(Fx.Move.Options, {
+      position: 'relative', // overriding the Fx.Move default
+      duration: 'normal',
+      from:     'center'
+    })
+  },
+
+  prepare: function(size, additional_styles) {
+    return this.$super(this._getZoomedStyle(size, additional_styles));
+  },
+
+// private
+
+  // calculates the end zoommed style
+  _getZoomedStyle: function(size, additional_styles) {
+    var proportion = this._getProportion(size);
+
+    return Object.merge(
+      this._getBasicStyle(proportion),
+      this._getEndPosition(proportion),
+      additional_styles
+    );
+  },
+
+  // calculates the zooming proportion
+  _getProportion: function(size) {
+    if (isHash(size)) {
+      var dummy = $E('div').insertTo(
+        $E('div', {
+          style: "visibility:hidden;float:left;height:0;width:0"
+        }).insertTo(document.body)
+      ).setStyle(size);
+
+      size = size.height ?
+        dummy.size().y / this.element.size().y :
+        dummy.size().x / this.element.size().x ;
+
+      dummy.remove();
+    } else if (isString(size)) {
+      size  = R(size).endsWith('%') ? R(size).toFloat() / 100 : R(size).toFloat();
+    }
+
+    return size;
+  },
+
+  // getting the basic end style
+  _getBasicStyle: function(proportion) {
+    var style = clone_styles(this.element, this.PROPERTIES), re = /([\d\.]+)/g;
+
+    function adjust_value(m) {
+      return ''+ (R(m).toFloat() * proportion);
+    }
+
+    for (var key in style) {
+      if (key === 'width' || key === 'height') {
+        style[key] = style[key] || (this.element['offset'+R(key).capitalize()]+'px');
+      }
+
+      if (style[key].match(re)) {
+        style[key] = style[key].replace(re, adjust_value);
+      } else {
+        delete(style[key]);
+      }
+    }
+
+    // preventing the border disappearance
+    if (style.borderWidth && R(style.borderWidth).toFloat() < 1) {
+      style.borderWidth = '1px';
+    }
+
+    return style;
+  },
+
+  // getting the position adjustments
+  _getEndPosition: function(proportion) {
+    var position = {};
+    var sizes    = this.element.size();
+    var x_diff   = sizes.x * (proportion - 1);
+    var y_diff   = sizes.y * (proportion - 1);
+
+    switch (this.options.from.replace('-', ' ').split(' ').sort().join('_')) {
+      case 'top':
+        position.x = - x_diff / 2;
+        break;
+
+      case 'right':
+        position.x = - x_diff;
+        position.y = - y_diff / 2;
+        break;
+
+      case 'bottom':
+        position.x = - x_diff / 2;
+      case 'bottom_left':
+        position.y = - y_diff;
+        break;
+
+      case 'bottom_right':
+        position.y = - y_diff;
+      case 'right_top':
+        position.x = - x_diff;
+        break;
+
+      case 'center':
+        position.x = - x_diff / 2;
+      case 'left':
+        position.y = - y_diff / 2;
+        break;
+
+      default: // left_top or none, do nothing, let the thing expand as is
+    }
+
+    return position;
+  }
+});
+
+function clone_styles(element, keys) {
+  for (var i=0, len = keys.length, style = element.computedStyles(), clean = {}, key; i < len; i++) {
+    key = keys[i];
+    if (key in style) {
+      clean[key] = ''+ style[key];
+    }
+  }
+
+  return clean;
+}
+
+/**
+ * Bounce visual effect, slightly moves an element forward and back
+ *
+ * @copyright (C) 2009 Nikolay V. Nemshilov
+ */
+Fx.Bounce = new Class(Fx, {
+  extend: {
+    Options: Object.merge(Fx.Options, {
+      duration:  'short',
+      direction: 'top',
+      value:     16 // the shake distance
+    })
+  },
+  
+  prepare: function(value) {
+    value = value || this.options.value;
+    
+    var position = this.element.position();
+    var duration = Fx.Durations[this.options.duration]     || this.options.duration;
+    var move_options = {duration: duration, position: 'relative'};
+    
+    var key = 'y'; // top bounce by default
+    
+    switch (this.options.direction) {
+      case 'right':
+        value = -value;
+      case 'left':
+        key = 'x';
+        break;
+      case 'bottom':
+        value = -value;
+    }
+    
+    var up_pos = {}, down_pos = {};
+    up_pos[key]   = -value;
+    down_pos[key] = value;
+    
+    new Fx.Move(this.element, move_options).start(up_pos);
+    new Fx.Move(this.element, move_options).start(down_pos);
+    
+    this.finish.bind(this).delay(1);
+    
+    return this;
+  }
+});
+
+/**
+ * run out and run in efffects
+ *
+ * Copyright (C) 2009-2010 Nikolay V. Nemshilov
+ */
+Fx.Run = new Class(Fx.Move, {
+  extend: {
+    Options: Object.merge(Fx.Move.Options, {
+      direction: 'left'
+    })
+  },
+  
+  prepare: function(in_how) {
+    var how = in_how || 'toggle', position = {}, dimensions = this.element.dimensions(), threshold = 80;
+    
+    if (how == 'out' || (how == 'toggle' && this.element.visible())) {
+      if (this.options.direction == 'left') {
+        position.x = -dimensions.width - threshold;
+      } else {
+        position.y = -dimensions.height - threshold;
+      }
+      this.onFinish(function() {
+        this.element.hide().setStyle(this.getEndPosition({x: dimensions.left, y: dimensions.top}));
+      });
+    } else {
+      dimensions = this.element.setStyle('visibility: hidden').show().dimensions();
+      var pre_position = {};
+      
+      if (this.options.direction == 'left') {
+        pre_position.x = - dimensions.width - threshold;
+        position.x = dimensions.left;
+      } else {
+        pre_position.y = - dimensions.height - threshold;
+        position.y = dimensions.top;
+      }
+      
+      this.element.setStyle(this.getEndPosition(pre_position)).setStyle('visibility: visible');
+    }
+    
+    return this.$super(position);
+  }
+});
+
+/**
+ * The puff visual effect
+ *
+ * Copyright (C) 2009-2010 Nikolay V. Nemshilov
+ */
+Fx.Puff = new Class(Fx.Zoom, {
+  extend: {
+    Options: Object.merge(Fx.Zoom.Options, {
+      size: 1.4  // the end/initial size of the element
+    })
+  },
+  
+// protected
+
+  prepare: function(in_how) {
+    var how = in_how || 'toggle', opacity = 0, size = this.options.size, initial_style;
+    
+    if (how == 'out' || (how == 'toggle' && this.element.visible())) {
+      initial_style = this.getEndPosition(this._getZoomedStyle(1));
+      this.onFinish(function() {
+        initial_style.opacity = 1;
+        this.element.hide().setStyle(initial_style);
+      });
+      
+    } else {
+      this.element.setStyle('visibility: visible').show();
+      
+      var width = this.element.offsetWidth;
+      initial_style = this.getEndPosition(this._getZoomedStyle(1));
+      
+      this.onFinish(function() {
+        this.element.setStyle(initial_style);
+      });
+      
+      this.element.setStyle(Object.merge(
+        this.getEndPosition(this._getZoomedStyle(size)), {
+          opacity: 0,
+          visibility: 'visible'
+        }
+      ));
+      
+      size = width / this.element.offsetWidth;
+      opacity = 1;
+    }
+    
+    
+    return this.$super(size, {opacity: opacity});
+  }
+  
+});
+
+/**
+ * Glow effect, kinda the same thing as Hightlight, but changes the text color
+ *
+ * Copyright (C) 2011 Nikolay Nemshilov
+ */
+Fx.Glow = new Class(Fx.Morph, {
+  extend: {
+    Options: Object.merge(Fx.Options, {
+      color:      '#FF8',
+      transition: 'Exp'
+    })
+  },
+
+  // protected
+
+  /**
+   * starts the transition
+   *
+   * @param high String the hightlight color
+   * @param back String optional fallback color
+   * @return self
+   */
+  prepare: function(start, end) {
+    var element       = this.element,
+        element_style = element._.style,
+        style_name    = 'color',
+        end_color     = end || element.getStyle(style_name);
+
+    // trying to find the end color
+    end_color = [element].concat(element.parents())
+      .map('getStyle', style_name)
+      .compact().first() || '#FFF';
+
+    element_style[style_name] = (start || this.options.color);
+
+    return this.$super({color: end_color});
+  }
+});
+
+/**
+ * Element shortcuts for the additional effects
+ *
+ * @copyright (C) 2009-2011 Nikolay Nemshilov
+ */
+RightJS.Element.include({
+  /**
+   * The move visual effect shortcut
+   *
+   * @param position Object end position x/y or top/left
+   * @param options Object fx options
+   * @return Element self
+   */
+  move: function(position, options) {
+    return call_fx(this, 'move', [position, options || {}]); // <- don't replace with arguments
+  },
+
+  /**
+   * The bounce effect shortcut
+   *
+   * @param Number optional bounce size
+   * @param Object fx options
+   * @return Element self
+   */
+  bounce: function() {
+    return call_fx(this, 'bounce', arguments);
+  },
+
+  /**
+   * The zoom effect shortcut
+   *
+   * @param mixed the zooming value, see Fx.Zoom#start options
+   * @param Object fx options
+   * @return Element self
+   */
+  zoom: function(size, options) {
+    return call_fx(this, 'zoom', [size, options || {}]);
+  },
+
+  /**
+   * Initiates the Fx.Run effect
+   *
+   * @param String running direction
+   * @param Object fx options
+   * @return Element self
+   */
+  run: function() {
+    return call_fx(this, 'run', arguments);
+  },
+
+  /**
+   * The puff effect shortcut
+   *
+   * @param String running direction in|out|toggle
+   * @param Object fx options
+   * @return Element self
+   */
+  puff: function() {
+    return call_fx(this, 'puff', arguments);
+  },
+
+  /**
+   * The Fx.Glow effect shortcut
+   *
+   * @param String optinal glow color
+   * @param Object fx options
+   * @return Element self
+   */
+  glow: function() {
+    return call_fx(this, 'glow', arguments);
+  }
+});
+
+/**
+ * Runs Fx on the element
+ *
+ * @param Element element reference
+ * @param String fx name
+ * @param Array effect arguments
+ * @return the element back
+ */
+function call_fx(element, name, params) {
+  var args    = $A(params).compact(),
+      options = isHash(args.last()) ? args.pop() : {},
+      fx      = new Fx[name.capitalize()](element, options);
+
+  fx.start.apply(fx, args);
+
+  return element;
+}
+
+})(RightJS);