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

javascriptmvc 3.0.0.pre15

Files changed (550) hide show

data/lib/javascriptmvc/jquery/error/background.png ADDED

Binary file

data/lib/javascriptmvc/jquery/error/error.html ADDED

@@ -0,0 +1,31 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
+            "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en">
+	<head>
+		<title>error</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>
+   	  <a href='#' onclick='breakme()'>Click here to cause an error</a>
+	  <p>Remember to replace APPLICATION_KEY in the script tag with your actual application key!</p>
+   	  <!-- Replace APPLICATION_KEY with your actual application key -->
+		<script type='text/javascript'
+                src='../../steal/steal.js?steal[app]=jquery/error&steal[env]=development'>
+        </script>
+      <script type='text/javascript'>
+      	APPLICATION_KEY = '917a26e1a436665327ec4c5faf4d823248a05f1d'
+      	var breakme = function(){
+			try {
+				a.func.that.will.brea.k();
+			} catch(e) {
+				$.ApplicationError.notify(e);
+			}
+		}
+      </script>
+	</body>
+</html>

data/lib/javascriptmvc/jquery/error/error.js ADDED

@@ -0,0 +1,227 @@
+steal.plugins('jquery/class', 'jquery').then(function(){
+	if (true || steal.options.env == 'production') {
+		var seconds_remaining;
+		var timer;
+		$.ApplicationError = {
+			textarea_text: "type description here",
+			textarea_title: "Damn It!",
+			close_time: 10,
+			url: 'https://damnit.jupiterit.com',
+			prompt_text: "Something just went wrong.  Please describe " +
+			"your most recent actions and let us know what " +
+			"happened. We'll fix the problem.",
+			prompt_user: true,
+			generate_content: function( params ) {
+				var content = [];
+				// intentionally put HTML Content at the end
+				for (var attr in params) {
+					if (params.hasOwnProperty(attr) && attr != 'toString' && attr != 'HTML Content')
+						content.push(attr + ':\n     ' + params[attr]);
+				}
+				if (params['HTML Content'])
+					content.push('HTML Content' + ':\n     ' + params['HTML Content']);
+				return content.join('\n');
+			},
+			config: function( params ) {
+				$.extend($.ApplicationError, params);
+			},
+			create_send_function: function( error ) {
+				$.ApplicationError.send = function(ev){
+					var params = {
+						error: {}
+					}, description = $('#_error_text');
+					params.error.subject = error.subject;
+					if (description.length)
+						error['User Description'] = description.val();
+					if ($.ApplicationError.prompt_user) {
+						$.ApplicationError.pause_count_down();
+						document.body.removeChild($('#_application_error')[0]);
+					}
+					params.error.content = $.ApplicationError.generate_content(error);
+					ev.stopPropagation();
+					ev.preventDefault();
+					params.user_crypted_key = APPLICATION_KEY;
+					params.referer = location.href;
+					params._method = "POST";
+					$.ajax({
+						url: $.ApplicationError.url + "/errors.json",
+						dataType: "jsonp",
+						data: params
+					})
+				};
+			},
+			create_dom: function( error ) {
+				if ($('#_application_error').length) return;
+				var div = $('<div />').attr('id', '_application_error').css({
+					position: $.browser.mozilla ? 'fixed' : 'absolute',
+					bottom: '0px',
+					left: '0px',
+					margin: '0px'
+				})
+				var title = $('<div />').addClass('ui-corner-top').addClass('ui-state-error').css({
+					padding: '0px 5px 0px 10px'
+				})
+				var a = $('<a />').css({
+					'float': 'right',
+					width: 50,
+					'text-decoration': 'underline',
+					color: 'Red',
+					'padding-left': 25,
+					'font-size': '8pt',
+					cursor: 'pointer'
+				}).click($.ApplicationError.send).html('Close')
+				var span = $('<span />').attr('id', '_error_seconds').css({
+					'float': 'right',
+					'font-size': '8pt'
+				}).after(this.textarea_title);
+				title.append(a).append(span).append('<span>' + this.textarea_title + '</span>');
+				var form = $('<form />').attr('id', '_error_form').addClass('ui-state-highlight ')
+				.submit($.ApplicationError.send).css({
+					padding: 0,
+					margin: 0,
+					font: 'normal 8pt verdana'
+				});
+				var form_div = $('<div />').css({
+					'float': 'left',
+					width: 300,
+					'margin-left': $.browser.msie ? 5 : 10
+				}).html(this.prompt_text)
+				var input = $('<button />').addClass('ui-button').addClass('ui-state-default')
+					.addClass('ui-widget').addClass('ui-state-default').addClass('ui-corner-all')
+					.addClass('ui-button-text-only').css({
+						'float': 'right',
+						margin: '17px 5px 0px 0px'
+					}).append('<span>Send</span>')
+				var input2 = $('<input />').attr({
+					type: 'submit',
+					value: 'Send'
+				})
+				var textarea = $('<textarea />').css({
+					width: 335,
+					color: 'gray'
+				}).attr({
+					rows: $.browser.mozilla ? 2 : 3,
+					name: 'description',
+					id: '_error_text'
+				}).focus(function(){
+					var area = $('#_error_text');
+					if (area.val() == $.ApplicationError.textarea_text)
+						area.val('');
+					area.css('color', 'black');
+					$.ApplicationError.pause_count_down();
+				}).html(this.textarea_text)
+				form.append(form_div).append(input.after(textarea));
+				div.append(title).append(form);
+				$(document.body).append(div);
+				this.set_width();
+			},
+			notify: function( e ) {
+				e = $.ApplicationError.transform_error(e);
+				$.extend(e, {
+					'Browser': navigator.userAgent,
+					'Page': location.href,
+					'HTML Content': document.documentElement.innerHTML.replace(/\n/g, "\n     ").replace(/\t/g, "     ").substring(0, 5000)
+				});
+				if (Error && new Error().stack)
+					e.Stack = new Error().stack;
+				if (!e.subject)
+					e.subject = 'ApplicationError on: ' + window.location.href;
+				this.create_send_function(e);
+				if ($.ApplicationError.prompt_user == true)
+					this.create_dom(e);
+				else
+					this.send();
+				return false;
+			},
+			set_width: function() {
+				var cont = $('#_application_error'), width;
+				if (!cont.length)
+					return;
+				width = $(document.body).outerWidth(true);
+				cont.width(width);
+				$('#_error_text').width(width - 400);
+			},
+			transform_error: function( error ) {
+				if (typeof error == 'string') {
+					var old = error;
+					error = {
+						toString: function() {
+							return old;
+						}
+					};
+					error.message = old;
+				}
+				if ($.browser.opera && error.message) {
+					var error_arr = error.message.match('Backtrace');
+					if (error_arr) {
+						var message = error.message;
+						error.message = message.substring(0, error_arr.index);
+						error.backtrace = message.substring(error_arr.index + 11, message.length);
+					}
+				}
+				return error;
+			},
+			count_down: function() {
+				seconds_remaining--;
+				$('#_error_seconds').html('This will close in ' + seconds_remaining + ' seconds.');
+				if (seconds_remaining == 0) {
+					$.ApplicationError.pause_count_down();
+					$.ApplicationError.send();
+				}
+			},
+			start_count_down: function() {
+				seconds_remaining = this.close_time;
+				$('#_error_seconds').html('This will close in ' + seconds_remaining + ' seconds.');
+				timer = setInterval($.ApplicationError.count_down, 1000);
+			},
+			pause_count_down: function() {
+				clearInterval(timer);
+				timer = null;
+				$('#_error_seconds').html('');
+			}
+		};
+		//$.ApplicationError.start_count_down();
+		var oldCB = jQuery.Class.callback;
+		jQuery.Class.callback = function(f_names){
+			var oldCBFunc = oldCB.apply(this, arguments), newCBFunc = function(){
+				try {
+					return oldCBFunc.apply(this, arguments);
+				}
+				catch (e) {
+					e = $.ApplicationError.transform_error(e);
+					$.extend(e, {
+						'Controller': instance.klass.className,
+						'Action': action_name,
+						subject: 'Dispatch Error: ' + ((e.message && typeof(e.message) == 'string') ? e.message : e.toString())
+					});
+					$.ApplicationError.notify(e);
+					return false;
+				}
+			}
+			return newCBFunc;
+		}
+		$(window).resize($.ApplicationError.set_width)
+		$(window).error(function(msg, url, l){
+			var e = {
+				message: msg,
+				fileName: url,
+				lineNumber: l
+			};
+			$.ApplicationError.notify(e);
+			return false;
+		})
+		$('head').append('<link rel="stylesheet" href="'+steal.root.path+
+			(steal.root.path == "/"? '': '/') +'phui/smoothness/jquery-ui-1.7.2.custom.css" type="text/css" />');
+	}
+})

