RubyGems - rails_modular_admin - Versions diffs - 0.3.1 → 0.4.0 - Mend

rails_modular_admin 0.3.1 → 0.4.0

Files changed (1416) hide show

data/app/assets/node_modules/jquery-touchswipe/demos/Trigger_handlers.html ADDED Viewed

@@ -0,0 +1,158 @@
+<!DOCTYPE HTML>
+<html>
+    <head>
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
+        <meta http-equiv="x-ua-compatible" content="IE=9">
+        <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet">
+        <link href="http://twitter.github.com/bootstrap/assets/js/google-code-prettify/prettify.css" rel="stylesheet" />
+        <link href="css/main.css" type="text/css" rel="stylesheet" />
+        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
+        <script type="text/javascript" src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
+        <script type="text/javascript" src="../jquery.touchSwipe.min.js"></script>
+        <script type="text/javascript" src="js/main.js"></script>
+        <title>touchSwipe</title>
+    </head>
+    <body>
+		<a href="https://github.com/mattbryson"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_white_ffffff.png" alt="Fork me on GitHub"></a>
+		<div class="container">
+			<script id='code_1'>
+				$(function() {
+					//Enable swiping...
+					$("#test").swipe( {
+						swipeStatus:function(event, phase, direction, distance)
+						{
+							var str = "";
+							if (phase=="move")
+								str="You have moved " + distance +" pixels, past 200 and the handler will fire";
+							if (phase=="end")
+								str="Handler fired, you swiped " + direction;
+							$(this).text(str);
+						},
+						triggerOnTouchEnd:false,
+						threshold:200
+					});
+				});
+			</script>
+			<script id='code_2'>
+				$(function() {
+					$("#test2").swipe( {
+						swipeStatus:function(event, phase, direction, distance, duration)
+						{
+							var str = "";
+							if (phase=="move")
+								str="You have moved for " + duration +" ms, If you go over 5000 the swipe will cancel";
+							if (phase=="cancel")
+								str="You took to long and the swipe was canceled";
+							if (phase=="end")
+								str="Handler fired, you swiped " + direction;
+							$(this).text(str);
+						},
+						triggerOnTouchEnd:false,
+						maxTimeThreshold:5000,
+						threshold:null
+					});
+				});
+			</script>
+			<script id='code_3'>
+				$(function() {
+					$("#test3").swipe( {
+						swipeStatus:function(event, phase, direction, distance, duration)
+						{
+							var str = "";
+							if (phase=="move")
+								str="You have moved " + distance +" px, If you leave the swipe object, the swipe will end";
+							if (phase=="end")
+								str="The swipe has ended"
+							$(this).text(str);
+						},
+						triggerOnTouchLeave:true,
+						threshold:null
+					});
+				});
+			</script>
+			<script id='code_4'>
+				$(function() {
+					$("#test4").swipe( {
+						swipeStatus:function(event, phase, direction, distance, duration)
+						{
+							var str = "";
+							if (phase=="move") {
+								str="You have moved " + distance +" pixels, past 200 and the handler will fire <br/>";
+								str+="You have moved for " + duration +" ms, If you go over 5000 the swipe will cancel <br/>";
+								str+="If you leave the swipe object, and have made the distance, the swipe will end <br/>";
+								str+="If you leave the swipe object, and have NOT made the distance, the swipe will cancel ";
+							}
+							if (phase=="end") {
+								str="Handler fired, you met the thresholds:<br/>";
+								str+=distance+"px (over 500px required) <br/>";
+								str+=duration+"ms (under 5000ms required) <br/>";
+							}
+							if (phase=="cancel") {
+								str="You didn't meet the thresholds, cancel was fired:<br/>";
+								str+=distance+"px (over 500px required) <br/>";
+								str+=duration+"ms (under 5000ms required) <br/>";
+							}
+							$(this).html(str);
+						},
+						triggerOnTouchEnd:false,
+						triggerOnTouchLeave:true,
+						maxTimeThreshold:5000,
+						threshold:500
+					});
+				});
+			</script>
+			<span class='title'></span>
+			<h4>properties: <span class='properties'><code>triggerOnTouchEnd</code>, <code>triggerOnTouchLeave</code></span></h4>
+			<p>With <code>triggerOnTouchEnd</code> you can trigger the <code>swipe</code> end handler either when the user releases (default) or when the user has swiped the distance / time of the thresholds (but is still swiping).</p>
+			<p>With <code>triggerOnTouchLeave</code> you can end the event if the user swipes off the element</p>
+			<p>Swipe below, and the swipeEnd handler will trigger when you have swiped 200 px.</p>
+			<button class='btn btn-small btn-info example_btn'>Jump to Example</button>
+			<pre class="prettyprint lang-js" data-src="code_1"></pre>
+			<script>getNavigation();</script>
+			<div id="test" class="box">Swipe over 200px and the swipe event will fire</div>
+			<pre class="prettyprint lang-js" data-src="code_2"></pre>
+			<span class='navigation'></span>
+			<div id="test2" class="box">Swipe in under 5000ms and the swipe event will fire</div>
+			<pre class="prettyprint lang-js" data-src="code_3"></pre>
+			<span class='navigation'></span>
+			<div id="test3" class="box">Swipe out of this box and the swipe event will end</div>
+			<pre class="prettyprint lang-js" data-src="code_4"></pre>
+			<span class='navigation'></span>
+			<div id="test4" class="box">Time, distance and trigger on END and trigger on Leave set..</div>
+			<span class='navigation'></span>
+		</div>
+   </body>
+</html>

