javascriptmvc 3.0.0.pre15

data/lib/javascriptmvc/jquery/view/helpers/helpers.js

@@ -0,0 +1,338 @@
+steal.plugins('jquery/view/ejs').then(function($){
+
+/**
+ * @add jQuery.View.Helpers Prototype additions
+ */
+$.extend($.View.EJS.Helpers.prototype, {
+    // treyk 06/11/2009 - Pulled from old MVC.Date plugin for now.  Will look for a suitable jQuery Date plugin
+	 month_names: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
+   
+    /**
+     * Creates a check box tag
+     * @plugin view/helpers
+     * @param {Object} name
+     * @param {Object} value
+     * @param {Object} options
+     * @param {Object} checked
+     */
+	check_box_tag: function( name, value, options, checked ) {
+        options = options || {};
+        if(checked) options.checked = "checked";
+        return this.input_field_tag(name, value, 'checkbox', options);
+    },
+    /**
+     * @plugin view/helpers
+     * @param {Object} name
+     * @param {Object} value
+     * @param {Object} html_options
+     */
+    date_tag: function( name, value , html_options ) {
+	    if(! (value instanceof Date)) value = new Date();
+       
+		var years = [], months = [], days =[];
+		var year = value.getFullYear(), month = value.getMonth(), day = value.getDate();
+		for(var y = year - 15; y < year+15 ; y++) years.push({value: y, text: y});
+		for(var m = 0; m < 12; m++) months.push({value: (m), text: $View.Helpers.month_names[m]});
+		for(var d = 0; d < 31; d++) days.push({value: (d+1), text: (d+1)});
+		
+		var year_select = this.select_tag(name+'[year]', year, years, {id: name+'[year]'} );
+		var month_select = this.select_tag(name+'[month]', month, months, {id: name+'[month]'});
+		var day_select = this.select_tag(name+'[day]', day, days, {id: name+'[day]'});
+		
+	    return year_select+month_select+day_select;
+	},
+    /**
+     * @plugin view/helpers
+     * @param {Object} name
+     * @param {Object} value
+     * @param {Object} html_options
+     * @param {Object} interval - specified in minutes
+     */
+	time_tag: function( name, value, html_options, interval ) {	
+		var times = [];
+		
+		if (interval == null || interval == 0)
+			interval = 60;
+
+		for(var h = 0; h < 24 ; h++)
+			for(var m = 0; m < 60; m+=interval)
+			{
+				var time = (h < 10 ? '0' : '') + h + ':' + (m < 10 ? '0' : '') + m;
+				times.push({ text: time, value: time });
+			}
+
+		return this.select_tag(name, value, times, html_options );
+	},
+    /**
+     * @plugin view/helpers
+     * @param {Object} name
+     * @param {Object} value
+     * @param {Object} html_options
+     */
+	file_tag: function( name, value, html_options ) {
+	    return this.input_field_tag(name+'[file]', value , 'file', html_options);
+	},
+    /**
+     * @plugin view/helpers
+     * @param {Object} url_for_options
+     * @param {Object} html_options
+     */
+	form_tag: function( url_for_options, html_options ) {
+	    html_options = html_options  || {};
+		if(html_options.multipart == true) {
+	        html_options.method = 'post';
+	        html_options.enctype = 'multipart/form-data';
+	    }
+		html_options.action = url_for_options;
+	    return this.start_tag_for('form', html_options);
+	},
+    /**
+     * @plugin view/helpers
+     */
+	form_tag_end: function() { return this.tag_end('form'); },
+	/**
+	 * @plugin view/helpers
+	 * @param {Object} name
+	 * @param {Object} value
+	 * @param {Object} html_options
+	 */
+    hidden_field_tag: function( name, value, html_options ) { 
+	    return this.input_field_tag(name, value, 'hidden', html_options); 
+	},
+    /**
+     * @plugin view/helpers
+     * @param {Object} name
+     * @param {Object} value
+     * @param {Object} inputType
+     * @param {Object} html_options
+     */
+	input_field_tag: function( name, value , inputType, html_options ) {
+	    html_options = html_options || {};
+	    html_options.id  = html_options.id  || name;
+	    html_options.value = value || '';
+	    html_options.type = inputType || 'text';
+	    html_options.name = name;
+	    return this.single_tag_for('input', html_options);
+	},
+    /**
+	 * @plugin view/helpers
+	 * @param {Object} text
+	 * @param {Object} html_options
+	 */
+	label_tag: function( text, html_options ) {
+		html_options = html_options || {};
+		return this.start_tag_for('label', html_options) + text + this.tag_end('label');
+	},
+	/**
+     * @plugin view/helpers
+     * @param {Object} name
+     * @param {Object} url
+     * @param {Object} html_options
+     */
+	link_to: function( name, url, html_options ) {
+	    if(!name) var name = 'null';
+	    if(!html_options) var html_options = {};
+		this.set_confirm(html_options);
+		html_options.href=url;
+		return this.start_tag_for('a', html_options)+name+ this.tag_end('a');
+	},
+    /**
+     * @plugin view/helpers
+     * @param {Object} condition
+     * @param {Object} name
+     * @param {Object} url
+     * @param {Object} html_options
+     */
+    link_to_if: function( condition, name, url, html_options ) {
+		return this.link_to_unless((!condition), name, url, html_options);
+	},
+    /**
+     * @plugin view/helpers
+     * @param {Object} condition
+     * @param {Object} name
+     * @param {Object} url
+     * @param {Object} html_options
+     */
+    link_to_unless: function( condition, name, url, html_options ) {
+        if(condition) return name;
+        return this.link_to(name, url, html_options);
+    },
+    /**
+     * @plugin view/helpers
+     * @param {Object} html_options
+     */
+	set_confirm: function( html_options ) {
+		if(html_options.confirm){
+			html_options.onclick = html_options.onclick || '';
+			html_options.onclick = html_options.onclick+
+			"; var ret_confirm = confirm(\""+html_options.confirm+"\"); if(!ret_confirm){ return false;} ";
+			html_options.confirm = null;
+		}
+	},
+    /**
+     * @plugin view/helpers
+     * @param {Object} name
+     * @param {Object} options
+     * @param {Object} html_options
+     * @param {Object} post
+     */
+	submit_link_to: function( name, options, html_options, post ) {
+		if(!name) var name = 'null';
+	    if(!html_options) html_options = {};
+		html_options.type = 'submit';
+	    html_options.value = name;
+		this.set_confirm(html_options);
+		html_options.onclick=html_options.onclick+';window.location="'+options+'"; return false;';
+		return this.single_tag_for('input', html_options);
+	},
+    /**
+     * @plugin view/helpers
+     * @param {Object} name
+     * @param {Object} value
+     * @param {Object} html_options
+     */
+	password_field_tag: function( name, value, html_options ) { return this.input_field_tag(name, value, 'password', html_options); },
+	/**
+	 * @plugin view/helpers
+	 * @param {Object} name
+	 * @param {Object} value
+	 * @param {Object} choices
+	 * @param {Object} html_options
+	 */
+    select_tag: function( name, value, choices, html_options ) {     
+	    html_options = html_options || {};
+	    html_options.id  = html_options.id  || name;
+	    //html_options.value = value;
+		html_options.name = name;
+	    var txt = '';
+	    txt += this.start_tag_for('select', html_options);
+	    for(var i = 0; i < choices.length; i++)
+	    {
+	        var choice = choices[i];
+	        if(typeof choice == 'string') choice = {value: choice};
+			if(!choice.text) choice.text = choice.value;
+			if(!choice.value) choice.text = choice.text;
+			
+			var optionOptions = {value: choice.value};
+	        if(choice.value == value)
+	            optionOptions.selected ='selected';
+	        txt += this.start_tag_for('option', optionOptions )+choice.text+this.tag_end('option');
+	    }
+	    txt += this.tag_end('select');
+	    return txt;
+	},
+    /**
+     * @plugin view/helpers
+     * @param {Object} tag
+     * @param {Object} html_options
+     */
+	single_tag_for: function( tag, html_options ) { return this.tag(tag, html_options, '/>');},
+	/**
+	 * @plugin view/helpers
+	 * @param {Object} tag
+	 * @param {Object} html_options
+	 */
+    start_tag_for: function( tag, html_options ) { return this.tag(tag, html_options); },
+	/**
+	 * @plugin view/helpers
+	 * @param {Object} name
+	 * @param {Object} html_options
+	 */
+    submit_tag: function( name, html_options ) {  
+	    html_options = html_options || {};
+	    html_options.type = html_options.type  || 'submit';
+	    html_options.value = name || 'Submit';
+	    return this.single_tag_for('input', html_options);
+	},
+    /**
+     * @plugin view/helpers
+     * @param {Object} tag
+     * @param {Object} html_options
+     * @param {Object} end
+     */
+	tag: function( tag, html_options, end ) {
+	    end = end || '>';
+	    var txt = ' ';
+	    for(var attr in html_options) { 
+	       if(html_options.hasOwnProperty(attr)){
+			   value = html_options[attr] != null ? html_options[attr].toString() : '';
+
+		       if(attr == "Class" || attr == "klass") attr = "class";
+		       if( value.indexOf("'") != -1 )
+		            txt += attr+'=\"'+value+'\" ' ;
+		       else
+		            txt += attr+"='"+value+"' " ;
+		   }
+	    }
+	    return '<'+tag+txt+end;
+	},
+    /**
+     * @plugin view/helpers
+     * @param {Object} tag
+     */
+	tag_end: function( tag ) { return '</'+tag+'>'; },
+	/**
+	 * @plugin view/helpers
+	 * @param {Object} name
+	 * @param {Object} value
+	 * @param {Object} html_options
+	 */
+    text_area_tag: function( name, value, html_options ) { 
+	    html_options = html_options || {};
+	    html_options.id  = html_options.id  || name;
+	    html_options.name  = html_options.name  || name;
+		value = value || '';
+	    if(html_options.size) {
+	        html_options.cols = html_options.size.split('x')[0];
+	        html_options.rows = html_options.size.split('x')[1];
+	        delete html_options.size;
+	    }
+	    html_options.cols = html_options.cols  || 50;
+	    html_options.rows = html_options.rows  || 4;
+	    return  this.start_tag_for('textarea', html_options)+value+this.tag_end('textarea');
+	},
+	/**
+	 * @plugin view/helpers
+	 * @param {Object} name
+	 * @param {Object} value
+	 * @param {Object} html_options
+	 */
+    text_field_tag: function( name, value, html_options ) { return this.input_field_tag(name, value, 'text', html_options); },
+	/**
+	 * @plugin view/helpers
+	 * @param {Object} image_location
+	 * @param {Object} options
+	 */
+    img_tag: function( image_location, options ) {
+		options = options || {};
+		options.src = steal.root.join("resources/images/"+image_location);
+		return this.single_tag_for('img', options);
+	}
+	
+});
+
+$.View.Helpers.prototype.text_tag = $.View.Helpers.prototype.text_area_tag;
+
+// Private variables (in the (function($){})(jQuery) scope)   
+var data = {};
+var name = 0;
+
+$.View.Helpers.link_data = function(store){
+	var functionName = name++;
+	data[functionName] = store;	
+	return "_data='"+functionName+"'";
+};
+$.View.Helpers.get_data = function(el){
+	if(!el) return null;
+	var dataAt = el.getAttribute('_data');
+	if(!dataAt) return null;
+	return data[parseInt(dataAt)];
+};
+$.View.Helpers.prototype.link_data = function(store){
+	return $.View.Helpers.link_data(store)
+};
+$.View.Helpers.prototype.get_data = function(el){
+	return $.View.Helpers.get_data(el)
+};
+
+});

