rails_modular_admin 0.3.1 → 0.4.0

data/app/assets/node_modules/jquery-sparkline/src/vcanvas-vml.js

@@ -0,0 +1,165 @@
+    VCanvas_vml = createClass(VCanvas_base, {
+        init: function (width, height, target) {
+            var groupel;
+            VCanvas_vml._super.init.call(this, width, height, target);
+            if (target[0]) {
+                target = target[0];
+            }
+            $.data(target, '_jqs_vcanvas', this);
+            this.canvas = document.createElement('span');
+            $(this.canvas).css({ display: 'inline-block', position: 'relative', overflow: 'hidden', width: width, height: height, margin: '0px', padding: '0px', verticalAlign: 'top'});
+            this._insert(this.canvas, target);
+            this._calculatePixelDims(width, height, this.canvas);
+            this.canvas.width = this.pixelWidth;
+            this.canvas.height = this.pixelHeight;
+            groupel = '<v:group coordorigin="0 0" coordsize="' + this.pixelWidth + ' ' + this.pixelHeight + '"' +
+                    ' style="position:absolute;top:0;left:0;width:' + this.pixelWidth + 'px;height=' + this.pixelHeight + 'px;"></v:group>';
+            this.canvas.insertAdjacentHTML('beforeEnd', groupel);
+            this.group = $(this.canvas).children()[0];
+            this.rendered = false;
+            this.prerender = '';
+        },
+
+        _drawShape: function (shapeid, path, lineColor, fillColor, lineWidth) {
+            var vpath = [],
+                initial, stroke, fill, closed, vel, plen, i;
+            for (i = 0, plen = path.length; i < plen; i++) {
+                vpath[i] = '' + (path[i][0]) + ',' + (path[i][1]);
+            }
+            initial = vpath.splice(0, 1);
+            lineWidth = lineWidth === undefined ? 1 : lineWidth;
+            stroke = lineColor === undefined ? ' stroked="false" ' : ' strokeWeight="' + lineWidth + 'px" strokeColor="' + lineColor + '" ';
+            fill = fillColor === undefined ? ' filled="false"' : ' fillColor="' + fillColor + '" filled="true" ';
+            closed = vpath[0] === vpath[vpath.length - 1] ? 'x ' : '';
+            vel = '<v:shape coordorigin="0 0" coordsize="' + this.pixelWidth + ' ' + this.pixelHeight + '" ' +
+                 ' id="jqsshape' + shapeid + '" ' +
+                 stroke +
+                 fill +
+                ' style="position:absolute;left:0px;top:0px;height:' + this.pixelHeight + 'px;width:' + this.pixelWidth + 'px;padding:0px;margin:0px;" ' +
+                ' path="m ' + initial + ' l ' + vpath.join(', ') + ' ' + closed + 'e">' +
+                ' </v:shape>';
+            return vel;
+        },
+
+        _drawCircle: function (shapeid, x, y, radius, lineColor, fillColor, lineWidth) {
+            var stroke, fill, vel;
+            x -= radius;
+            y -= radius;
+            stroke = lineColor === undefined ? ' stroked="false" ' : ' strokeWeight="' + lineWidth + 'px" strokeColor="' + lineColor + '" ';
+            fill = fillColor === undefined ? ' filled="false"' : ' fillColor="' + fillColor + '" filled="true" ';
+            vel = '<v:oval ' +
+                 ' id="jqsshape' + shapeid + '" ' +
+                stroke +
+                fill +
+                ' style="position:absolute;top:' + y + 'px; left:' + x + 'px; width:' + (radius * 2) + 'px; height:' + (radius * 2) + 'px"></v:oval>';
+            return vel;
+
+        },
+
+        _drawPieSlice: function (shapeid, x, y, radius, startAngle, endAngle, lineColor, fillColor) {
+            var vpath, startx, starty, endx, endy, stroke, fill, vel;
+            if (startAngle === endAngle) {
+                return '';  // VML seems to have problem when start angle equals end angle.
+            }
+            if ((endAngle - startAngle) === (2 * Math.PI)) {
+                startAngle = 0.0;  // VML seems to have a problem when drawing a full circle that doesn't start 0
+                endAngle = (2 * Math.PI);
+            }
+
+            startx = x + Math.round(Math.cos(startAngle) * radius);
+            starty = y + Math.round(Math.sin(startAngle) * radius);
+            endx = x + Math.round(Math.cos(endAngle) * radius);
+            endy = y + Math.round(Math.sin(endAngle) * radius);
+
+            if (startx === endx && starty === endy) {
+                if ((endAngle - startAngle) < Math.PI) {
+                    // Prevent very small slices from being mistaken as a whole pie
+                    return '';
+                }
+                // essentially going to be the entire circle, so ignore startAngle
+                startx = endx = x + radius;
+                starty = endy = y;
+            }
+
+            if (startx === endx && starty === endy && (endAngle - startAngle) < Math.PI) {
+                return '';
+            }
+
+            vpath = [x - radius, y - radius, x + radius, y + radius, startx, starty, endx, endy];
+            stroke = lineColor === undefined ? ' stroked="false" ' : ' strokeWeight="1px" strokeColor="' + lineColor + '" ';
+            fill = fillColor === undefined ? ' filled="false"' : ' fillColor="' + fillColor + '" filled="true" ';
+            vel = '<v:shape coordorigin="0 0" coordsize="' + this.pixelWidth + ' ' + this.pixelHeight + '" ' +
+                 ' id="jqsshape' + shapeid + '" ' +
+                 stroke +
+                 fill +
+                ' style="position:absolute;left:0px;top:0px;height:' + this.pixelHeight + 'px;width:' + this.pixelWidth + 'px;padding:0px;margin:0px;" ' +
+                ' path="m ' + x + ',' + y + ' wa ' + vpath.join(', ') + ' x e">' +
+                ' </v:shape>';
+            return vel;
+        },
+
+        _drawRect: function (shapeid, x, y, width, height, lineColor, fillColor) {
+            return this._drawShape(shapeid, [[x, y], [x, y + height], [x + width, y + height], [x + width, y], [x, y]], lineColor, fillColor);
+        },
+
+        reset: function () {
+            this.group.innerHTML = '';
+        },
+
+        appendShape: function (shape) {
+            var vel = this['_draw' + shape.type].apply(this, shape.args);
+            if (this.rendered) {
+                this.group.insertAdjacentHTML('beforeEnd', vel);
+            } else {
+                this.prerender += vel;
+            }
+            this.lastShapeId = shape.id;
+            return shape.id;
+        },
+
+        replaceWithShape: function (shapeid, shape) {
+            var existing = $('#jqsshape' + shapeid),
+                vel = this['_draw' + shape.type].apply(this, shape.args);
+            existing[0].outerHTML = vel;
+        },
+
+        replaceWithShapes: function (shapeids, shapes) {
+            // replace the first shapeid with all the new shapes then toast the remaining old shapes
+            var existing = $('#jqsshape' + shapeids[0]),
+                replace = '',
+                slen = shapes.length,
+                i;
+            for (i = 0; i < slen; i++) {
+                replace += this['_draw' + shapes[i].type].apply(this, shapes[i].args);
+            }
+            existing[0].outerHTML = replace;
+            for (i = 1; i < shapeids.length; i++) {
+                $('#jqsshape' + shapeids[i]).remove();
+            }
+        },
+
+        insertAfterShape: function (shapeid, shape) {
+            var existing = $('#jqsshape' + shapeid),
+                 vel = this['_draw' + shape.type].apply(this, shape.args);
+            existing[0].insertAdjacentHTML('afterEnd', vel);
+        },
+
+        removeShapeId: function (shapeid) {
+            var existing = $('#jqsshape' + shapeid);
+            this.group.removeChild(existing[0]);
+        },
+
+        getShapeAt: function (el, x, y) {
+            var shapeid = el.id.substr(8);
+            return shapeid;
+        },
+
+        render: function () {
+            if (!this.rendered) {
+                // batch the intial render into a single repaint
+                this.group.innerHTML = this.prerender;
+                this.rendered = true;
+            }
+        }
+    });
+

