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/draggable/snap-to.html DELETED

@@ -1,68 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset="utf-8">
-	<title>jQuery UI Draggable - Snap to element or grid</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>
-	<link rel="stylesheet" href="../demos.css">
-	<style>
-	.draggable { width: 90px; height: 80px; padding: 5px; float: left; margin: 0 10px 10px 0; font-size: .9em; }
-	.ui-widget-header p, .ui-widget-content p { margin: 0; }
-	#snaptarget { height: 140px; }
-	</style>
-	<script>
-	$(function() {
-		$( "#draggable" ).draggable({ snap: true });
-		$( "#draggable2" ).draggable({ snap: ".ui-widget-header" });
-		$( "#draggable3" ).draggable({ snap: ".ui-widget-header", snapMode: "outer" });
-		$( "#draggable4" ).draggable({ grid: [ 20,20 ] });
-		$( "#draggable5" ).draggable({ grid: [ 80, 80 ] });
-	});
-	</script>
-</head>
-<body>
-<div class="demo">
-<div id="snaptarget" class="ui-widget-header">
-	<p>I'm a snap target</p>
-</div>
-<br clear="both" />
-<div id="draggable" class="draggable ui-widget-content">
-	<p>Default (snap: true), snaps to all other draggable elements</p>
-</div>
-<div id="draggable2" class="draggable ui-widget-content">
-	<p>I only snap to the big box</p>
-</div>
-<div id="draggable3" class="draggable ui-widget-content">
-	<p>I only snap to the outer edges of the big box</p>
-</div>
-<div id="draggable4" class="draggable ui-widget-content">
-	<p>I snap to a 20 x 20 grid</p>
-</div>
-<div id="draggable5" class="draggable ui-widget-content">
-	<p>I snap to a 80 x 80 grid</p>
-</div>
-</div><!-- End demo -->
-<div class="demo-description">
-<p>Snap the draggable to the inner or outer boundaries of a DOM element.  Use the <code>snap</code>, <code>snapMode</code> (inner, outer, both), and <code>snapTolerance</code> (distance in pixels the draggable must be from the element when snapping is invoked) options. </p>
-<p>Or snap the draggable to a grid.  Set the dimensions of grid cells (height and width in pixels) with the <code>grid</code> option.</p>
-</div><!-- End demo-description -->
-</body>
-</html>

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

@@ -1,57 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset="utf-8">
-	<title>jQuery UI Draggable + Sortable</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.sortable.js"></script>
-	<link rel="stylesheet" href="../demos.css">
-	<style>
-	.demo ul { list-style-type: none; margin: 0; padding: 0; margin-bottom: 10px; }
-	.demo li { margin: 5px; padding: 5px; width: 150px; }
-	</style>
-	<script>
-	$(function() {
-		$( "#sortable" ).sortable({
-			revert: true
-		});
-		$( "#draggable" ).draggable({
-			connectToSortable: "#sortable",
-			helper: "clone",
-			revert: "invalid"
-		});
-		$( "ul, li" ).disableSelection();
-	});
-	</script>
-</head>
-<body>
-<div class="demo">
-<ul>
-	<li id="draggable" class="ui-state-highlight">Drag me down</li>
-</ul>
-<ul id="sortable">
-	<li class="ui-state-default">Item 1</li>
-	<li class="ui-state-default">Item 2</li>
-	<li class="ui-state-default">Item 3</li>
-	<li class="ui-state-default">Item 4</li>
-	<li class="ui-state-default">Item 5</li>
-</ul>
-</div><!-- End demo -->
-<div class="demo-description">
-<p>Draggables are built to interact seamlessly with <a href="#">sortables</a>.</p>
-</div><!-- End demo-description -->
-</body>
-</html>

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

