RubyGems - hydroponics - Versions diffs - 0.2.1 → 0.2.2 - Mend

hydroponics 0.2.1 → 0.2.2

Files changed (410) hide show

data/static/jquery-ui-1.8.5.custom/development-bundle/demos/resizable/textarea.html ADDED Viewed

@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8" />
+	<title>jQuery UI Resizable - Textarea</title>
+	<link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
+	<script type="text/javascript" src="../../jquery-1.4.2.js"></script>
+	<script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
+	<script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
+	<script type="text/javascript" src="../../ui/jquery.ui.mouse.js"></script>
+	<script type="text/javascript" src="../../ui/jquery.ui.resizable.js"></script>
+	<link type="text/css" href="../demos.css" rel="stylesheet" />
+	<style type="text/css">
+		.ui-resizable-se {
+			bottom: 17px;
+		}
+	</style>
+	<script type="text/javascript">
+	$(function() {
+		$("#resizable").resizable({
+			handles: "se"
+		});
+	});
+	</script>
+</head>
+<body>
+<div class="demo">
+<textarea id="resizable" rows="5" cols="20"></textarea>
+</div><!-- End demo -->
+<div class="demo-description">
+<p>Display only an outline of the element while resizing by setting the <code>helper</code> option to a CSS class.</p>
+</div><!-- End demo-description -->
+</body>
+</html>

data/static/jquery-ui-1.8.5.custom/development-bundle/demos/resizable/visual-feedback.html ADDED Viewed

@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8" />
+	<title>jQuery UI Resizable - Visual feedback</title>
+	<link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
+	<script type="text/javascript" src="../../jquery-1.4.2.js"></script>
+	<script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
+	<script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
+	<script type="text/javascript" src="../../ui/jquery.ui.mouse.js"></script>
+	<script type="text/javascript" src="../../ui/jquery.ui.resizable.js"></script>
+	<link type="text/css" href="../demos.css" rel="stylesheet" />
+	<style type="text/css">
+	#resizable { width: 150px; height: 150px; padding: 0.5em; }
+	#resizable h3 { text-align: center; margin: 0; }
+	.ui-resizable-ghost { border: 1px dotted gray; }
+	</style>
+	<script type="text/javascript">
+	$(function() {
+		$("#resizable").resizable({
+			ghost: true
+		});
+	});
+	</script>
+</head>
+<body>
+<div class="demo">
+<div id="resizable" class="ui-widget-content">
+	<h3 class="ui-widget-header">Ghost</h3>
+</div>
+</div><!-- End demo -->
+<div class="demo-description">
+<p>Instead of showing the actual element during resize, set the <code>ghost</code> option to true to show a semi-transparent part of the element.</p>
+</div><!-- End demo-description -->
+</body>
+</html>

data/static/jquery-ui-1.8.5.custom/development-bundle/demos/selectable/default.html ADDED Viewed

@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8" />
+	<title>jQuery UI Selectable - Default functionality</title>
+	<link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
+	<script type="text/javascript" src="../../jquery-1.4.2.js"></script>
+	<script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
+	<script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
+	<script type="text/javascript" src="../../ui/jquery.ui.mouse.js"></script>
+	<script type="text/javascript" src="../../ui/jquery.ui.selectable.js"></script>
+	<link type="text/css" href="../demos.css" rel="stylesheet" />
+	<style type="text/css">
+	#feedback { font-size: 1.4em; }
+	#selectable .ui-selecting { background: #FECA40; }
+	#selectable .ui-selected { background: #F39814; color: white; }
+	#selectable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
+	#selectable li { margin: 3px; padding: 0.4em; font-size: 1.4em; height: 18px; }
+	</style>
+	<script type="text/javascript">
+	$(function() {
+		$("#selectable").selectable();
+	});
+	</script>
+</head>
+<body>
+<div class="demo">
+<ol id="selectable">
+	<li class="ui-widget-content">Item 1</li>
+	<li class="ui-widget-content">Item 2</li>
+	<li class="ui-widget-content">Item 3</li>
+	<li class="ui-widget-content">Item 4</li>
+	<li class="ui-widget-content">Item 5</li>
+	<li class="ui-widget-content">Item 6</li>
+	<li class="ui-widget-content">Item 7</li>
+</ol>
+</div><!-- End demo -->
+<div class="demo-description">
+<p>Enable a DOM element (or group of elements) to be selectable. Draw a box with your cursor to select items. Hold down the Ctrl key to make multiple non-adjacent selections. </p>
+</div><!-- End demo-description -->
+</body>
+</html>

data/static/jquery-ui-1.8.5.custom/development-bundle/demos/selectable/display-grid.html ADDED Viewed

