right-rails 1.2.2 → 1.3.0

data/public/javascripts/right/dnd.js

@@ -1,7 +0,0 @@
-/**
- * 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/public/javascripts/right/effects-src.js

@@ -1,508 +0,0 @@
-/**
- * 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);