data/app/assets/node_modules/jquery-touchswipe/LICENSE

@@ -0,0 +1,24 @@
+Copyright (c) 2010-2015 Matt Bryson
+
+Dual licensed under the MIT or GPL Version 2 licenses.
+
+Permission is hereby granted, free of charge, to any person
+obtaining a copy of this software and associated documentation
+files (the "Software"), to deal in the Software without
+restriction, including without limitation the rights to use,
+copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the
+Software is furnished to do so, subject to the following
+conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+OTHER DEALINGS IN THE SOFTWARE.

data/app/assets/node_modules/jquery-touchswipe/README.md

@@ -0,0 +1,81 @@
+# TouchSwipe 1.6
+A jQuery plugin to be used on touch devices such as iPad, iPhone, Android etc.
+
+Detects single and multiple finger swipes, pinches and falls back to mouse 'drags' on the desktop.
+
+Time and distance thresholds can be set to distinguish between swipe gesture and slow drag.
+
+Allows exclusion of child elements (interactive elements) as well allowing page scrolling or page zooming depending on configuration.
+
+* Detects swipes in 4 directions, "up", "down", "left" and "right"
+* Detects pinches "in" and "out"
+* Supports single finger or double finger touch events
+* Supports click events both on the touchSwipe object and its child objects
+* Definable threshold / maxTimeThreshold to determin when a gesture is actually a swipe
+* Events triggered for swipe "start","move","end" and "cancel"
+* End event can be triggered either on touch release, or as soon as threshold is met
+* Allows swiping and page scrolling
+* Disables user input elements (Button, form, text etc) from triggering swipes
+
+## Demos, examples and docs
+
+[http://labs.rampinteractive.co.uk/touchSwipe](http://labs.rampinteractive.co.uk/touchSwipe)  
+[http://labs.rampinteractive.co.uk/touchSwipe/docs](http://labs.rampinteractive.co.uk/touchSwipe/docs)
+
+
+## Installation  
+### NPM
+````bash
+npm install jquery-touchswipe --save
+````
+### Bower
+````bash
+bower install jquery-touchswipe --save
+````
+### Manual
+Include the minified file in your project.
+````html
+<script type="text/javascript" src="js/jquery.touchSwipe.min.js"></script>
+````
+
+## Usage
+````javascript
+$(function() {
+  $("#test").swipe( {
+    //Generic swipe handler for all directions
+    swipe:function(event, direction, distance, duration, fingerCount, fingerData) {
+      $(this).text("You swiped " + direction );  
+    }
+  });
+
+  //Set some options later
+  $("#test").swipe( {fingers:2} );
+});
+````
+
+For full demos, code examples and documentation, see below.
+
+
+## Development
+Install dependencies
+````bash
+npm install
+````
+
+To minify
+````bash
+npm run minify
+````
+
+To build docs
+````bash
+npm run docs
+````
+
+To do both
+````bash
+npm run build
+ ````
+
+### For port to XUI see:
+https://github.com/cowgp/xui-touchSwipe

data/app/assets/node_modules/jquery-touchswipe/bower.json

@@ -0,0 +1,8 @@
+{
+  "name": "jquery-touchswipe",
+  "main": "./jquery.touchSwipe.js",
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/mattbryson/TouchSwipe-Jquery-Plugin.git"
+  }
+}

data/app/assets/node_modules/jquery-touchswipe/demos/Any_finger_swipe.html

@@ -0,0 +1,49 @@
+<!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() {			
+					$("#test").swipe( {
+					  swipe:function(event, direction, distance, duration, fingerCount, fingerData) {
+					  	$("#test").text("You swiped " + direction + " with " + fingerCount + " fingers");
+					  },
+					  threshold:0,
+					  fingers:'all'
+					});
+				});
+			</script>
+			
+			
+			<span class='title'></span>
+			<h4>Events: <span class='events'><code>swipe</code></span></h4>
+			<h4>properties: <span class='properties'><code>fingers</code></span></h4>
+			<p>By setting the number of <code>fingers</code> to 'all', any number of fingers will trigger the swipe.</p>
+			
+			<button class='btn btn-small btn-info example_btn'>Jump to Example</button>
+			<pre class="prettyprint" data-src='code_1'></pre>
+			<span class='navigation'></span>
+			
+			<div id="test" class="box">Swipe me with different combinations of fingers</div>
+			
+			<span class='navigation'></span>
+
+		</div>
+   </body>
+</html>