@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8" />
+	<title>jQuery UI Selectable - Display as grid</title>
+	<link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
+	<script type="text/javascript" src="../../jquery-1.4.2.js"></script>
+	<script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
+	<script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
+	<script type="text/javascript" src="../../ui/jquery.ui.mouse.js"></script>
+	<script type="text/javascript" src="../../ui/jquery.ui.selectable.js"></script>
+	<link type="text/css" href="../demos.css" rel="stylesheet" />
+	<style type="text/css">
+	#feedback { font-size: 1.4em; }
+	#selectable .ui-selecting { background: #FECA40; }
+	#selectable .ui-selected { background: #F39814; color: white; }
+	#selectable { list-style-type: none; margin: 0; padding: 0; }
+	#selectable li { margin: 3px; padding: 1px; float: left; width: 100px; height: 80px; font-size: 4em; text-align: center; }
+	</style>
+	<script type="text/javascript">
+	$(function() {
+		$("#selectable").selectable();
+	});
+	</script>
+</head>
+<body>
+<div class="demo">
+<ol id="selectable">
+	<li class="ui-state-default">1</li>
+	<li class="ui-state-default">2</li>
+	<li class="ui-state-default">3</li>
+	<li class="ui-state-default">4</li>
+	<li class="ui-state-default">5</li>
+	<li class="ui-state-default">6</li>
+	<li class="ui-state-default">7</li>
+	<li class="ui-state-default">8</li>
+	<li class="ui-state-default">9</li>
+	<li class="ui-state-default">10</li>
+	<li class="ui-state-default">11</li>
+	<li class="ui-state-default">12</li>
+</ol>
+</div><!-- End demo -->
+<div class="demo-description">
+<p>To arrange selectable items as a grid, give them identical dimensions and float them using CSS.</p>
+</div><!-- End demo-description -->
+</body>
+</html>

data/static/jquery-ui-1.8.5.custom/development-bundle/demos/selectable/index.html ADDED Viewed

@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8" />
+	<title>jQuery UI Selectable Demos</title>
+	<link type="text/css" href="../demos.css" rel="stylesheet" />
+</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="serialize.html">Serialize</a></li>
+		<li><a href="display-grid.html">Display as grid</a></li>
+	</ul>
+</div>
+</body>
+</html>

data/static/jquery-ui-1.8.5.custom/development-bundle/demos/selectable/serialize.html ADDED Viewed

@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8" />
+	<title>jQuery UI Selectable - Serialize</title>
+	<link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
+	<script type="text/javascript" src="../../jquery-1.4.2.js"></script>
+	<script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
+	<script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
+	<script type="text/javascript" src="../../ui/jquery.ui.mouse.js"></script>
+	<script type="text/javascript" src="../../ui/jquery.ui.selectable.js"></script>
+	<link type="text/css" href="../demos.css" rel="stylesheet" />
+	<style type="text/css">
+	#feedback { font-size: 1.4em; }
+	#selectable .ui-selecting { background: #FECA40; }
+	#selectable .ui-selected { background: #F39814; color: white; }
+	#selectable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
+	#selectable li { margin: 3px; padding: 0.4em; font-size: 1.4em; height: 18px; }
+	</style>
+	<script type="text/javascript">
+	$(function() {
+		$("#selectable").selectable({
+			stop: function(){
+				var result = $("#select-result").empty();
+				$(".ui-selected", this).each(function(){
+					var index = $("#selectable li").index(this);
+					result.append(" #" + (index + 1));
+				});
+			}
+		});
+	});
+	</script>
+</head>
+<body>
+<div class="demo">
+<p id="feedback">
+You've selected: <span id="select-result">none</span>.
+</p>
+<ol id="selectable">
+	<li class="ui-widget-content">Item 1</li>
+	<li class="ui-widget-content">Item 2</li>
+	<li class="ui-widget-content">Item 3</li>
+	<li class="ui-widget-content">Item 4</li>
+	<li class="ui-widget-content">Item 5</li>
+	<li class="ui-widget-content">Item 6</li>
+</ol>
+</div><!-- End demo -->
+<div class="demo-description">
+<p>Write a function that fires on the <code>stop</code> event to collect the index values of selected items.  Present values as feedback, or pass as a data string.</p>
+</div><!-- End demo-description -->
+</body>
+</html>

data/static/jquery-ui-1.8.5.custom/development-bundle/demos/show/default.html ADDED Viewed

