right-rails 0.6.0 → 1.0.0

data/public/javascripts/right/in-edit-src.js

@@ -0,0 +1,352 @@
+/**
+ * Inline editor feature for RightJS
+ *  http://rightjs.org/ui/in-edit
+ *
+ * Copyright (C) 2009-2010 Nikolay Nemshilov
+ */
+var InEdit = RightJS.InEdit = (function(document, RightJS) {
+/**
+ * This module defines the basic widgets constructor
+ * it creates an abstract proxy with the common functionality
+ * which then we reuse and override in the actual widgets
+ *
+ * Copyright (C) 2010 Nikolay Nemshilov
+ */
+
+/**
+ * In-Edit plugin initalization
+ *
+ * Copyright (C) 2010 Nikolay Nemshilov
+ */
+var R = RightJS,
+    $ = RightJS.$,
+    $w = RightJS.$w,
+    Xhr     = RightJS.Xhr,
+    Object  = RightJS.Object,
+    Element = RightJS.Element,
+    Input   = RightJS.Input;
+
+
+
+
+
+
+
+
+/**
+ * The widget units constructor
+ *
+ * @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
+   *
+   * Copyright (C) 2010 Nikolay Nemshilov
+   */
+  var AbstractWidget = new RightJS.Wrapper(RightJS.Element.Wrappers[tag_name] || RightJS.Element, {
+    /**
+     * The common constructor
+     *
+     * @param Object options
+     * @param String optional tag name
+     * @return void
+     */
+    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) {
+        this._ = options._;
+        if ('$listeners' in options) {
+          options.$listeners = options.$listeners;
+        }
+        options = {};
+      }
+      this.setOptions(options, this);
+      return this;
+    },
+
+  // protected
+
+    /**
+     * Catches the options
+     *
+     * @param Object user-options
+     * @param Element element with contextual options
+     * @return void
+     */
+    setOptions: function(options, element) {
+      element = element || this;
+      RightJS.Options.setOptions.call(this,
+        RightJS.Object.merge(options, eval("("+(
+          element.get('data-'+ this.key) || '{}'
+        )+")"))
+      );
+      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;
+}
+
+
+/**
+ * A shared module to create textual spinners
+ *
+ * Copyright (C) 2010 Nikolay Nemshilov
+ */
+var Spinner = new RightJS.Wrapper(RightJS.Element, {
+  /**
+   * Constructor
+   *
+   * @param Number optional spinner size (4 by default)
+   * @return void
+   */
+  initialize: function(size) {
+    this.$super('div', {'class': 'rui-spinner'});    
+    this.dots = [];
+    
+    for (var i=0; i < (size || 4); i++) {
+      this.dots.push(new RightJS.Element('div'));
+    }
+    
+    this.dots[0].addClass('glowing');
+    this.insert(this.dots);
+    RightJS(this.shift).bind(this).periodical(300);
+  },
+  
+  /**
+   * Shifts the spinner elements
+   *
+   * @return void
+   */
+  shift: function() {
+    if (this.visible()) {
+      var dot = this.dots.pop();
+      this.dots.unshift(dot);
+      this.insert(dot, 'top');
+    }
+  }
+});
+
+/**
+ * An inline editor feature
+ *
+ * Copyright (C) 2009-2010 Nikolay Nemshilov
+ */
+var InEdit = new Widget('FORM', {
+  extend: {
+    version: '2.0.0',
+    
+    EVENTS: $w('show hide send update'),
+    
+    Options: {
+      url:    null,    // the url address where to send the stuff
+      name:   'text',  // the field name
+      method: 'put',   // the method
+      
+      type:   'text',  // the input type, 'text', 'file', 'password' or 'textarea'
+      
+      toggle:  null,   // a reference to an element that should get hidden when the editor is active
+      
+      update:  true,   // a marker if the element should be updated with the response-text
+      
+      Xhr: {}          // additional Xhr options
+    },
+    
+    i18n: {
+      Save:   'Save',
+      Cancel: 'Cancel'
+    },
+    
+    current: null      // currently opened editor
+  },
+  
+  /**
+   * Constructor
+   *
+   * @param mixed an element reference
+   * @param Object options
+   * @return void
+   */
+  initialize: function(element, options) {
+    this.element = $(element);
+    
+    this
+      .$super('in-edit', options)
+      .set('action', this.options.url)
+      .insert([
+        this.field   = new Input({type: this.options.type, name: this.options.name, 'class': 'field'}),
+        this.spinner = new Spinner(4),
+        this.submit  = new Input({type: 'submit', 'class': 'submit', value: InEdit.i18n.Save}),
+        this.cancel  = new Element('a', {'class': 'cancel', href: '#', html: InEdit.i18n.Cancel})
+      ])
+      .onClick(this.clicked)
+      .onSubmit(this.send);
+  },
+  
+  /**
+   * Shows the inline-editor form
+   *
+   * @return InEdit this
+   */
+  show: function() {
+    if (InEdit.current !== this) {
+      if (InEdit.current) { InEdit.current.hide(); }
+      
+      this.oldContent = this.element.html();
+      
+      if (!R(['file', 'password']).include(this.options.type)) {
+        this.field.setValue(this.oldContent);
+      }
+        
+      this.element.update(this);
+      
+      this.spinner.hide();
+      this.submit.show();
+      
+      if (this.options.toggle) {
+        $(this.options.toggle).hide();
+      }
+    }
+    
+    if (this.options.type !== 'file') {
+      this.field.focus();
+    }
+    
+    InEdit.current = this;
+    return this.fire('show', this);
+  },
+  
+  /**
+   * Hides the form and brings the content back
+   *
+   * @param String optional new content
+   * @return InEdit this
+   */
+  hide: function() {
+    this.element._.innerHTML = this.oldContent;
+    
+    if (this.xhr) {
+      this.xhr.cancel();
+    }
+    
+    return this.finish();
+  },
+  
+  /**
+   * Triggers the form remote submit
+   *
+   * @return InEdit this
+   */
+  send: function(event) {
+    if (event) { event.stop(); }
+    
+    this.spinner.show().resize(this.submit.size());
+    this.submit.hide();
+    
+    this.xhr = new Xhr(this.options.url, Object.merge(this.options.Xhr, {
+      method:     this.options.method,
+      spinner:    this.spinner,
+      onComplete: R(this.receive).bind(this)
+    })).send(this);
+    
+    return this.fire('send', this);
+  },
+  
+// protected
+
+  // finishes up with the form
+  finish: function() {
+    if (this.options.toggle) {
+      $(this.options.toggle).show();
+    }
+    
+    InEdit.current = null;
+    return this.fire('hide', this);
+  },
+
+  // the xhr callback
+  receive: function() {
+    if (this.options.update) {
+      this.element.update(this.xhr.text);
+      this.fire('update', this);
+    }
+    
+    this.xhr = null;
+    
+    this.finish();
+  },
+  
+  // catches clicks on the element
+  clicked: function(event) {
+    if (event.target === this.cancel) {
+      event.stop();
+      this.hide();
+    }
+  }
+  
+});
+
+/**
+ * The document hooks for in-edit form
+ *
+ * Copyright (C) 2010 Nikolay Nemshilov
+ */
+$(document).onKeydown(function(event) {
+  // processing the `ESC` button
+  if (event.keyCode === 27 && InEdit.current) {
+    InEdit.current.hide();
+  }
+});
+
+/**
+ * The element level inline editor extension
+ *
+ * Copyright (C) 2009-2010 Nikolay Nemshilov
+ */
+Element.include({
+  /**
+   * Triggers an inline-editor feature on the element
+   *
+   * @param Object options for the InEdit class
+   * @return InEdit object
+   */
+  inEdit: function(options) {
+    return new InEdit(this, options).show();
+  }
+});
+
+document.write("<style type=\"text/css\">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}form.rui-in-edit,form.rui-in-edit .cancel{margin:0;padding:0;float:none;position:static}form.rui-in-edit{display:inline-block; *display:inline; *zoom:1;border:none;background:none}form.rui-in-edit div.rui-spinner{margin-right:.2em}form.rui-in-edit div.rui-spinner div{margin-top:.2em}form.rui-in-edit textarea.field{width:100%;margin-bottom:.5em}form.rui-in-edit .field,form.rui-in-edit .submit{margin-right:.2em}form.rui-in-edit,form.rui-in-edit .field,form.rui-in-edit .submit,form.rui-in-edit div.rui-spinner,form.rui-in-edit .cancel{vertical-align:middle}</style>");
+
+return InEdit;
+})(document, RightJS);

