right-rails 0.3.0

data/javascripts/right-autocompleter-src.js

@@ -0,0 +1,303 @@
+/**
+ * The autocompletion feature implemented with RightJS
+ *
+ * Home page: http://rightjs.org/ui/autocompleter
+ *
+ * @copyright (C) 2009 Nikolay V. Nemshilov aka St.
+ */
+if (!RightJS) { throw "Gimme RightJS. Please." };
+
+/**
+ * The RightJS UI Autocompleter unit base class
+ *
+ * Copyright (C) Nikolay V. Nemshilov aka St.
+ */
+var Autocompleter = new Class(Observer, {
+  extend: {
+    EVENTS: $w('show hide update load select done'),
+    
+    Options: {
+      url:        document.location.href,
+      param:      'search',
+      method:     'get',
+      
+      minLength:  1,         // the minimal length when it starts work
+      threshold:  200,       // the typing pause threshold
+      
+      cache:      true,      // the use the results cache
+      local:      null,      // an optional local search results list
+      
+      fxName:     'slide',
+      fxDuration: 'short',
+      
+      spinner:    'native',
+      
+      relName:    'autocompleter'
+    },
+    
+    // scans the document for autocompletion fields
+    rescan: function() {
+      var key = Autocompleter.Options.relName;
+      var reg = new RegExp('^'+key+'+\\[(.*?)\\]$');
+      
+      $$('input[rel^="'+key+'"]').each(function(input) {
+        if (!input.autocompleter) {
+          var data = input.get('data-'+key+'-options');
+          var options = Object.merge(eval('('+data+')'));
+          var match = input.get('rel').match(reg);
+          
+          if (match) {
+            var url = match[1];
+
+            // if looks like a list of local options
+            if (url.match(/^['"].*?['"]$/)) {
+              options.local = eval('['+url+']');
+            } else if (!url.blank()) {
+              options.url = url;
+            }
+          }
+          
+          new Autocompleter(input, options);
+        }
+      });
+    }
+  },
+  
+  /**
+   * basic constructor
+   *
+   * @param mixed the input element reference, a string id or the element instance
+   * @param Object options
+   */
+  initialize: function(input, options) {
+    this.$super(options);
+    
+    // storing the callbacks so we could detach them later
+    this._watch = this.watch.bind(this);
+    this._hide  = this.hide.bind(this);
+    
+    this.input     = $(input).onKeyup(this._watch).onBlur(this._hide);
+    this.container = $E('div', {'class': 'autocompleter'}).insertTo(this.input, 'after');
+    
+    this.input.autocompleter = this;
+  },
+  
+  // kills the autocompleter
+  destroy: function() {
+    this.input.stopObserving('keyup', this._watch).stopObserving('blur', this._hide);
+    delete(this.input.autocompleter);
+    return this;
+  },
+  
+  // catching up with some additonal options
+  setOptions: function(options) {
+    this.$super(options);
+    
+    // building the correct url template with a placeholder
+    if (!this.options.url.includes('%{search}')) {
+      this.options.url += (this.options.url.includes('?') ? '&' : '?') + this.options.param + '=%{search}';
+    }
+  },
+  
+  // handles the list appearance
+  show: function() {
+    if (this.container.hidden()) {
+      var dims = this.input.dimensions();
+      
+      this.container.setStyle({
+        top: (dims.top + dims.height) + 'px',
+        left: dims.left + 'px',
+        width: dims.width + 'px'
+      }).show(this.options.fxName, {
+        duration: this.options.fxDuration,
+        onFinish: this.fire.bind(this, 'show')
+      });
+    }
+    
+    return Autocompleter.current = this;
+  },
+  
+  // handles the list hidding
+  hide: function() {
+    if (this.container.visible()) {
+      this.container.hide();
+      this.fire.bind(this, 'hide');
+    }
+    
+    Autocompleter.current = null;
+    
+    return this;
+  },
+  
+  // selects the next item on the list
+  prev: function() {
+    return this.select('prev', this.container.select('li').last());
+  },
+  
+  // selects the next item on the list
+  next: function() {
+    return this.select('next', this.container.first('li'));
+  },
+  
+  // marks it done
+  done: function(current) {
+    var current = current || this.container.first('li.current');
+    if (current) {
+      this.input.value = current.innerHTML.stripTags();
+    }
+    
+    return this.fire('done').hide();
+  },
+  
+// protected
+
+  // works with the 'prev' and 'next' methods
+  select: function(what, fallback) {
+    var current = this.container.first('li.current');
+    if (current) {
+      current = current[what]('li') || current;
+    }
+    
+    return this.fire('select', (current || fallback).radioClass('current'));
+  },
+
+  // receives the keyboard events out of the input element
+  watch: function(event) {
+    // skip the overlaping key codes that are already watched in the hooker.js
+    if ([27,37,38,39,40,13].include(event.keyCode)) return;
+    
+    if (this.input.value.length >= this.options.minLength) {
+      if (this.timeout) {
+        this.timeout.cancel();
+      }
+      this.timeout = this.trigger.bind(this).delay(this.options.threshold);
+    } else {
+      return this.hide();
+    }
+  },
+  
+  // triggers the actual action
+  trigger: function() {
+    this.timeout = null;
+    
+    this.cache = this.cache || {};
+    var search = this.input.value;
+    
+    if (search.length < this.options.minLength) return this.hide();
+    
+    if (this.cache[search]) {
+      this.suggest(this.cache[search], search);
+    } else if (this.options.local) {
+      this.suggest(this.findLocal(search), search);
+    } else {
+      this.request = Xhr.load(this.options.url.replace('%{search}', encodeURIComponent(search)), {
+        method:  this.options.method,
+        spinner: this.getSpinner(),
+        onComplete: function(response) {
+          this.fire('load').suggest(response.responseText, search);
+        }.bind(this)
+      });
+    }
+  },
+  
+  // updates the suggestions list
+  suggest: function(result, search) {
+    this.container.update(result).select('li').each(function(li) {
+      // we reassiging the events each time so the were no doublecalls
+      li.onmouseover = function() { li.radioClass('current'); };
+      li.onmousedown = function() { this.done(li); }.bind(this);
+    }, this);
+    
+    // saving the result in cache
+    if (this.options.cache) {
+      this.cache[search] = result;
+    }
+    
+    return this.fire('update').show();
+  },
+  
+  // performs the locals search
+  findLocal: function(search) {
+    var regexp = new RegExp("("+RegExp.escape(search)+")", 'ig');
+    return $E('ul').insert(
+      this.options.local.map(function(option) {
+        if (regexp.test(option)) {
+          return $E('li', {html:
+            option.replace(regexp, '<strong>$1</strong>')
+          });
+        }
+      }).compact()
+    );
+  },
+  
+  // builds a native textual spinner if necessary
+  getSpinner: function() {
+    this._spinner = this._spinner || this.options.spinner;
+    
+    // building the native spinner
+    if (this._spinner == 'native') {
+      this._spinner = $E('div', {
+        'class': 'autocompleter-spinner'
+      }).insertTo(this.input, 'after');
+      
+      var dots = '123'.split('').map(function(i) {
+        return $E('div', {'class': 'dot-'+i, html: '&raquo;'});
+      });
+      
+      (function() {
+        var dot = dots.shift();
+        dots.push(dot);
+        this._spinner.update(dot);
+      }.bind(this)).periodical(400);
+    }
+    
+    // repositioning the native spinner
+    if (this.options.spinner == 'native') {
+      var dims = this.input.dimensions();
+      
+      this._spinner.setStyle('visiblity: hidden').show();
+      
+      this._spinner.setStyle({
+        visibility: 'visible',
+        top: (dims.top + 1) + 'px',
+        height: (dims.height - 2) + 'px',
+        lineHeight: (dims.height - 2) + 'px',
+        left: (dims.left + dims.width - this._spinner.offsetWidth - 1) + 'px'
+      }).hide();
+    }
+    
+    return this._spinner;
+  }
+});
+
+/**
+ * The document events hooking
+ *
+ * Copyright (C) Nikolay V. Nemshilov aka St.
+ */
+document.on({
+  ready:   Autocompleter.rescan,
+  
+  // the autocompletion list navigation
+  keydown: function(event) {
+    if (Autocompleter.current) {
+      var name;
+
+      switch (event.keyCode) {
+         case 27: name = 'hide'; break;
+         case 37: name = 'prev'; break;
+         case 39: name = 'next'; break;
+         case 38: name = 'prev'; break;
+         case 40: name = 'next'; break;
+         case 13: name = 'done'; break;
+      }
+
+      if (name) {
+        Autocompleter.current[name]();
+        event.stop();
+      }
+    }
+  }
+});
+
+document.write("<style type=\"text/css\">div.autocompleter{display:none;position:absolute;z-index:100000000;border:none;margin:0;padding:0;background:white;-moz-box-shadow:#BBB .2em .2em .4em;-webkit-box-shadow:#BBB .2em .2em .4em;overflow:hidden}div.autocompleter ul{list-style:none;margin:0;padding:0;border:none;background:none;*border-bottom:1px solid #CCC}div.autocompleter ul li{list-style:none;font-weight:normal;margin:0;padding:.2em .4em;border:1px solid #CCC;border-top:none;border-bottom:none;background:none;cursor:pointer}div.autocompleter ul li:first-child{border-top:1px solid #CCC}div.autocompleter ul li:last-child{border-bottom:1px solid #CCC;*border-bottom:none}div.autocompleter ul li.current{background:#DDD}div.autocompleter-spinner{position:absolute;z-index:100000000;text-align:center;font-size:140%;font-family:Georgia;background:#DDD;color:#666;display:none;width:1em;margin:0;padding:0}div.autocompleter-spinner div.dot-1{margin-left:-4px}div.autocompleter-spinner div.dot-2{}div.autocompleter-spinner div.dot-3{margin-left:4px}</style>");

data/javascripts/right-autocompleter.js

@@ -0,0 +1,9 @@
+/**
+ * The autocompletion feature implemented with RightJS
+ *
+ * Home page: http://rightjs.org/ui/autocompleter
+ *
+ * @copyright (C) 2009 Nikolay V. Nemshilov aka St.
+ */
+if (!RightJS) { throw "Gimme RightJS. Please." };
+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})("26 17=96 Class(Observer,{extend:{EVENTS:$w('49 32 52 101 33 57'),90:{58:56.location.href,114:'54',70:'113',45:1,75:200,34:true,62:102,107:'slide',69:'short',22:'73',94:'11'},104:15(){26 k=17.90.94;26 r=96 72('^'+k+'+\\\\[(.*?)\\\\]$');$$('25[126^=\"'+k+'\"]').117(15(i){if(!i.11){26 d=i.113('data-'+k+'-16');26 o=Object.merge(118('('+d+')'));26 m=i.113('126').110(r);if(m){26 u=m[1];if(u.110(/^['\"].*?['\"]$/))o.62=118('['+u+']');81 if(!u.blank())o.58=u}96 17(i,o)}})}},initialize:15(i,o){5.105(o);5.74=5.115.36(5);5._32=5.32.36(5);5.25=$(i).onKeyup(5.74).onBlur(5._32);5.19=$E('28',{'85':'11'}).88(5.25,'111');5.25.11=5},destroy:15(){5.25.50('keyup',5.74).50('blur',5._32);delete(5.25.11);18 5},set90:15(o){5.105(o);if(!5.16.58.86('%{54}'))5.16.58+=(5.16.58.86('?')?'&':'?')+5.16.114+'=%{54}'},49:15(){if(5.19.71()){26 d=5.25.65();5.19.55({59:(d.59+d.53)+'px',48:d.48+'px',64:d.64+'px'}).49(5.16.107,{duration:5.16.69,onFinish:5.46.36(5,'49')})}18 17.24=5},32:15(){if(5.19.97()){5.19.32();5.46.36(5,'32')}17.24=102;18 5},80:15(){18 5.33('80',5.19.33('li').122())},79:15(){18 5.33('79',5.19.63('li'))},57:15(c){26 c=c||5.19.63('li.24');if(c)5.25.83=c.innerHTML.stripTags();18 5.46('57').32()},33:15(w,f){26 c=5.19.63('li.24');if(c)c=c[w]('li')||c;18 5.46('33',(c||f).67('24'))},115:15(e){if([27,37,38,39,40,13].include(e.99))18;if(5.25.83.103>=5.16.45){if(5.44)5.44.cancel();5.44=5.93.36(5).delay(5.16.75)}81 18 5.32()},93:15(){5.44=102;5.34=5.34||{};26 s=5.25.83;if(s.103<5.16.45)18 5.32();if(5.34[s])5.42(5.34[s],s);81 if(5.16.62)5.42(5.77(s),s);81 5.request=Xhr.101(5.16.58.98('%{54}',encodeURIComponent(s)),{70:5.16.70,22:5.68(),onComplete:15(r){5.46('101').42(r.responseText,s)}.36(5)})},42:15(r,s){5.19.52(r).33('li').117(15(l){l.onmouseover=15(){l.67('24')};l.onmousedown=15(){5.57(l)}.36(5)},5);if(5.16.34)5.34[s]=r;18 5.46('52').49()},77:15(s){26 r=96 72(\"(\"+72.escape(s)+\")\",'ig');18 $E('ul').insert(5.16.62.124(15(o){if(r.test(o))18 $E('li',{120:o.98(r,'<106>$1</106>')})}).compact())},68:15(){5.21=5.21||5.16.22;if(5.21=='73'){5.21=$E('28',{'85':'11-22'}).88(5.25,'111');26 c='123'.split('').124(15(a){18 $E('28',{'85':'89-'+a,120:'&raquo;'})});(15(){26 d=c.shift();c.push(d);5.21.52(d)}.36(5)).periodical(400)}if(5.16.22=='73'){26 b=5.25.65();5.21.55('visiblity: 71').49();5.21.55({visibility:'97',59:(b.59+1)+'px',53:(b.53-2)+'px',lineHeight:(b.53-2)+'px',48:(b.48+b.64-5.21.offsetWidth-1)+'px'}).32()}18 5.21}});56.on({ready:17.104,keydown:15(e){if(17.24){26 n;switch(e.99){47 27:n='32';41;47 37:n='80';41;47 39:n='79';41;47 38:n='80';41;47 40:n='79';41;47 13:n='57';41}if(n){17.24[n]();e.s59()}}}});56.write(\"<61 type=\\\"119/css\\\">28.11{91:30;82:87;z-116:76;29:30;35:0;43:0;31:white;-moz-125-108:#128 .78 .78 .109;-webkit-125-108:#128 .78 .78 .109;overflow:71}28.11 ul{121-61:30;35:0;43:0;29:30;31:30;*29-51:92 60 #95}28.11 ul li{121-61:30;100-weight:normal;35:0;43:.78 .109;29:92 60 #95;29-59:30;29-51:30;31:30;cursor:pointer}28.11 ul li:63-112{29-59:92 60 #95}28.11 ul li:122-112{29-51:92 60 #95;*29-51:30}28.11 ul li.24{31:#127}28.11-22{82:87;z-116:76;119-align:center;100-size:140%;100-family:Georgia;31:#127;color:#666;91:30;64:1em;35:0;43:0}28.11-22 28.89-1{35-48:-129}28.11-22 28.89-2{}28.11-22 28.89-3{35-48:129}</61>\");",",,,,,this,,,,,,autocompleter,,,,function,options,Autocompleter,return,container,,_spinner,spinner,,current,input,var,,div,border,none,background,hide,select,cache,margin,bind,,,,,break,suggest,padding,timeout,minLength,fire,case,left,show,stopObserving,bottom,update,height,search,setStyle,document,done,url,top,solid,style,local,first,width,dimensions,,radioClass,getSpinner,fxDuration,method,hidden,RegExp,native,_watch,threshold,100000000,findLocal,2em,next,prev,else,position,value,_hide,class,includes,absolute,insertTo,dot,Options,display,1px,trigger,relName,CCC,new,visible,replace,keyCode,font,load,null,length,rescan,$super,strong,fxName,shadow,4em,match,after,child,get,param,watch,index,each,eval,text,html,list,last,,map,box,rel,DDD,BBB,4px".split(",")));

