right-rails 0.3.0

data/javascripts/right-rails-src.js

@@ -0,0 +1,269 @@
+/**
+ * Ruby On Rails common Ajax operations conventional wrapper
+ * and underscored aliases for core methods
+ *
+ *    http://github.com/MadRabbit/right-rails
+ *
+ * Copyright (C) Nikolay V. Nemshilov aka St.
+ */
+
+/**
+ * RR is the common ajax operations wrapper for ruby on rails
+ *
+ * Copyright (C) 2009 Nikolay V. Nemshilov aka St.
+ */
+;
+var RR = {
+  /**
+   * Basic options
+   *
+   * NOTE: DO NOT CHANGE this hash right here
+   *       Use your application.js file to alter the options
+   */
+  Options: {
+    format:           'js',      // the working format for remote requests over the application
+    
+    flashId:          'flashes', // the flashes element id
+    flashHideFx:      'slide',   // use null if you don't want any fx in here
+    flashHideDelay:   3200,      // use -1 to disable the flash element hidding
+    
+    highlightUpdates: true,
+    
+    removeFx:         'fade'
+  },
+  
+  /**
+   * Updates the flashes block with the source
+   *
+   * @param String new content
+   * @return RR this
+   */
+  update_flash: function(content) {
+    var element = $(this.Options.flashId);
+    if (element) {
+      this.replace(element, content).hide_flash();
+    }
+    return this;
+  },
+  
+  /**
+   * Initializes the delayed flashes hide call
+   *
+   * @return RR this
+   */
+  hide_flash: function() {
+    if (this.Options.flashHideDelay > -1) {
+      var element = $(this.Options.flashId);
+      if (element && element.visible()) {
+        element.hide.bind(element, this.Options.flashHideFx).delay(this.Options.flashHideDelay);
+      }
+    }
+    return this;
+  },
+  
+  /**
+   * Highlights the element according to the options
+   * 
+   * @param String element id
+   * @return RR this
+   */
+  highlight: function(id) {
+    if (this.Options.highlightUpdates) {
+      $(id).highlight();
+    }
+    return this;
+  },
+  
+  /**
+   * Inserts the content into the given element
+   *
+   * @param String destination id
+   * @param String content
+   * @return RR this
+   */
+  insert: function(where, what) {
+    return this.highlight($(where).insert(what).lastChild).rescan();
+  },
+  
+  /**
+   * Replaces the given element with a new content
+   *
+   * @param String destination id
+   * @param String content
+   * @return RR this
+   */
+  replace: function(id, source) {
+    $(id).replace(source);
+    return this.highlight(id).rescan();
+  },
+  
+  /**
+   * removes the element by id
+   *
+   * @param String element id
+   * @return RR this
+   */
+  remove: function(id) {
+    var element = $(id);
+    if (element) {
+      if (this.Options.removeFx) {
+        element.hide(this.Options.removeFx, {
+          onFinish: element.remove.bind(element)
+        });
+      } else {
+        element.remove();
+      }
+    }
+  },
+  
+  /**
+   * Makes a remote form out of the form
+   *
+   * @param String form id
+   * @return RR this
+   */
+  remotize_form: function(id) {
+    var form = $(id);
+    if (form) {
+      form.remotize().enable().action += '.'+this.Options.format;
+    }
+    return this;
+  },
+  
+  /**
+   * Replaces the form with new content and makes it remote
+   *
+   * @param String form id
+   * @param String content
+   * @return RR this
+   */
+  replace_form: function(id, source) {
+    var form = $(id);
+    if (form) {
+      form.replace(source);
+      this.remotize_form(id);
+    }
+    
+    return this.rescan();
+  },
+  
+  /**
+   * Inserts the form source into the given element
+   *
+   * @param String target id
+   * @param String form source
+   * @return RR this
+   */
+  show_form_for: function(id, source) {
+    $(id).select('form').each('remove'); // removing old forms
+    $(id).insert(source);
+    
+    return this.remotize_form($(id).first('form')).rescan();
+  },
+  
+  /**
+   * Hijacks the action links and makes them remote
+   *
+   * @return RR self
+   */
+  hijack_links: function() {
+    this._links = this._links || [];
+    
+    $$('a.edit, a.destroy').each(function(link) {
+      var uid = $uid(link);
+      if (!this._links[uid]) {
+        this._links[uid] = true;
+        
+        if (link.hasClass('destroy')) {
+          link.onclick = eval('({f:'+ link.onclick.toString().replace('.submit', '.send')+'})').f;
+        } else if (link.hasClass('edit')) {
+          link.onclick = function(event) { event.stop();
+            Xhr.load(link.href + '.' + this.Options.format);
+          }.bind(this);
+        }
+      }
+    }, this);
+    
+    return this;
+  },
+  
+  /**
+   * Scans for updated elements
+   *
+   * @return RR this
+   */
+  rescan: function() {
+    this.hijack_links();
+    
+    $w('Lightbox Calendar Autocompleter Draggable Droppable Sortable Tabs Slider Rater Selectable'
+    ).each(function(name) {
+      if (self[name]) self[name].rescan();
+    });
+    
+    
+    return this;
+  }
+};
+
+// the document onload hook
+document.onReady(function() {
+  RR.hide_flash().rescan();
+});
+/**
+ * Underscored aliases for Ruby On Rails
+ *
+ * Copyright (C) 2009 Nikolay V. Nemshilov aka St.
+ */
+
+// the language and window level aliases
+[String.prototype, Array.prototype, Function.prototype, Object, Options, Observer, Observer.prototype, window, document].each(function(object) {
+  for (var key in object) {
+    try { // some keys are not accessable
+      
+      if (/[A-Z]/.test(key) && typeof(object[key]) == 'function') {
+        var u_key = key.underscored();
+        if (object[u_key] === null || object[u_key] === undefined) {
+          object[u_key] = object[key];
+        }
+      }
+    } catch (e) {}
+  }
+});
+
+
+// DOM package aliases
+[Element, Event, Form, Form.Element].each(function(object) {
+  var aliases = {}, methods = object.Methods;
+    
+  for (var key in methods) {
+    if (/[A-Z]/.test(key) && typeof(methods[key]) == 'function') {
+      aliases[key.underscored()] = methods[key];
+    }
+  }
+  
+  object.addMethods(aliases);
+});
+
+
+// various ruby-like method aliases
+$alias(String.prototype, {
+  index_of:      'indexOf',
+  last_index_of: 'lastIndexOf',
+  to_f:          'toFloat',
+  to_i:          'toInt',
+  gsub:          'replace',
+  downcase:      'toLowerCase',
+  upcase:        'toUpperCase',
+  index:         'indexOf',
+  rindex:        'lastIndexOf',
+  strip:         'trim'
+});
+
+$alias(Array.prototype, {
+  collect:       'map',
+  detect:        'filter',
+  index_of:      'indexOf',
+  last_index_of: 'lastIndexOf',
+  index:         'indexOf',
+  rindex:        'lastIndexOf'
+});