data/public/javascripts/right/in-edit.js

@@ -0,0 +1,13 @@
+/**
+ * Inline editor feature for RightJS
+ *  http://rightjs.org/ui/in-edit
+ *
+ * Copyright (C) 2009-2010 Nikolay Nemshilov
+ */
+var InEdit=RightJS.InEdit=function(i,a){var g=a.$,m=a.$w,n=a.Xhr,o=a.Object,j=a.Element,k=a.Input,p=new a.Wrapper(a.Element,{initialize:function(b){this.$super("div",{"class":"rui-spinner"});this.dots=[];for(var e=0;e<(b||4);e++)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 b=this.dots.pop();this.dots.unshift(b);this.insert(b,"top")}}}),d=new (function(b,e){if(!e){e=b;b=
+"DIV"}var f=new a.Wrapper(a.Element.Wrappers[b]||a.Element,{initialize:function(h,c){this.key=h;var l=[{"class":"rui-"+h}];this instanceof a.Input||this instanceof a.Form||l.unshift(b);this.$super.apply(this,l);if(a.isString(c))c=a.$(c);if(c instanceof a.Element){this._=c._;if("$listeners"in c)c.$listeners=c.$listeners;c={}}this.setOptions(c,this);return this},setOptions:function(h,c){c=c||this;a.Options.setOptions.call(this,a.Object.merge(h,eval("("+(c.get("data-"+this.key)||"{}")+")")));return this}});
+f=new a.Wrapper(f,e);a.Observer.createShortcuts(f.prototype,f.EVENTS||[]);return f})("FORM",{extend:{version:"2.0.0",EVENTS:m("show hide send update"),Options:{url:null,name:"text",method:"put",type:"text",toggle:null,update:true,Xhr:{}},i18n:{Save:"Save",Cancel:"Cancel"},current:null},initialize:function(b,e){this.element=g(b);this.$super("in-edit",e).set("action",this.options.url).insert([this.field=new k({type:this.options.type,name:this.options.name,"class":"field"}),this.spinner=new p(4),this.submit=
+new k({type:"submit","class":"submit",value:d.i18n.Save}),this.cancel=new j("a",{"class":"cancel",href:"#",html:d.i18n.Cancel})]).onClick(this.clicked).onSubmit(this.send)},show:function(){if(d.current!==this){d.current&&d.current.hide();this.oldContent=this.element.html();a(["file","password"]).include(this.options.type)||this.field.setValue(this.oldContent);this.element.update(this);this.spinner.hide();this.submit.show();this.options.toggle&&g(this.options.toggle).hide()}this.options.type!=="file"&&
+this.field.focus();d.current=this;return this.fire("show",this)},hide:function(){this.element._.innerHTML=this.oldContent;this.xhr&&this.xhr.cancel();return this.finish()},send:function(b){b&&b.stop();this.spinner.show().resize(this.submit.size());this.submit.hide();this.xhr=(new n(this.options.url,o.merge(this.options.Xhr,{method:this.options.method,spinner:this.spinner,onComplete:a(this.receive).bind(this)}))).send(this);return this.fire("send",this)},finish:function(){this.options.toggle&&g(this.options.toggle).show();
+d.current=null;return this.fire("hide",this)},receive:function(){if(this.options.update){this.element.update(this.xhr.text);this.fire("update",this)}this.xhr=null;this.finish()},clicked:function(b){if(b.target===this.cancel){b.stop();this.hide()}}});g(i).onKeydown(function(b){b.keyCode===27&&d.current&&d.current.hide()});j.include({inEdit:function(b){return(new d(this,b)).show()}});i.write('<style type="text/css">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}form.rui-in-edit,form.rui-in-edit .cancel{margin:0;padding:0;float:none;position:static}form.rui-in-edit{display:inline-block; *display:inline; *zoom:1;border:none;background:none}form.rui-in-edit div.rui-spinner{margin-right:.2em}form.rui-in-edit div.rui-spinner div{margin-top:.2em}form.rui-in-edit textarea.field{width:100%;margin-bottom:.5em}form.rui-in-edit .field,form.rui-in-edit .submit{margin-right:.2em}form.rui-in-edit,form.rui-in-edit .field,form.rui-in-edit .submit,form.rui-in-edit div.rui-spinner,form.rui-in-edit .cancel{vertical-align:middle}</style>');
+return d}(document,RightJS);

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

