right-rails 1.2.2 → 1.3.0

data/public/javascripts/right/dialog.js

@@ -1,7 +0,0 @@
-/**
- * RightJS-UI Dialog v2.2.0
- * http://rightjs.org/ui/dialog
- *
- * Copyright (C) 2010-2011 Nikolay Nemshilov
- */
-var Dialog=RightJS.Dialog=function(a){function b(b,c){c||(c=b,b="DIV");var d=new a.Class(a.Element.Wrappers[b]||a.Element,{initialize:function(c,d){this.key=c;var e=[{"class":"rui-"+c}];this instanceof a.Input||this instanceof a.Form||e.unshift(b),this.$super.apply(this,e),a.isString(d)&&(d=a.$(d)),d instanceof a.Element&&(this._=d._,"$listeners"in d&&(d.$listeners=d.$listeners),d={}),this.setOptions(d,this);return a.Wrapper.Cache[a.$uid(this._)]=this},setOptions:function(b,c){c&&(b=a.Object.merge(b,(new Function("return "+(c.get("data-"+this.key)||"{}")))())),b&&a.Options.setOptions.call(this,a.Object.merge(this.options,b));return this}}),e=new a.Class(d,c);a.Observer.createShortcuts(e.prototype,e.EVENTS||a([]));return e}var c=new a.Class(a.Element,{initialize:function(a,b){this.$super("div",b),this._.innerHTML=a,this.addClass("rui-button"),this.on("selectstart","stopEvent")},disable:function(){return this.addClass("rui-button-disabled")},enable:function(){return this.removeClass("rui-button-disabled")},disabled:function(){return this.hasClass("rui-button-disabled")},enabled:function(){return!this.disabled()},fire:function(){this.enabled()&&this.$super.apply(this,arguments);return this}}),d=new a.Class(a.Element,{initialize:function(b){this.$super("div",{"class":"rui-spinner"}),this.dots=[];for(var c=0;c<(b||4);c++)this.dots.push(new a.Element("div"));this.dots[0].addClass("glowing"),this.insert(this.dots),a(this.shift).bind(this).periodical(300)},shift:function(){if(this.visible()){var a=this.dots.pop();this.dots.unshift(a),this.insert(a,"top")}}}),e=a,f=a.$,g=a.$w,h=a.$E,i=a.Class,j=a.Object,k=a.Element,l=new b({extend:{version:"2.2.0",EVENTS:g("ok cancel help expand collapse resize load"),Options:{lockScreen:!0,fxDuration:"short",draggable:!0,closeable:!0,expandable:!1,showHelp:!1,showIcon:null,title:null,html:null,url:null},i18n:{Ok:"Ok",Close:"Close",Cancel:"Cancel",Help:"Help",Expand:"Expand",Collapse:"Collapse",Alert:"Warning!",Confirm:"Confirm",Prompt:"Enter"},current:!1,dragged:!1},initialize:function(a){this.$super("dialog",a).append(this.head=new l.Head(this),this.body=new l.Body(this),this.foot=new l.Foot(this)).onCancel(this.hide),this.locker=h("div",{"class":"rui-screen-locker"}),this.options.title&&this.title(this.options.title),this.options.html&&this.html(this.options.html),this.options.url&&this.load(this.options.url)},show:function(){this.options.lockScreen&&this.locker.insertTo(document.body),this.setStyle("visibility:hidden").insertTo(document.body).resize().setStyle("visibility:visible;opacity:0"),this.options.fxDuration?this.morph({opacity:1},{duration:this.options.fxDuration}):this.setStyle("opacity:1");return l.current=this},hide:function(){this.locker.remove(),this.remove(),l.current=!1;return this},resize:function(){arguments.length&&this.$super.apply(this,arguments);var a=this.size(),b=f(window).size();this.expanded&&(a.x=b.x-20,a.y=b.y-10,this.$super.call(this,a)),this.setStyle({top:(b.y-a.y)/2+f(window).scrolls().y+"px",left:(b.x-a.x-16)/2+"px"});return this.fire("resize")},title:function(a){if(arguments.length){this.head.title.html(a);return this}return this.head.title.html()},update:function(a){this.body.update(a);return this.resize()},html:function(){return arguments.length?this.$super.apply(this,arguments):this.body.html()},load:function(a,b){this.show(),this.body.load(a,b);return this},expand:function(){this.expanded||(this._prevSize=this.size(),this.resize({x:f(window).size().x-20,y:f(window).size().y-10}),this.expanded=!0,this.fire("expand"));return this},collapse:function(){this.expanded&&(this.expanded=!1,this.resize(this._prevSize),this.fire("collapse"));return this}});l.Head=new i(k,{initialize:function(a){this.dialog=a,this.options=a.options,this.$super("div",{"class":"rui-dialog-head"}),this.append(this.icon=h("div",{"class":"icon"}),this.title=h("div",{"class":"title",html:"&nbsp;"}),this.tools=h("div",{"class":"tools"})),this.fsButton=h("div",{"class":"expand",html:"&equiv;",title:l.i18n.Expand}).onClick(function(){a.expanded?(a.collapse(),this.html("&equiv;").set("title",l.i18n.Expand)):(a.expand(),this.html("_").set("title",l.i18n.Collapse))}),this.closeButton=h("div",{"class":"close",html:"&times;",title:l.i18n.Close}).onClick(function(){a.fire("cancel")}),this.options.expandable&&this.tools.insert(this.fsButton),this.options.closeable&&this.tools.insert(this.closeButton),this.on({selectstart:function(a){a.stop()},mousedown:this.dragStart}),this.options.draggable||this.dialog.addClass("rui-dialog-nodrag")},dragStart:function(a){if(this.options.draggable&&!a.find("div.tools div")){var b=this.dialog.dimensions(),c=a.position();this.xDiff=b.left-c.x,this.yDiff=b.top-c.y,this.maxX=f(window).size().x-b.width-20,this.dlgStyle=this.dialog.get("style"),l.dragged=this.dialog,a.stop()}},dragMove:function(a){var b=a.position(),c=b.x+this.xDiff,d=b.y+this.yDiff;c<0?c=0:c>this.maxX&&(c=this.maxX),d<0&&(d=0),this.dlgStyle.top=d+"px",this.dlgStyle.left=c+"px"},dragStop:function(a){l.dragged=!1}}),l.Body=new i(k,{initialize:function(a){this.dialog=a,this.options=a.options,this.$super("div",{"class":"rui-dialog-body"}),this.locker=h("div",{"class":"rui-dialog-body-locker"}).insert(new d)},load:function(a,b){this.insert(this.locker,"top"),this.xhr=(new Xhr(a,j.merge({method:"get"},b))).onComplete(e(function(a){this.update(a.text),this.dialog.resize().fire("load")}).bind(this)).send();return this},update:function(a){this.$super(a),this.options.showIcon&&this.insert('<div class="rui-dialog-body-icon">'+this.options.showIcon+"</div>","top");return this}}),l.Foot=new i(k,{initialize:function(a){this.$super("div",{"class":"rui-dialog-foot"}),this.dialog=a,a.okButton=(new c(l.i18n.Ok,{"class":"ok"})).onClick(function(){a.fire("ok")}),a.helpButton=(new c(l.i18n.Help,{"class":"help"})).onClick(function(){a.fire("help")}),a.cancelButton=(new c(l.i18n.Cancel,{"class":"cancel"})).onClick(function(){a.fire("cancel")}),a.options.showHelp&&this.insert(a.helpButton),a.options.closeable&&this.insert(a.cancelButton),this.insert(a.okButton)}}),l.Alert=new i(l,{initialize:function(a){a=j.merge({showIcon:"!",title:l.i18n.Alert},a),this.$super(a),this.addClass("rui-dialog-alert"),this.on("ok","hide")}}),l.Confirm=new i(l,{initialize:function(a){a=j.merge({showIcon:"?",title:l.i18n.Confirm},a),this.$super(a),this.addClass("rui-dialog-confirm"),this.on("ok","hide")}}),l.Prompt=new i(l,{initialize:function(b){b=j.merge({showIcon:"&#x27A5;",title:l.i18n.Prompt,label:l.i18n.Prompt},b),this.$super(b),this.addClass("rui-dialog-prompt"),this.html([h("label",{html:this.options.label}),this.input=new a.Input(this.options.input||{})]),this.input.get("type")!=="textarea"&&this.input.onKeydown(e(function(a){a.keyCode===13&&this.fire("ok")}).bind(this))},show:function(){this.$super.apply(this,arguments),this.input.select();return this}}),f(document).on({keydown:function(a){a.keyCode===27&&l.current?l.current.options.closeable&&l.current.fire("cancel"):a.keyCode===13&&l.current&&(l.current instanceof l.Prompt||(a.stop(),l.current.fire("ok")))},mousemove:function(a){l.dragged&&l.dragged.head.dragMove(a)},mouseup:function(a){l.dragged&&l.dragged.head.dragStop(a)}}),f(window).onResize(function(){l.current&&l.current.resize()});var m=document.createElement("style"),n=document.createTextNode("*.rui-button{display:inline-block; *display:inline; *zoom:1;height:1em;line-height:1em;margin:0;padding:.2em .5em;text-align:center;border:1px solid #CCC;border-radius:.2em;-moz-border-radius:.2em;-webkit-border-radius:.2em;cursor:pointer;color:#333;background-color:#FFF;user-select:none;-moz-user-select:none;-webkit-user-select:none} *.rui-button:hover{color:#111;border-color:#999;background-color:#DDD;box-shadow:#888 0 0 .1em;-moz-box-shadow:#888 0 0 .1em;-webkit-box-shadow:#888 0 0 .1em} *.rui-button:active{color:#000;border-color:#777;text-indent:1px;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none} *.rui-button-disabled, *.rui-button-disabled:hover, *.rui-button-disabled:active{color:#888;background:#DDD;border-color:#CCC;cursor:default;text-indent:0;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}div.rui-spinner,div.rui-spinner div{margin:0;padding:0;border:none;background:none;list-style:none;font-weight:normal;float:none;display:inline-block; *display:inline; *zoom:1;border-radius:.12em;-moz-border-radius:.12em;-webkit-border-radius:.12em}div.rui-spinner{text-align:center;white-space:nowrap;background:#EEE;border:1px solid #DDD;height:1.2em;padding:0 .2em}div.rui-spinner div{width:.4em;height:70%;background:#BBB;margin-left:1px}div.rui-spinner div:first-child{margin-left:0}div.rui-spinner div.glowing{background:#777}div.rui-screen-locker{position:fixed;top:0;left:0;width:100%;height:100%;margin:0;padding:0;background:#000;opacity:.5;filter:alpha(opacity=50);z-index:99999;cursor:default}div.rui-dialog{position:absolute;z-index:99999;background:white;margin:0;padding:0;padding-top:2.5em;padding-bottom:2.8em;border-radius:.35em;-moz-border-radius:.35em;-webkit-border-radius:.35em;border:1px solid #ccc}div.rui-dialog-body{min-width:20em;min-height:4.5em;margin:0;padding:0 1em;height:100%;overflow:auto;position:relative}div.rui-dialog-body-locker{position:absolute;z-index:9999;left:0;top:0;width:100%;height:100%;text-align:center;opacity:.6;filter:alpha(opacity=60)}div.rui-dialog-body-locker div.rui-spinner{border:none;background:none;font-size:150%;margin-top:8%}div.rui-dialog-body-icon{float:left;background:#eee;font-size:360%;font-family:Arial;border:2px solid gray;border-radius:.1em;-moz-border-radius:.1em;-webkit-border-radius:.1em;width:1em;line-height:1em;text-align:center;margin-right:.2em;margin-top:.05em;cursor:default;user-select:none;-moz-user-select:none;-webkit-user-select:none}div.rui-dialog-head{position:absolute;top:0;left:0;margin:0;padding:0;width:100%;line-height:2em;background:#ccc;border-radius:.35em;-moz-border-radius:.35em;-webkit-border-radius:.35em;border-bottom-left-radius:0;border-bottom-right-radius:0;-moz-border-radius-bottomleft:0;-moz-border-radius-bottomright:0;-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;cursor:move;user-select:none;-moz-user-select:none;-webkit-user-select:none}div.rui-dialog-head div.icon{float:left;height:1.4em;width:1.4em;margin-left:1em;margin-top:.3em;margin-right:.3em;display:none}div.rui-dialog-head div.title{margin-left:1em;color:#444}div.rui-dialog-head div.tools{position:absolute;right:.3em;top:.3em}div.rui-dialog-head div.tools div{float:left;width:1.4em;line-height:1.4em;text-align:center;margin-left:.15em;cursor:pointer;background:#aaa;border-radius:.2em;-moz-border-radius:.2em;-webkit-border-radius:.2em;font-family:Verdana;opacity:.6;filter:alpha(opacity=60)}div.rui-dialog-head div.tools div:hover{opacity:1;filter:alpha(opacity=100);box-shadow:#444 0 0 .1em;-moz-box-shadow:#444 0 0 .1em;-webkit-box-shadow:#444 0 0 .1em}div.rui-dialog-head div.tools div.close:hover{background:#daa}div.rui-dialog-nodrag div.rui-dialog-head{cursor:default}div.rui-dialog-foot{position:absolute;bottom:0;left:0;width:100%;text-align:right}div.rui-dialog-foot div.rui-button{margin:.6em 1em;background:#eee;width:4em}div.rui-dialog-foot div.help{float:left}div.rui-dialog-foot div.cancel{margin-right:-.5em}div.rui-dialog-foot div.ok:hover{background-color:#ded}div.rui-dialog-foot div.cancel:hover{background-color:#ecc}div.rui-dialog-alert div.rui-dialog-foot{text-align:center}div.rui-dialog-alert div.rui-dialog-foot div.cancel{display:none}div.rui-dialog-alert div.rui-dialog-body-icon{color:brown;background:#FEE;border-color:brown}div.rui-dialog-confirm div.rui-dialog-body-icon{color:#44A;background:#EEF;border-color:#44a}div.rui-dialog-prompt div.rui-dialog-body-icon{color:#333}div.rui-dialog-prompt div.rui-dialog-body label{display:block;font-weight:bold;font-size:120%;color:#444;margin-bottom:.5em}div.rui-dialog-prompt div.rui-dialog-body input,div.rui-dialog-prompt div.rui-dialog-body textarea{border:1px solid #aaa;font-size:1em;display:block;width:16em;margin:0;padding:.2em;margin-left:4.7em;border-radius:.2em;-moz-border-radius:.2em;-webkit-border-radius:.2em;outline:none}div.rui-dialog-prompt div.rui-dialog-body textarea{width:24em;height:8em}");m.type="text/css",document.getElementsByTagName("head")[0].appendChild(m),m.styleSheet?m.styleSheet.cssText=n.nodeValue:m.appendChild(n);return l}(RightJS)

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