data/app/assets/node_modules/jquery-touchswipe/demos/Basic_swipe.html

@@ -0,0 +1,48 @@
+<!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( {
+						//Generic swipe handler for all directions
+						swipe:function(event, direction, distance, duration, fingerCount, fingerData) {
+							$(this).text("You swiped " + direction );	
+						},
+						//Default is 75px, set to 0 for demo so any distance triggers swipe
+					   threshold:0
+					});
+				});
+			</script>
+			
+			<span class='title'></span>
+		  	<h4>events: <span class='events'><code>swipe</code>,<code>swipeLeft</code>, <code>swipeRight</code>, <code>swipeUp</code>, <code>swipeDown</code></span></h4>
+			<p>By using the <code>swipe</code> handler, you can detect all 4 directions, or use the individual methods <code>swipeLeft</code>, <code>swipeRight</code>, <code>swipeUp</code>, <code>swipeDown</code></p>
+		   	
+		   	<button class='btn btn-small btn-info example_btn'>Jump to Example</button>
+		   	<pre class="prettyprint" data-src='code_1'></pre>
+			<span class='navigation'></span>
+			
+			<div id="test" class="box">Swipe me</div>
+			
+			<span class='navigation'></span>
+		</div>		
+   </body>
+</html>

data/app/assets/node_modules/jquery-touchswipe/demos/Enable_and_destroy.html