@@ -0,0 +1,160 @@
+/**
+ * The JSON encode/decode feature for RightJS
+ * See http://rightjs.org/plugins/json
+ *
+ * Copyright (C) 2009-2010 Nikolay V. Nemshilov
+ */
+var JSON = function(RightJS, window) {
+ 
+ /**
+ * The generic JSON interface
+ *
+ * Credits:
+ *   Based on the original JSON escaping implementation
+ *     http://www.json.org/json2.js
+ *
+ * @copyright (C) 2009-2010 Nikolay V. Nemshilov
+ */
+
+/**
+ * Initialization script
+ *
+ * Copyright (C) 2010 Nikolay Nemshilov
+ */
+
+var
+
+JSON = window.JSON || {},
+
+// see the original JSON decoder implementation for descriptions http://www.json.org/json2.js
+cx = /[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,
+specials = {'\b': '\\b', '\t': '\\t', '\n': '\\n', '\f': '\\f', '\r': '\\r', '"' : '\\"', '\\': '\\\\'},
+quotables = /[\\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g;
+  
+    
+// quotes the string
+function quote(string) {
+  return string.replace(quotables, function(chr) {
+    return specials[chr] || '\\u' + ('0000' + chr.charCodeAt(0).toString(16)).slice(-4);
+  });
+}
+
+// adds the leading zero symbol
+function zerofy(num) {
+  return (num < 10 ? '0' : '')+num;
+}
+
+/**
+ * Checking if there is the JSON to String method
+ */
+if (!('stringify' in JSON)) {
+  JSON.stringify = function(value) {
+    if (value === null) {
+      return 'null';
+    } else if (value.toJSON) {
+      return value.toJSON();
+    } else {
+
+      switch(typeof(value)) {
+        case 'boolean': return String(value);
+        case 'number':  return String(value+0);
+        case 'string':  return '"'+ quote(value) + '"';
+        case 'object':
+
+          if (value instanceof Array) {
+            return '['+value.map(JSON.stringify).join(',')+']';
+
+          } else if (value instanceof Date) {
+            return '"' + value.getUTCFullYear() + '-' +
+              zerofy(value.getUTCMonth() + 1)   + '-' +
+              zerofy(value.getUTCDate())        + 'T' +
+              zerofy(value.getUTCHours())       + ':' +
+              zerofy(value.getUTCMinutes())     + ':' +
+              zerofy(value.getUTCSeconds())     + '.' +
+              zerofy(value.getMilliseconds())   + 'Z' +
+            '"';
+
+          } else {
+            var result = [];
+            for (var key in value) {
+              result.push(JSON.encode(key)+":"+JSON.encode(value[key]));
+            }
+            return '{'+result.join(',')+'}';
+          }
+      }
+    }
+  };
+}
+
+/**
+ * Checking if there is the string to JSON method
+ */
+if (!('parse' in JSON)) {
+  JSON.parse = function(string) {
+    if (isString(string) && string) {
+      // getting back the UTF-8 symbols
+      string = string.replace(cx, function (a) {
+        return '\\u' + ('0000' + a.charCodeAt(0).toString(16)).slice(-4);
+      });
+
+      // checking the JSON string consistency
+      if (/^[\],:{}\s]*$/.test(string.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g, '@')
+        .replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, ']')
+        .replace(/(?:^|:|,)(?:\s*\[)+/g, ''))) {
+          return eval('('+string+')');
+        }
+    }
+
+    throw "JSON parse error: "+string;
+  };
+}
+
+RightJS.$alias(JSON, {
+  encode: 'stringify',
+  decode: 'parse'
+});
+
+
+/**
+ * Wraps up the Cooke set/get methods so that the values
+ * were automatically exported/imported into JSON strings
+ * and it allowed transparent objects and arrays saving
+ *
+ * @copyright (C) 2009-2010 Nikolay V. Nemshilov
+ */
+
+if (RightJS.Cookie) {
+  var old_set = RightJS.Cookie.prototype.set,
+      old_get = RightJS.Cookie.prototype.get;
+  
+  RightJS.Cookie.include({
+    set: function(value) {
+      return old_set.call(this, JSON.stringify(value));
+    },
+    
+    get: function() {
+      return JSON.parse(old_get.call(this));
+    }
+  });
+}
+
+
+/**
+ * Better JSON sanitizing for the Xhr requests
+ *
+ * Copyright (C) 2009-2010 Nikolay Nemshilov
+ */
+if (RightJS.Xhr) {
+  RightJS.Xhr.prototype.sanitizedJSON = function() {
+    try {
+      return JSON.decode(this.text);
+    } catch(e) {
+      if (this.secureJSON) { throw e; }
+      return null;
+    }
+  };
+}
+
+ 
+ return JSON;
+}(RightJS, window);