data/javascripts/right-behavior-src.js

@@ -0,0 +1,240 @@
+/**
+ * The behavior definitions library for RightJS
+ *
+ * See http://rightjs.org/goods/behave for more details
+ *
+ * Copyright (C) 2009 Nikolay V. Nemshilov aka St.
+ */
+
+/**
+ * The behavior definition unit
+ *
+ * Once created will have two methods #start and #stop
+ * Once started will be added to all the matching elemnts
+ * on the page, and will watch any updates on the page
+ * and refresh the behaves automatically
+ *
+ * Copyright (C) 2009 Nikolay V. Nemshilov aka St.
+ */
+var Behavior = new Class({
+  extend: {
+    /**
+     * Class level behavior creator
+     *
+     * @param String css-selector
+     * @param String event name or a hash of events
+     * @param Function callback or a method name or a list of callbacks/names
+     * @param mixed optional argument
+     * ....
+     * @return Behavior instance
+     */
+    add: function() {
+      var args = $A(arguments);
+      var behavior = new Behavior(args.shift());
+
+      return behavior.on.apply(behavior, args).start();
+    },
+    
+    /**
+     * makes a certain behavior stop
+     *
+     * @param String css-selector
+     * @return Behavior stopped behavior or null if there weren't any
+     */
+    stop: function(rule) {
+      var behavior = Behavior.active[rule];
+      if (behavior)  behavior.stop();
+      
+      return behavior;
+    },
+    
+    /**
+     * applies all the active behaviors to the page
+     *
+     * @return void
+     */
+    refresh: function() {
+      for (var key in Behavior.active) {
+        Behavior.active[key].refresh();
+      }
+    },
+    
+    // a hash of active behaviors
+    active:   {}
+  },
+  
+  
+  rule: null, // the css rule
+  args: null, // the received arguments
+  regs: null, // the list of UID of elements that are already processed
+  
+  /**
+   * The basic constructor
+   *
+   * @param String css-rule
+   * @param String event name or a hash of event definitions
+   * @return void
+   */
+  initialize: function() {
+    var args = $A(arguments);
+    this.rule = args.shift();
+    this.on.apply(this, args);
+    
+    this.regs = [];
+  },
+  
+  /**
+   * makes the behavior active
+   *
+   * @return Behavior self
+   */
+  start: function() {
+    return Behavior.active[this.rule] = this.refresh();
+  },
+  
+  /**
+   * Deactivates the behavior
+   *
+   * @return Behavior self
+   */
+  stop: function() {
+    var args = this.args;
+    
+    // converting a non-hash args into a hash
+    if (!isHash(args[0])) {
+      var hash = {};
+      hash[args.shift()] = args;
+      args = hash;
+    } else {
+      args = args[0];
+    }
+    
+    // unregistering the listeners
+    $$(this.rule).each(function(element) {
+      var uid = $uid(element);
+      if (this.regs[uid]) {
+        for (var key in args) {
+          
+          // if the definition had some nauty arrays and call-by name definitions
+          if (isArray(args[key])) {
+            args[key].each(function(option) {
+              if (isArray(option)) {
+                element.stopObserving.apply(element, [key].concat(options[0]));
+              }
+            });
+            if (!isArray(args[key][0])) {
+              element.stopObserving.apply(element, [key].concat(args[key][0]));
+            }
+          } else {
+            element.stopObserving.apply(element, [key].concat(args[key]));
+          }
+        }
+      }
+    }, this);
+    
+    this.regs = [];
+    
+    delete(Behavior.active[this.rule]);
+    
+    return this;
+  },
+  
+  /**
+   * Checks if the given behavior is active
+   *
+   * @return boolean check result
+   */
+  active: function() {
+    return Behavior.active[this.rule] === this;
+  },
+  
+// private
+  
+  /**
+   * Defines the behavior options
+   *  
+   *  Takes all the same type of options as the {Observer#on} method
+   *
+   * @param String event name or anevents definition hash
+   * @param Function callback or method name to call
+   * @return Behavior self
+   */
+  on: function() {
+    this.args = $A(arguments);
+    return this;
+  },
+  
+  /**
+   * refreshes the behavior applying on the page elements
+   *
+   * @return Behavior self
+   */
+  refresh: function() {
+    $$(this.rule).each(function(element) {
+      var uid = $uid(element);
+      if (!this.regs[uid]) {
+        element.on.apply(element, this.args);
+        this.regs[uid] = 1;
+      }
+    }, this);
+    
+    return this;
+  }
+});
+
+document.onReady(Behavior.refresh);
+/**
+ * The Element unit wrapups for automaticall behaves processing on the page updates
+ *
+ * Copyright (C) 2009 Nikolay V. Nemshilov aka St.
+ */
+Element.addMethods((function(old_methods) {
+  var old_insert = old_methods.insert;
+  var old_update = old_methods.update;
+  
+return {
+  insert: function() {
+    old_insert.apply(this, arguments);
+    Behavior.refresh();
+    
+    return this;
+  },
+  
+  update: function(content) {
+    old_update.apply(this, arguments);
+    if (isString(content)) Behavior.refresh();
+    
+    return this;
+  }
+};
+  
+})(Element.Methods));
+/**
+ * The bahave library string level shortcuts, mean to create behaviors like that
+ *
+ * USAGE:
+ *   "div#sidebar ul li".behave('click', function() {...});
+ *
+ *   "div#sidebar ul li".stopBehave('click', function() {...});
+ *
+ * Copyright (C) 2009 Nikolay V Nemshilov aka St.
+ */
+$ext(String.prototype, {
+  /**
+   * Starts behavior
+   *
+   * Takes all the same params as the {Behavior#on} method
+   */
+  behave: function() {
+    return Behavior.add.apply(Behavior, [''+this].concat($A(arguments)));
+  },
+  
+  /**
+   * Stops a behavior
+   *
+   * Takes all the same params as the {Behavior#stop} method
+   */
+  stopBehave: function() {
+    return Behavior.stop.apply(Behavior, [''+this].concat($A(arguments)));
+  }
+});