@@ -0,0 +1,95 @@
+<!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'>
+				
+				//Assign handlers to the simple direction handlers.
+				var swipeOptions=
+				{
+					swipe:swipe,
+					threshold:0
+				}
+				
+				$(function()
+				{	
+					$("#disable").click(function(){
+						if($("#test").swipe("disable"))
+							$("#test").text("Swipe me and nothing happens");
+					});
+					
+					$("#enable").click(function(){
+						if($("#test").swipe("enable"))
+							$("#test").text("Now I can be Swiped again");
+					});
+				
+					$("#destroy").click(function(){
+						if($("#test").swipe("destroy"))
+							$("#test").text("I am no longer a touch swipe element");
+					});
+				
+					$("#init").click(function(){
+						if( $("#test").swipe( swipeOptions ) )
+						{
+							$("#test").data('count', 0);
+							$("#test").text("I am now a touch swipe element");
+						}
+					});
+					
+					$("#test").swipe( swipeOptions );
+					$("#test2").swipe( swipeOptions );
+					
+				});
+			
+				//Swipe handlers.
+				//The only arg passed is the original touch event object	
+				function swipe(event, direction)
+				{
+					var count = this.data('count') ? this.data('count') + 1 : 1;
+					this.data('count', count);
+					this.text("You swiped " + direction + ". You swiped " + count + " times");
+				}
+			</script>
+			
+			<span class='title'></span>
+			<h4>methods: <span class="methods"><code>enable</code>, <code>disable</code>, <code>destroy</code></span></h4>
+			<p>By using the <code>enable</code>,  <code>disable</code> and <code>destroy</code> methods, you can temporarily disable interaction with a swipe element, or completely destroy it, which requires re instantiation.</br>
+			</p>
+			
+			<span class='navigation'></span>
+			
+			</br>
+			
+			<div class="btn-group">
+				<button class='btn' id="disable">disable</button>
+				<button class='btn' id="enable">enable</button>
+				<button class='btn'id="destroy">destroy</button>
+				<button class='btn' id="init">init</button>
+			</div>
+			
+			<div id="test" class="box">Swipe me</div>
+			
+			<br/><br/>
+			
+			<div id="test2" class="box">Swipe me - Im not affected by the above...</div>
+			
+			<span class='navigation'></span>
+		</div>
+   </body>
+</html>

data/app/assets/node_modules/jquery-touchswipe/demos/Excluded_children.html