data/lib/javascriptmvc/jquery/view/jaml/compress.js

@@ -0,0 +1,7 @@
+//js jaml/compress.js
+
+var compressPage = 'jaml/jaml.html';
+var outputFolder = 'jaml';
+load("steal/compress/compress.js")
+var compress = new Steal.Compress([compressPage, outputFolder]);
+compress.init();

data/lib/javascriptmvc/jquery/view/jaml/funcunit.html

@@ -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/view/jaml/test/funcunit'></script>
+    </head>
+    <body>
+
+        <h1 id="qunit-header">jaml 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/view/jaml/jaml.html

@@ -0,0 +1,25 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
+            "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en">
+	<head>
+		<title>jaml</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>
+	    <h1>Welcome to JavaScriptMVC 3.0!</h1>
+        <ul>
+            <li>Include plugins and files in <i>jquery/view/jaml/jaml.js</i>.</li>
+            <li>Change to production mode by changing <i>development</i> to <i>production</i> in this file.</li>
+        </ul>
+		<script type='text/javascript' 
+                src='../../../steal/steal.js?steal[app]=jquery/view/jaml&steal[env]=development'
+                package='main.js'
+                compress='false'>   
+        </script>
+	</body>
+</html>

data/lib/javascriptmvc/jquery/view/jaml/jaml.js