data/public/javascripts/right/json.js

@@ -0,0 +1,10 @@
+/**
+ * The JSON encode/decode feature for RightJS
+ * See http://rightjs.org/plugins/json
+ *
+ * Copyright (C) 2009-2010 Nikolay V. Nemshilov
+ */
+var JSON=function(c,g){function h(a){return a.replace(i,function(d){return j[d]||"\\u"+("0000"+d.charCodeAt(0).toString(16)).slice(-4)})}function e(a){return(a<10?"0":"")+a}var b=g.JSON||{},k=/[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,j={"\u0008":"\\b","\t":"\\t","\n":"\\n","\u000c":"\\f","\r":"\\r",'"':'\\"',"\\":"\\\\"},i=/[\\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g;
+if(!("stringify"in b))b.stringify=function(a){if(a===null)return"null";else if(a.toJSON)return a.toJSON();else switch(typeof a){case "boolean":return String(a);case "number":return String(a+0);case "string":return'"'+h(a)+'"';case "object":if(a instanceof Array)return"["+a.map(b.stringify).join(",")+"]";else if(a instanceof Date)return'"'+a.getUTCFullYear()+"-"+e(a.getUTCMonth()+1)+"-"+e(a.getUTCDate())+"T"+e(a.getUTCHours())+":"+e(a.getUTCMinutes())+":"+e(a.getUTCSeconds())+"."+e(a.getMilliseconds())+
+'Z"';else{var d=[];for(var f in a)d.push(b.encode(f)+":"+b.encode(a[f]));return"{"+d.join(",")+"}"}}};if(!("parse"in b))b.parse=function(a){if(isString(a)&&a){a=a.replace(k,function(d){return"\\u"+("0000"+d.charCodeAt(0).toString(16)).slice(-4)});if(/^[\],:{}\s]*$/.test(a.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,"@").replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,"]").replace(/(?:^|:|,)(?:\s*\[)+/g,"")))return eval("("+a+")")}throw"JSON parse error: "+a;};c.$alias(b,
+{encode:"stringify",decode:"parse"});if(c.Cookie){var l=c.Cookie.prototype.set,m=c.Cookie.prototype.get;c.Cookie.include({set:function(a){return l.call(this,b.stringify(a))},get:function(){return b.parse(m.call(this))}})}if(c.Xhr)c.Xhr.prototype.sanitizedJSON=function(){try{return b.decode(this.text)}catch(a){if(this.secureJSON)throw a;return null}};return b}(RightJS,window);