data/app/assets/node_modules/jquery-touchswipe/demos/css/main.css ADDED Viewed

@@ -0,0 +1,110 @@
+.pagination
+{
+	width:100%;
+	margin-top:20px;
+	margin-bottom:20px;
+}
+.clear
+{
+	clear:both;
+}
+.pagination a
+{
+	font-size: 12px;
+	line-height: 18px;
+}
+.container
+{
+	max-width:768px;
+	margin-bottom:20px;
+}
+.box
+{
+	margin-top:20px;
+	margin-bottom:20px;
+	max-width:768px;
+	height:300px;
+	padding: 10px;
+	background-color: #EEE;
+	-webkit-border-radius: 6px;
+	-moz-border-radius: 6px;
+	border-radius: 6px;
+	text-align:center;
+	font-weight: 300;
+	font-size: 20px;
+	line-height: 36px;
+	overflow:hidden;
+}
+body
+{
+	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+	font-size: 13px;
+	line-height: 18px;
+	color: #333;
+}
+h1
+{
+	margin-top:36px;
+	margin-bottom:5px;
+}
+h2
+{
+	font-size: 30px;
+	line-height: 36px;
+	font-weight: 300;
+	margin-bottom:0px;
+}
+h3
+{
+	margin-top:0px;
+	font-size: 18px;
+	line-height: 24px;
+	font-weight: 300;
+	color:#999;
+}
+h4
+{
+	margin-top:0px;
+	font-size: 12px;
+	line-height: 24px;
+	font-weight: 300;
+	color:#333;
+}
+a
+{
+	text-decoration:none;
+	color:#333;
+}
+p {
+	margin-top:10px;
+}
+.prettyprint {
+	font-size:10px;
+}
+.example_btn {
+	margin-bottom:10px;
+}
+.properties code,
+.methods code,
+.events code {
+	cursor: pointer;
+	text-decoration: underline;
+}

data/app/assets/node_modules/jquery-touchswipe/demos/index.html ADDED Viewed