@@ -0,0 +1,73 @@
+steal.plugins("jquery/view").then(function(){
+	
+
+
+/**
+ * @class Jaml
+ * @author Ed Spencer (http://edspencer.net)
+ * Jaml is a simple JavaScript library which makes HTML generation easy and pleasurable.
+ * Examples: http://edspencer.github.com/jaml
+ * Introduction: http://edspencer.net/2009/11/jaml-beautiful-html-generation-for-javascript.html
+ */
+Jaml = function() {
+  return {
+    templates: {},
+    helpers  : {},
+    
+    /**
+     * Registers a template by name
+     * @param {String} name The name of the template
+     * @param {Function} template The template function
+     */
+    register: function(name, template ) {
+      this.templates[name] = template;
+    },
+    
+    /**
+     * Renders the given template name with an optional data object
+     * @param {String} name The name of the template to render
+     * @param {Object} data Optional data object
+     */
+    render: function(name, data ) {
+      var template = this.templates[name],
+          renderer = new Jaml.Template(template);
+          
+      return renderer.render(data);
+    },
+    
+    /**
+     * Registers a helper function
+     * @param {String} name The name of the helper
+     * @param {Function} helperFn The helper function
+     */
+    registerHelper: function(name, helperFn ) {
+      this.helpers[name] = helperFn;
+    }
+  };
+}();
+
+
+$.View.register({
+	suffix : "jaml",
+	get: function(id, url ) {
+		var text = $.ajax({
+				async: false,
+				url: url
+			}).responseText
+		return this.renderer(id, text)
+	},
+	script: function(id, str ) {
+		return "((function(){ Jaml.register("+id+", "+str+"); return function(data){return Jaml.render("+id+", data)} })())"
+	},
+	renderer: function(id, text ) {
+		var func;
+		eval("func = ("+text+")");
+		Jaml.register(id, func);
+		return function(data){
+			return Jaml.render(id, data)
+		}
+	}
+})
+
+
+}).then('node','template')