@@ -0,0 +1,103 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8" />
+	<title>jQuery UI Effects - Show Demo</title>
+	<link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
+	<script type="text/javascript" src="../../jquery-1.4.2.js"></script>
+	<script type="text/javascript" src="../../ui/jquery.effects.core.js"></script>
+	<script type="text/javascript" src="../../ui/jquery.effects.blind.js"></script>
+	<script type="text/javascript" src="../../ui/jquery.effects.bounce.js"></script>
+	<script type="text/javascript" src="../../ui/jquery.effects.clip.js"></script>
+	<script type="text/javascript" src="../../ui/jquery.effects.drop.js"></script>
+	<script type="text/javascript" src="../../ui/jquery.effects.explode.js"></script>
+	<script type="text/javascript" src="../../ui/jquery.effects.fold.js"></script>
+	<script type="text/javascript" src="../../ui/jquery.effects.highlight.js"></script>
+	<script type="text/javascript" src="../../ui/jquery.effects.pulsate.js"></script>
+	<script type="text/javascript" src="../../ui/jquery.effects.scale.js"></script>
+	<script type="text/javascript" src="../../ui/jquery.effects.shake.js"></script>
+	<script type="text/javascript" src="../../ui/jquery.effects.slide.js"></script>
+	<link type="text/css" href="../demos.css" rel="stylesheet" />
+	<style type="text/css">
+		.toggler { width: 500px; height: 200px; }
+		#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; }
+	</style>
+	<script type="text/javascript">
+	$(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 = {};
+			//check if it's scale or size - they need options explicitly set
+			if(selectedEffect == 'scale'){  options = {percent: 100}; }
+			else if(selectedEffect == 'size'){ options = { to: {width: 280,height: 185} }; }
+			//run the effect
+			$("#effect").show(selectedEffect,options,500,callback);
+		};
+		//callback function to bring a hidden box back
+		function callback(){
+			setTimeout(function(){
+				$("#effect:visible").removeAttr('style').hide().fadeOut();
+			}, 1000);
+		};
+		//set effect from select menu value
+		$("#button").click(function() {
+			runEffect();
+			return false;
+		});
+		$("#effect").hide();
+	});
+	</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">Show</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="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>
+</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 preview the effect.</p>
+</div><!-- End demo-description -->
+</body>
+</html>

data/static/jquery-ui-1.8.5.custom/development-bundle/demos/show/index.html ADDED Viewed

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8" />
+	<title>jQuery UI Effects Demos</title>
+	<link type="text/css" href="../demos.css" rel="stylesheet" />
+</head>
+<body>
+<div class="demos-nav">
+	<h4>Examples</h4>
+	<ul>
+		<li class="demo-config-on"><a href="default.html">Default functionality</a></li>
+	</ul>
+</div>
+</body>
+</html>

data/static/jquery-ui-1.8.5.custom/development-bundle/demos/slider/colorpicker.html ADDED Viewed

@@ -0,0 +1,95 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8" />
+	<title>jQuery UI Slider - Colorpicker</title>
+	<link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
+	<script type="text/javascript" src="../../jquery-1.4.2.js"></script>
+	<script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
+	<script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
+	<script type="text/javascript" src="../../ui/jquery.ui.mouse.js"></script>
+	<script type="text/javascript" src="../../ui/jquery.ui.slider.js"></script>
+	<link type="text/css" href="../demos.css" rel="stylesheet" />
+	<style type="text/css">
+	#red, #green, #blue {
+		float: left;
+		clear: left;
+		width: 300px;
+		margin: 15px;
+	}
+	#swatch {
+		width: 120px;
+		height: 100px;
+		margin-top: 18px;
+		margin-left: 350px;
+		background-image: none;
+	}
+	#red .ui-slider-range { background: #ef2929; }
+	#red .ui-slider-handle { border-color: #ef2929; }
+	#green .ui-slider-range { background: #8ae234; }
+	#green .ui-slider-handle { border-color: #8ae234; }
+	#blue .ui-slider-range { background: #729fcf; }
+	#blue .ui-slider-handle { border-color: #729fcf; }
+	#demo-frame > div.demo { padding: 10px !important; };
+	</style>
+	<script type="text/javascript">
+	function hexFromRGB (r, g, b) {
+		var hex = [
+			r.toString(16),
+			g.toString(16),
+			b.toString(16)
+		];
+		$.each(hex, function (nr, val) {
+			if (val.length == 1) {
+				hex[nr] = '0' + val;
+			}
+		});
+		return hex.join('').toUpperCase();
+	}
+	function refreshSwatch() {
+		var red = $("#red").slider("value")
+			,green = $("#green").slider("value")
+			,blue = $("#blue").slider("value")
+			,hex = hexFromRGB(red, green, blue);
+		$("#swatch").css("background-color", "#" + hex);
+	}
+	$(function() {
+		$("#red, #green, #blue").slider({
+			orientation: 'horizontal',
+			range: "min",
+			max: 255,
+			value: 127,
+			slide: refreshSwatch,
+			change: refreshSwatch
+		});
+		$("#red").slider("value", 255);
+		$("#green").slider("value", 140);
+		$("#blue").slider("value", 60);
+	});
+	</script>
+</head>
+<body class="ui-widget-content" style="border:0;">
+<div class="demo">
+<p class="ui-state-default ui-corner-all ui-helper-clearfix" style="padding:4px;">
+<span class="ui-icon ui-icon-pencil" style="float:left; margin:-2px 5px 0 0;"></span>
+Simple Colorpicker
+</p>
+<div id="red"></div>
+<div id="green"></div>
+<div id="blue"></div>
+<div id="swatch" class="ui-widget-content ui-corner-all"></div>
+</div><!-- End demo -->
+<div class="demo-description" style="clear:left;">
+<p>Combine three sliders to create a simple RGB colorpicker.</p>
+</div><!-- End demo-description -->
+</body>
+</html>