data/javascripts/right-behavior.js

@@ -0,0 +1,8 @@
+/**
+ * The behavior definitions library for RightJS
+ *
+ * See http://rightjs.org/goods/behave for more details
+ *
+ * Copyright (C) 2009 Nikolay V. Nemshilov aka St.
+ */
+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})("10 4=27 Class({extend:{28:2(){10 a=$A(6);10 b=27 4(a.18());5 b.on.7(b,a).24()},16:2(r){10 b=4.9[r];if(b)b.16();5 b},8:2(){29(10 k in 4.9)4.9[k].8()},9:{}},12:21,17:21,14:21,initialize:2(){10 a=$A(6);3.12=a.18();3.on.7(3,a);3.14=[]},24:2(){5 4.9[3.12]=3.8()},16:2(){10 a=3.17;if(!isHash(a[0])){10 h={};h[a.18()]=a;a=h}26 a=a[0];$$(3.12).20(2(e){10 u=25(e);if(3.14[u])29(10 k in a){if(15(a[k])){a[k].20(2(o){if(15(o))e.11.7(e,[k].13(options[0]))});if(!15(a[k][0]))e.11.7(e,[k].13(a[k][0]))}26 e.11.7(e,[k].13(a[k]))}},3);3.14=[];delete(4.9[3.12]);5 3},9:2(){5 4.9[3.12]===3},on:2(){3.17=$A(6);5 3},8:2(){$$(3.12).20(2(e){10 u=25(e);if(!3.14[u]){e.on.7(e,3.17);3.14[u]=1}},3);5 3}});document.onReady(4.8);19.2830((2(a){10 o=a.23;10 b=a.22;5{23:2(){o.7(3,6);4.8();5 3},22:2(c){b.7(3,6);if(is31(c))4.8();5 3}}})(19.30));$ext(31.prototype,{behave:2(){5 4.28.7(4,[''+3].13($A(6)))},16Behave:2(){5 4.16.7(4,[''+3].13($A(6)))}});",",,function,this,Behavior,return,arguments,apply,refresh,active,var,stopObserving,rule,concat,regs,isArray,stop,args,shift,Element,each,null,update,insert,start,$uid,else,new,add,for,Methods,String".split(",")));