@@ -1,77 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset="utf-8">
-	<title>jQuery UI Draggable - 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>
-	<link rel="stylesheet" href="../demos.css">
-	<style>
-	#draggable, #draggable2, #draggable3, #set div { width: 90px; height: 90px; padding: 0.5em; float: left; margin: 0 10px 10px 0; }
-	#draggable, #draggable2, #draggable3 { margin-bottom:20px; }
-	#set { clear:both; float:left; width: 368px; height: 120px; }
-	p { clear:both; margin:0; padding:1em 0; }
-	</style>
-	<script>
-	$(function() {
-		$( "#draggable" ).draggable({ helper: "original" });
-		$( "#draggable2" ).draggable({ opacity: 0.7, helper: "clone" });
-		$( "#draggable3" ).draggable({
-			cursor: "move",
-			cursorAt: { top: -12, left: -20 },
-			helper: function( event ) {
-				return $( "<div class='ui-widget-header'>I'm a custom helper</div>" );
-			}
-		});
-		$( "#set div" ).draggable({ stack: "#set div" });
-	});
-	</script>
-</head>
-<body>
-<div class="demo">
-<h3 class="docs">With helpers:</h3>
-<div id="draggable" class="ui-widget-content">
-	<p>Original</p>
-</div>
-<div id="draggable2" class="ui-widget-content">
-	<p>Semi-transparent clone</p>
-</div>
-<div id="draggable3" class="ui-widget-content">
-	<p>Custom helper (in combination with cursorAt)</p>
-</div>
-<h3 class="docs">Stacked:</h3>
-<div id="set">
-	<div class="ui-widget-content">
-		<p>We are draggables..</p>
-	</div>
-	<div class="ui-widget-content">
-		<p>..whose z-indexes are controlled automatically..</p>
-	</div>
-	<div class="ui-widget-content">
-		<p>..with the stack option.</p>
-	</div>
-</div>
-</div><!-- End demo -->
-<div class="demo-description">
-<p>Provide feedback to users as they drag an object in the form of a helper. The <code>helper</code> option accepts the values 'original' (the draggable object moves with the cursor), 'clone' (a duplicate of the draggable moves with the cursor), or a function that returns a DOM element (that element is shown near the cursor during drag). Control the helper's transparency with the <code>opacity</code> option.</p>
-<p>To clarify which draggable is in play, bring the draggable in motion to front. Use the <code>zIndex</code> option to set a higher z-index for the helper, if in play, or use the <code>stack</code> option to ensure that the last item dragged will appear on top of others in the same group on drag stop.</p>
-</div><!-- End demo-description -->
-</body>
-</html>

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