@@ -1,591 +0,0 @@
-/**
- * Drag'n'Drop module v2.2.2
- * http://rightjs.org/plugins/drag-n-drop
- *
- * Copyright (C) 2009-2011 Nikolay Nemshilov
- */
-(function(window, document, RightJS) {
-/**
- * The DND module initialization script
- *
- * Copyright (C) 2010 Nikolay Nemshilov
- */
-var R        = RightJS,
-    $        = RightJS.$,
-    $w       = RightJS.$w,
-    Class    = RightJS.Class,
-    isHash   = RightJS.isHash,
-    isArray  = RightJS.isArray,
-    Element  = RightJS.Element,
-    Observer = RightJS.Observer;
-
-
-
-/**
- * Draggable unit
- *
- * Copyright (C) 2009-2011 Nikolay Nemshilov
- */
-var Draggable = new Class(Observer, {
-  extend: {
-    version: '2.2.2',
-
-    EVENTS: $w('before start drag stop drop'),
-
-    Options: {
-      handle:            null,        // a handle element that will start the drag
-
-      snap:              0,           // a number in pixels or [x,y]
-      axis:              null,        // null or 'x' or 'y' or 'vertical' or 'horizontal'
-      range:             null,        // {x: [min, max], y:[min, max]} or reference to another element
-
-      dragClass:         'dragging',  // the in-process class name
-
-      clone:             false,       // if should keep a clone in place
-      revert:            false,       // marker if the object should be moved back on finish
-      revertDuration:    'normal',    // the moving back fx duration
-
-      scroll:            true,        // if it should automatically scroll
-      scrollSensitivity: 32,          // the scrolling area size in pixels
-
-      zIndex:            10000000,    // the element's z-index
-      moveOut:           false,       // marker if the draggable should be moved out of it's context (for overflown elements)
-
-      relName:           'draggable'  // the audodiscovery feature key
-    },
-
-    // referenece to the currently active draggable
-    current: null,
-
-    // scans the document for auto-processed draggables with the rel="draggable" attribute
-    rescan: function(scope) {
-      var key = this.Options.relName, ref = this === Draggable ? 'draggable' : 'droppable';
-
-      ($(scope)||$(document)).find('*[rel^="'+key+'"]').each(function(element) {
-        if (!element[ref]) {
-          new this(element, new Function('return '+element.get('data-'+key))() || {});
-        }
-      }, this);
-    }
-  },
-
-  /**
-   * Basic controller
-   *
-   * @param mixed element reference
-   * @param Object options
-   */
-  initialize: function(element, options) {
-    this.element = $(element);
-    this.$super(options);
-
-    this._dragStart = R(this.dragStart).bind(this);
-    this.handle.onMousedown(this._dragStart);
-
-    this.element.draggable = this;
-  },
-
-  /**
-   * detaches the mouse observers out of the draggable element
-   *
-   * @return this
-   */
-  destroy: function() {
-    this.handle.stopObserving('mousedown', this._dragStart);
-    delete(this.element.draggable);
-
-    return this;
-  },
-
-  // additional options processing
-  setOptions: function(options) {
-    this.$super(options);
-
-    // checking the handle
-    this.handle = this.options.handle ? $(this.options.handle) : this.element;
-
-    // checking the spappings
-    if (isArray(this.options.snap)) {
-      this.snapX = this.options.snap[0];
-      this.snapY = this.options.snap[1];
-    } else {
-      this.snapX = this.snapY = this.options.snap;
-    }
-
-    return this;
-  },
-
-  /**
-   * Moves the element back to the original position
-   *
-   * @return this
-   */
-  revert: function() {
-    var position  = this.clone.position();
-    var end_style = {
-      top:  (position.y + this.ryDiff) + 'px',
-      left: (position.x + this.rxDiff) + 'px'
-    };
-
-    if (this.options.revertDuration && this.element.morph) {
-      this.element.morph(end_style, {
-        duration: this.options.revertDuration,
-        onFinish: R(this.swapBack).bind(this)
-      });
-    } else {
-      this.element.setStyle(end_style);
-      this.swapBack();
-    }
-
-    return this;
-  },
-
-// protected
-
-  // handles the event start
-  dragStart: function(event) {
-    if (this._drag) { return false; } else { this._drag = true; }
-
-    this.fire('before', this, event.stop());
-
-    // calculating the positions diff
-    var position = this.element.position();
-
-    this.xDiff = event.pageX - position.x;
-    this.yDiff = event.pageY - position.y;
-
-    // grabbing the relative position diffs for nested spaces
-    this.rxDiff = this.ryDiff = 0;
-    this.element.parents().reverse().each(function(parent) {
-      if (parent.getStyle('position') !== 'static') {
-        parent = parent.position();
-
-        this.rxDiff = - parent.x;
-        this.ryDiff = - parent.y;
-      }
-    }, this);
-
-    // preserving the element sizes
-    var size = {
-      x: this.element.getStyle('width'),
-      y: this.element.getStyle('height')
-    };
-
-    if (size.x == 'auto') { size.x = this.element._.offsetWidth  + 'px'; }
-    if (size.y == 'auto') { size.y = this.element._.offsetHeight + 'px'; }
-
-    // building a clone element if necessary
-    if (this.options.clone || this.options.revert) {
-      this.clone = new Element(this.element._.cloneNode(true)).setStyle({
-        visibility: this.options.clone ? 'visible' : 'hidden'
-      }).insertTo(this.element, 'before');
-    }
-
-    // reinserting the element to the body so it was over all the other elements
-    this.element.setStyle({
-      position: 'absolute',
-      zIndex:   Draggable.Options.zIndex++,
-      top:      (position.y + this.ryDiff) + 'px',
-      left:     (position.x + this.rxDiff) + 'px',
-      width:    size.x,
-      height:   size.y
-    }).addClass(this.options.dragClass);
-
-    if (this.options.moveOut) {
-      this.element.insertTo(document.body);
-    }
-
-    // caching the window scrolls
-    this.winScrolls = $(window).scrolls();
-    this.winSizes   = $(window).size();
-
-    Draggable.current = this.calcConstraints().fire('start', this, event);
-
-    this.style = this.element._.style;
-  },
-
-  // catches the mouse move event
-  dragProcess: function(event) {
-    var page_x = event.pageX, page_y = event.pageY, x = page_x - this.xDiff, y = page_y - this.yDiff;
-
-    // checking the range
-    if (this.ranged) {
-      if (this.minX > x) { x = this.minX; }
-      if (this.maxX < x) { x = this.maxX; }
-      if (this.minY > y) { y = this.minY; }
-      if (this.maxY < y) { y = this.maxY; }
-    }
-
-    // checking the scrolls
-    if (this.options.scroll) {
-      var scrolls = {x: this.winScrolls.x, y: this.winScrolls.y},
-        sensitivity = this.options.scrollSensitivity;
-
-      if ((page_y - scrolls.y) < sensitivity) {
-        scrolls.y = page_y - sensitivity;
-      } else if ((scrolls.y + this.winSizes.y - page_y) < sensitivity){
-        scrolls.y = page_y - this.winSizes.y + sensitivity;
-      }
-
-      if ((page_x - scrolls.x) < sensitivity) {
-        scrolls.x = page_x - sensitivity;
-      } else if ((scrolls.x + this.winSizes.x - page_x) < sensitivity){
-        scrolls.x = page_x - this.winSizes.x + sensitivity;
-      }
-
-      if (scrolls.y < 0) { scrolls.y = 0; }
-      if (scrolls.x < 0) { scrolls.x = 0; }
-
-      if (scrolls.y < this.winScrolls.y || scrolls.y > this.winScrolls.y ||
-        scrolls.x < this.winScrolls.x || scrolls.x > this.winScrolls.x) {
-
-          $(window).scrollTo(this.winScrolls = scrolls);
-      }
-    }
-
-    // checking the snaps
-    if (this.snapX) { x = x - x % this.snapX; }
-    if (this.snapY) { y = y - y % this.snapY; }
-
-    // checking the constraints
-    if (!this.axisY) { this.style.left = (x + this.rxDiff) + 'px'; }
-    if (!this.axisX) { this.style.top  = (y + this.ryDiff) + 'px'; }
-
-    this.fire('drag', this, event);
-  },
-
-  // handles the event stop
-  dragStop: function(event) {
-    this.element.removeClass(this.options.dragClass);
-
-    // notifying the droppables for the drop
-    Droppable.checkDrop(event, this);
-
-    if (this.options.revert) {
-      this.revert();
-    } else {
-      this._drag = false;
-    }
-
-    Draggable.current = null;
-
-    this.fire('stop', this, event);
-  },
-
-  // swaps the clone element to the actual element back
-  swapBack: function() {
-    if (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 = false;
-  },
-
-  // calculates the constraints
-  calcConstraints: function() {
-    var axis = this.options.axis;
-    this.axisX = R(['x', 'horizontal']).include(axis);
-    this.axisY = R(['y', 'vertical']).include(axis);
-
-    this.ranged = false;
-    var range = this.options.range;
-    if (range) {
-      this.ranged = true;
-
-      // if the range is defined by another element
-      var element = $(range);
-      if (element instanceof Element) {
-        var dims = element.dimensions();
-
-        range = {
-          x: [dims.left, dims.left + dims.width],
-          y: [dims.top,  dims.top + dims.height]
-        };
-      }
-
-      if (isHash(range)) {
-        var size = this.element.size();
-
-        if (range.x) {
-          this.minX = range.x[0];
-          this.maxX = range.x[1] - size.x;
-        }
-        if (range.y) {
-          this.minY = range.y[0];
-          this.maxY = range.y[1] - size.y;
-        }
-      }
-    }
-
-    return this;
-  }
-});
-
-/**
- * Droppable unit
- *
- * Copyright (C) 2009-2010 Nikolay Nemshilov
- */
-var Droppable = new Class(Observer, {
-  extend: {
-    EVENTS: $w('drop hover leave'),
-
-    Options: {
-      accept:      '*',
-      containment: null,    // the list of elements (or ids) that should to be accepted
-
-      overlap:     null,    // 'x', 'y', 'horizontal', 'vertical', 'both'  makes it respond only if the draggable overlaps the droppable
-      overlapSize: 0.5,     // the overlapping level 0 for nothing 1 for the whole thing
-
-      allowClass:  'droppable-allow',
-      denyClass:   'droppable-deny',
-
-      relName:     'droppable'   // automatically discovered feature key
-    },
-
-    // See the Draggable rescan method, case we're kinda hijacking it in here
-    rescan: Draggable.rescan,
-
-    /**
-     * Checks for hoverting draggable
-     *
-     * @param Event mouse event
-     * @param Draggable draggable
-     */
-    checkHover: function(event, draggable) {
-      for (var i=0, length = this.active.length; i < length; i++) {
-        this.active[i].checkHover(event, draggable);
-      }
-    },
-
-    /**
-     * Checks for a drop
-     *
-     * @param Event mouse event
-     * @param Draggable draggable
-     */
-    checkDrop: function(event, draggable) {
-      for (var i=0, length = this.active.length; i < length; i++) {
-        this.active[i].checkDrop(event, draggable);
-      }
-    },
-
-    active: []
-  },
-
-  /**
-   * Basic cosntructor
-   *
-   * @param mixed the draggable element reference
-   * @param Object options
-   */
-  initialize: function(element, options) {
-    this.element = $(element);
-    this.$super(options);
-
-    Droppable.active.push(this.element._droppable = this);
-  },
-
-  /**
-   * Detaches the attached events
-   *
-   * @return self
-   */
-  destroy: function() {
-    Droppable.active = Droppable.active.without(this);
-    delete(this.element.droppable);
-    return this;
-  },
-
-  /**
-   * checks the event for hovering
-   *
-   * @param Event mouse event
-   * @param Draggable the draggable object
-   */
-  checkHover: function(event, draggable) {
-    if (this.hoveredBy(event, draggable)) {
-      if (!this._hovered) {
-        this._hovered = true;
-        this.element.addClass(this.options[this.allows(draggable) ? 'allowClass' : 'denyClass']);
-        this.fire('hover', draggable, this, event);
-      }
-    } else if (this._hovered) {
-      this._hovered = false;
-      this.reset().fire('leave', draggable, this, event);
-    }
-  },
-
-  /**
-   * Checks if it should process the drop from draggable
-   *
-   * @param Event mouse event
-   * @param Draggable draggable
-   */
-  checkDrop: function(event, draggable) {
-    this.reset();
-    if (this.hoveredBy(event, draggable) && this.allows(draggable)) {
-      draggable.fire('drop', this, draggable, event);
-      this.fire('drop', draggable, this, event);
-    }
-  },
-
-  /**
-   * resets the element state
-   *
-   * @return self
-   */
-  reset: function() {
-    this.element.removeClass(this.options.allowClass).removeClass(this.options.denyClass);
-    return this;
-  },
-
-// protected
-
-  // checks if the element is hovered by the event
-  hoveredBy: function(event, draggable) {
-    var dims     = this.element.dimensions(),
-        t_top    = dims.top,
-        t_left   = dims.left,
-        t_right  = dims.left + dims.width,
-        t_bottom = dims.top  + dims.height,
-        event_x  = event.pageX,
-        event_y  = event.pageY;
-
-    // checking the overlapping
-    if (this.options.overlap) {
-      var drag_dims = draggable.element.dimensions(),
-          level     = this.options.overlapSize,
-          top       = drag_dims.top,
-          left      = drag_dims.left,
-          right     = drag_dims.left + drag_dims.width,
-          bottom    = drag_dims.top  + drag_dims.height;
-
-
-      switch (this.options.overlap) {
-        // horizontal overlapping only check
-        case 'x':
-        case 'horizontal':
-          return (
-            (top    > t_top    && top      < t_bottom) ||
-            (bottom > t_top    && bottom   < t_bottom)
-          ) && (
-            (left   > t_left   && left    < (t_right - dims.width * level)) ||
-            (right  < t_right  && right   > (t_left  + dims.width * level))
-          );
-
-        // vertical overlapping only check
-        case 'y':
-        case 'vertical':
-          return (
-            (left   > t_left   && left   < t_right) ||
-            (right  > t_left   && right  < t_right)
-          ) && (
-            (top    > t_top    && top    < (t_bottom - dims.height * level)) ||
-            (bottom < t_bottom && bottom > (t_top + dims.height * level))
-          );
-
-        // both overlaps check
-        default:
-          return (
-            (left   > t_left   && left    < (t_right - dims.width * level)) ||
-            (right  < t_right  && right   > (t_left  + dims.width * level))
-          ) && (
-            (top    > t_top    && top    < (t_bottom - dims.height * level)) ||
-            (bottom < t_bottom && bottom > (t_top + dims.height * level))
-          );
-      }
-
-    } else {
-      // simple check agains the event position
-      return event_x > t_left && event_x < t_right && event_y > t_top && event_y < t_bottom;
-    }
-  },
-
-  // checks if the object accepts the draggable
-  allows: function(draggable) {
-    if (this.options.containment && !this._scanned) {
-      this.options.containment = R(this.options.containment).map($);
-      this._scanned = true;
-    }
-
-    // checking the invitations list
-    var welcomed = this.options.containment ? this.options.containment.includes(draggable.element) : true;
-
-    return welcomed && (this.options.accept == '*' ? true : draggable.element.match(this.options.accept));
-  }
-
-});
-
-/**
- * The document events hooker
- *
- * Copyright (C) 2009-2011 Nikolay Nemshilov
- */
-$(document).on({
-  // parocesses the automatically discovered elements
-  ready: function() {
-    Draggable.rescan();
-    Droppable.rescan();
-  },
-
-  // watch the draggables moving arond
-  mousemove: function(event) {
-    if (Draggable.current !== null) {
-      Draggable.current.dragProcess(event);
-      Droppable.checkHover(event, Draggable.current);
-    }
-  },
-
-  // releases the current draggable on mouse up
-  mouseup: function(event) {
-    if (Draggable.current !== null) {
-      Draggable.current.dragStop(event);
-    }
-  }
-});
-
-/**
- * Element level hooks for drag'n'drops
- *
- * Copyright (C) 2009-2010 Nikolay Nemshilov
- */
-Element.include({
-  
-  makeDraggable: function(options) {
-    new Draggable(this, options);
-    return this;
-  },
-  
-  undoDraggable: function() {
-    if ('draggable' in this) {
-      this.draggable.destroy();
-    }
-    
-    return this;
-  },
-  
-  makeDroppable: function(options) {
-    new Droppable(this, options);
-    return this;
-  },
-  
-  undoDroppable: function() {
-    if ('droppable' in this) {
-      this.droppable.destroy();
-    }
-    
-    return this;
-  }
-  
-});
-
-window.Draggable = RightJS.Draggable = Draggable;
-window.Droppable = RightJS.Droppable = Droppable;
-})(window, document, RightJS);