RubyGems - javascriptmvc - Versions diffs - 3.0.0.pre15 - Mend

javascriptmvc 3.0.0.pre15

Files changed (550) hide show

data/lib/javascriptmvc/jquery/controller/history/history.html ADDED

@@ -0,0 +1,44 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
+            "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en">
+	<head>
+		<title>hover</title>
+        <style type='text/css'>
+            body {font-family: verdana}
+            .error {border: solid 1px red;}
+            .error_text { color: red; font-size: 10px;}
+            td {padding: 3px;}
+        </style>
+	</head>
+	<body>
+		<div id="history_demo">
+			<a href="#first&param=I">First</a>
+			<a href="#second&param=love">Second</a>
+			<a href="#third&param=jmvc!">Third</a>
+		</div>
+        <script type='text/javascript'
+                src='../../../steal/steal.js?steal[app]=jquery/controller/history&steal[env]=development'
+                package='main.js'
+                compress='false'>
+        </script>
+        <script type='text/javascript'>
+            $.Controller.extend('HistoryDemoController',{
+            },
+            {
+			    "history.first.index subscribe" : function(called, data) {
+					alert("First[param] : " + data.param);
+				},
+			    "history.second.index subscribe" : function(called, data) {
+					alert("Second[param] : " + data.param);
+				},
+			    "history.third.index subscribe" : function(called, data) {
+					alert("Third[param] : " + data.param);
+				}
+            });
+            $("#history_demo").history_demo();
+        </script>
+    </body>
+</html>

data/lib/javascriptmvc/jquery/controller/history/history.js ADDED

