right-rails 1.0.3 → 1.0.5

data/public/javascripts/right/selectable.js

@@ -1,5 +1,5 @@
 /**
- * Selectable unit for RightJS 
+ * Selectable unit for RightJS
  * http://rightjs.org/ui/selectable
  *
  * Copyright (C) 2009-2010 Nikolay Nemshilov
@@ -10,7 +10,7 @@ if(g(a)){b({target:this});d(this)}else g(h).onReady(e(function(){b({target:this}
 o(arguments).compact(),b=a.pop();a=a.pop();var d;if(!r(b)||b instanceof n){a=g(a||b);b={}}if(a&&a instanceof u)a=b=this.harvestOptions(d=a);this.$super("selectable",a).setOptions(b).on({mousedown:this._mousedown,mouseover:this._mouseover,mouseout:this._mouseout,mouseup:this._mouseup,click:this._click,select:this._change,unselect:this._change});this.empty()&&this.build();b=this.options;if(!b.multiple||this.hasClass("rui-selectable-single")){this.isSingle=true;this.addClass("rui-selectable-single");
 this.buildSingle();b.selected===null&&this.select(this.items()[0])}b.disabled&&this.disable(b.disabled);b.selected&&this.select(b.selected);b.update&&this.assignTo(b.update);if(d){this.assignTo(d).insertTo(d,"before");d.wrap(i("div",{style:"position:absolute;z-index:-1;visibility:hidden;width:0;height:0;overflow:hidden"}))}},setValue:function(a){if(m(a))a=a.split(",").map("trim").filter(function(b){return!b.blank()});this.items().each("removeClass","rui-selectable-selected");return this.select(a)},
 getValue:function(){if(this.isSingle){var a=this.items().first("hasClass","rui-selectable-selected");return a?this.itemValue(a):null}else return this.items().filter("hasClass","rui-selectable-selected").map(function(b){return this.itemValue(b)},this)},disable:function(a){this.mapOrAll(a).each(function(b){this.fire("disable",b.addClass("rui-selectable-disabled"))},this);return this},enable:function(a){this.mapOrAll(a).each(function(b){this.fire("enable",b.removeClass("rui-selectable-disabled"))},this);
-return this},disabled:function(a){return this.mapOrAll(a).every("hasClass","rui-selectable-disabled")},select:function(a){a=this.mapEnabled(a);if(this.isSingle&&a){this.items().each("removeClass","rui-selectable-selected");a=e([a[0]])}if(!this.isSingle&&this.options.limit){for(var b=this.items().filter("hasClass","rui-selectable-selected"),d=[];a.length&&b.length+d.length<this.options.limit;){var c=a.shift();b.include(c)||d.push(c)}a=d}a.each(function(f){this.fire("select",f.addClass("rui-selectable-selected"))},
+return this},disabled:function(a){return this.mapOrAll(a).every("hasClass","rui-selectable-disabled")},select:function(a){a=this.mapEnabled(a);if(this.isSingle&&a){this.items().each("removeClass","rui-selectable-selected");a=e([a[0]])}if(!this.isSingle&&this.options.limit){for(var b=this.items().filter("hasClass","rui-selectable-selected"),d=[];a.length&&b.length+d.length<this.options.limit;){var c=a.shift();b.include(c)||d.push(c)}a=d}a.compact().each(function(f){this.fire("select",f.addClass("rui-selectable-selected"))},
 this);return this},unselect:function(a){this.getValue();this.mapEnabled(a).each(function(b){this.fire("unselect",b.removeClass("rui-selectable-selected"))},this);return this},selected:function(a){return this.mapEnabled(a).every("hasClass","rui-selectable-selected")},insertTo:function(a,b){n.prototype.insertTo.call(this.isSingle?this.container:this,a,b);return this},fire:function(a,b){b&&b instanceof n?this.$super(a,{item:b,index:this.items().indexOf(b)}):this.$super.apply(this,arguments);return this},
 itemValue:function(a){var b=a.get("id")||a.get("val");return b?this.options.parseIds?b.match(/\d+/):b:this.items().indexOf(a)},items:function(){return this.find("li")},mapOrAll:function(a){var b=this.items();if(t(a)){l(a)||(a=[a]);b=e(a).map(function(d){var c=m(d)&&/^\d+$/.test(d)?parseInt(d,10):d,f=d;if(s(c))f=b[c];else if(m(d))f=b.first(function(j){return j.id==d||j.val==d});return f},this).compact()}return b},mapEnabled:function(a){return this.mapOrAll(a).filter(function(b){return!b.hasClass("rui-selectable-disabled")},
 this)},_mousedown:function(a){a.stop();var b=a.target,d=this.items();if(!this.disabled(b)){if(this.isSingle)this.select(b);else if(this.selected(b)){this.unselect(b);this._massRemove=true}else{this.select(b);this._massSelect=true}if((a.shiftKey||a.metaKey)&&this._prevItem){var c=d.indexOf(this._prevItem);a=d.indexOf(b);if(c!=a){if(c>a)a=c=a;for(c=c;c<a;c++)this[this._prevItem.hasClass("rui-selectable-selected")?"select":"unselect"](d[c])}}this._prevItem=b}},_mouseup:function(a){a.stop();this._massRemove=

data/public/javascripts/right/slider-src.js

@@ -1,5 +1,5 @@
 /**
- * RightJS UI Slider unit 
+ * RightJS UI Slider unit
  * http://rightjs.org/ui/slider
  *
  * Copyright (C) 2009-2010 Nikolay Nemshilov
@@ -38,13 +38,13 @@ var R       = RightJS,
  * @param String tag-name or Object methods
  * @param Object methods
  * @return Widget wrapper
- */ 
+ */
 function Widget(tag_name, methods) {
   if (!methods) {
     methods = tag_name;
     tag_name = 'DIV';
   }
-  
+
   /**
    * An Abstract Widget Unit
    *
@@ -61,17 +61,17 @@ function Widget(tag_name, methods) {
     initialize: function(key, options) {
       this.key = key;
       var args = [{'class': 'rui-' + key}];
-      
+
       // those two have different constructors
       if (!(this instanceof RightJS.Input || this instanceof RightJS.Form)) {
         args.unshift(tag_name);
       }
       this.$super.apply(this, args);
-      
+
       if (RightJS.isString(options)) {
         options = RightJS.$(options);
       }
-      
+
       // if the options is another element then
       // try to dynamically rewrap it with our widget
       if (options instanceof RightJS.Element) {
@@ -104,16 +104,16 @@ function Widget(tag_name, methods) {
       return this;
     }
   });
-  
+
   /**
    * Creating the actual widget class
    *
    */
   var Klass = new RightJS.Wrapper(AbstractWidget, methods);
-  
+
   // creating the widget related shortcuts
   RightJS.Observer.createShortcuts(Klass.prototype, Klass.EVENTS || []);
-  
+
   return Klass;
 }
 
