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

javascriptmvc 3.0.0.pre15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (550) hide show

data/lib/javascriptmvc/jquery/dom/fixture/fixtures/messages.html ADDED

@@ -0,0 +1,31 @@
+<h2>Create a Message</h2>
+<p>Create a message, it will show up in "Get Messages".</p>
+<form id='message'>
+  <table>
+    <tr>
+      <td>From:</td>
+      <td><input type='text' name='message[user]' value=''/></td>
+    </tr>
+    <tr>
+      <td>Subject:</td>
+      <td><input type='text' name='message[subject]' value=''/></td>
+    </tr>
+    <tr>
+	  <td>Body:</td>
+	  <td><textarea name='message[body]'></textarea></td>
+	</tr>
+	<tr>
+      <td></td><td><input type='submit' value="Create"></td>
+    </tr>
+  </table>
+</form>
+<h2>Get Messages</h2>
+<p>Enter a limit and offset to get a range of messages.
+</p>
+<form id='getMessages'>
+    Offset <input type='text' name='params[offset]' value='0'/>
+    Limit <input type='text' name='params[limit]' value='5'/>
+    <input type="submit" value="Get Messages"/>
+</form>
+<div id='messages'></div>

data/lib/javascriptmvc/jquery/dom/fixture/fixtures/test.json ADDED

@@ -0,0 +1,3 @@
+{
+  "sweet" :"ness"
+}

data/lib/javascriptmvc/jquery/dom/fixture/qunit.html ADDED

@@ -0,0 +1,22 @@
+<html>
+    <head>
+    	<title>Fixtures Test Suite</title>
+        <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/dom/fixture/test/qunit'></script>
+    </head>
+    <body>
+        <h1 id="qunit-header">Fixtures 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/dom/fixture/test/qunit/fixture_test.js ADDED

@@ -0,0 +1,50 @@
+module("jquery/dom/fixture");
+test("static fixtures", function(){
+	stop();
+	$.get("something",function(data){
+		equals(data.sweet,"ness","$.get works");
+		$.post("something",function(data){
+			equals(data.sweet,"ness","$.post works");
+			$.ajax({
+				url: "something",
+				dataType: "json",
+				success: function( data ) {
+					equals(data.sweet,"ness","$.ajax works");
+					start();
+				},
+				fixture: "//jquery/dom/fixture/fixtures/test.json"
+			})
+		},"json","//jquery/dom/fixture/fixtures/test.json");
+	},'json',"//jquery/dom/fixture/fixtures/test.json");
+})
+test("dynamic fixtures",function(){
+	stop();
+	$.fixture.delay = 10;
+	var fix = function(){
+		return [{sweet: "ness"}]
+	}
+	$.get("something",function(data){
+		equals(data.sweet,"ness","$.get works");
+		$.post("something",function(data){
+			equals(data.sweet,"ness","$.post works");
+			$.ajax({
+				url: "something",
+				dataType: "json",
+				success: function( data ) {
+					equals(data.sweet,"ness","$.ajax works");
+					start();
+				},
+				fixture: fix
+			})
+		},"json",fix);
+	},'json',fix);
+})

data/lib/javascriptmvc/jquery/dom/fixture/test/qunit/qunit.js ADDED

@@ -0,0 +1,4 @@
+steal
+ .plugins("jquery/dom/fixture")  //load your app
+ .plugins('funcunit/qunit')  //load qunit
+ .then("fixture_test")

data/lib/javascriptmvc/jquery/dom/form_params/form_params.html ADDED

