RubyGems - alchemy - Versions diffs - 1.0.0 → 1.0.1 - Mend

alchemy 1.0.0 → 1.0.1

Files changed (416) hide show

data/vendor/assets/javascripts/alchemy/jquery-ui-1.8.11.custom/development-bundle/demos/droppable/propagation.html DELETED

@@ -1,80 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset="utf-8">
-	<title>jQuery UI Droppable - Prevent propagation</title>
-	<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
-	<script src="../../jquery-1.5.1.js"></script>
-	<script src="../../ui/jquery.ui.core.js"></script>
-	<script src="../../ui/jquery.ui.widget.js"></script>
-	<script src="../../ui/jquery.ui.mouse.js"></script>
-	<script src="../../ui/jquery.ui.draggable.js"></script>
-	<script src="../../ui/jquery.ui.droppable.js"></script>
-	<link rel="stylesheet" href="../demos.css">
-	<style>
-	#draggable { width: 100px; height: 40px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; }
-	#droppable, #droppable2 { width: 230px; height: 120px; padding: 0.5em; float: left; margin: 10px; }
-	#droppable-inner, #droppable2-inner { width: 170px; height: 60px; padding: 0.5em; float: left; margin: 10px; }
-	</style>
-	<script>
-	$(function() {
-		$( "#draggable" ).draggable();
-		$( "#droppable, #droppable-inner" ).droppable({
-			activeClass: "ui-state-hover",
-			hoverClass: "ui-state-active",
-			drop: function( event, ui ) {
-				$( this )
-					.addClass( "ui-state-highlight" )
-					.find( "> p" )
-						.html( "Dropped!" );
-				return false;
-			}
-		});
-		$( "#droppable2, #droppable2-inner" ).droppable({
-			greedy: true,
-			activeClass: "ui-state-hover",
-			hoverClass: "ui-state-active",
-			drop: function( event, ui ) {
-				$( this )
-					.addClass( "ui-state-highlight" )
-					.find( "> p" )
-						.html( "Dropped!" );
-			}
-		});
-	});
-	</script>
-</head>
-<body>
-<div class="demo">
-<div id="draggable" class="ui-widget-content">
-	<p>Drag me to my target</p>
-</div>
-<div id="droppable" class="ui-widget-header">
-	<p>Outer droppable</p>
-	<div id="droppable-inner" class="ui-widget-header">
-		<p>Inner droppable (not greedy)</p>
-	</div>
-</div>
-<div id="droppable2" class="ui-widget-header">
-	<p>Outer droppable</p>
-	<div id="droppable2-inner" class="ui-widget-header">
-		<p>Inner droppable (greedy)</p>
-	</div>
-</div>
-</div><!-- End demo -->
-<div class="demo-description">
-<p>When working with nested droppables &#8212; for example, you may have an editable directory structure displayed as a tree, with folder and document nodes &#8212; the <code>greedy</code> option set to true prevents event propagation when a draggable is dropped on a child node (droppable).</p>
-</div><!-- End demo-description -->
-</body>
-</html>

data/vendor/assets/javascripts/alchemy/jquery-ui-1.8.11.custom/development-bundle/demos/droppable/revert.html DELETED