data/static/jquery-ui-1.8.5.custom/development-bundle/demos/slider/default.html ADDED Viewed

@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8" />
+	<title>jQuery UI Slider - Default functionality</title>
+	<link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
+	<script type="text/javascript" src="../../jquery-1.4.2.js"></script>
+	<script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
+	<script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
+	<script type="text/javascript" src="../../ui/jquery.ui.mouse.js"></script>
+	<script type="text/javascript" src="../../ui/jquery.ui.slider.js"></script>
+	<link type="text/css" href="../demos.css" rel="stylesheet" />
+	<style type="text/css">
+		#demo-frame > div.demo { padding: 10px !important; }
+	</style>
+	<script type="text/javascript">
+	$(function() {
+		$("#slider").slider();
+	});
+	</script>
+</head>
+<body>
+<div class="demo">
+<div id="slider"></div>
+</div><!-- End demo -->
+<div class="demo-description">
+<p>The basic slider is horizontal and has a single handle that can be moved with the mouse or by using the arrow keys.</p>
+</div><!-- End demo-description -->
+</body>
+</html>

data/static/jquery-ui-1.8.5.custom/development-bundle/demos/slider/hotelrooms.html ADDED Viewed

@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8" />
+	<title>jQuery UI Slider - Range with fixed minimum</title>
+	<link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
+	<script type="text/javascript" src="../../jquery-1.4.2.js"></script>
+	<script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
+	<script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
+	<script type="text/javascript" src="../../ui/jquery.ui.mouse.js"></script>
+	<script type="text/javascript" src="../../ui/jquery.ui.slider.js"></script>
+	<link type="text/css" href="../demos.css" rel="stylesheet" />
+	<style type="text/css">
+		#demo-frame > div.demo { padding: 10px !important; };
+	</style>
+	<script type="text/javascript">
+	$(function() {
+		var select = $("#minbeds");
+		var slider = $('<div id="slider"></div>').insertAfter(select).slider({
+			min: 1,
+			max: 6,
+			range: "min",
+			value: select[0].selectedIndex + 1,
+			slide: function(event, ui) {
+				select[0].selectedIndex = ui.value - 1;
+			}
+		});
+		$("#minbeds").click(function() {
+			slider.slider("value", this.selectedIndex + 1);
+		});
+	});
+	</script>
+</head>
+<body>
+<div class="demo">
+<form id="reservation">
+	<label for="minbeds">Minimum number of beds</label>
+	<select name="minbeds" id="minbeds">
+		<option>1</option>
+		<option>2</option>
+		<option>3</option>
+		<option>4</option>
+		<option>5</option>
+		<option>6</option>
+	</select>
+</form>
+</div><!-- End demo -->
+<div class="demo-description">
+<p>How to bind a slider to an existing select element. The select stays visible to display the change. When the select is changed, the slider is updated, too.</p>
+</div><!-- End demo-description -->
+</body>
+</html>

data/static/jquery-ui-1.8.5.custom/development-bundle/demos/slider/index.html ADDED Viewed

@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8" />
+	<title>jQuery UI Slider Demos</title>
+	<link type="text/css" href="../demos.css" rel="stylesheet" />
+</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="steps.html">Snap to increments</a></li>
+		<li><a href="range.html">Range slider</a></li>
+		<li><a href="rangemin.html">Range with fixed minimum</a></li>
+		<li><a href="hotelrooms.html">Room reservation</a></li>
+		<li><a href="rangemax.html">Range with fixed maximum</a></li>
+		<li><a href="slider-vertical.html">Vertical slider</a></li>
+		<li><a href="range-vertical.html">Vertical range slider</a></li>
+		<li><a href="multiple-vertical.html">Multiple sliders</a></li>
+		<li><a href="colorpicker.html">Simple colorpicker</a></li>
+		<li><a href="side-scroll.html">Simple scrollbar</a></li>
+		<li><a href="tabs.html">Slider controls tabs</a></li>
+	</ul>
+</div>
+</body>
+</html>