@@ -0,0 +1,57 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
+            "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en">
+	<head>
+		<title>Form Params</title>
+        <style type='text/css'>
+            body {font-family: verdana}
+        </style>
+	</head>
+	<body>
+<p>Change the inputs to change the object</p>
+<pre>Result = <span id='result'></span></pre>
+<div id="demo-html">
+<form id='fp' action="">
+  <label>People Count</label><br/>
+  <input name='talk[peopleCount]'/><br/>
+  <label>Audience Rating</label><br/>
+  <select name='talk[audienceRating]'>
+    <option value='3'>3</option>
+    <option value='2'>2</option>
+    <option value='1'>1</option>
+  </select><br/>
+  <label>Time Left</label><br/>
+  <input type='radio' name='talk[timeLeft]' value='1'/> 1 min<br/>
+  <input type='radio' name='talk[timeLeft]' value='5'/> 5 min<br/>
+  <input type='radio' name='talk[timeLeft]' value='10'/> 10 min<br/>
+</form>
+</div>
+		<script type='text/javascript'
+                src='../../../steal/steal.js'>
+        </script>
+<script type='text/javascript'>
+steal.plugins('jquery/dom/form_params','jquery/lang/json').start()
+</script>
+<script type='text/javascript' id="demo-source">
+// updates the JSON text
+var update = function(){
+  // get form data
+  var json = $('#fp').formParams(),
+      //convert it to JSON
+      jsonString = $.toJSON( json );
+  // show JSON
+  $("#result").text( jsonString )
+}
+// listen for changes and update
+$('#fp').change(update);
+// show json right away
+update();
+</script>
+	</body>
+</html>

data/lib/javascriptmvc/jquery/dom/form_params/form_params.js ADDED

@@ -0,0 +1,106 @@
+/**
+ *  @add jQuery.fn
+ */
+steal.plugins("jquery/dom").then(function( $ ) {
+	var radioCheck = /radio|checkbox/i,
+		keyBreaker = /[^\[\]]+/g,
+		numberMatcher = /^[-+]?[0-9]*\.?[0-9]+([eE][-+]?[0-9]+)?$/
+		isNumber = function( value ) {
+			if ( typeof value == 'number' ) return true;
+			if ( typeof value != 'string' ) return false;
+			return value.match(numberMatcher);
+		};
+	$.fn.extend({
+		/**
+		 * @parent dom
+		 * @download jquery/dist/jquery.formparams.js
+		 * @plugin jquery/dom/form_params
+		 * @test jquery/dom/form_params/qunit.html
+		 * <p>Returns an object of name-value pairs that represents values in a form.
+		 * It is able to nest values whose element's name has square brackets. </p>
+		 * Example html:
+		 * @codestart html
+		 * &lt;form>
+		 *   &lt;input name="foo[bar]" value='2'/>
+		 *   &lt;input name="foo[ced]" value='4'/>
+		 * &lt;form/>
+		 * @codeend
+		 * Example code:
+		 * @codestart
+		 * $('form').formParams() //-> { foo:{bar:2, ced: 4} }
+		 * @codeend
+		 *
+		 * @demo jquery/dom/form_params/form_params.html
+		 *
+		 * @param {Boolean} [convert] True if strings that look like numbers and booleans should be converted.  Defaults to true.
+		 * @return {Object} An object of name-value pairs.
+		 */
+		formParams: function( convert ) {
+			var data = {};
+			if ( this[0].nodeName.toLowerCase() == 'form' && this[0].elements ) {
+				return jQuery(jQuery.makeArray(this[0].elements)).getParams(convert);
+			}
+			return jQuery("input[name], textarea[name], select[name]", this[0]).getParams(convert);
+		},
+		getParams: function( convert ) {
+			var data = {},
+				current, convert = convert === undefined ? true : convert;
+			this.each(function() {
+				var el = this,
+					type = el.type && el.type.toLowerCase();
+				//if we are submit, ignore
+				if ((type == 'submit') || !el.name ) {
+					return;
+				}
+				var key = el.name,
+					value = $.fn.val.call([el]) || $.data(el, "value"),
+					isRadioCheck = radioCheck.test(el.type),
+					parts = key.match(keyBreaker),
+					write = !isRadioCheck || !! el.checked,
+					//overwrite the value
+					append = false,
+					//make an array of values
+					lastPart;
+				if ( convert ) {
+					if ( isNumber(value) ) {
+						value = parseFloat(value);
+					} else if ( value === 'true' || value === 'false' ) {
+						value = Boolean(value);
+					}
+				}
+				// go through and create nested objects
+				current = data;
+				for ( var i = 0; i < parts.length - 1; i++ ) {
+					if (!current[parts[i]] ) {
+						current[parts[i]] = {}
+					}
+					current = current[parts[i]];
+				}
+				lastPart = parts[parts.length - 1];
+				//now we are on the last part, set the value
+				if ( lastPart in current && type === "checkbox" ) {
+					if (!$.isArray(current[lastPart]) ) {
+						current[lastPart] = current[lastPart] === undefined ? [] : [current[lastPart]];
+					}
+					if ( write ) {
+						current[lastPart].push(value);
+					}
+				} else if ( write || !current[lastPart] ) {
+					current[lastPart] = write ? value : undefined;
+				}
+			})
+			return data;
+		}
+	});
+});