@@ -0,0 +1,74 @@
+<!DOCTYPE HTML>
+<html>
+    <head>
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
+        <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet">
+        <link href="http://twitter.github.com/bootstrap/assets/js/google-code-prettify/prettify.css" rel="stylesheet" />
+        <link href="css/main.css" type="text/css" rel="stylesheet" />
+        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
+        <script type="text/javascript" src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
+        <script type="text/javascript" src="../jquery.touchSwipe.min.js"></script>
+        <script type="text/javascript" src="js/main.js"></script>
+        <title>touchSwipe</title>
+		<script type="text/javascript">
+			//Google analyitics
+			 var _gaq = _gaq || [];
+			  _gaq.push(['_setAccount', 'UA-19862780-3']);
+			  _gaq.push(['_trackPageview']);
+			  (function() {
+				var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+				ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+				var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+			  })();
+		</script>
+	</head>
+	<body>
+		<a href="https://github.com/mattbryson"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_white_ffffff.png" alt="Fork me on GitHub"></a>
+		<div class="container">
+			<div class="page-header">
+			  <h1>TouchSwipe <small>a jQuery plugin for touch devices</small></h1>
+			  <br/>
+			  <iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Flabs.skinkers.com%2FtouchSwipe%2F&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;font&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>
+				<p>TouchSwipe is a jquery plugin to be used with jQuery on touch input devices such as iPad, iPhone etc.</p>
+			</div>
+			<h1>Features</h1>
+			<ul>
+				<li>Detects swipes in 4 directions, "up", "down", "left" and "right"</li>
+				<li>Detects pinches "in" and "out"</li>
+				<li>Supports single finger or double finger touch events</li>
+				<li>Supports click events both on the touchSwipe object and its child objects</li>
+				<li>Definable threshold / maxTimeThreshold to determin when a gesture is actually a swipe</li>
+				<li>Events triggered for swipe "start","move","end" and "cancel"</li>
+				<li>End event can be triggered either on touch release, or as soon as threshold is met</li>
+				<li>Allows swiping and page scrolling</li>
+				<li>Disables user input elements (Button, form, text etc) from triggering swipes</li>
+			</ul>
+			<h1>Docs</h1>
+			<ul>
+				<li><a href='../docs' target='docs'>Plugin Documentation</a></li>
+			</ul>
+			<h1>Options</h1>
+			<ul>
+				<li>See the defaults page in the documentation:  			<a href='../docs/%24.fn.swipe.defaults.html' target='docs'>$.fn.swipe.defaults</a></li>
+			</ul>
+			<h1>Demos</h1>
+			<span class='navigation_list'></span>
+		</div>
+		<hr/>
+	</body>
+</html>

data/app/assets/node_modules/jquery-touchswipe/demos/js/jquery.ui.ipad.js ADDED Viewed