@@ -1,60 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset="utf-8">
-	<title>jQuery UI Droppable - Accept</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>
-	#droppable { width: 150px; height: 150px; padding: 0.5em; float: left; margin: 10px; }
-	#draggable, #draggable-nonvalid { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; }
-	</style>
-	<script>
-	$(function() {
-		$( "#draggable, #draggable-nonvalid" ).draggable();
-		$( "#droppable" ).droppable({
-			accept: "#draggable",
-			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-nonvalid" class="ui-widget-content">
-	<p>I'm draggable but can't be dropped</p>
-</div>
-<div id="draggable" class="ui-widget-content">
-	<p>Drag me to my target</p>
-</div>
-<div id="droppable" class="ui-widget-header">
-	<p>accept: '#draggable'</p>
-</div>
-</div><!-- End demo -->
-<div class="demo-description">
-<p>Specify using the <code>accept</code> option which element (or group of elements) is accepted by the target droppable.</p>
-</div><!-- End demo-description -->
-</body>
-</html>

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

@@ -1,53 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset="utf-8">
-	<title>jQuery UI Droppable - Default functionality</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: 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();
-		$( "#droppable" ).droppable({
-			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>Drop here</p>
-</div>
-</div><!-- End demo -->
-<div class="demo-description">
-<p>Enable any DOM element to be droppable, a target for draggable elements.</p>
-</div><!-- End demo-description -->
-</body>
-</html>

data/vendor/assets/javascripts/alchemy/jquery-ui-1.8.11.custom/development-bundle/demos/droppable/images/high_tatras.jpg DELETED

Binary file

data/vendor/assets/javascripts/alchemy/jquery-ui-1.8.11.custom/development-bundle/demos/droppable/images/high_tatras2.jpg DELETED

Binary file

data/vendor/assets/javascripts/alchemy/jquery-ui-1.8.11.custom/development-bundle/demos/droppable/images/high_tatras2_min.jpg DELETED

Binary file

data/vendor/assets/javascripts/alchemy/jquery-ui-1.8.11.custom/development-bundle/demos/droppable/images/high_tatras3.jpg DELETED

Binary file

data/vendor/assets/javascripts/alchemy/jquery-ui-1.8.11.custom/development-bundle/demos/droppable/images/high_tatras3_min.jpg DELETED

Binary file

data/vendor/assets/javascripts/alchemy/jquery-ui-1.8.11.custom/development-bundle/demos/droppable/images/high_tatras4.jpg DELETED

Binary file

data/vendor/assets/javascripts/alchemy/jquery-ui-1.8.11.custom/development-bundle/demos/droppable/images/high_tatras4_min.jpg DELETED

Binary file

data/vendor/assets/javascripts/alchemy/jquery-ui-1.8.11.custom/development-bundle/demos/droppable/images/high_tatras_min.jpg DELETED

Binary file

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

@@ -1,24 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset="utf-8">
-	<title>jQuery UI Droppable Demos</title>
-	<link rel="stylesheet" href="../demos.css">
-</head>
-<body>
-<div class="demos-nav">
-	<h4>Examples</h4>
-	<ul>
-		<li class="demo-config-on"><a href="default.html">Default functionality</a></li>
-		<li><a href="accepted-elements.html">Accepted elements</a></li>
-		<li><a href="propagation.html">Prevent propagation</a></li>
-		<li><a href="visual-feedback.html">Visual feedback</a></li>
-		<li><a href="revert.html">Revert draggable position</a></li>
-		<li><a href="shopping-cart.html">Shopping Cart</a></li>
-		<li><a href="photo-manager.html">Simple photo manager</a></li>
-	</ul>
-</div>
-</body>
-</html>

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

@@ -1,184 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset="utf-8">
-	<title>jQuery UI Droppable - Simple photo manager</title>
-	<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
-	<script src="../../jquery-1.5.1.js"></script>
-	<script src="../../ui/jquery.ui.position.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.resizable.js"></script>
-	<script src="../../ui/jquery.ui.dialog.js"></script>
-	<link rel="stylesheet" href="../demos.css">
-	<style>
-	#gallery { float: left; width: 65%; min-height: 12em; } * html #gallery { height: 12em; } /* IE6 */
-	.gallery.custom-state-active { background: #eee; }
-	.gallery li { float: left; width: 96px; padding: 0.4em; margin: 0 0.4em 0.4em 0; text-align: center; }
-	.gallery li h5 { margin: 0 0 0.4em; cursor: move; }
-	.gallery li a { float: right; }
-	.gallery li a.ui-icon-zoomin { float: left; }
-	.gallery li img { width: 100%; cursor: move; }
-	#trash { float: right; width: 32%; min-height: 18em; padding: 1%;} * html #trash { height: 18em; } /* IE6 */
-	#trash h4 { line-height: 16px; margin: 0 0 0.4em; }
-	#trash h4 .ui-icon { float: left; }
-	#trash .gallery h5 { display: none; }
-	</style>
-	<script>
-	$(function() {
-		// there's the gallery and the trash
-		var $gallery = $( "#gallery" ),
-			$trash = $( "#trash" );
-		// let the gallery items be draggable
-		$( "li", $gallery ).draggable({
-			cancel: "a.ui-icon", // clicking an icon won't initiate dragging
-			revert: "invalid", // when not dropped, the item will revert back to its initial position
-			containment: $( "#demo-frame" ).length ? "#demo-frame" : "document", // stick to demo-frame if present
-			helper: "clone",
-			cursor: "move"
-		});
-		// let the trash be droppable, accepting the gallery items
-		$trash.droppable({
-			accept: "#gallery > li",
-			activeClass: "ui-state-highlight",
-			drop: function( event, ui ) {
-				deleteImage( ui.draggable );
-			}
-		});
-		// let the gallery be droppable as well, accepting items from the trash
-		$gallery.droppable({
-			accept: "#trash li",
-			activeClass: "custom-state-active",
-			drop: function( event, ui ) {
-				recycleImage( ui.draggable );
-			}
-		});
-		// image deletion function
-		var recycle_icon = "<a href='link/to/recycle/script/when/we/have/js/off' title='Recycle this image' class='ui-icon ui-icon-refresh'>Recycle image</a>";
-		function deleteImage( $item ) {
-			$item.fadeOut(function() {
-				var $list = $( "ul", $trash ).length ?
-					$( "ul", $trash ) :
-					$( "<ul class='gallery ui-helper-reset'/>" ).appendTo( $trash );
-				$item.find( "a.ui-icon-trash" ).remove();
-				$item.append( recycle_icon ).appendTo( $list ).fadeIn(function() {
-					$item
-						.animate({ width: "48px" })
-						.find( "img" )
-							.animate({ height: "36px" });
-				});
-			});
-		}
-		// image recycle function
-		var trash_icon = "<a href='link/to/trash/script/when/we/have/js/off' title='Delete this image' class='ui-icon ui-icon-trash'>Delete image</a>";
-		function recycleImage( $item ) {
-			$item.fadeOut(function() {
-				$item
-					.find( "a.ui-icon-refresh" )
-						.remove()
-					.end()
-					.css( "width", "96px")
-					.append( trash_icon )
-					.find( "img" )
-						.css( "height", "72px" )
-					.end()
-					.appendTo( $gallery )
-					.fadeIn();
-			});
-		}
-		// image preview function, demonstrating the ui.dialog used as a modal window
-		function viewLargerImage( $link ) {
-			var src = $link.attr( "href" ),
-				title = $link.siblings( "img" ).attr( "alt" ),
-				$modal = $( "img[src$='" + src + "']" );
-			if ( $modal.length ) {
-				$modal.dialog( "open" );
-			} else {
-				var img = $( "<img alt='" + title + "' width='384' height='288' style='display: none; padding: 8px;' />" )
-					.attr( "src", src ).appendTo( "body" );
-				setTimeout(function() {
-					img.dialog({
-						title: title,
-						width: 400,
-						modal: true
-					});
-				}, 1 );
-			}
-		}
-		// resolve the icons behavior with event delegation
-		$( "ul.gallery > li" ).click(function( event ) {
-			var $item = $( this ),
-				$target = $( event.target );
-			if ( $target.is( "a.ui-icon-trash" ) ) {
-				deleteImage( $item );
-			} else if ( $target.is( "a.ui-icon-zoomin" ) ) {
-				viewLargerImage( $target );
-			} else if ( $target.is( "a.ui-icon-refresh" ) ) {
-				recycleImage( $item );
-			}
-			return false;
-		});
-	});
-	</script>
-</head>
-<body>
-<div class="demo ui-widget ui-helper-clearfix">
-<ul id="gallery" class="gallery ui-helper-reset ui-helper-clearfix">
-	<li class="ui-widget-content ui-corner-tr">
-		<h5 class="ui-widget-header">High Tatras</h5>
-		<img src="images/high_tatras_min.jpg" alt="The peaks of High Tatras" width="96" height="72" />
-		<a href="images/high_tatras.jpg" title="View larger image" class="ui-icon ui-icon-zoomin">View larger</a>
-		<a href="link/to/trash/script/when/we/have/js/off" title="Delete this image" class="ui-icon ui-icon-trash">Delete image</a>
-	</li>
-	<li class="ui-widget-content ui-corner-tr">
-		<h5 class="ui-widget-header">High Tatras 2</h5>
-		<img src="images/high_tatras2_min.jpg" alt="The chalet at the Green mountain lake" width="96" height="72" />
-		<a href="images/high_tatras2.jpg" title="View larger image" class="ui-icon ui-icon-zoomin">View larger</a>
-		<a href="link/to/trash/script/when/we/have/js/off" title="Delete this image" class="ui-icon ui-icon-trash">Delete image</a>
-	</li>
-	<li class="ui-widget-content ui-corner-tr">
-		<h5 class="ui-widget-header">High Tatras 3</h5>
-		<img src="images/high_tatras3_min.jpg" alt="Planning the ascent" width="96" height="72" />
-		<a href="images/high_tatras3.jpg" title="View larger image" class="ui-icon ui-icon-zoomin">View larger</a>
-		<a href="link/to/trash/script/when/we/have/js/off" title="Delete this image" class="ui-icon ui-icon-trash">Delete image</a>
-	</li>
-	<li class="ui-widget-content ui-corner-tr">
-		<h5 class="ui-widget-header">High Tatras 4</h5>
-		<img src="images/high_tatras4_min.jpg" alt="On top of Kozi kopka" width="96" height="72" />
-		<a href="images/high_tatras4.jpg" title="View larger image" class="ui-icon ui-icon-zoomin">View larger</a>
-		<a href="link/to/trash/script/when/we/have/js/off" title="Delete this image" class="ui-icon ui-icon-trash">Delete image</a>
-	</li>
-</ul>
-<div id="trash" class="ui-widget-content ui-state-default">
-	<h4 class="ui-widget-header"><span class="ui-icon ui-icon-trash">Trash</span> Trash</h4>
-</div>
-</div><!-- End demo -->
-<div class="demo-description">
-<p>You can delete an image either by dragging it to the Trash or by clicking the trash icon.</p>
-<p>You can "recycle" an image by dragging it back to the gallery or by clicking the recycle icon.</p>
-<p>You can view larger image by clicking the zoom icon. jQuery UI dialog widget is used for the modal window.</p>
-</div><!-- End demo-description -->
-</body>
-</html>