data/lib/javascriptmvc/jquery/error/setup.js ADDED

@@ -0,0 +1,4 @@
+if(include.get_env() != 'development' && include.get_env() != 'test'){
+	include.plugins('remote');
+	include('error');
+}

data/lib/javascriptmvc/jquery/error/test/test.html ADDED

@@ -0,0 +1,23 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
+            "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en">
+	<head>
+		<title>test</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/error/test/test.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/error/test&steal[env]=development'>
+        </script>
+	</body>
+</html>

data/lib/javascriptmvc/jquery/error/test/test.js ADDED

@@ -0,0 +1,4 @@
+steal.plugins('jquery/controller','jquery/error')
+     .then(function(){
+	 	$.Controller.extend('')
+	 })

data/lib/javascriptmvc/jquery/event/default/compress.js ADDED

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

data/lib/javascriptmvc/jquery/event/default/default.html ADDED

@@ -0,0 +1,85 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
+            "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en">
+	<head>
+		<title>default</title>
+        <style type='text/css'>
+            body {font-family: verdana}
+            .error {border: solid 1px red;}
+            .error_text { color: red; font-size: 10px;}
+            td {padding: 3px;}
+			.clickme {
+				padding: 5px; margin: 5px;
+				border: dashed 1px red;
+				width: 100px;
+			}
+			ul li {
+				float: left;
+				border: solid 1px red;
+				padding: 5px;
+				list-style: none;
+			}
+			ul { margin: 0px; padding: 0px;}
+			.tab {
+				clear: both;
+				border: solid 1px black;
+				padding: 10px;
+			}
+        </style>
+	</head>
+	<body>
+		    <h1>Default Events</h1>
+			<p>A tabs widget that doesn't let you continue until the first part is complete.</p>
+<div id="demo-html">
+<div id='tabs'>
+  <ul>
+    <li><a href='#first'>Part 1</a></li>
+    <li><a href='#second'>Part 2</a></li>
+  </ul>
+  <div id='first' class='tab'>
+    <input type='checkbox' id='complete'/> Check to complete this part.
+  </div>
+  <div id='second' class='tab'>
+    You completed part 1
+  </div>
+</div>
+</div>
+		<script type='text/javascript'
+                src='../../../steal/steal.js'>
+        </script>
+<script id="demo-source" type='text/javascript'>
+steal.plugins("jquery/controller",'jquery/event/default').then(function($){
+$.Controller.extend("Tabs",{
+	init : function(){
+		this.find("li:first").addClass('active')
+		this.find(".tab:gt(0)").hide();
+	},
+	"li click" : function(el, ev){
+		ev.preventDefault();
+		if(!el.hasClass('active') && this.sub(el).triggerDefaults("show")){
+			this.sub(this.find(".active").removeClass("active")).hide();
+			el.addClass("active")
+		}
+	},
+	sub : function(el){
+		return $(el.find("a").attr("href"))
+	},
+	".tab default.show" : function(el){
+		el.show();
+	}
+})
+$("#tabs").tabs();
+$("#second").bind("show",function(ev){
+	if(! $("#complete")[0].checked ){
+		ev.preventDefault();
+	}
+})
+}).start();
+</script>
+	</body>
+</html>