@@ -0,0 +1,177 @@
+steal.plugins('jquery/controller/subscribe','jquery/event/hashchange','jquery/lang/rsplit').then(function($){
+	$.Path = function(path) {
+		this.path = path;
+	};
+	$.Path.prototype = {
+		domain: function() {
+			var lhs = this.path.split('#')[0];
+			return '/'+lhs.split('/').slice(3).join('/');
+		},
+		folder: function() {
+			var first_pound = this.path.indexOf('#');
+			if( first_pound == -1) return null;
+			var after_pound =  this.path.substring( first_pound+1 );
+			var first_amp = after_pound.indexOf("&");
+			if(first_amp == -1 ) return after_pound.indexOf("=") != -1 ? null : after_pound;
+			return after_pound.substring(0, first_amp);
+		},
+		//types of urls
+		//  /someproject#action/controller&doo_doo=butter
+		//  /someproject#doo_doo=butter
+		params: function() {
+			var first_pound = this.path.indexOf('#');
+			if( first_pound == -1) return null;
+			var after_pound =  this.path.substring( first_pound+1 );
+			//now either return everything after the first & or everything
+			var first_amp = after_pound.indexOf("&");
+			if(first_amp == -1 ) return after_pound.indexOf("=") != -1 ? after_pound : null;
+			return ( after_pound.substring(0,first_amp).indexOf("=") == -1 ? after_pound.substring(first_amp+1) : after_pound );
+		}
+	};
+	$.Path.get_data = function(path) {
+		var search = path.params();
+		if(! search || ! search.match(/([^?#]*)(#.*)?$/) ) return {};
+		// Support the legacy format that used MVC.Object.to_query_string that used %20 for
+		// spaces and not the '+' sign;
+		search = search.replace(/\+/g,"%20")
+		var data = {};
+		var parts = search.split('&');
+		for(var i=0; i < parts.length; i++){
+			var pair = parts[i].split('=');
+			if(pair.length != 2) continue;
+			var key = decodeURIComponent(pair[0]), value = decodeURIComponent(pair[1]);
+			var key_components = $.String.rsplit(key,/\[[^\]]*\]/);
+			if( key_components.length > 1 ) {
+				var last = key_components.length - 1;
+				var nested_key = key_components[0].toString();
+				if(! data[nested_key] ) data[nested_key] = {};
+				var nested_hash = data[nested_key];
+				for(var k = 1; k < last; k++){
+					nested_key = key_components[k].substring(1, key_components[k].length - 1);
+					if( ! nested_hash[nested_key] ) nested_hash[nested_key] ={};
+					nested_hash = nested_hash[nested_key];
+				}
+				nested_hash[ key_components[last].substring(1, key_components[last].length - 1) ] = value;
+			} else {
+		        if (key in data) {
+		        	if (typeof data[key] == 'string' ) data[key] = [data[key]];
+		         	data[key].push(value);
+		        }
+		        else data[key] = value;
+			}
+		}
+		return data;
+	}
+	jQuery(function($) {
+	   $(window).bind('hashchange',function() {
+		   var path = new $.Path(location.href);
+		   var data = $.Path.get_data(path);
+		   var folders = path.folder() || 'index';
+	      var hasSlash = (folders.indexOf('/') != -1);
+	      if(!hasSlash) {
+	         if(folders != 'index')
+	            folders += '/index';
+	      }
+	      OpenAjax.hub.publish("history."+folders.replace("/","."), data);
+	   });
+	   setTimeout(function(){
+	   	$(window).trigger('hashchange')
+	   },1) //immediately after ready
+	});
+$.extend($.Controller.prototype, {
+   /**
+    * Redirects to another page.
+    * @plugin 'dom/history'
+    * @param {Object} options an object that will turned into a url like #controller/action&param1=value1
+    */
+   redirectTo: function( options ) {
+	   var point = this._get_history_point(options);
+      location.hash = point;
+   },
+   /**
+    * Redirects to another page by replacing current URL with the given one.  This
+    * call will not create a new entry in the history.
+    * @plugin 'dom/history'
+    * @param {Object} options an object that will turned into a url like #controller/action&param1=value1
+    */
+   replaceWith: function( options ) {
+	   var point = this._get_history_point(options);
+      location.replace(location.href.split('#')[0] + point);
+   },
+   /**
+    * Adds history point to browser history.
+    * @plugin 'dom/history'
+    * @param {Object} options an object that will turned into a url like #controller/action&param1=value1
+    * @param {Object} data extra data saved in history  -- NO LONGER SUPPORTED
+    */
+   history_add: function( options, data ) {
+	   var point = this._get_history_point(options);
+      location.hash = point;
+   },
+   /**
+    * Creates a history point from given options. Resultant history point is like #controller/action&param1=value1
+    * @plugin 'dom/history'
+    * @param {Object} options an object that will turned into history point
+    */
+   _get_history_point: function( options ) {
+	   var controller_name = options.controller || this.Class.underscoreName;
+	   var action_name = options.action || 'index';
+	   /* Convert the options to parameters (removing controller and action if needed) */
+	   if(options.controller)
+		   delete options.controller;
+	   if(options.action)
+		   delete options.action;
+	   var paramString = (options) ? $.param(options) : '';
+	   if(paramString.length)
+		   paramString = '&' + paramString;
+	   return '#' + controller_name + '/' + action_name + paramString;
+   },
+   /**
+    * Creates MVC.Path wrapper for current window.location
+    * @plugin 'dom/history'
+    */
+   path: function() {
+	   return new $.Path(location.href);
+   },
+   /**
+    * Provides current window.location parameters as object properties.
+    * @plugin 'dom/history'
+    */
+   pathData: function() {
+	   return $.Path.get_data(this.path());
+   }
+});
+})

data/lib/javascriptmvc/jquery/controller/qunit.html ADDED

@@ -0,0 +1,21 @@
+<html>
+    <head>
+        <link rel="stylesheet" type="text/css" href="../../funcunit/qunit/qunit.css" />
+        <style>
+            body  {
+                margin: 0px; padding: 0px;
+            }
+        </style>
+		<script type='text/javascript' src='../../steal/steal.js?steal[app]=jquery/controller/test/qunit'></script>
+    </head>
+    <body>
+        <h1 id="qunit-header">Controller Test Suite</h1>
+    	<h2 id="qunit-banner"></h2>
+    	<div id="qunit-testrunner-toolbar"></div>
+    	<h2 id="qunit-userAgent"></h2>
+		<div id="test-content"></div>
+        <ol id="qunit-tests"></ol>
+		<div id="qunit-test-area"></div>
+    </body>
+</html>

data/lib/javascriptmvc/jquery/controller/subscribe/funcunit.html ADDED

@@ -0,0 +1,21 @@
+<html>
+    <head>
+        <link rel="stylesheet" type="text/css" href="../../../steal/test/qunit/qunit.css" />
+        <style>
+            body  {
+                margin: 0px; padding: 0px;
+            }
+        </style>
+		<script type='text/javascript' src='../../../steal/steal.js?steal[app]=jquery/controller/subscribe/test/funcunit'></script>
+    </head>
+    <body>
+        <h1 id="qunit-header">subscribe Test Suite</h1>
+    	<h2 id="qunit-banner"></h2>
+    	<div id="qunit-testrunner-toolbar"></div>
+    	<h2 id="qunit-userAgent"></h2>
+		<div id="test-content"></div>
+        <ol id="qunit-tests"></ol>
+		<div id="qunit-test-area"></div>
+    </body>
+</html>

data/lib/javascriptmvc/jquery/controller/subscribe/scripts/compress.js ADDED

@@ -0,0 +1,6 @@
+//js jquery/controller/subscribe/compress.js
+load("steal/compress/compress.js")
+var compress = new Steal.Compress(['jquery/controller/subscribe/subscribe.html',
+                                   'jquery/controller/subscribe']);
+compress.init();

data/lib/javascriptmvc/jquery/controller/subscribe/scripts/docs.js ADDED

@@ -0,0 +1,6 @@
+//js jquery/controller/subscribe/scripts/docs.js
+load("steal/docs/docs.js")
+var docs = new Steal.Docs(['jquery/controller/subscribe/subscribe.html',
+                                   'jquery/controller/subscribe/docs']);
+docs.init();

data/lib/javascriptmvc/jquery/controller/subscribe/subscribe.html ADDED

@@ -0,0 +1,56 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
+            "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en">
+	<head>
+		<title>hover</title>
+        <style type='text/css'>
+            body {font-family: verdana}
+            .error {border: solid 1px red;}
+            .error_text { color: red; font-size: 10px;}
+            td {padding: 3px;}
+			.subscribe, .subscribes {
+				border: solid 1px green;
+			}
+			.subscribed {
+				background-color: yellow;
+			}
+			.mysubscribe {
+				border: solid 1px red;
+			}
+        </style>
+	</head>
+	<body>
+		<div id="testSubscribe">
+            <div id="subscribe1">
+                subscribe me
+            </div>
+            <h2><a href="#" id="off">Turn OFF Above</a></h2>
+        </div>
+        <script type='text/javascript'
+                src='../../../steal/steal.js?steal[app]=jquery/controller/subscribe&steal[env]=development'
+                package='main.js'
+                compress='false'>
+        </script>
+        <script type='text/javascript'>
+            $.Controller.extend('subscribeTest',{
+                onDocument: false
+            },
+            {
+                "#subscribe1 click": function(el, ev){
+                    ev.stopPropagation();
+                    this.publish("oaSubscribe1", {"params":"Hola Mundo"});
+                },
+                "oaSubscribe1 subscribe": function(called, data){
+                    alert("subscribe1 " + data.params + " : " + this.Class.shortName);
+                }
+            });
+            var subscribeController = new subscribeTest($("#testSubscribe")[0]);
+            $("#off").bind("click",function(){
+               subscribeController.destroy();
+            })
+        </script>
+    </body>
+</html>

data/lib/javascriptmvc/jquery/controller/subscribe/subscribe.js ADDED

@@ -0,0 +1,27 @@
+steal.plugins('jquery', 'jquery/controller', 'jquery/lang/openajax').then(function() {
+	/**
+	 * Adds open ajax subscribing to controllers.
+	 */
+	jQuery.Controller.processors.subscribe = function( el, event, selector, cb, controller ) {
+		var controller = controller;
+		var subscription = OpenAjax.hub.subscribe(selector, cb);
+		return function() {
+			var sub = subscription;
+			OpenAjax.hub.unsubscribe(sub);
+		}
+	};
+	/**
+	 * @add jQuery.Controller.prototype
+	 */
+	//breaker
+	/**
+	 * Publishes a message to OpenAjax.hub.
+	 * @param {String} message Message name, ex: "Something.Happened".
+	 * @param {Object} data The data sent.
+	 */
+	jQuery.Controller.prototype.publish = function() {
+		OpenAjax.hub.publish.apply(OpenAjax.hub, arguments);
+	}
+})

data/lib/javascriptmvc/jquery/controller/subscribe/test/funcunit/funcunit.js ADDED

@@ -0,0 +1,3 @@
+steal
+ .plugins("steal/test/funcunit")  //load funcunit
+ .then("subscribe_test")       //load your tests

data/lib/javascriptmvc/jquery/controller/subscribe/test/funcunit/run.js ADDED

@@ -0,0 +1,10 @@
+//load("jquery/controller/subscribe/test/funcunit/run.js")
+//load global selenium settings, change if you want something different
+load('settings/selenium.js')
+load('steal/rhino/loader.js');
+rhinoLoader(function(){
+    steal.plugins('jquery/controller/subscribe/test/funcunit');  // load tests
+}, true);

data/lib/javascriptmvc/jquery/controller/subscribe/test/funcunit/subscribe_test.js ADDED

@@ -0,0 +1,11 @@
+module("subscribe")
+test("subscribe testing works", function(){
+        S.open("file:/C:/development/steal/jquery/controller/subscribe/subscribe.html");
+		S.wait(10, function(){
+			ok(true, "things working");
+		})
+})

data/lib/javascriptmvc/jquery/controller/subscribe/test/qunit/qunit.html ADDED

@@ -0,0 +1,21 @@
+<html>
+    <head>
+        <link rel="stylesheet" type="text/css" href="../../../../../steal/test/qunit/qunit.css" />
+        <style>
+            body  {
+                margin: 0px; padding: 0px;
+            }
+        </style>
+		<script type='text/javascript' src='../../../../../steal/steal.js?steal[app]=jquery/controller/subscribe/test/qunit'></script>
+    </head>
+    <body>
+        <h1 id="qunit-header">subscribe Test Suite</h1>
+    	<h2 id="qunit-banner"></h2>
+    	<div id="qunit-testrunner-toolbar"></div>
+    	<h2 id="qunit-userAgent"></h2>
+		<div id="test-content"></div>
+        <ol id="qunit-tests"></ol>
+		<div id="qunit-test-area"></div>
+    </body>
+</html>

data/lib/javascriptmvc/jquery/controller/subscribe/test/qunit/qunit.js ADDED

@@ -0,0 +1,9 @@
+//we probably have to have this only describing where the tests are
+steal
+ .plugins("jquery/controller/subscribe")  //load your app
+ .plugins('funcunit/qunit')  //load qunit
+ .then("subscribe_test")
+if(steal.browser.rhino){
+  steal.plugins('funcunit/qunit/env')
+}

data/lib/javascriptmvc/jquery/controller/subscribe/test/qunit/run.js ADDED

	@@ -0,0 +1,2 @@
1	+ load('steal/rhino/env.js');
2	+ Envjs('subscribe/test/qunit/qunit.html', {scriptTypes : {"text/javascript" : true,"text/envjs" : true}, fireLoad: true, logLevel: 2});

data/lib/javascriptmvc/jquery/controller/subscribe/test/qunit/subscribe_test.js ADDED

@@ -0,0 +1,4 @@
+module("subscribe")
+test("subscribe testing works", function(){
+	ok(true,"an assert is run")
+})

data/lib/javascriptmvc/jquery/controller/test/qunit/controller_test.js ADDED

@@ -0,0 +1,170 @@
+module("jquery/controller")
+test("subscribe testing works", function(){
+	var ta = $("<div/>").appendTo( $("#qunit-test-area") )
+	ta.html("click here")
+	var clicks = 0, destroys = 0;
+	var subscribes = 0;
+	$.Controller.extend("MyTest",{
+		click: function() {
+			clicks++
+		},
+		"a.b subscribe" : function() {
+			subscribes++
+		},
+		destroy: function() {
+			this._super()
+			destroys++;
+		}
+	})
+	ta.my_test();
+	ta.trigger("click")
+	equals(clicks,1, "can listen to clicks")
+	OpenAjax.hub.publish("a.b",{})
+	equals(subscribes,1, "can subscribe")
+	var controllerInstance = ta.controller('my_test')
+	ok( controllerInstance.Class == MyTest, "can get controller" )
+	controllerInstance.destroy()
+	equals(destroys,1, "destroy called once")
+	ok(!ta.controller(), "controller is removed")
+	OpenAjax.hub.publish("a.b",{})
+	equals(subscribes,1, "subscription is torn down")
+	ta.trigger("click")
+	equals(clicks,1, "No longer listening")
+	ta.my_test();
+	ta.trigger("click")
+	OpenAjax.hub.publish("a.b",{})
+	equals(clicks,2, "can listen again to clicks")
+	equals(subscribes,2, "can listen again to subscription")
+	ta.remove();
+	ta.trigger("click")
+	OpenAjax.hub.publish("a.b",{})
+	equals(clicks,2, "Clicks stopped")
+	equals(subscribes,2, "Subscribes stopped")
+})
+test("document and main controllers", function(){
+	var a = $("<div id='test'><span/></div>").appendTo($("#qunit-test-area")),
+		a_inner = a.find('span'),
+		b = $("<div><span/></div>").appendTo($("#qunit-test-area")),
+		b_inner = b.find('span'),
+		doc_outer_clicks = 0,
+		doc_inner_clicks = 0,
+		main_outer_clicks = 0,
+		main_inner_clicks = 0;
+	$.Controller.extend("TestController", { onDocument: true }, {
+		click: function() {
+			doc_outer_clicks++;
+		},
+		"span click" : function() {
+			doc_inner_clicks++;
+		}
+	})
+	a_inner.trigger("click");
+	equals(doc_outer_clicks,1,"document controller handled (no-selector) click inside listening element");
+	equals(doc_inner_clicks,1,"document controller handled (selector) click inside listening element");
+	b_inner.trigger("click");
+	equals(doc_outer_clicks,1,"document controller ignored (no-selector) click outside listening element");
+	equals(doc_inner_clicks,1,"document controller ignored (selector) click outside listening element");
+	$(document.documentElement).controller('test').destroy();
+	$.Controller.extend("MainController", { onDocument: true }, {
+		click: function() {
+			main_outer_clicks++;
+		},
+		"span click" : function() {
+			main_inner_clicks++;
+		}
+	})
+	b_inner.trigger("click");
+	equals(main_outer_clicks,1,"main controller handled (no-selector) click");
+	equals(main_inner_clicks,1,"main controller handled (selector) click");
+	$(document.documentElement).controller('main').destroy();
+	a.remove();
+	b.remove();
+})
+test("bind to any special", function(){
+	jQuery.event.special.crazyEvent = {
+	}
+	var called = false;
+	jQuery.Controller.extend("WeirdBind",{
+		crazyEvent: function() {
+			called = true;
+		}
+	})
+	var a = $("<div id='crazy'></div>").appendTo($("#qunit-test-area"))
+	a.weird_bind();
+	a.trigger("crazyEvent")
+	ok(called, "heard the trigger");
+	$("#qunit-test-area").html("")
+})
+test("parameterized actions", function(){
+	var called = false;
+	jQuery.Controller.extend("WeirderBind",{
+		"{parameterized}" : function() {
+			called = true;
+		}
+	})
+	var a = $("<div id='crazy'></div>").appendTo($("#qunit-test-area"))
+	a.weirder_bind({parameterized: "sillyEvent"});
+	a.trigger("sillyEvent")
+	ok(called, "heard the trigger")
+	$("#qunit-test-area").html("")
+})
+test("windowresize", function(){
+	var called = false;
+	jQuery.Controller.extend("WindowBind",{
+		"windowresize" : function() {
+			called = true;
+		}
+	})
+	$("#qunit-test-area").html("<div id='weird'>")
+	$("#weird").window_bind();
+	$(window).trigger('resize')
+	ok(called,"got window resize event");
+	$("#qunit-test-area").html("")
+})
+// this.delegate(this.cached.header.find('tr'), "th", "mousemove", "th_mousemove");
+test("delegate", function(){
+	var called = false;
+	jQuery.Controller.extend("DelegateTest",{
+		click: function() {}
+	})
+	var els = $("<div><span><a href='#'>click me</a></span></div>").appendTo($("#qunit-test-area"))
+	var c = els.delegate_test();
+	c.controller().delegate(els.find("span"), "a", "click", function(){
+		called = true;
+	})
+	els.find("a").trigger('click')
+	ok(called, "delegate works")
+	$("#qunit-test-area").html("")
+})