data/lib/javascriptmvc/jquery/dom/form_params/qunit.html ADDED

@@ -0,0 +1,22 @@
+<html>
+    <head>
+    	<title>Form Params Test Suite</title>
+        <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/dom/form_params/test/qunit'></script>
+    </head>
+    <body>
+        <h1 id="qunit-header">Fixtures 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/dom/form_params/test/qunit/basics.micro ADDED

@@ -0,0 +1,27 @@
+<form id='fp' action="">
+  <input name='params[one]' value='1'/>
+  <select name='params[two]'>
+    <option value='3'>3</option>
+    <option value='2' selected="selected">2</option>
+    <option value='1'>1</option>
+  </select>
+  <input type='radio' name='params[three]' value='1'/>
+  <input type='radio' name='params[three]' value='2'/>
+  <input type='radio' name='params[three]' value='3' checked="checked"/>
+  <select name='params[four]' multiple="multiple">
+    <option value='4' selected="selected">4</option>
+    <option value='3'>3</option>
+    <option value='2'>2</option>
+    <option value='1' selected="selected">1</option>
+  </select>
+  <input type='checkbox' name='params[five]' value='1'/>
+  <input type='checkbox' name='params[five]' value='2' checked="checked"/>
+  <input type='checkbox' name='params[five]' value='3' checked="checked"/>
+</form>

data/lib/javascriptmvc/jquery/dom/form_params/test/qunit/checkbox.micro ADDED

@@ -0,0 +1,20 @@
+<form name="jq-form" id="fp">
+    <fieldset>
+        <div class="question_container">
+            <label>Question</label>
+            <div>
+                    <textarea name="q_content"></textarea>
+            </div>
+            <div class="linebreak"></div>
+            <div>Reference <input type="text" name="q_ref" value="q_ref" /></div>
+        </div>
+        <div id="answers">
+            <label>Correct: <input type="checkbox" name="correct"/></label>
+            <textarea name="answer_content"></textarea>
+        </div>
+    </fieldset>
+    <input type="button" value="Cancel"/>
+    <input type="button" value="Save" />
+</form>

data/lib/javascriptmvc/jquery/dom/form_params/test/qunit/form_params_test.js ADDED