@@ -1,61 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset="utf-8">
-	<title>jQuery UI Droppable - Revert draggable position</title>
-	<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
-	<script src="../../jquery-1.5.1.js"></script>
-	<script src="../../ui/jquery.ui.core.js"></script>
-	<script src="../../ui/jquery.ui.widget.js"></script>
-	<script src="../../ui/jquery.ui.mouse.js"></script>
-	<script src="../../ui/jquery.ui.draggable.js"></script>
-	<script src="../../ui/jquery.ui.droppable.js"></script>
-	<link rel="stylesheet" href="../demos.css">
-	<style>
-	#draggable, #draggable2 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; }
-	#droppable { width: 150px; height: 150px; padding: 0.5em; float: left; margin: 10px; }
-	</style>
-	<script>
-	$(function() {
-		$( "#draggable" ).draggable({ revert: "valid" });
-		$( "#draggable2" ).draggable({ revert: "invalid" });
-		$( "#droppable" ).droppable({
-			activeClass: "ui-state-hover",
-			hoverClass: "ui-state-active",
-			drop: function( event, ui ) {
-				$( this )
-					.addClass( "ui-state-highlight" )
-					.find( "p" )
-						.html( "Dropped!" );
-			}
-		});
-	});
-	</script>
-</head>
-<body>
-<div class="demo">
-<div id="draggable" class="ui-widget-content">
-	<p>I revert when I'm dropped</p>
-</div>
-<div id="draggable2" class="ui-widget-content">
-	<p>I revert when I'm not dropped</p>
-</div>
-<div id="droppable" class="ui-widget-header">
-	<p>Drop me here</p>
-</div>
-</div><!-- End demo -->
-<div class="demo-description">
-<p>Return the draggable (or it's helper) to its original location when dragging stops with the boolean <code>revert</code> option set on the draggable.</p>
-</div><!-- End demo-description -->
-</body>
-</html>

data/vendor/assets/javascripts/alchemy/jquery-ui-1.8.11.custom/development-bundle/demos/droppable/shopping-cart.html DELETED

@@ -1,101 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset="utf-8">
-	<title>jQuery UI Droppable - Shopping Cart Demo</title>
-	<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
-	<script src="../../jquery-1.5.1.js"></script>
-	<script src="../../ui/jquery.ui.core.js"></script>
-	<script src="../../ui/jquery.ui.widget.js"></script>
-	<script src="../../ui/jquery.ui.mouse.js"></script>
-	<script src="../../ui/jquery.ui.draggable.js"></script>
-	<script src="../../ui/jquery.ui.droppable.js"></script>
-	<script src="../../ui/jquery.ui.sortable.js"></script>
-	<script src="../../ui/jquery.ui.accordion.js"></script>
-	<link rel="stylesheet" href="../demos.css">
-	<style>
-	h1 { padding: .2em; margin: 0; }
-	#products { float:left; width: 500px; margin-right: 2em; }
-	#cart { width: 200px; float: left; }
-	/* style the list to maximize the droppable hitarea */
-	#cart ol { margin: 0; padding: 1em 0 1em 3em; }
-	</style>
-	<script>
-	$(function() {
-		$( "#catalog" ).accordion();
-		$( "#catalog li" ).draggable({
-			appendTo: "body",
-			helper: "clone"
-		});
-		$( "#cart ol" ).droppable({
-			activeClass: "ui-state-default",
-			hoverClass: "ui-state-hover",
-			accept: ":not(.ui-sortable-helper)",
-			drop: function( event, ui ) {
-				$( this ).find( ".placeholder" ).remove();
-				$( "<li></li>" ).text( ui.draggable.text() ).appendTo( this );
-			}
-		}).sortable({
-			items: "li:not(.placeholder)",
-			sort: function() {
-				// gets added unintentionally by droppable interacting with sortable
-				// using connectWithSortable fixes this, but doesn't allow you to customize active/hoverClass options
-				$( this ).removeClass( "ui-state-default" );
-			}
-		});
-	});
-	</script>
-</head>
-<body>
-<div class="demo">
-<div id="products">
-	<h1 class="ui-widget-header">Products</h1>
-	<div id="catalog">
-		<h3><a href="#">T-Shirts</a></h3>
-		<div>
-			<ul>
-				<li>Lolcat Shirt</li>
-				<li>Cheezeburger Shirt</li>
-				<li>Buckit Shirt</li>
-			</ul>
-		</div>
-		<h3><a href="#">Bags</a></h3>
-		<div>
-			<ul>
-				<li>Zebra Striped</li>
-				<li>Black Leather</li>
-				<li>Alligator Leather</li>
-			</ul>
-		</div>
-		<h3><a href="#">Gadgets</a></h3>
-		<div>
-			<ul>
-				<li>iPhone</li>
-				<li>iPod</li>
-				<li>iPad</li>
-			</ul>
-		</div>
-	</div>
-</div>
-<div id="cart">
-	<h1 class="ui-widget-header">Shopping Cart</h1>
-	<div class="ui-widget-content">
-		<ol>
-			<li class="placeholder">Add your items here</li>
-		</ol>
-	</div>
-</div>
-</div><!-- End demo -->
-<div class="demo-description">
-<p>Demonstrate how to use an accordion to structure products into a catalog and make use drag and drop for adding them to a shopping cart, where they are sortable.</p>
-</div><!-- End demo-description -->
-</body>
-</html>

data/vendor/assets/javascripts/alchemy/jquery-ui-1.8.11.custom/development-bundle/demos/droppable/visual-feedback.html DELETED

@@ -1,78 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset="utf-8">
-	<title>jQuery UI Droppable - Visual feedback</title>
-	<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
-	<script src="../../jquery-1.5.1.js"></script>
-	<script src="../../ui/jquery.ui.core.js"></script>
-	<script src="../../ui/jquery.ui.widget.js"></script>
-	<script src="../../ui/jquery.ui.mouse.js"></script>
-	<script src="../../ui/jquery.ui.draggable.js"></script>
-	<script src="../../ui/jquery.ui.droppable.js"></script>
-	<link rel="stylesheet" href="../demos.css">
-	<style>
-	#draggable, #draggable2 { width: 90px; height: 90px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; }
-	#droppable, #droppable2 { width: 120px; height: 120px; padding: 0.5em; float: left; margin: 10px; }
-	</style>
-	<script>
-	$(function() {
-		$( "#draggable" ).draggable();
-		$( "#droppable" ).droppable({
-			hoverClass: "ui-state-active",
-			drop: function( event, ui ) {
-				$( this )
-					.addClass( "ui-state-highlight" )
-					.find( "p" )
-						.html( "Dropped!" );
-			}
-		});
-		$( "#draggable2" ).draggable();
-		$( "#droppable2" ).droppable({
-			accept: "#draggable2",
-			activeClass: "ui-state-hover",
-			drop: function( event, ui ) {
-				$( this )
-					.addClass( "ui-state-highlight" )
-					.find( "p" )
-						.html( "Dropped!" );
-			}
-		});
-	});
-	</script>
-</head>
-<body>
-<div class="demo">
-<h3 class="docs">Feedback on hover:</h3>
-<div id="draggable" class="ui-widget-content">
-	<p>Drag me to my target</p>
-</div>
-<div id="droppable" class="ui-widget-header">
-	<p>Drop here</p>
-</div>
-<h3 class="docs">Feedback on activating draggable:</h3>
-<div id="draggable2" class="ui-widget-content">
-	<p>Drag me to my target</p>
-</div>
-<div id="droppable2" class="ui-widget-header">
-	<p>Drop here</p>
-</div>
-</div><!-- End demo -->
-<div class="demo-description">
-<p>Change the droppable's appearance on hover, or when the droppable is active (an acceptable draggable is dropped on it).  Use the <code>hoverClass</code> or <code>activeClass</code> options to specify respective classes.</p>
-</div><!-- End demo-description -->
-</body>
-</html>

data/vendor/assets/javascripts/alchemy/jquery-ui-1.8.11.custom/development-bundle/demos/effect/default.html DELETED

@@ -1,109 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset="utf-8">
-	<title>jQuery UI Effects - Effect demo</title>
-	<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
-	<script src="../../jquery-1.5.1.js"></script>
-	<script src="../../ui/jquery.effects.core.js"></script>
-	<script src="../../ui/jquery.effects.blind.js"></script>
-	<script src="../../ui/jquery.effects.bounce.js"></script>
-	<script src="../../ui/jquery.effects.clip.js"></script>
-	<script src="../../ui/jquery.effects.drop.js"></script>
-	<script src="../../ui/jquery.effects.explode.js"></script>
-	<script src="../../ui/jquery.effects.fade.js"></script>
-	<script src="../../ui/jquery.effects.fold.js"></script>
-	<script src="../../ui/jquery.effects.highlight.js"></script>
-	<script src="../../ui/jquery.effects.pulsate.js"></script>
-	<script src="../../ui/jquery.effects.scale.js"></script>
-	<script src="../../ui/jquery.effects.shake.js"></script>
-	<script src="../../ui/jquery.effects.slide.js"></script>
-	<script src="../../ui/jquery.effects.transfer.js"></script>
-	<link rel="stylesheet" href="../demos.css">
-	<style>
-		.toggler { width: 500px; height: 200px; position: relative; }
-		#button { padding: .5em 1em; text-decoration: none; }
-		#effect { width: 240px; height: 135px; padding: 0.4em; position: relative; }
-		#effect h3 { margin: 0; padding: 0.4em; text-align: center; }
-		.ui-effects-transfer { border: 2px dotted gray; }
-	</style>
-	<script>
-	$(function() {
-		// run the currently selected effect
-		function runEffect() {
-			// get effect type from
-			var selectedEffect = $( "#effectTypes" ).val();
-			// most effect types need no options passed by default
-			var options = {};
-			// some effects have required parameters
-			if ( selectedEffect === "scale" ) {
-				options = { percent: 0 };
-			} else if ( selectedEffect === "transfer" ) {
-				options = { to: "#button", className: "ui-effects-transfer" };
-			} else if ( selectedEffect === "size" ) {
-				options = { to: { width: 200, height: 60 } };
-			}
-			// run the effect
-			$( "#effect" ).effect( selectedEffect, options, 500, callback );
-		};
-		// callback function to bring a hidden box back
-		function callback() {
-			setTimeout(function() {
-				$( "#effect" ).removeAttr( "style" ).hide().fadeIn();
-			}, 1000 );
-		};
-		// set effect from select menu value
-		$( "#button" ).click(function() {
-			runEffect();
-			return false;
-		});
-	});
-	</script>
-</head>
-<body>
-<div class="demo">
-<div class="toggler">
-	<div id="effect" class="ui-widget-content ui-corner-all">
-		<h3 class="ui-widget-header ui-corner-all">Effect</h3>
-		<p>
-			Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi.
-		</p>
-	</div>
-</div>
-<select name="effects" id="effectTypes">
-	<option value="blind">Blind</option>
-	<option value="bounce">Bounce</option>
-	<option value="clip">Clip</option>
-	<option value="drop">Drop</option>
-	<option value="explode">Explode</option>
-	<option value="fade">Fade</option>
-	<option value="fold">Fold</option>
-	<option value="highlight">Highlight</option>
-	<option value="puff">Puff</option>
-	<option value="pulsate">Pulsate</option>
-	<option value="scale">Scale</option>
-	<option value="shake">Shake</option>
-	<option value="size">Size</option>
-	<option value="slide">Slide</option>
-	<option value="transfer">Transfer</option>
-</select>
-<a href="#" id="button" class="ui-state-default ui-corner-all">Run Effect</a>
-</div><!-- End demo -->
-<div class="demo-description">
-<p>Click the button above to show the effect.</p>
-</div><!-- End demo-description -->
-</body>
-</html>

data/vendor/assets/javascripts/alchemy/jquery-ui-1.8.11.custom/development-bundle/demos/effect/easing.html DELETED

@@ -1,108 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset="utf-8">
-	<title>jQuery UI Effects - Easing demo</title>
-	<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
-	<script src="../../jquery-1.5.1.js"></script>
-	<script src="../../ui/jquery.effects.core.js"></script>
-	<link rel="stylesheet" href="../demos.css">
-	<style>
-	.graph {
-		float: left;
-		margin-left: 10px;
-	}
-	</style>
-	<script>
-	$(function() {
-		if ( !$( "<canvas/>" )[0].getContext ) {
-			$( "<div/>" ).text(
-				"Your browser doesn't support canvas, which is required for this demo. " +
-				"Give Firefox 3 a try!"
-			).appendTo( "#graphs" );
-			return;
-		}
-		var i = 0,
-			width = 100,
-			height = 100;
-		$.each( $.easing, function( name, impl ) {
-			// skip linear/jswing and any non functioning implementation
-			if ( !$.isFunction( impl ) || /jswing/.test( name ) ) {
-				return;
-			}
-			var graph = $( "<div/>" ).addClass( "graph" ).appendTo( "#graphs" ),
-				text = $( "<div/>" ).text( ++i + ". " + name ).appendTo( graph ),
-				wrap = $( "<div/>" ).appendTo( graph ).css( 'overflow', 'hidden' ),
-				canvas = $( "<canvas/>" ).appendTo( wrap )[ 0 ];
-			canvas.width = width;
-			canvas.height = height;
-			var drawHeight = height * 0.8,
-				cradius = 10;
-				ctx = canvas.getContext( "2d" );
-			ctx.fillStyle = "black";
-			ctx.beginPath();
-			ctx.moveTo( cradius, 0 );
-			ctx.quadraticCurveTo( 0, 0, 0, cradius );
-			ctx.lineTo( 0, height - cradius );
-			ctx.quadraticCurveTo( 0, height, cradius, height );
-			ctx.lineTo( width - cradius, height );
-			ctx.quadraticCurveTo( width, height, width, height - cradius );
-			ctx.lineTo( width, 0 );
-			ctx.lineTo( cradius, 0 );
-			ctx.fill();
-			ctx.strokeStyle = "#555";
-			ctx.beginPath();
-			ctx.moveTo( width * 0.1, drawHeight + .5 );
-			ctx.lineTo( width * 0.9, drawHeight + .5 );
-			ctx.stroke();
-			ctx.strokeStyle = "#555";
-			ctx.beginPath();
-			ctx.moveTo( width * 0.1, drawHeight * .3 - .5 );
-			ctx.lineTo( width * 0.9, drawHeight * .3 - .5 );
-			ctx.stroke();
-			ctx.strokeStyle = "white";
-			ctx.beginPath();
-			ctx.lineWidth = 2;
-			ctx.moveTo( width * 0.1, drawHeight );
-			$.each( new Array( width ), function( position ) {
-				var val = impl( 0, position, 0, 1, height );
-				if ( /linear|jswing/.test( name ) ) {
-					val = position / width;
-				}
-				ctx.lineTo( position * 0.8 + width * 0.1,
-					drawHeight - drawHeight * val * 0.7 );
-			});
-			ctx.stroke();
-			graph.click(function() {
-				wrap
-					.animate( { height: "hide" }, 2000, name )
-					.delay( 800 )
-					.animate( { height: "show" }, 2000, name );
-			});
-			graph.width( width ).height( height + text.height() + 10 );
-		});
-	});
-	</script>
-</head>
-<body>
-<div class="demo">
-<div id="graphs"></div>
-</div><!-- End demo -->
-<div class="demo-description">
-<p><strong>All easings provided by jQuery UI are drawn above, using a HTML canvas element</strong>. Click a diagram to see the easing in action.</p>
-</div><!-- End demo-description -->
-</body>
-</html>