right-rails 0.3.0

data/javascripts/right-effects-src.js

@@ -0,0 +1,425 @@
+/**
+ * Additional visual effects module
+ *
+ * Copyright (C) 2008-2009 Nikolay V. Nemshilov aka St. <nemshilov#gma-il>
+ */
+if (!self.Fx) throw "RightJS Fx is missing";
+/**
+ * The basic move visual effect
+ *
+ * @copyright (C) 2009 Nikolay V. Nemshilov aka St.
+ */
+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 Nikolay V. Nemshilov aka St.
+ */
+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 sizes = $E('div').insertTo(
+        $E('div', {style: "visibility:hidden;float:left;height:0;width:0"}).insertTo(document.body)
+      ).setStyle(size).sizes();
+      
+      if ('height' in size) size = sizes.y / this.element.sizes().y;
+      else                  size = sizes.x / this.element.sizes().x;
+    } else if (isString(size)) {
+      size  = size.endsWith('%') ? size.toFloat() / 100 : size.toFloat();
+    }
+    
+    return size;
+  },
+  
+  // getting the basic end style
+  _getBasicStyle: function(proportion) {
+    var style = this._getStyle(this.element, this.PROPERTIES);
+    
+    this._cleanStyle(style);
+    
+    for (var key in style) {
+      if (style[key][0] > 0) {
+        style[key] = (proportion * style[key][0]) + style[key][1];
+      } else {
+        delete(style[key]);
+      }
+    }
+    // preventing the border disappearance
+    if (style.borderWidth && style.borderWidth.toFloat() < 1) {
+      style.borderWidth = '1px';
+    }
+    
+    return style;
+  },
+  
+  // getting the position adjustments
+  _getEndPosition: function(proportion) {
+    var position = {};
+    var sizes    = this.element.sizes();
+    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;
+  }
+});
+/**
+ * Bounce visual effect, slightly moves an element forward and back
+ *
+ * @copyright (C) 2009 Nikolay V. Nemshilov aka St.
+ */
+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 Nikolay V. Nemshilov aka St.
+ */
+Fx.Run = new Class(Fx.Move, {
+  extend: {
+    Options: Object.merge(Fx.Move.Options, {
+      direction: 'left'
+    })
+  },
+  
+  prepare: function(how) {
+    var how = 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) Nikolay V. Nemshilov aka St.
+ */
+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(how) {
+    var how = how || 'toggle', opacity = 0, size = this.options.size;
+    
+    if (how == 'out' || (how == 'toggle' && this.element.visible())) {
+      var 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;
+      var 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});
+  }
+  
+});
+/**
+ * Handles the to-class and from-class visual effects
+ *
+ * Copyright (C) Nikolay V. Nemshilov aka St.
+ */
+Fx.CSS = new Class(Fx.Morph, {
+  // the list of styles to watch
+  STYLES: $w('width height lineHeight opacity borderWidth borderColor padding margin color fontSize backgroundColor marginTop marginLeft marginRight marginBottom top left right bottom'),
+  
+// protected
+  
+  prepare: function(add_class, remove_class) {
+    // grabbing the end style
+    var dummy = this._dummy().addClass(add_class||'').removeClass(remove_class||'');
+    var style = this._getStyle(dummy, this.STYLES);
+    dummy.remove();
+    
+    // Opera 10 has some trash in the borderWidth style if it was not set
+    if (Browser.Opera && !/^\d+[a-z]+/.test(style.borderWidth))
+      delete(style.borderWidth);
+    
+    // wiring the classes add/remove on-finish
+    if (add_class)    this.onFinish(this.element.addClass.bind(this.element, add_class));
+    if (remove_class) this.onFinish(this.element.removeClass.bind(this.element, remove_class));
+    
+    return this.$super(style);
+  }
+});
+/**
+ * Element shortcuts for the additional effects
+ *
+ * @copyright (C) 2009 Nikolay V. Nemshilov aka St.
+ */
+Element.addMethods({
+  /**
+   * The move visual effect shortcut
+   *
+   * @param Object end position x/y or top/left
+   * @param Object fx options
+   * @return Element self
+   */
+  move: function(position, options) {
+    return this.fx('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 this.fx('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 this.fx('zoom', [size, options || {}]);
+  },
+  
+  /**
+   * Initiates the Fx.Run effect
+   *
+   * @param String running direction
+   * @param Object fx options
+   * @return Element self
+   */
+  run: function() {
+    return this.fx('run', arguments);
+  },
+  
+  /**
+   * The puff effect shortcut
+   *
+   * @param String running direction in|out|toggle
+   * @param Object fx options
+   * @return Element self
+   */
+  puff: function() {
+    return this.fx('puff', arguments);
+  },
+  
+  /**
+   * The Fx.Class effect shortcut
+   *
+   * @param String css-class name to add
+   * @param String css-class name to remove
+   * @param Object fx options
+   */
+  morphToClass: function() {
+    var args = $A(arguments);
+    if (args[0] === null) args[0] = '';
+    
+    return this.fx('CSS', args);
+  }
+});

data/javascripts/right-effects.js

@@ -0,0 +1,6 @@
+/**
+ * Additional visual effects module
+ *
+ * Copyright (C) 2008-2009 Nikolay V. Nemshilov aka St. <nemshilov#gma-il>
+ */
+if (!self.Fx) throw "RightJS Fx is missing";eval((function(s,d){for(var i=d.length-1;i>-1;i--)if(d[i])s=s.replace(new RegExp(i,'g'),d[i]);return s})("Fx.23=37 41(Fx.77,{43:{17:29.34(Fx.17,{25:'long',14:'42'})},31:7(e){9 3.44(3.12(e))},12:7(e){11 b=3.5.get96('14'),a={};if(b!='42'||b!='26')3.5.66.14=b=b=='fixed'?'42':'26';if(e.38)e.y=e.38.76();if(e.22)e.x=e.22.76();11 c=3.5.14();11 p=3.40();11 r=c.x-p.x;11 d=c.y-p.y;if(3.20.14=='26'){if(b=='42'){if(30(e.x))e.x+=c.x;if(30(e.y))e.y+=c.x}33{if(30(e.x))e.x+=r;if(30(e.y))e.y+=d}}33 if(b=='26'){if(30(e.x))e.x+=r-c.x;if(30(e.y))e.y+=d-c.y}90(11 k in e)59(k){19 '38':19 '22':24;19 'y':a.38=e.y+'px';24;19 'x':a.22=e.x+'px';24;67:a[k]=e[k]}9 a},40:7(){Fx.23.48=Fx.23.48||37 68('79',{66:'39:0;28:0;21:58'});3.5.insert(Fx.23.48,'be90e');11 p=Fx.23.48.14();Fx.23.48.73();9 p}});Fx.69=37 41(Fx.23,{56:$w('39 28 57 padding98 padding94 padding93 padding97 65 13'),43:{17:29.34(Fx.23.17,{14:'26',25:'normal',86:'75'})},31:7(s,a){9 3.44(3.18(s,a))},18:7(s,a){11 p=3.49(s);9 29.34(3.47(p),3._12(p),a||{})},49:7(s){if(isHash(s)){11 a=$E('79').64($E('79',{66:\"21:58;float:22;28:0;39:0\"}).64(document.body)).15(s).52();if('28' in s)s=a.y/3.5.52().y;33 s=a.x/3.5.52().x}33 if(isString(s))s=s.endsWith('%')?s.53()/100:s.53();9 s},47:7(p){11 s=3.61(3.5,3.56);3._clean96(s);90(11 k in s){if(s[k][0]>0)s[k]=(p*s[k][0])+s[k][1];33 74(s[k])}if(s.13&&s.13.53()<1)s.13='1px';9 s},_12:7(a){11 p={};11 s=3.5.52();11 x=s.x*(a-1);11 y=s.y*(a-1);59(3.20.86.replace('-',' ').split(' ').sort().join('_')){19 '38':p.x=-x/2;24;19 '62':p.x=-x;p.y=-y/2;24;19 '60':p.x=-x/2;19 '60_22':p.y=-y;24;19 '60_62':p.y=-y;19 '62_38':p.x=-x;24;19 '75':p.x=-x/2;19 '22':p.y=-y/2;24;67:}9 p}});Fx.Bounce=37 41(Fx,{43:{17:29.34(Fx.17,{25:'short',27:'38',78:16})},31:7(v){v=v||3.20.78;11 p=3.5.14();11 a=Fx.Durations[3.20.25]||3.20.25;11 m={25:a,14:'26'};11 k='y';59(3.20.27){19 '62':v=-v;19 '22':k='x';24;19 '60':v=-v}11 u={},d={};u[k]=-v;d[k]=v;37 Fx.23(3.5,m).81(u);37 Fx.23(3.5,m).81(d);3.finish.70(3).delay(1);9 3}});Fx.Run=37 41(Fx.23,{43:{17:29.34(Fx.23.17,{27:'22'})},31:7(h){11 h=h||'50',p={},d=3.5.55(),t=80;if(h=='91'||(h=='50'&&3.5.35())){if(3.20.27=='22')p.x=-d.39-t;33 p.y=-d.28-t;3.32(7(){3.5.88().15(3.12({x:d.22,y:d.38}))})}33{d=3.5.15('21: 58').87().55();11 a={};if(3.20.27=='22'){a.x=-d.39-t;p.x=d.22}33{a.y=-d.28-t;p.y=d.38}3.5.15(3.12(a)).15('21: 35')}9 3.44(p)}});Fx.Puff=37 41(Fx.69,{43:{17:29.34(Fx.69.17,{84:1.4})},31:7(h){11 h=h||'50',o=0,s=3.20.84;if(h=='91'||(h=='50'&&3.5.35())){11 i=3.12(3.18(1));3.32(7(){i.46=1;3.5.88().15(i)})}33{3.5.15('21: 35').87();11 w=3.5.51;11 i=3.12(3.18(1));3.32(7(){3.5.15(i)});3.5.15(29.34(3.12(3.18(s)),{46:0,21:'35'}));s=w/3.5.51;o=1}9 3.44(s,{46:o})}});Fx.92=37 41(Fx.77,{72:$w('39 28 57 46 13 border95 padding margin color 65 background95 margin98 margin97 margin94 margin93 38 22 62 60'),31:7(b,r){11 c=3._dummy().add41(b||'').7341(r||'');11 s=3.61(c,3.72);c.73();if(Browser.Opera&&!/^\\d+[a-z]+/.test(s.13))74(s.13);if(b)3.32(3.5.add41.70(3.5,b));if(r)3.32(3.5.7341.70(3.5,r));9 3.44(s)}});68.addMethods({85:7(p,o){9 3.fx('85',[p,o||{}])},71:7(){9 3.fx('71',36)},83:7(s,o){9 3.fx('83',[s,o||{}])},89:7(){9 3.fx('89',36)},82:7(){9 3.fx('82',36)},morphTo41:7(){11 a=$A(36);if(a[0]===null)a[0]='';9 3.fx('92',a)}});",",,,this,,element,,function,,return,,var,getEndPosition,borderWidth,position,setStyle,,Options,_getZoomedStyle,case,options,visibility,left,Move,break,duration,relative,direction,height,Object,defined,prepare,onFinish,else,merge,visible,arguments,new,top,width,getParentPosition,Class,absolute,extend,$super,_getEndPosition,opacity,_getBasicStyle,Dummy,_getProportion,toggle,offsetWidth,sizes,toFloat,removeClass,dimensions,PROPERTIES,lineHeight,hidden,switch,bottom,_getStyle,right,addClass,insertTo,fontSize,style,default,Element,Zoom,bind,bounce,STYLES,remove,delete,center,toInt,Morph,value,div,,start,puff,zoom,size,move,from,show,hide,run,for,out,CSS,Bottom,Right,Color,Style,Left,Top".split(",")));