@@ -0,0 +1,223 @@
+/**
+* jQuery.UI.iPad plugin
+* Copyright (c) 2010 Stephen von Takach
+* licensed under MIT.
+* Date: 27/8/2010
+*
+* Project Home:
+* http://code.google.com/p/jquery-ui-for-ipad-and-iphone/
+*/
+$(function() {
+	//
+	// Extend jQuery feature detection
+	//
+	$.extend($.support, {
+		touch: typeof Touch == "object"
+	});
+	//
+	// Hook up touch events
+	//
+	if ($.support.touch) {
+		document.addEventListener("touchstart", iPadTouchHandler, false);
+		document.addEventListener("touchmove", iPadTouchHandler, false);
+		document.addEventListener("touchend", iPadTouchHandler, false);
+		document.addEventListener("touchcancel", iPadTouchHandler, false);
+	}
+});
+var lastTap = null;			// Holds last tapped element (so we can compare for double tap)
+var tapValid = false;			// Are we still in the .6 second window where a double tap can occur
+var tapTimeout = null;			// The timeout reference
+function cancelTap() {
+	tapValid = false;
+}
+var rightClickPending = false;	// Is a right click still feasible
+var rightClickEvent = null;		// the original event
+var holdTimeout = null;			// timeout reference
+var cancelMouseUp = false;		// prevents a click from occuring as we want the context menu
+function cancelHold() {
+	if (rightClickPending) {
+		window.clearTimeout(holdTimeout);
+		rightClickPending = false;
+		rightClickEvent = null;
+	}
+}
+function startHold(event) {
+	if (rightClickPending)
+		return;
+	rightClickPending = true; // We could be performing a right click
+	rightClickEvent = (event.changedTouches)[0];
+	holdTimeout = window.setTimeout("doRightClick();", 800);
+}
+function doRightClick() {
+	rightClickPending = false;
+	//
+	// We need to mouse up (as we were down)
+	//
+	var first = rightClickEvent,
+		simulatedEvent = document.createEvent("MouseEvent");
+	simulatedEvent.initMouseEvent("mouseup", true, true, window, 1, first.screenX, first.screenY, first.clientX, first.clientY,
+			false, false, false, false, 0, null);
+	first.target.dispatchEvent(simulatedEvent);
+	//
+	// emulate a right click
+	//
+	simulatedEvent = document.createEvent("MouseEvent");
+	simulatedEvent.initMouseEvent("mousedown", true, true, window, 1, first.screenX, first.screenY, first.clientX, first.clientY,
+			false, false, false, false, 2, null);
+	first.target.dispatchEvent(simulatedEvent);
+	//
+	// Show a context menu
+	//
+	simulatedEvent = document.createEvent("MouseEvent");
+	simulatedEvent.initMouseEvent("contextmenu", true, true, window, 1, first.screenX + 50, first.screenY + 5, first.clientX + 50, first.clientY + 5,
+                                  false, false, false, false, 2, null);
+	first.target.dispatchEvent(simulatedEvent);
+	//
+	// Note:: I don't mouse up the right click here however feel free to add if required
+	//
+	cancelMouseUp = true;
+	rightClickEvent = null; // Release memory
+}
+//
+// mouse over event then mouse down
+//
+function iPadTouchStart(event) {
+	var touches = event.changedTouches,
+		first = touches[0],
+		type = "mouseover",
+		simulatedEvent = document.createEvent("MouseEvent");
+	//
+	// Mouse over first - I have live events attached on mouse over
+	//
+	simulatedEvent.initMouseEvent(type, true, true, window, 1, first.screenX, first.screenY, first.clientX, first.clientY,
+                            false, false, false, false, 0, null);
+	first.target.dispatchEvent(simulatedEvent);
+	type = "mousedown";
+	simulatedEvent = document.createEvent("MouseEvent");
+	simulatedEvent.initMouseEvent(type, true, true, window, 1, first.screenX, first.screenY, first.clientX, first.clientY,
+                            false, false, false, false, 0, null);
+	first.target.dispatchEvent(simulatedEvent);
+	if (!tapValid) {
+		lastTap = first.target;
+		tapValid = true;
+		tapTimeout = window.setTimeout("cancelTap();", 600);
+		startHold(event);
+	}
+	else {
+		window.clearTimeout(tapTimeout);
+		//
+		// If a double tap is still a possibility and the elements are the same
+		//	Then perform a double click
+		//
+		if (first.target == lastTap) {
+			lastTap = null;
+			tapValid = false;
+			type = "click";
+			simulatedEvent = document.createEvent("MouseEvent");
+			simulatedEvent.initMouseEvent(type, true, true, window, 1, first.screenX, first.screenY, first.clientX, first.clientY,
+                         	false, false, false, false, 0/*left*/, null);
+			first.target.dispatchEvent(simulatedEvent);
+			type = "dblclick";
+			simulatedEvent = document.createEvent("MouseEvent");
+			simulatedEvent.initMouseEvent(type, true, true, window, 1, first.screenX, first.screenY, first.clientX, first.clientY,
+                         	false, false, false, false, 0/*left*/, null);
+			first.target.dispatchEvent(simulatedEvent);
+		}
+		else {
+			lastTap = first.target;
+			tapValid = true;
+			tapTimeout = window.setTimeout("cancelTap();", 600);
+			startHold(event);
+		}
+	}
+}
+function iPadTouchHandler(event) {
+	var type = "",
+		button = 0; /*left*/
+	if (event.touches.length > 1)
+		return;
+	switch (event.type) {
+		case "touchstart":
+			if ($(event.changedTouches[0].target).is("select")) {
+				return;
+			}
+			iPadTouchStart(event); /*We need to trigger two events here to support one touch drag and drop*/
+			event.preventDefault();
+			return false;
+			break;
+		case "touchmove":
+			cancelHold();
+			type = "mousemove";
+			event.preventDefault();
+			break;
+		case "touchend":
+			if (cancelMouseUp) {
+				cancelMouseUp = false;
+				event.preventDefault();
+				return false;
+			}
+			cancelHold();
+			type = "mouseup";
+			break;
+		default:
+			return;
+	}
+	var touches = event.changedTouches,
+		first = touches[0],
+		simulatedEvent = document.createEvent("MouseEvent");
+	simulatedEvent.initMouseEvent(type, true, true, window, 1, first.screenX, first.screenY, first.clientX, first.clientY,
+                            false, false, false, false, button, null);
+	first.target.dispatchEvent(simulatedEvent);
+	if (type == "mouseup" && tapValid && first.target == lastTap) {	// This actually emulates the ipads default behaviour (which we prevented)
+		simulatedEvent = document.createEvent("MouseEvent");		// This check avoids click being emulated on a double tap
+		simulatedEvent.initMouseEvent("click", true, true, window, 1, first.screenX, first.screenY, first.clientX, first.clientY,
+                            false, false, false, false, button, null);
+		first.target.dispatchEvent(simulatedEvent);
+	}
+}