rad_js 0.0.3 → 0.0.4

data/Rakefile

@@ -5,6 +5,7 @@ project(
   official_name: "rad_js",
   gem: true,
   summary: "JavaScript support for Rad Framework (MooTools, jQuery)",
+  dirs: 'static',
 
   author: "Alexey Petrushin",
   homepage: "http://github.com/alexeypetrushin/rad_js"

data/static/lib/mootools.extensions.js

@@ -0,0 +1,136 @@
+// 
+// rad.assets.require '/vendor/mootools.js'
+// 
+
+// 
+// Utility functions
+// 
+var p=function(){
+ return console.log.apply(console, arguments);
+};
+
+// 
+// String extensions
+// 
+String.implement({
+	blank: function(){return this.test(/^\s*$/);},
+	size: function(){return this.length;},
+	toElements: function(bang){
+	  var list;
+	  if (this.match(/^\s*</)){
+	    list = Elements.from("" + this);
+	  }else{
+	    list = $$("" + this);
+    };
+    if(bang && (list.size() == 0)) throw "no elements '" + this + "'!";
+    return list;
+	},
+	toElement: function(bang){
+	  var e = this.toElements().first();
+	  if(bang && !e) throw "no element '" + this + "'!";
+	  return e
+	}
+});
+
+
+// 
+// Array extensions
+// 
+Array.implement({
+	any: function(){return this.some.apply(this, arguments);},
+	add: function(){return this.push.apply(this, arguments);},
+	blank: function(){return this.length == 0;},
+	size: function(){return this.length;},
+	first: function(){return this[0];},
+	last: function(){return this[this.length-1];},
+	reject: function(fn, bind){return this.filter(function(){return !fn.apply(this, arguments)});},
+	none: function(fn, bind){return !this.any.apply(this, arguments);},
+	clear: function(){return this.empty.apply(this, arguments);},
+});
+
+
+// 
+// Elements
+//
+Elements.implement({
+	applyOnce: function(identifier, fn){this.invoke('applyOnce', identifier, fn);},
+  // appendElement: function(obj){this.invoke('append', obj);},
+	toElements: function(bang){
+	  if(bang && (this.size() == 0)) throw "no elements!";
+	  return this;
+	},
+	toElement: function(bang){
+	  if(bang && (this.size() == 0)) throw "no element!";
+	  return this.first();
+	}
+  // last: function(){return this[this.length-1];}
+  // show: function(){this.invoke('show');},
+  // hide: function(){this.invoke('hide');},
+});
+
+
+// 
+// Element extensions
+// 
+Element.implement({
+  getChild: function(){return this.getChildren.apply(this, arguments).first();},
+  getElement: function(){return this.getElements.apply(this, arguments).first();},
+  // appendElement: function(obj){obj.toElements().inject(this);},
+  applyOnce: function(identifier, fn){
+		if(!this.retrieve(identifier)){
+			fn.apply(this, [this]);
+			this.store(identifier, 'initialized');					
+		}
+	},	
+	classNames: function(){
+	  return this.className.clean().split(/\s+/);
+	},
+  toElements: function(bang){return new Elements(this)},
+  toElement: function(bang){return this;},
+  replaceWith: function(obj){obj.toElements(true).replaces(this);},  
+  // append: function(obj){obj.toElements().inject(this)},
+	identify: function(){
+		var id = this.get('id');
+    if(!id){
+			var i = 0;
+			do { 
+	        i++;
+	        id = 'auto_id_' + i;
+	    } while($(id));            
+	    this.set('id', id);
+		}            
+		return id;
+	},
+	getData: function(name, value){
+		return this.getProperty('data-' + name);
+	},
+	setData: function(name, value){
+		this.setProperty('data-' + name, value);
+		return this;
+	},
+	getInnerSize: function(){
+		var dim = this.getComputedSize();
+		return {x: dim.width, y: dim.height};
+	},
+	getOuterSize: function(){
+		var dim = this.getComputedSize({styles: ['margin', 'border', 'padding']});
+		return {x: dim.totalWidth, y: dim.totalHeight};
+	},
+	getSpaceSize: function(){
+		var dim = this.getComputedSize({styles: ['margin', 'border', 'padding']});
+		return {x: dim.computedLeft + dim.computedRight, y: dim.computedTop + dim.computedBottom};
+	},
+	highlight: function(){
+		this.setStyle('border', "5px solid yellow");
+	},
+	hover: function(fn1,fn2) {
+		return this.addEvents({
+			mouseenter: function(e) {
+				fn1.apply(this, [e]);
+			},
+			mouseleave: function(e) {
+				fn2.apply(this, [e]);
+			}
+		});
+	}
+});

data/static/lib/rad.css

@@ -0,0 +1,3 @@
+.hidden{display: none !important;}
+.todo{background: #ffa;}
+.dev_border{border: 1px solid red;}

data/static/lib/rad.js

@@ -0,0 +1,162 @@
+// 
+// rad.assets.require '/lib/mootools.extensions.js'
+// 
+
+
+Rad = new Class({
+  initialize: function(){
+    this.deferred = [];
+  },
+  defer: function(fn){
+    this.deferred.push(fn);
+  },
+  callDeferred: function(){
+    this.deferred.each(function(fn){fn()});
+    this.deferred = [];
+  }
+});
+
+// 
+// Request
+// 
+Rad.Request = new Class({
+  Extends: Request,
+
+  options: {
+    method: 'post',
+    data: {authenticity_token: window.AUTHENTICITY_TOKEN},
+    evalScripts: true,
+    evalResponse: true,   
+  },  
+  
+  success: function(text, xml){   
+    try{
+      this.fireEvent('load', arguments);
+      this.parent(text, xml);
+    }catch(e){console.log(e)};
+    window.fireEvent('updated');
+    window.fireEvent('updateStyle');
+  },
+  
+  failure: function(){
+    this.parent();
+    console.log('Rad.Request failed!');
+    window.fireEvent('updated');
+    window.fireEvent('updateStyle');
+  }
+});
+ 
+
+// 
+// Rad
+// 
+Rad.implement({
+  call: function(url, data, options){
+    options = options || {};
+    options.url = url;
+    options.data = Object.merge({}, options.data, data);
+    var request = new Rad.Request(options);
+    request.send();
+  },
+
+  submitFormViaXhr: function(form, data, callback){
+    // callback = callback || function(){};
+    // var url = form.get('action');    
+    // var formData = form.toQueryString().parseQueryString();
+    //         
+    // options = {
+    //   url: url, 
+    //   data: Object.merge({}, formData, data), // , {format: 'js'}),
+    //   onLoad: callback
+    // };
+    // var request = new Rad.Request(options);
+    // request.send();        
+    
+    callback = callback || function(){};
+    var url = form.get('action');    
+    
+    var stringData = form.toQueryString();
+    if(data) stringData = stringData + '&' + Object.toQueryString(data);    
+    
+    options = {
+      url: url, 
+      data: stringData,
+      onLoad: callback
+    };
+    var request = new Rad.Request(options);
+    request.send();
+  },
+  
+  // submitForm: function(form, data, options){
+  //   var url = form.get('action');   
+  //   var formData = form.toQueryString().parseQueryString();
+  //           
+  //   options = options || {};
+  //   options.url = url;
+  //   options.data = Object.merge({}, options.data, formData, data, {format: 'js'});    
+  //   var request = new Rad.Request(options);
+  //   request.send();
+  // },
+    
+  process_js_link: function(event){
+    var target = event.target;
+    
+    // some element shouldn't be autosubmitted as soon as You click on it, selets for example
+    if(Rad.not_js_links.contains(target.get('tag'))) return;
+    
+    var confirmMessage = target.getProperty('data-confirm');
+    if(confirmMessage && !confirm(confirmMessage)){
+      event.stop();
+      return;
+    };    
+    
+    var action = target.getProperty('data-action');
+    if(action){
+      event.stop();    
+    
+      var method = target.getProperty('data-method') || 'post';
+      var remote = target.getProperty('data-remote');
+      var target_id = target.identify && target.identify();
+
+      if(remote){
+        rad.call(action, {_method: method, _target: target_id});
+      }else{    
+        var form = new Element('form', {method: 'post', action: action});
+        var params = {'authenticity_token': window.AUTHENTICITY_TOKEN, '_method': options.method};
+        params.each(function(name, value){
+          var input = new Element('input', {type: 'hidden', name: name, value: value});
+          input.inject(form);
+        });
+        document.body.inject(form);
+        form.submit();
+      }
+    };
+  }  
+});
+Rad.not_js_links = ['select']
+Rad.implement({
+  submitForm: Rad.prototype.submitFormViaXhr
+});
+
+rad = new Rad();
+
+
+// 
+// JavaScript links
+// 
+window.addEvent('domready', function(){
+  document.body.addEvent('click', function(event){
+    rad.process_js_link(event);    
+  });
+});
+
+// 
+// Events
+// 
+window.addEvent('domready', function(){ 
+  window.fireEvent('updated');
+  window.fireEvent('updateStyle');
+});
+window.addEvent('resize', function(){
+  window.fireEvent('updateStyle');
+});