data/javascripts/right-rails.js

@@ -0,0 +1,9 @@
+/**
+ * Ruby On Rails common Ajax operations conventional wrapper
+ * and underscored aliases for core methods
+ *
+ *    http://github.com/MadRabbit/right-rails
+ *
+ * Copyright (C) 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})(";13 RR={6:{31:'js',26:'flashes',28:'slide',12:3200,1555:50,19Fx:'fade'},update_flash:4(c){13 e=$(5.6.26);if(e)5.10(e,c).17();7 5},17:4(){if(5.6.12>-1){13 e=$(5.6.26);if(e&&e.visible())e.48.39(e,5.6.28).delay(5.6.12)}7 5},15:4(i){if(5.6.1555)$(i).15();7 5},30:4(a,w){7 5.15($(a).30(w).lastChild).9()},10:4(i,s){$(i).10(s);7 5.15(i).9()},19:4(i){13 e=$(i);if(e){if(5.6.19Fx)e.48(5.6.19Fx,{onFinish:e.19.39(e)});46 e.19()}},14:4(i){13 f=$(i);if(f)f.remotize().enable().action+='.'+5.6.31;7 5},10_52:4(i,s){13 f=$(i);if(f){f.10(s);5.14(i)}7 5.9()},show_52_54:4(i,s){$(i).select('52').25('19');$(i).30(s);7 5.14($(i).first('52')).9()},hijack22:4(){5.22=5.22||[];$$('a.51, a.38').25(4(l){13 u=$uid(l);if(!5.22[u]){5.22[u]=50;if(l.35('38'))l.29=eval('({f:'+l.29.to41().10('.submit','.send')+'})').f;46 if(l.35('51')){l.29=4(e){e.stop();Xhr.load(l.href+'.'+5.6.31)}.39(5)}}},5);7 5},9:4(){5.hijack22();$w('Lightbox Calendar Autocompleter Draggable Droppable Sortable Tabs Slider Rater Selectable').25(4(n){if(53[n])53[n].9()});7 5}};36.onReady(4(){RR.17().9()});[41.8,44.8,Function.8,Object,6,33,33.8,window,36].25(4(o){54(13 k in o)try{if(/[A-Z]/.47(k)&&40(o[k])=='4'){13 u=k.27();if(o[u]===null||o[u]===undefined)o[u]=o[k]}}catch(e){}});[37,Event,49,49.37].25(4(o){13 a={},m=o.56;54(13 k in m)if(/[A-Z]/.47(k)&&40(m[k])=='4')a[k.27()]=m[k];o.add56(a)});43(41.8,{34:'18',21:'11',to_f:'toFloat',to_i:'toInt',gsub:'10',downcase:'toLower57',upcase:'toUpper57',45:'18',42:'11',strip:'trim'});43(44.8,{collect:'map',detect:'filter',34:'18',21:'11',45:'18',42:'11'});",",,,,function,this,Options,return,prototype,rescan,replace,lastIndexOf,flashHideDelay,var,remotize_form,highlight,highlightUpdates,hide_flash,indexOf,remove,,last_index_of,_links,removeFx,hijack_links,each,flashId,underscored,flashHideFx,onclick,insert,format,,Observer,index_of,hasClass,document,Element,destroy,bind,typeof,String,rindex,$alias,Array,index,else,test,hide,Form,true,edit,form,self,for,Updates,Methods,Case".split(",")));

data/javascripts/right-rater-src.js

@@ -0,0 +1,248 @@
+/**
+ * Simple rating script
+ * 
+ * Visit http://rightjs.org/ui/rater for details
+ *
+ * Copyright (C) 2009 Nikolay V. Nemshilov aka St.
+ */
+if (!self.RightJS) throw "Gimme RightJS";
+
+/**
+ * The Rating widget
+ *
+ * Copyright (C) 2009 Nikolay V. Nemshilov aka St.
+ */
+var Rater = new Class(Observer, {
+  extend: {
+    EVENTS: $w('change hover send'),
+    
+    Options: {
+      size:          5,      // number of stars in the line
+      value:         null,   // default value
+      update:        null,   // an element to update
+      
+      disabled:      false,  // if it should be disabled
+      disableOnVote: false,  // if it should be disabled when user clicks a value
+      
+      url:           null,   // an url to send results with AJAX
+      param:         'rate', // the value param name 
+      Xhr:           null    // additional Xhr options
+    },
+    
+    // searches and initializes rating units
+    rescan: function() {
+      $$('div.right-rater').each(function(element) {
+        if (!element._rater) new Rater(element);
+      });
+    }
+  },
+  
+  /**
+   * basic constructor
+   *
+   * @param mixed element reference or an options hash
+   * @param Object options hash
+   */
+  initialize: function() {
+    var args = $A(arguments);
+    
+    this.element = (args[0] && !isHash(args[0])) ? $(args[0]) : null;
+    this.$super(isHash(args.last()) ? args.last() : this.element ? eval('('+this.element.get('data-rater-options')+')') : null);
+    
+    if (!this.element) this.element = this.build();
+    
+    this.element._rater = this.init();
+  },
+  
+  /**
+   * Sets the element value
+   *
+   * @param Number or String value
+   * @return Rater this
+   */
+  setValue: function(value) {
+    if (!this.disabled()) {
+      // converting the type and rounding the value
+      value = isString(value) ? value.toInt() : value;
+      value = isNumber(value) ? value.round() : 0;
+      
+      // checking constraints
+      if (value > this.options.size) value = this.options.size;
+      else if (value < 0) value = 0;
+      
+      this.highlight(value);
+      
+      if (this.value != value) {
+        this.fire('change', this.value = value, this);
+      }
+    }
+    
+    return this;
+  },
+  
+  /**
+   * Returns the current value of the rater
+   *
+   * @return Number value
+   */
+  getValue: function() {
+    return this.value;
+  },
+  
+  /**
+   * Inserts the rater into the given element
+   *
+   * @param mixed element reference
+   * @param String optional position
+   * @return Rater this
+   */
+  insertTo: function(element, position) {
+    this.element.insertTo(element, position);
+    return this;
+  },
+  
+  /**
+   * Assigns the unit to work with an input element
+   *
+   * @param mixed element reference
+   * @return Rater this
+   */
+  assignTo: function(element) {
+    var assign  = function(element, value) {
+      if (element = $(element)) {
+        if (value === undefined || value === null) value = '';
+        element[element.setValue ? 'setValue' : 'update'](''+value);
+      }
+    }.curry(element);
+    
+    var connect = function(element, object) {
+      var element = $(element);
+      if (element && element.onChange) {
+        element.onChange(function() {
+          this.setValue(element.value);
+        }.bind(object));
+      }
+    }.curry(element);
+    
+    if ($(element)) {
+      assign(this.value);
+      connect(this);
+    } else {
+      document.onReady(function() {
+        assign(this.value);
+        connect(this);
+      }.bind(this));
+    }
+    
+    return this.onChange(assign);
+  },
+  
+  /**
+   * Sends an Xhr request with the current value to the options.url address
+   *
+   * @return Rater this
+   */
+  send: function() {
+    if (this.options.url) {
+      new Xhr(this.options.url, this.options.Xhr).send(this.options.param+"="+this.value);
+      this.fire('send', this.value, this);
+    }
+    return this;
+  },
+  
+  /**
+   * Disables the instance
+   *
+   * @return Rater this
+   */
+  disable: function() {
+    this.element.addClass('right-rater-disabled');
+    return this;
+  },
+  
+  /**
+   * Enables this instance
+   *
+   * @return Rater this
+   */
+  enable: function() {
+    this.element.removeClass('right-rater-disabled');
+    return this;
+  },
+  
+  /**
+   * Checks if the instance is disabled
+   *
+   * @return boolean
+   */
+  disabled: function() {
+    return this.element.hasClass('right-rater-disabled');
+  },
+  
+// protected
+
+  // callback for 'hover' event
+  hovered: function(index) {
+    if (!this.disabled()) {
+      this.highlight(index + 1);
+      this.fire('hover', index + 1, this);
+    }
+  },
+  
+  // callback for user-click
+  clicked: function(index) {
+    this.setValue(index + 1);
+    if (this.options.disableOnVote) this.disable();
+    this.send();
+  },
+  
+  // callback when user moves the mouse out
+  leaved: function() {
+    this.setValue(this.value);
+  },
+  
+  // highlights the stars
+  highlight: function(number) {
+    this.stars.each(function(element, i) {
+      element[number - 1 < i ? 'removeClass' : 'addClass']('right-rater-glow');
+    });
+  },
+
+  // initializes the script
+  init: function() {
+    this.stars = this.element.subNodes();
+    
+    this.stars.each(function(element, index) {
+      element.onMouseover(this.hovered.bind(this, index))
+        .onClick(this.clicked.bind(this, index));
+    }, this);
+    
+    this.element.onMouseout(this.leaved.bind(this));
+    this.setValue(this.options.value);
+    
+    if (this.options.disabled) this.disable();
+    if (this.options.update)   this.assignTo(this.options.update);
+    
+    return this;
+  },
+  
+  // builds the elements structure
+  build: function() {
+    var element = $E('div', {'class': 'right-rater'});
+    
+    this.options.size.times(function() {
+      element.insert($E('div', {html: '&#9733;'}));
+    });
+    
+    return element;
+  }
+});
+
+/**
+ * Document on-load trigger for units auto-discovery
+ *
+ * Copyright (C) 2009 Nikolay V. Nemshilov aka St.
+ */
+document.onReady(function() { Rater.rescan(); });
+
+document.write("<style type=\"text/css\">div.right-rater,div.right-rater div{margin:0;padding:0;background:none;border:none;display:inline-block;*display:inline;*zoom:1;font-family:Arial;font-size:110%}div.right-rater{width:6em;vertical-align:middle}div.right-rater div{width:1em;height:1em;line-height:1em;text-align:center;cursor:pointer;color:#888}div.right-rater div.right-rater-glow{color:brown;text-shadow:#666 .05em .05em .15em}div.right-rater-disabled div{cursor:default}</style>");