@@ -125,7 +125,7 @@ function Widget(tag_name, methods) {
  * Copyright (C) 2010 Nikolay Nemshilov
  */
 var Updater = {
-  
+
   /**
    * Assigns the unit to work with an input element
    *
@@ -138,7 +138,7 @@ var Updater = {
         element[element.setValue ? 'setValue' : 'update'](event.target.getValue());
       }
     }).curry(element);
-    
+
     var connect = R(function(element, object) {
       element = $(element);
       if (element && element.onChange) {
@@ -147,7 +147,7 @@ var Updater = {
         }).bind(object));
       }
     }).curry(element);
-    
+
     if ($(element)) {
       assign({target: this});
       connect(this);
@@ -157,7 +157,7 @@ var Updater = {
         connect(this);
       }.bind(this)));
     }
-    
+
     return this.onChange(assign);
   }
 };
@@ -170,12 +170,12 @@ var Updater = {
  */
 var Slider = new Widget({
   include: Updater,
-  
+
   extend: {
     version: '2.0.0',
-    
+
     EVENTS: $w('change'),
-    
+
     Options: {
       min:       0,     // the min value
       max:       100,   // the max value
@@ -185,10 +185,10 @@ var Slider = new Widget({
       update:    null,  // reference to an element to update
       round:     0      // the number of symbols after the decimal pointer
     },
-    
+
     current: false
   },
-  
+
   /**
    * basic constructor
    * USAGE:
@@ -200,29 +200,29 @@ var Slider = new Widget({
    */
   initialize: function() {
     var args = $A(arguments).compact(), options = args.pop(), element = args.pop();
-    
+
     // figuring out the arguments
     if (!isHash(options) || options instanceof Element) {
       element = $(element || options);
       options = {};
     }
-    
+
     this.$super('slider', element).setOptions(options)
       .on('selectstart', 'stopEvent'); // disable select under IE
-    
+
     this.level  = this.first('.level')  || $E('div', {'class': 'level'}).insertTo(this);
     this.handle = this.first('.handle') || $E('div', {'class': 'handle'}).insertTo(this);
-    
+
     options = this.options;
     this.value = options.value === null ? options.min : options.value;
-    
+
     if (options.update) { this.assignTo(options.update); }
     if (options.direction === 'y') { this.addClass('rui-slider-vertical'); }
     else if (this.hasClass('rui-slider-vertical')) { options.direction = 'y'; }
-    
+
     this.setValue(this.value);
   },
-  
+
   /**
    * The value setter
    *
@@ -234,7 +234,7 @@ var Slider = new Widget({
   setValue: function(value) {
     return this.precalc().shiftTo(value);
   },
-  
+
   /**
    * Returns the value
    *
@@ -243,7 +243,7 @@ var Slider = new Widget({
   getValue: function() {
     return this.value;
   },
-  
+
   /**
    * Inserts the widget into the element
    *
@@ -254,7 +254,7 @@ var Slider = new Widget({
   insertTo: function(element, position) {
     return this.$super(element, position).setValue(this.value);
   },
-  
+
 // protected
 
   // precalculates dimensions, direction and offset for further use
@@ -263,10 +263,10 @@ var Slider = new Widget({
         handle      = this.handle.setStyle(horizontal ? {left: 0} : {bottom: 0}).dimensions(),
         handle_size = this.hSize = horizontal ? handle.width : handle.height,
         dims        = this.dims  = this.dimensions();
-    
+
     this.offset = horizontal ? handle.left - dims.left : dims.top + dims.height - handle.top - handle_size;
     this.space  = (horizontal ? dims.width - handle_size - this.offset * 2 : dims.height - handle_size) - this.offset * 2;
-    
+
     return this;
   },
 
@@ -274,19 +274,19 @@ var Slider = new Widget({
   start: function(event) {
     return this.precalc().e2val(event);
   },
-  
+
   // processes the slider-drag
   move: function(event) {
     return this.e2val(event);
   },
-  
+
   // shifts the slider to the value
   shiftTo: function(value) {
     var options = this.options, base = Math.pow(10, options.round), horizontal = options.direction === 'x';
-    
+
     // rounding the value up
     value = Math.round(value * base) / base;
-    
+
     // checking the value constraings
     if (value < options.min) { value = options.min; }
     if (value > options.max) { value = options.max; }
@@ -295,22 +295,22 @@ var Slider = new Widget({
       var diff = value % snap;
       value = diff < snap/2 ? value - diff : value - diff + snap;
     }
-    
+
     // calculating and setting the actual position
     var position = this.space / (options.max - options.min) * (value - options.min);
-    
+
     this.handle._.style[horizontal ? 'left' : 'bottom'] = position + 'px';
     this.level._.style[horizontal  ? 'width': 'height'] = ((position > 0 ? position : 0) + 2) + 'px';
-    
+
     // checking the change status
     if (value !== this.value) {
       this.value = value;
-      this.fire('change');
+      this.fire('change', {value: value});
     }
-    
+
     return this;
   },
-  
+
   // converts the event position into the actual value in terms of the slider measures
   e2val: function(event) {
     var options = this.options, horizontal = options.direction === 'x',
@@ -318,11 +318,12 @@ var Slider = new Widget({
         cur_pos = event.position()[horizontal ? 'x' : 'y'] - offset - this.hSize/2,
         min_pos = horizontal ? dims.left + offset : dims.top + offset,
         value   = (options.max - options.min) / space * (cur_pos - min_pos);
-    
+
     return this.shiftTo(horizontal ? options.min + value : options.max - value);
   }
 });
 
+
 /**
  * Document onReady hook for sliders
  *
@@ -337,7 +338,7 @@ $(document).on({
       }
     });
   },
-  
+
   // initiates the slider move
   mousedown: function(event) {
     var slider = event.find('.rui-slider');
@@ -349,14 +350,14 @@ $(document).on({
       Slider.current = slider.start(event);
     }
   },
-  
+
   // handles the slider move
   mousemove: function(event) {
     if (Slider.current) {
       Slider.current.move(event);
     }
   },
-  
+
   // handles the slider release
   mouseup: function(event) {
     if (Slider.current) {
@@ -371,7 +372,8 @@ $(window).onBlur(function() {
   }
 });
 
+
 document.write("<style type=\"text/css\">div.rui-slider,div.rui-slider .handle div.rui-slider .level{margin:0;padding:0;border:none;background:none}div.rui-slider{height:0.4em;width:20em;border:1px solid #bbb;background:#F8F8F8;border-radius:.2em;-moz-border-radius:.2em;-webkit-border-radius:.2em;position:relative;margin:.6em 0;display:inline-block; *display:inline; *zoom:1;vertical-align:middle;user-select:none;-moz-user-select:none;-webkit-user-select:none;cursor:pointer}div.rui-slider .handle{font-size:25%;position:absolute;left:0;top:0;width:4pt;height:4em;margin-top:-1.6em;margin-left:0.4em;background:#BBB;border:1px solid #999;border-radius:.8em;-moz-border-radius:.8em;-webkit-border-radius:.8em;z-index:20}div.rui-slider .level{font-size:25%;position:absolute;top:0;left:0;width:0;height:100%;background:#ddd;z-index:1}div.rui-slider-vertical{height:10em;width:0.4em;margin:0 .3em}div.rui-slider-vertical .handle{top:auto;bottom:0;margin:0;margin-left:-1.6em;margin-bottom:0.4em;height:4pt;width:4em}div.rui-slider-vertical .level{height:0;width:100%;top:auto;bottom:0}</style>");
 
 return Slider;
-})(document, Math, RightJS);
+})(document, Math, RightJS);

data/public/javascripts/right/slider.js

@@ -1,14 +1,14 @@
 /**
- * RightJS UI Slider unit 
+ * RightJS UI Slider unit
  * http://rightjs.org/ui/slider
  *
  * Copyright (C) 2009-2010 Nikolay Nemshilov
  */
-var Slider=RightJS.Slider=function(j,k,e){var h=e.$,m=e.$$,n=e.$w,l=e.$E,o=e.$A,p=e.isHash,q=e.Element,g=new (function(b,a){if(!a){a=b;b="DIV"}var f=new e.Wrapper(e.Element.Wrappers[b]||e.Element,{initialize:function(c,d){this.key=c;var i=[{"class":"rui-"+c}];this instanceof e.Input||this instanceof e.Form||i.unshift(b);this.$super.apply(this,i);if(e.isString(d))d=e.$(d);if(d instanceof e.Element){this._=d._;if("$listeners"in d)d.$listeners=d.$listeners;d={}}this.setOptions(d,this);return this},setOptions:function(c,
-d){d=d||this;e.Options.setOptions.call(this,e.Object.merge(c,eval("("+(d.get("data-"+this.key)||"{}")+")")));return this}});f=new e.Wrapper(f,a);e.Observer.createShortcuts(f.prototype,f.EVENTS||[]);return f})({include:{assignTo:function(b){var a=e(function(c,d){if(c=h(c))c[c.setValue?"setValue":"update"](d.target.getValue())}).curry(b),f=e(function(c,d){(c=h(c))&&c.onChange&&c.onChange(e(function(){this.setValue(c.value())}).bind(d))}).curry(b);if(h(b)){a({target:this});f(this)}else h(j).onReady(e(function(){a({target:this});
-f(this)}.bind(this)));return this.onChange(a)}},extend:{version:"2.0.0",EVENTS:n("change"),Options:{min:0,max:100,snap:0,value:null,direction:"x",update:null,round:0},current:false},initialize:function(){var b=o(arguments).compact(),a=b.pop();b=b.pop();if(!p(a)||a instanceof q){b=h(b||a);a={}}this.$super("slider",b).setOptions(a).on("selectstart","stopEvent");this.level=this.first(".level")||l("div",{"class":"level"}).insertTo(this);this.handle=this.first(".handle")||l("div",{"class":"handle"}).insertTo(this);
-a=this.options;this.value=a.value===null?a.min:a.value;a.update&&this.assignTo(a.update);if(a.direction==="y")this.addClass("rui-slider-vertical");else if(this.hasClass("rui-slider-vertical"))a.direction="y";this.setValue(this.value)},setValue:function(b){return this.precalc().shiftTo(b)},getValue:function(){return this.value},insertTo:function(b,a){return this.$super(b,a).setValue(this.value)},precalc:function(){var b=this.options.direction==="x",a=this.handle.setStyle(b?{left:0}:{bottom:0}).dimensions(),
-f=this.hSize=b?a.width:a.height,c=this.dims=this.dimensions();this.offset=b?a.left-c.left:c.top+c.height-a.top-f;this.space=(b?c.width-f-this.offset*2:c.height-f)-this.offset*2;return this},start:function(b){return this.precalc().e2val(b)},move:function(b){return this.e2val(b)},shiftTo:function(b){var a=this.options,f=k.pow(10,a.round),c=a.direction==="x";b=k.round(b*f)/f;if(b<a.min)b=a.min;if(b>a.max)b=a.max;if(a.snap){f=a.snap;var d=b%f;b=d<f/2?b-d:b-d+f}a=this.space/(a.max-a.min)*(b-a.min);this.handle._.style[c?
-"left":"bottom"]=a+"px";this.level._.style[c?"width":"height"]=(a>0?a:0)+2+"px";if(b!==this.value){this.value=b;this.fire("change")}return this},e2val:function(b){var a=this.options,f=a.direction==="x",c=this.dims,d=this.offset,i=this.space;b=b.position()[f?"x":"y"]-d-this.hSize/2;c=(a.max-a.min)/i*(b-(f?c.left+d:c.top+d));return this.shiftTo(f?a.min+c:a.max-c)}});h(j).on({ready:function(){m(".rui-slider").each(function(b){b instanceof g||new g(b)})},mousedown:function(b){var a=b.find(".rui-slider");
-if(a){b.stop();a instanceof g||(a=new g(a));g.current=a.start(b)}},mousemove:function(b){g.current&&g.current.move(b)},mouseup:function(){if(g.current)g.current=false}});h(window).onBlur(function(){if(g.current)g.current=false});j.write('<style type="text/css">div.rui-slider,div.rui-slider .handle div.rui-slider .level{margin:0;padding:0;border:none;background:none}div.rui-slider{height:0.4em;width:20em;border:1px solid #bbb;background:#F8F8F8;border-radius:.2em;-moz-border-radius:.2em;-webkit-border-radius:.2em;position:relative;margin:.6em 0;display:inline-block; *display:inline; *zoom:1;vertical-align:middle;user-select:none;-moz-user-select:none;-webkit-user-select:none;cursor:pointer}div.rui-slider .handle{font-size:25%;position:absolute;left:0;top:0;width:4pt;height:4em;margin-top:-1.6em;margin-left:0.4em;background:#BBB;border:1px solid #999;border-radius:.8em;-moz-border-radius:.8em;-webkit-border-radius:.8em;z-index:20}div.rui-slider .level{font-size:25%;position:absolute;top:0;left:0;width:0;height:100%;background:#ddd;z-index:1}div.rui-slider-vertical{height:10em;width:0.4em;margin:0 .3em}div.rui-slider-vertical .handle{top:auto;bottom:0;margin:0;margin-left:-1.6em;margin-bottom:0.4em;height:4pt;width:4em}div.rui-slider-vertical .level{height:0;width:100%;top:auto;bottom:0}</style>');
+var Slider=RightJS.Slider=function(j,k,e){var h=e.$,m=e.$$,n=e.$w,l=e.$E,o=e.$A,p=e.isHash,q=e.Element,g=new (function(a,b){if(!b){b=a;a="DIV"}var f=new e.Wrapper(e.Element.Wrappers[a]||e.Element,{initialize:function(c,d){this.key=c;var i=[{"class":"rui-"+c}];this instanceof e.Input||this instanceof e.Form||i.unshift(a);this.$super.apply(this,i);if(e.isString(d))d=e.$(d);if(d instanceof e.Element){this._=d._;if("$listeners"in d)d.$listeners=d.$listeners;d={}}this.setOptions(d,this);return this},setOptions:function(c,
+d){d=d||this;e.Options.setOptions.call(this,e.Object.merge(c,eval("("+(d.get("data-"+this.key)||"{}")+")")));return this}});f=new e.Wrapper(f,b);e.Observer.createShortcuts(f.prototype,f.EVENTS||[]);return f})({include:{assignTo:function(a){var b=e(function(c,d){if(c=h(c))c[c.setValue?"setValue":"update"](d.target.getValue())}).curry(a),f=e(function(c,d){(c=h(c))&&c.onChange&&c.onChange(e(function(){this.setValue(c.value())}).bind(d))}).curry(a);if(h(a)){b({target:this});f(this)}else h(j).onReady(e(function(){b({target:this});
+f(this)}.bind(this)));return this.onChange(b)}},extend:{version:"2.0.0",EVENTS:n("change"),Options:{min:0,max:100,snap:0,value:null,direction:"x",update:null,round:0},current:false},initialize:function(){var a=o(arguments).compact(),b=a.pop();a=a.pop();if(!p(b)||b instanceof q){a=h(a||b);b={}}this.$super("slider",a).setOptions(b).on("selectstart","stopEvent");this.level=this.first(".level")||l("div",{"class":"level"}).insertTo(this);this.handle=this.first(".handle")||l("div",{"class":"handle"}).insertTo(this);
+b=this.options;this.value=b.value===null?b.min:b.value;b.update&&this.assignTo(b.update);if(b.direction==="y")this.addClass("rui-slider-vertical");else if(this.hasClass("rui-slider-vertical"))b.direction="y";this.setValue(this.value)},setValue:function(a){return this.precalc().shiftTo(a)},getValue:function(){return this.value},insertTo:function(a,b){return this.$super(a,b).setValue(this.value)},precalc:function(){var a=this.options.direction==="x",b=this.handle.setStyle(a?{left:0}:{bottom:0}).dimensions(),
+f=this.hSize=a?b.width:b.height,c=this.dims=this.dimensions();this.offset=a?b.left-c.left:c.top+c.height-b.top-f;this.space=(a?c.width-f-this.offset*2:c.height-f)-this.offset*2;return this},start:function(a){return this.precalc().e2val(a)},move:function(a){return this.e2val(a)},shiftTo:function(a){var b=this.options,f=k.pow(10,b.round),c=b.direction==="x";a=k.round(a*f)/f;if(a<b.min)a=b.min;if(a>b.max)a=b.max;if(b.snap){f=b.snap;var d=a%f;a=d<f/2?a-d:a-d+f}b=this.space/(b.max-b.min)*(a-b.min);this.handle._.style[c?
+"left":"bottom"]=b+"px";this.level._.style[c?"width":"height"]=(b>0?b:0)+2+"px";if(a!==this.value){this.value=a;this.fire("change",{value:a})}return this},e2val:function(a){var b=this.options,f=b.direction==="x",c=this.dims,d=this.offset,i=this.space;a=a.position()[f?"x":"y"]-d-this.hSize/2;c=(b.max-b.min)/i*(a-(f?c.left+d:c.top+d));return this.shiftTo(f?b.min+c:b.max-c)}});h(j).on({ready:function(){m(".rui-slider").each(function(a){a instanceof g||new g(a)})},mousedown:function(a){var b=a.find(".rui-slider");
+if(b){a.stop();b instanceof g||(b=new g(b));g.current=b.start(a)}},mousemove:function(a){g.current&&g.current.move(a)},mouseup:function(){if(g.current)g.current=false}});h(window).onBlur(function(){if(g.current)g.current=false});j.write('<style type="text/css">div.rui-slider,div.rui-slider .handle div.rui-slider .level{margin:0;padding:0;border:none;background:none}div.rui-slider{height:0.4em;width:20em;border:1px solid #bbb;background:#F8F8F8;border-radius:.2em;-moz-border-radius:.2em;-webkit-border-radius:.2em;position:relative;margin:.6em 0;display:inline-block; *display:inline; *zoom:1;vertical-align:middle;user-select:none;-moz-user-select:none;-webkit-user-select:none;cursor:pointer}div.rui-slider .handle{font-size:25%;position:absolute;left:0;top:0;width:4pt;height:4em;margin-top:-1.6em;margin-left:0.4em;background:#BBB;border:1px solid #999;border-radius:.8em;-moz-border-radius:.8em;-webkit-border-radius:.8em;z-index:20}div.rui-slider .level{font-size:25%;position:absolute;top:0;left:0;width:0;height:100%;background:#ddd;z-index:1}div.rui-slider-vertical{height:10em;width:0.4em;margin:0 .3em}div.rui-slider-vertical .handle{top:auto;bottom:0;margin:0;margin-left:-1.6em;margin-bottom:0.4em;height:4pt;width:4em}div.rui-slider-vertical .level{height:0;width:100%;top:auto;bottom:0}</style>');
 return g}(document,Math,RightJS);

data/public/javascripts/right/sortable-src.js

@@ -36,13 +36,13 @@ var R        = RightJS,
  * @param String tag-name or Object methods
  * @param Object methods
  * @return Widget wrapper
- */ 
+ */
 function Widget(tag_name, methods) {
   if (!methods) {
     methods = tag_name;
     tag_name = 'DIV';
   }
-  
+
   /**
    * An Abstract Widget Unit
    *
@@ -59,17 +59,17 @@ function Widget(tag_name, methods) {
     initialize: function(key, options) {
       this.key = key;
       var args = [{'class': 'rui-' + key}];
-      
+
       // those two have different constructors
       if (!(this instanceof RightJS.Input || this instanceof RightJS.Form)) {
         args.unshift(tag_name);
       }
       this.$super.apply(this, args);
-      
+
       if (RightJS.isString(options)) {
         options = RightJS.$(options);
       }
-      
+
       // if the options is another element then
       // try to dynamically rewrap it with our widget
       if (options instanceof RightJS.Element) {
@@ -102,16 +102,16 @@ function Widget(tag_name, methods) {
       return this;
     }
   });
-  
+
   /**
    * Creating the actual widget class
    *
    */
   var Klass = new RightJS.Wrapper(AbstractWidget, methods);
-  
+
   // creating the widget related shortcuts
   RightJS.Observer.createShortcuts(Klass.prototype, Klass.EVENTS || []);
-  
+
   return Klass;
 }
 
@@ -124,29 +124,29 @@ function Widget(tag_name, methods) {
 var Sortable = new Widget('UL', {
   extend: {
     version: '2.0.0',
-    
+
     EVENTS: $w('change'),
-    
+
     Options: {
       url:        null,       // the Xhr requests url address, might contain the '%{id}' placeholder
       method:     'put',      // the Xhr requests method
-                  
+
       Xhr:        {},         // additional Xhr options
-                  
+
       idParam:    'id',       // the id value name
       posParam:   'position', // the position value name
       parseId:    true,       // if the id attribute should be converted into an integer before sending
-      
+
       dragClass:  'dragging', // the in-process class name
       accept:     null,       // a reference or a list of references to the other sortables between which you can drag the items
       minLength:  1,          // minimum number of items on the list when the feature works
-      
+
       cssRule:    '*[data-sortable]' // css-rule for automatically initializable sortables
     },
-    
+
     current: false // a reference to the currently active sortable
   },
-  
+
   /**
    * basic constructor
    *
@@ -161,7 +161,7 @@ var Sortable = new Widget('UL', {
       .on('change', this._tryXhr)
       .on('selectstart', 'stopEvent'); // disable select under IE
   },
-  
+
   /**
    * some additional options processing
    *
@@ -171,35 +171,35 @@ var Sortable = new Widget('UL', {
    */
   setOptions: function(options, context) {
     this.$super(options, context);
-    
+
     options = this.options;
-    
+
     // Preprocessing the acceptance list
     var list = options.accept || [];
     if (!isArray(list)) { list = [list]; }
-    
+
     options.accept = R([this].concat(list)).map($).uniq();
-    
+
     return this;
   },
 
 // protected
-  
+
   // starts the drag
   startDrag: function(event) {
     // don't let to drag out the last item
     if (this.children().length <= this.options.minLength) { return; }
-    
+
     // trying to find the list-item upon which the user pressed the mouse
     var target = event.target, targets = R([target].concat(target.parents())),
         item = targets[targets.indexOf(this) - 1], event_pos = event.position();
-    
+
     if (item) {
       this._initDrag(item, event_pos);
       Sortable.current = this;
     }
   },
-  
+
   // moves the item
   moveItem: function(event) {
     var event_pos = event.position(),
@@ -208,11 +208,11 @@ var Sortable = new Widget('UL', {
         left   = event_pos.x - this.xRDiff,
         right  = left + this.cloneWidth,
         bottom = top  + this.cloneHeight;
-    
+
     // moving the clone
     item.top  = (event_pos.y - this.yDiff) + 'px';
     item.left = (event_pos.x - this.xDiff) + 'px';
-    
+
     // checking for an overlaping item
     var over_item = this.suspects.first(function(suspect) {
       return (
@@ -223,19 +223,19 @@ var Sortable = new Widget('UL', {
         (right  < suspect.right  && right  > suspect.leftHalf)
       );
     });
-    
+
     if (over_item) {
       item = over_item.item;
       item.insert(this.item, item.prevSiblings().include(this.item) ? 'after' : 'before');
       this._findSuspects();
-      
+
       // sending the event
       var list = item.parent();
-      
+
       if (!(list instanceof Sortable)) {
         list = new Sortable(list);
       }
-      
+
       this.fire('change', {
         list:  list,
         item:  this.item,
@@ -243,7 +243,7 @@ var Sortable = new Widget('UL', {
       });
     }
   },
-  
+
   // finalizes the drag
   finishDrag: function() {
     if (this.itemClone) {
@@ -252,10 +252,10 @@ var Sortable = new Widget('UL', {
     }
     Sortable.current = false;
   },
-  
+
   _initDrag: function(item, event_pos) {
     var dims   = this.dimensions(), item_dims = item.dimensions();
-    
+
     // creating the draggable clone
     var clone = item.clone().setStyle({
       margin:   0,
@@ -267,27 +267,27 @@ var Sortable = new Widget('UL', {
     .addClass(this.options.dragClass).insertTo(this)
     .setHeight(this.cloneHeight = item_dims.height)
     .setWidth(this.cloneWidth = item_dims.width);
-    
+
     // adjusting the clone position to compensate relative fields and margins
     var clone_pos = clone.position(),
         real_x    = item_dims.left - clone_pos.x,
         real_y    = item_dims.top  - clone_pos.y;
-    
+
     clone.moveTo(real_x, real_y);
-    
+
     this.item = item.setStyle('visibility:hidden');
     this.itemClone = clone;
-    
+
     // mouse event-position diffs
     this.xDiff  = event_pos.x - real_x;
     this.yDiff  = event_pos.y - real_y;
     this.xRDiff = event_pos.x - clone.position().x;
     this.yRDiff = event_pos.y - clone.position().y;
-    
+
     // collecting the list of interchangable items with their positions
     this._findSuspects();
   },
-  
+
   // collects the precached list of suspects
   _findSuspects: function() {
     var suspects = this.suspects = R([]), item = this.item, clone = this.itemClone;
@@ -295,7 +295,7 @@ var Sortable = new Widget('UL', {
       list.children().each(function(element) {
         if (element !== item && element !== clone) {
           var dims = element.dimensions();
-          
+
           // caching the sizes
           suspects.push({
             item:     element,
@@ -310,24 +310,24 @@ var Sortable = new Widget('UL', {
       });
     });
   },
-  
+
   // tries to send an Xhr request about the element relocation
   _tryXhr: function(event) {
     if (this.options.url) {
       var url = R(this.options.url), params = {}, item = event.item, position = event.index + 1;
-      
+
       // building the Xhr request options
       var options = Object.merge({
         method: this.options.method,
         params: {}
       }, this.options.Xhr);
-      
+
       // grabbing the id
       var id = item.get('id') || '';
       if (this.options.parseId && id) {
         id = (id.match(/\d+/) || [''])[0];
       }
-      
+
       // assigning the parameters
       if (url.include('%{id}')) {
         url = url.replace('%{id}', id);
@@ -335,20 +335,21 @@ var Sortable = new Widget('UL', {
         params[this.options.idParam] = id;
       }
       params[this.options.posParam] = position;
-      
+
       // merging the params with possible Xhr params
       if (isString(options.params)) {
         options.params += '&'+Object.toQueryString(params);
       } else {
         options.params = Object.merge(options.params, params);
       }
-      
+
       // calling the server
       RightJS.Xhr.load(url, options);
     }
   }
 });
 
+
 /**
  * Document level hooks for sortables
  *
@@ -357,22 +358,22 @@ var Sortable = new Widget('UL', {
 $(document).on({
   mousedown: function(event) {
     var element = event.find(Sortable.Options.cssRule);
-  
+
     if (element) {
       if (!(element instanceof Sortable)) {
         element = new Sortable(element);
       }
-    
+
       element.startDrag(event);
     }
   },
-  
+
   mousemove: function(event) {
     if (Sortable.current) {
       Sortable.current.moveItem(event);
     }
   },
-  
+
   mouseup: function() {
     if (Sortable.current) {
       Sortable.current.finishDrag();
@@ -386,7 +387,8 @@ $(window).onBlur(function() {
   }
 });
 
+
 document.write("<style type=\"text/css\">.rui-sortable{user-select:none;-moz-user-select:none;-webkit-user-select:none}</style>");
 
 return Sortable;
-})(document, RightJS);
+})(document, RightJS);