@@ -0,0 +1,43 @@
+module("jquery/dom/form_params")
+test("with a form", function(){
+	$("#qunit-test-area").html("//jquery/dom/form_params/test/qunit/basics.micro",{})
+	var formParams =  $("#qunit-test-area form").formParams() ;
+	ok(formParams.params.one === 1,"one is right");
+	ok(formParams.params.two === 2,"two is right");
+	ok(formParams.params.three === 3,"three is right");
+	same(formParams.params.four,["4","1"],"four is right");
+	same(formParams.params.five,[2,3],"five is right");
+});
+test("with true false", function(){
+	$("#qunit-test-area").html("//jquery/dom/form_params/test/qunit/truthy.micro",{});
+	var formParams =  $("#qunit-test-area form").formParams();
+	ok(formParams.foo === undefined, "foo is undefined")
+	ok(formParams.bar.abc === true, "form bar is true");
+	ok(formParams.bar.def === true, "form def is true");
+	ok(formParams.bar.ghi === undefined, "form def is undefined");
+});
+test("just strings",function(){
+	$("#qunit-test-area").html("//jquery/dom/form_params/test/qunit/basics.micro",{});
+	var formParams =  $("#qunit-test-area form").formParams(false) ;
+	ok(formParams.params.one === "1","one is right");
+	ok(formParams.params.two === '2',"two is right");
+	ok(formParams.params.three === '3',"three is right");
+	same(formParams.params.four,["4","1"],"four is right");
+	same(formParams.params.five,['2','3'],"five is right");
+	$("#qunit-test-area").html('')
+})
+test("missing names",function(){
+	$("#qunit-test-area").html("//jquery/dom/form_params/test/qunit/checkbox.micro",{});
+	var formParams =  $("#qunit-test-area form").formParams() ;
+	ok(true, "does not break")
+})

data/lib/javascriptmvc/jquery/dom/form_params/test/qunit/qunit.js ADDED

@@ -0,0 +1,4 @@
+steal
+ .plugins("jquery/dom/form_params")  //load your app
+ .plugins('funcunit/qunit','jquery/view/micro')  //load qunit
+ .then("form_params_test")

data/lib/javascriptmvc/jquery/dom/form_params/test/qunit/truthy.micro ADDED

@@ -0,0 +1,8 @@
+<form id='fp' action="">
+  <input type='checkbox' name='foo'  value='true'/>
+  <input type='checkbox' name='bar[abc]' checked="checked" value='true'/>
+  <input type='checkbox' name='bar[def]' checked="checked" value='true'/>
+  <input type='checkbox' name='bar[ghi]' value='true'/>
+</form>

data/lib/javascriptmvc/jquery/dom/within/within.js ADDED

@@ -0,0 +1,67 @@
+/**
+ *  @add jQuery.fn
+ */
+steal.plugins('jquery/dom').then(function($){
+   var withinBox = function(x, y, left, top, width, height ){
+        return (y >= top &&
+                y <  top + height &&
+                x >= left &&
+                x <  left + width);
+    }
+/**
+ * @function within
+ * @parent dom
+ * Returns if the elements are within the position
+ * @param {Object} x
+ * @param {Object} y
+ * @param {Object} cache
+ */
+$.fn.within= function(x, y, cache) {
+    var ret = []
+    this.each(function(){
+        var q = jQuery(this);
+        if(this == document.documentElement) return ret.push(this);
+        var offset = cache ? jQuery.data(this,"offset", q.offset()) : q.offset();
+        var res =  withinBox(x, y,
+                                      offset.left, offset.top,
+                                      this.offsetWidth, this.offsetHeight );
+        if(res) ret.push(this);
+    });
+    return this.pushStack( jQuery.unique( ret ), "within", x+","+y );
+}
+/**
+ * @function withinBox
+ * returns if elements are within the box
+ * @param {Object} left
+ * @param {Object} top
+ * @param {Object} width
+ * @param {Object} height
+ * @param {Object} cache
+ */
+$.fn.withinBox = function(left, top, width, height, cache){
+  	var ret = []
+    this.each(function(){
+        var q = jQuery(this);
+        if(this == document.documentElement) return  this.ret.push(this);
+        var offset = cache ? jQuery.data(this,"offset", q.offset()) : q.offset();
+        var ew = q.width(), eh = q.height();
+		res =  !( (offset.top > top+height) || (offset.top +eh < top) || (offset.left > left+width ) || (offset.left+ew < left));
+        if(res)
+            ret.push(this);
+    });
+    return this.pushStack( jQuery.unique( ret ), "withinBox", jQuery.makeArray(arguments).join(",") );
+}
+})