data/javascripts/right-rater.js

@@ -0,0 +1,9 @@
+/**
+ * Simple rating script
+ * 
+ * Visit http://rightjs.org/ui/rater for details
+ *
+ * Copyright (C) 2009 Nikolay V. Nemshilov aka St.
+ */
+if (!self.RightJS) throw "Gimme RightJS";
+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})("32 39=59 77(Observer,{extend:{EVENTS:$w('53 55 29'),Options:{28:5,19:22,25:22,16:58,24:58,62:22,61:'rate',60:22},51:4(){$$('21.17-14').44(4(e){if(!e._14)59 39(e)})}},71ialize:4(){32 a=$A(arguments);2.13=(a[0]&&!47(a[0]))?$(a[0]):22;2.$super(47(a.70())?a.70():2.13?eval('('+2.13.get('data-14-12')+')'):22);if(!2.13)2.13=2.63();2.13._14=2.71()},20:4(v){if(!2.16()){v=isString(v)?v.toInt():v;v=isNumber(v)?v.round():0;if(v>2.12.28)v=2.12.28;69 if(v<0)v=0;2.23(v);if(2.19!=v)2.45('53',2.19=v,2)}18 2},getValue:4(){18 2.19},38:4(e,p){2.13.38(e,p);18 2},36:4(b){32 a=4(e,v){if(e=$(e)){if(v===undefined||v===22)v='';e[e.20?'20':'25'](''+v)}}.57(b);32 c=4(e,o){32 e=$(e);if(e&&e.27)e.27(4(){2.20(e.19)}.30(o))}.57(b);if($(b)){a(2.19);c(2)}69 26.41(4(){a(2.19);c(2)}.30(2));18 2.27(a)},29:4(){if(2.12.62){59 60(2.12.62,2.12.60).29(2.12.61+\"=\"+2.19);2.45('29',2.19,2)}18 2},31:4(){2.13.35('17-14-16');18 2},enable:4(){2.13.34('17-14-16');18 2},16:4(){18 2.13.has77('17-14-16')},40:4(i){if(!2.16()){2.23(i+1);2.45('55',i+1,2)}},43:4(i){2.20(i+1);if(2.12.24)2.31();2.29()},54:4(){2.20(2.19)},23:4(n){2.37.44(4(e,a){e[n-1<a?'34':'35']('17-14-74')})},71:4(){2.37=2.13.subNodes();2.37.44(4(e,i){e.onMouseover(2.40.30(2,i)).onClick(2.43.30(2,i))},2);2.13.onMouseout(2.54.30(2));2.20(2.12.19);if(2.12.16)2.31();if(2.12.25)2.36(2.12.25);18 2},63:4(){32 e=$E('21',{'class':'17-14'});2.12.28.times(4(){e.insert($E('21',{html:'&#9733;'}))});18 e}});26.41(4(){39.51()});26.write(\"<65 type=\\\"46/css\\\">21.17-14,21.17-14 21{margin:0;padding:0;background:75;border:75;42:52-block;*42:52;*zoom:1;76-family:Arial;76-28:110%}21.17-14{67:6em;vertical-68:middle}21.17-14 21{67:64;48:64;line-48:64;46-68:center;50:pointer;56:#888}21.17-14 21.17-14-74{56:brown;46-shadow:#666 .72 .72 .15em}21.17-14-16 21{50:default}</65>\");",",,this,,function,,,,,,,,options,element,rater,,disabled,right,return,value,setValue,div,null,highlight,disableOnVote,update,document,onChange,size,send,bind,disable,var,,removeClass,addClass,assignTo,stars,insertTo,Rater,hovered,onReady,display,clicked,each,fire,text,isHash,height,_rater,cursor,rescan,inline,change,leaved,hover,color,curry,false,new,Xhr,param,url,build,1em,style,,width,align,else,last,init,05em,,glow,none,font,Class".split(",")));