data/lib/javascriptmvc/jquery/event/default/default.js ADDED

@@ -0,0 +1,193 @@
+/**
+ * @add jQuery.event.special static
+ */
+steal.plugins('jquery/event').then(function($){
+//cache default types for performance
+var types = {}, rnamespaces= /\.(.*)$/;
+/**
+ * @attribute default
+ * @parent specialevents
+ * @plugin jquery/event/default
+ * @download jquery/dist/jquery.event.default.js
+ * @test jquery/event/default/qunit.html
+ * Allows you to perform default actions as a result of an event.
+ * <p>
+ * Event based APIs are a powerful way of exposing functionality of your widgets.  It also fits in
+ * quite nicely with how the DOM works.
+ * </p>
+ * <p>
+ * Like default events in normal functions (e.g. submitting a form), synthetic default events run after
+ * all event handlers have been triggered and no event handler has called
+ * preventDefault or returned false.
+ * </p>
+ * <p>To listen for a default event, just prefix the event with default.</p>
+ * @codestart
+ * $("div").bind("default.show", function(ev){ ... });
+ * $("ul").delegate("li","default.activate", function(ev){ ... });
+ * @codeend
+ * <p>
+ * The default plugin also adds the [jQuery.fn.triggerDefault triggerDefault] and [jQuery.fn.triggerDefaults triggerDefaults] methods.  These are used to trigger
+ * an event and report back whether preventDefault was called on the event.  The only difference is [jQuery.fn.triggerDefault triggerDefault]
+ * doesn't bubble.
+ * </p>
+ * <h2>Example</h2>
+ * <p>Lets look at how you could build a simple tabs widget with default events.
+ * First with just jQuery:</p>
+ * <p>
+ * Default events are useful in cases where you want to provide an event based
+ * API for users of your widgets.  Users can simply listen to your synthetic events and
+ * prevent your default functionality by calling preventDefault.
+ * </p>
+ * <p>
+ * In the example below, the tabs widget provides a show event.  Users of the
+ * tabs widget simply listen for show, and if they wish for some reason, call preventDefault
+ * to avoid showing the tab.
+ * </p>
+ * <p>
+ * In this case, the application developer doesn't want to show the second
+ * tab until the checkbox is checked.
+ * </p>
+ * @demo jquery/event/default/defaultjquery.html
+ * <p>Lets see how we would build this with JavaScriptMVC:</p>
+ * @demo jquery/event/default/default.html
+ */
+$.event.special["default"] = {
+	add: function( handleObj ) {
+		//save the type
+		types[handleObj.namespace.replace(rnamespaces,"")] = true;
+		//move the handler ...
+		var origHandler = handleObj.handler;
+		handleObj.origHandler = origHandler;
+		handleObj.handler = function(ev, data){
+			if(!ev._defaultActions) ev._defaultActions = [];
+			ev._defaultActions.push({element: this, handler: origHandler, event: ev, data: data, currentTarget: ev.currentTarget})
+		}
+	},
+	setup: function() {return true}
+}
+// overwrite trigger to allow default types
+var oldTrigger = $.event.trigger;
+$.event.trigger =  function defaultTriggerer( event, data, elem, bubbling){
+    //always need to convert here so we know if we have default actions
+    var type = event.type || event
+    if ( !bubbling ) {
+		event = typeof event === "object" ?
+			// jQuery.Event object
+			event[$.expando] ? event :
+			// Object literal
+			jQuery.extend( jQuery.Event(type), event ) :
+			// Just the event type (string)
+			jQuery.Event(type);
+		if ( type.indexOf("!") >= 0 ) {
+			event.type = type = type.slice(0, -1);
+			event.exclusive = true;
+		}
+        event._defaultActions = []; //set depth for possibly reused events
+    }
+	var defaultGetter = jQuery.Event("default."+event.type),
+		res;
+	$.extend(defaultGetter,{
+		target: elem,
+		_defaultActions: event._defaultActions,
+		exclusive : true
+	});
+	defaultGetter.stopPropagation();
+	//default events only work on elements
+	if(elem){
+		oldTrigger.call($.event, defaultGetter, [defaultGetter, data], elem, true);
+	}
+	//fire old trigger, this will call back here
+    res = oldTrigger.call($.event, event, data, elem, bubbling);
+	//fire if there are default actions to run &&
+    //        we have not prevented default &&
+    //        propagation has been stopped or we are at the document element
+    //        we have reached the document
+	if (!event.isDefaultPrevented() &&
+         event._defaultActions  &&
+        ( ( event.isPropagationStopped() ) ||
+          ( !elem.parentNode && !elem.ownerDocument ) )
+        ) {
+		// put event back
+		event.namespace= event.type;
+		event.type = "default";
+		event.liveFired = null;
+		// call each event handler
+		for(var i = 0 ; i < event._defaultActions.length; i++){
+			var a  = event._defaultActions[i],
+				oldHandle = event.handled;
+			event.currentTarget = a.currentTarget;
+			a.handler.call(a.element, event, a.data);
+			event.handled = event.handled === null ? oldHandle : true;
+        }
+        event._defaultActions = null; //set to null so everyone else on this element ignores it
+    }
+}
+/**
+ * @add jQuery.fn
+ */
+$.fn.
+/**
+ * Triggers the event, stops the event from propagating through the DOM, and
+ * returns whether or not the event's default action was prevented.
+ * If true, the default action was not prevented.  If false, the
+ * default action was prevented.  This is the same as triggerDefaults, but
+ * the event doesn't bubble.  Use these methods to easily determine if default was
+ * prevented, and proceed accordingly.
+ *
+ * <p>Widget developers might use this method to perform additional logic if an event
+ * handler doesn't prevent the default action.  For example, a tabs widget might
+ * hide the currently shown tab if the application developer doesn't prevent default.</p>
+ * @param {Object} type The type of event to trigger.
+ * @param {Object} data Some data to pass to callbacks listening to this
+ * event.
+ */
+triggerDefault = function(type, data){
+	if ( this[0] ) {
+		var event = $.Event( type );
+		event.stopPropagation();
+		jQuery.event.trigger( event, data, this[0] );
+		return !event.isDefaultPrevented();
+	}
+	return true;
+}
+$.fn.
+/**
+ * Triggers the event and returns whether or not the event's
+ * default action was prevented.  If true, the default action was not
+ * prevented.  If false, the default action was prevented.  This is the same
+ * as triggerDefault, but the event bubbles.  Use these methods to easily determine if default was
+ * prevented, and proceed accordingly.
+ * @param {Object} type The type of event to trigger.
+ * @param {Object} data Some data to pass to callbacks listening to this
+ * event.
+ */
+triggerDefaults = function(type, data){
+	if ( this[0] ) {
+		var event = $.Event( type );
+		jQuery.event.trigger( event, data, this[0] );
+		return !event.isDefaultPrevented();
+	}
+	return true;
+}
+});