@@ -0,0 +1,82 @@
+<!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.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() {
+					var swipeCount1=0;
+					var swipeCount2=0;
+
+					$("#test").swipe( {
+						swipe:function() {
+							swipeCount1++;
+							$("#textText1").html("You swiped " + swipeCount1 + " times");
+						}
+						//By default any element with a class .noSwipe is not swipeable
+					});
+
+					//Enable swiping...
+					$("#test2").swipe( {
+						swipe:function() {
+							swipeCount2++;
+							$("#textText2").html("You swiped " + swipeCount2 + " times");
+						},
+						//By default the value of $.fn.swipe.defaults.excludedElements is ".noSwipe"
+						//To replace or clear the list, re set the excludedElements array.
+						//To append to it, do the following (dont forget the proceeding comma) ...
+						excludedElements:$.fn.swipe.defaults.excludedElements+", #some_other_div"
+					});
+				});
+			</script>
+
+			<span class='title'></span>
+			<h4>property: <span class='properties'><code>excludedElements</code></span></h4>
+			<p>If you want to exclude certain child elements from triggering swipes, you can simply add a <code>.noSwipe</code> class to the element.  Then the element and any of its children will no longer trigger the swipe.
+			<p>Also, a jQuery selector is used to exclude input elements as well as the <code>.noSwipe</code> elements.
+			So either add a <code>.noSwipe</code> class the element, or set your own selector in the excludedElements property. Setting your own selector will remove the .noSwipe selector.
+			</p>
+			<button class='btn btn-small btn-info example_btn'>Jump to Example</button>
+			<pre class="prettyprint lang-js" data-src='code_1'></pre>
+
+			<span class='navigation'></span>
+
+			<div id="test" class="box">
+
+				<div id="textText1">Swipe me, the child elements will not trigger swipes by default</div><br/>
+        <small></smal><a href="http://www.google.com" target="new" >I open a new tab if clicked, but im swipeable</a></small>
+				<form>
+					<input type="text" value="I am clickable and swipeable" />
+					<input type="button" value="I am clickable and swipeable" />
+					<textarea>I am clickable and swipeable</textarea>
+				</form>
+
+				<div id="another_div" class="box noSwipe" style="width:400px;height:100px;background:#000"><h3>Im am NOT swipeable because my class is .noSwipe</h3></div>
+
+			</div>
+
+
+			<div id="test2" class="box">
+				<div id="textText2">Swipe me, the child elements will not trigger swipes as they have been explicitly excluded</div><br/>
+				<div id="some_other_div" class="box" style="width:400px;height:100px;background:#000"><h3>Im am NOT swipeable because my im added to the excludedElements array</h3></div>
+			</div>
+
+			<span class='navigation'></span>
+		</div>
+   </body>
+</html>

data/app/assets/node_modules/jquery-touchswipe/demos/Finger_swipe.html

@@ -0,0 +1,61 @@
+<!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() {
+					$("#test, #test_2").swipe( {
+						swipeStatus:function(event, phase, direction, distance, duration, fingers, fingerData) {
+
+						if(phase==$.fn.swipe.phases.PHASE_START) {
+							$(this).text("moving...");
+						} 
+
+						if(phase==$.fn.swipe.phases.PHASE_CANCEL) {
+							$(this).text("swipe cancelled (due to finger count) "  );
+						}   
+					  },
+					  swipe:function(event, direction, distance, duration, fingerCount, fingerData) {
+					  	$(this).text("You swiped " + direction + " with " + fingerCount + " fingers");
+					  },
+					  threshold:0,
+					  fingers:2
+					});
+
+                    $("#test_2").swipe({ fingers:3 } );
+				});
+			</script>
+			
+			
+			<span class='title'></span>
+			<h4>property:  <span class='properties'><code>fingers</code></span></h4>
+			<p>By setting the number of <code>fingers</code> to 2, you can detect ONLY 2 finger swipes, likewise for 3 fingers.</p>
+			
+			<button class='btn btn-small btn-info example_btn'>Jump to Example</button>
+			<pre class="prettyprint lang-js" data-src="code_1"></pre>
+			<span class='navigation'></span>
+			
+			<div id="test" class="box">Swipe me with 2 fingers</div>
+
+            <div id="test_2" class="box">Swipe me with 3 fingers</div>
+			
+			<span class='navigation'></span>
+		</div>
+   </body>
+</html>