RubyGems - lsd_rails - Versions diffs - 0.1 - Mend

lsd_rails 0.1

Files changed (991) hide show

data/Packages/mootools-history/Demos/mootools.html ADDED Viewed

@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>History for MooTools</title>
+	<link rel="stylesheet" media="all" type="text/css" href="style.css" />
+	<link rel="stylesheet" media="all" type="text/css" href="demo.css" />
+	<script type="text/javascript" src="mootools-core.js"></script>
+	<script type="text/javascript" src="mootools-class-extras.js"></script>
+	<script type="text/javascript" src="../Source/History.js"></script>
+	<script type="text/javascript" src="../Source/History.handleInitialState.js"></script>
+	<script type="text/javascript" src="demo.js"></script>
+</head>
+<body>
+<div>
+	<div id="more">
+		<a href="#">Back</a>
+		<a href="index.html">Load index.html</a>
+		<a href="other.html">Load other.html</a>
+	</div>
+	<div class="content">
+		Moo!
+	</div>
+</div>
+</body>
+</html>

data/Packages/mootools-history/Demos/other.html ADDED Viewed

@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>History for MooTools</title>
+	<link rel="stylesheet" media="all" type="text/css" href="style.css" />
+	<link rel="stylesheet" media="all" type="text/css" href="demo.css" />
+	<script type="text/javascript" src="mootools-core.js"></script>
+	<script type="text/javascript" src="mootools-class-extras.js"></script>
+	<script type="text/javascript" src="../Source/History.js"></script>
+	<script type="text/javascript" src="../Source/History.handleInitialState.js"></script>
+	<script type="text/javascript" src="demo.js"></script>
+</head>
+<body>
+<div>
+	<div id="more">
+		<a href="#">Back</a>
+		<a href="index.html">Load index.html</a>
+		<a href="mootools.html">Load mootools.html</a>
+	</div>
+	<div class="content">
+	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent gravida sollicitudin mi ornare elementum. Vestibulum malesuada, justo eu ornare lacinia, nulla massa vestibulum leo, ac mollis tellus libero id tortor. Donec vitae purus eget ligula laoreet lacinia in quis diam. Etiam ultrices nulla a sapien hendrerit tempus. Suspendisse volutpat ultricies quam, nec mollis ligula gravida non. In consectetur rhoncus sem, quis egestas felis iaculis vitae. Proin condimentum lacus sit amet leo vestibulum interdum. Etiam ultrices, metus at egestas sodales, nunc augue facilisis ante, ac laoreet nulla augue ut arcu. Nullam consectetur, diam eu consectetur tristique, lectus velit vestibulum sapien, in auctor arcu lacus fermentum lacus. Vivamus mi elit, dapibus eget dictum quis, tincidunt sit amet elit. Aenean eget ultricies enim. In ac sapien quis ante condimentum mattis. Aenean venenatis luctus sollicitudin. Suspendisse arcu augue, consequat pretium dapibus quis, hendrerit non tellus.
+	</div>
+</div>
+</body>
+</html>

data/Packages/mootools-history/Demos/style.css ADDED Viewed

@@ -0,0 +1,96 @@
+/* reset.css */
+html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
+body {line-height:1.5;}
+table {border-collapse:separate;border-spacing:0;}
+caption, th, td {text-align:left;font-weight:normal;}
+table, td, th {vertical-align:middle;}
+blockquote:before, blockquote:after, q:before, q:after {content:"";}
+blockquote, q {quotes:"" "";}
+a img {border:none;}
+/* typography.css */
+html {font-size:100.01%;}
+body {font-size:80%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
+h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
+h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
+h2 {font-size:2em;margin-bottom:0.75em;}
+h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
+h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
+h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
+h6 {font-size:1em;font-weight:bold;}
+h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
+p {margin:0 0 1.5em;}
+p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
+p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
+a:focus, a:hover {color:#000;}
+a {color:#009;text-decoration:underline;}
+blockquote {margin:1.5em;color:#666;font-style:italic;}
+strong {font-weight:bold;}
+em, dfn {font-style:italic;}
+dfn {font-weight:bold;}
+sup, sub {line-height:0;}
+abbr, acronym {border-bottom:1px dotted #666;}
+address {margin:0 0 1.5em;font-style:italic;}
+del {color:#666;}
+pre {margin:1.5em 0;white-space:pre;}
+pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
+li ul, li ol {margin:0;}
+ul, ol {margin:0 1.5em 1.5em 0;padding-left:3.333em;}
+ul {list-style-type:disc;}
+ol {list-style-type:decimal;}
+body {
+	background-color: #f2f2f2;
+}
+body > div {
+	margin: 10px;
+}
+a.link, div#more a {
+	font-weight: bold;
+	text-align: center;
+  	margin: 5px 0;
+	display: block;
+	background: #4791d9;
+	text-decoration: none;
+	color: #fff;
+	padding: 4px;
+	outline: 0;
+	border: 0;
+	-moz-border-radius: 4px;
+	-webkit-border-radius: 4px;
+	-o-border-radius: 4px;
+	-ms-border-radius: 4px;
+	-khtml-border-radius: 4px;
+	border-radius: 4px;
+	-moz-transition-duration: 0.25s;
+	-webkit-transition-duration: 0.25s;
+	-o-transition-duration: 0.25s;
+	transition-duration: 0.25s;
+	-webkit-transition-property: -webkit-transform;
+	-moz-transition-property: -moz-transform;
+	-o-transition-property: -o-transform;
+	transition-property: transform;
+	-webkit-transform: scale(1) rotate(0);
+	-moz-transform: scale(1) rotate(0);
+	-o-transform: scale(1) rotate(0);
+	transform: scale(1) rotate(0);
+}
+a.link:hover, div#more a:hover {
+	background: #4791d9;
+	text-decoration: none;
+	color: #fff;
+	-webkit-transform: scale(1.05) rotate(-1deg);
+	-moz-transform: scale(1.05) rotate(-1deg);
+	-o-transform: scale(1.05) rotate(-1deg);
+	transform: scale(1.05) rotate(-1deg);
+}
+a.link:nth-child(2n):hover, div#more a:nth-child(2n):hover {
+	-webkit-transform: scale(1.05) rotate(1deg);
+	-moz-transform: scale(1.05) rotate(1deg);
+	-o-transform: scale(1.05) rotate(1deg);
+	transform: scale(1.05) rotate(1deg);
+}

data/Packages/mootools-history/LICENSE ADDED Viewed

@@ -0,0 +1,24 @@
+MooTools History - MIT License
+Copyright (c) 2011 Christoph Pojer
+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/Packages/mootools-history/README.md ADDED Viewed

@@ -0,0 +1,97 @@
+History
+=======
+History Management via popstate or hashchange. Replaces the URL of the page without a reload and falls back to Hashchange on older
+browsers.
+![Screenshot](http://cpojer.net/Logo/history.png)
+This Plugin is part of MooTools [PowerTools!](http://cpojer.net/PowerTools).
+* [Build PowerTools!](http://cpojer.net/PowerTools)
+* [Fork PowerTools!](https://github.com/cpojer/PowerTools)
+Build
+-----
+Build via [Packager](http://github.com/kamicane/packager), requires [MooTools Core](http://github.com/mootools/mootools-core) and [MooTools Class-Extras](http://github.com/cpojer/mootools-class-extras) to be registered to Packager already
+	packager register /path/to/history
+	packager build History/* > history.js
+To build this plugin without external dependencies use
+	packager build History/* +use-only History > history.js
+Demo
+----
+See Demos/index.html
+How To Use
+----------
+This plugin provides a History object.
+Add a new URL
+	History.push('/some/url');
+Handle URL Change (via back button etc.)
+	History.addEvent('change', function(url){
+		// The URL has changed!
+		// Let's reload the content
+		new Request(url).get();
+	});
+Shortcuts (more or less useful)
+	History.hasPushState(); // true if the Browser is modern and supports window.history.pushState
+	History.back(); // Goes back
+	History.forward(); // Goes forward
+Plugins
+-------
+In addition there is also an optional module that can handle the initial state of your application. It redirects the browser to the URL a user would expect, based on browser features.
+Use it to wrap your whole page code or put it on top of your scripts (right after loading History)
+	if (!History.handleInitialState()) (function(){
+		// Execute normal page load activities such as add something to domready etc.
+	})();
+Or standalone:
+	History.handleInitialState();
+This method will always return false if the user has pushState and only will return true if the page redirects the browser to another page in case the hashchange event is being used (ie. in older browsers).
+If you use this plugin this is what happens in your application:
+	// If the user has pushState and goes to index.html
+	nothing happens, returns false
+	// If the user has pushState and goes to index.html#other.html
+	the history change event is being fired and changes to 'other.html', returns false
+	// If the user doesn't have pushState and goes to index.html
+	nothing happens, returns false
+	// If the user doesn't have pushState and goes to some/path/page.html
+	the page redirects and reloads the page to example.com/#some/path/page.html, returns true
+	// If the user doesn't have pushState and goes to some/path/page.html#another/page.html
+	the page redirects and reloads the page to example.com/#another/page.html, returns true
+In addition the method takes the argument of the baseURL of your application. In an application that acts on the root of your web server you can omit this argument. If your page lives in a subfolder of your application you can specify it as a base parameter:
+	History.handleInitialState('/blog/');
+For more information on this plugin please see the demo.
+Notes
+-----
+The `onChange` event does not fire for the initial page load. The HTML5 specification for the native `popstate` event suggests that `popstate` should be fired when the page initially loads. However, as of February 2011, browser implementations diverge in this aspect. The `onChange` event of History is designed to never fire for the initial page load. Handling this state should be done manually on a per-app basis as the use cases greatly vary. A pointer on how to handle the initial state can be the optional History.handleInitialState plugin as explained above.

data/Packages/mootools-history/Source/History.handleInitialState.js ADDED Viewed

@@ -0,0 +1,42 @@
+/*
+---
+name: History.handleInitialState
+description: Provides a helper method to handle the initial state of your application.
+authors: Christoph Pojer (@cpojer)
+license: MIT-style license.
+requires: [History]
+provides: History.handleInitialState
+...
+*/
+History.handleInitialState = function(base){
+	if (!base) base = '';
+	var location = window.location,
+		pathname = location.pathname.substr(base.length),
+		hash = location.hash,
+		hasPushState = History.hasPushState();
+	if (!hasPushState && pathname.length > 1){
+		window.location = (base || '/') + '#' + pathname;
+		return true;
+	}
+	if (!hash || hash.length <= 1) return false;
+	if (hasPushState){
+		(function(){
+			History.push(hash.substr(1));
+		}).delay(1);
+		return false;
+	}
+	if (!pathname || pathname == '/') return false;
+	window.location = (base || '/') + hash;
+	return true;
+};

data/Packages/mootools-history/Source/History.js ADDED Viewed

@@ -0,0 +1,102 @@
+/*
+---
+name: History
+description: History Management via popstate or hashchange.
+authors: Christoph Pojer (@cpojer)
+license: MIT-style license.
+requires: [Core/Events, Core/Element.Event]
+provides: History
+...
+*/
+(function(){
+var events = Element.NativeEvents,
+	location = window.location,
+	base = location.pathname,
+	history = window.history,
+	hasPushState = ('pushState' in history),
+	event = hasPushState ? 'popstate' : 'hashchange';
+this.History = new new Class({
+	Implements: [Events],
+	initialize: hasPushState ? function(){
+		events[event] = 2;
+		window.addEvent(event, this.pop.bind(this));
+	} : function(){
+		events[event] = 1;
+		window.addEvent(event, this.pop.bind(this));
+		this.hash = location.hash;
+		var hashchange = ('onhashchange' in window);
+		if (!(hashchange && (document.documentMode === undefined || document.documentMode > 7)))
+			this.timer = this.check.periodical(200, this);
+	},
+	push: hasPushState ? function(url, title, state){
+		if (base && base != url) base = null;
+		history.pushState(state || null, title || null, url);
+		this.onChange(url, state);
+	} : function(url){
+		location.hash = url;
+	},
+	replace: hasPushState ? function(url, title, state){
+		history.replaceState(state || null, title || null, url);
+	} : function(url){
+		this.hash = '#' + url;
+		this.push(url);
+	},
+	pop: hasPushState ? function(event){
+		var url = location.pathname;
+		if (url == base){
+			base = null;
+			return;
+		}
+		this.onChange(url, event.event.state);
+	} : function(){
+		var hash = location.hash;
+		if (this.hash == hash) return;
+		this.hash = hash;
+		this.onChange(hash.substr(1));
+	},
+	onChange: function(url, state){
+		this.fireEvent('change', [url, state || {}]);
+	},
+	back: function(){
+		history.back();
+	},
+	forward: function(){
+		history.forward();
+	},
+	getPath: function(){
+		return hasPushState ? location.pathname : location.hash.substr(1);
+	},
+	hasPushState: function(){
+		return hasPushState;
+	},
+	check: function(){
+		if (this.hash != location.hash) this.pop();
+	}
+});
+}).call(this);

data/Packages/mootools-history/package.yml ADDED Viewed

@@ -0,0 +1,21 @@
+name: "History"
+exports: "history.js"
+web: "[cpojer.net](http://cpojer.net)"
+demo: http://cpojer.net/MooTools/history/Demos/
+description: "History Management via popstate or hashchange."
+license: "[MIT License](http://mootools.net/license.txt)"
+copyright: "&copy; [Christoph Pojer](http://cpojer.net/)"
+author: "cpojer"
+authors: "[Christoph Pojer](http://cpojer.net)"
+category: Utilities
+tags: [history, pushState, hashchange]
+sources:
+    - "Source/History.js"
+    - "Source/History.handleInitialState.js"

data/Packages/mootools-mobile/Demos/custom-event.js ADDED Viewed

@@ -0,0 +1,91 @@
+/*
+---
+name: Element.defineCustomEvent
+description: Allows to create custom events based on other custom events.
+authors: Christoph Pojer (@cpojer)
+license: MIT-style license.
+requires: [Core/Element.Event]
+provides: Element.defineCustomEvent
+...
+*/
+(function(){
+[Element, Window, Document].invoke('implement', {hasEvent: function(event){
+	var events = this.retrieve('events'),
+		list = (events && events[event]) ? events[event].values : null;
+	if (list){
+		for (var i = list.length; i--;) if (i in list){
+			return true;
+		}
+	}
+	return false;
+}});
+var wrap = function(custom, method, extended, name){
+	method = custom[method];
+	extended = custom[extended];
+	return function(fn, customName){
+		if (!customName) customName = name;
+		if (extended && !this.hasEvent(customName)) extended.call(this, fn, customName);
+		if (method) method.call(this, fn, customName);
+	};
+};
+var inherit = function(custom, base, method, name){
+	return function(fn, customName){
+		base[method].call(this, fn, customName || name);
+		custom[method].call(this, fn, customName || name);
+	};
+};
+var events = Element.Events;
+Element.defineCustomEvent = function(name, custom){
+	var base = events[custom.base];
+	custom.onAdd = wrap(custom, 'onAdd', 'onSetup', name);
+	custom.onRemove = wrap(custom, 'onRemove', 'onTeardown', name);
+	events[name] = base ? Object.append({}, custom, {
+		base: base.base,
+		condition: function(event){
+			return (!base.condition || base.condition.call(this, event)) &&
+				(!custom.condition || custom.condition.call(this, event));
+		},
+		onAdd: inherit(custom, base, 'onAdd', name),
+		onRemove: inherit(custom, base, 'onRemove', name)
+	}) : custom;
+	return this;
+};
+var loop = function(name){
+	var method = 'on' + name.capitalize();
+	Element[name + 'CustomEvents'] = function(){
+		Object.each(events, function(event, name){
+			if (event[method]) event[method].call(event, name);
+		});
+	};
+	return loop;
+};
+loop('enable')('disable');
+})();

data/Packages/mootools-mobile/Demos/demo.css ADDED Viewed

@@ -0,0 +1,13 @@
+body > div {
+	float: left;
+}
+div#more {
+	width: 150px;
+	font-weight: bold;
+}
+div#more span {
+	font-size: 1.2em;
+}

data/Packages/mootools-mobile/Demos/index.html ADDED Viewed

@@ -0,0 +1,99 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>MooTools Mobile</title>
+	<link rel="stylesheet" media="all" type="text/css" href="style.css" />
+	<link rel="stylesheet" media="all" type="text/css" href="demo.css" />
+	<style type="text/css">
+		body {
+			-webkit-tap-highlight-color: transparent;
+		}
+	 	span.yes {
+			color: #363;
+		}
+		span.yes:after {
+			content: ' - yes';
+		}
+		span.no {
+			color: #C30;
+		}
+		span.no:after {
+			content: ' - no';
+		}
+		div#support {
+			width: 300px;
+		}
+		div#support span {
+			display: block;
+		}
+		body > div {
+			float: left;
+		}
+		div > a {
+			display: block;
+		}
+	</style>
+	<script type="text/javascript" src="mootools-core.js"></script>
+	<script type="text/javascript" src="custom-event.js"></script>
+	<script type="text/javascript" src="../Source/Browser/Mobile.js"></script>
+	<script type="text/javascript" src="../Source/Browser/Features.Touch.js"></script>
+	<script type="text/javascript" src="../Source/Touch/Touch.js"></script>
+	<script type="text/javascript" src="../Source/Touch/Click.js"></script>
+	<script type="text/javascript">
+		window.addEvent('domready', function(){
+			var browser = document.id('support');
+			var add = function(text, hasSupport){
+				return new Element('span.' + (hasSupport ? 'yes' : 'no'), {text: text}).inject(browser);
+			};
+			// Check if some of the additional properties on the Browser object are set
+			add('Touch Support', Browser.Features.Touch);
+			add('iOS Touch Support', Browser.Features.iOSTouch);
+			add('Browser has high resolution', Browser.hasHighResolution);
+			add('Browser is mobile', Browser.isMobile);
+			add('Browser Device Name: ' + Browser.Device.name, Browser.Device.name != 'other');
+			// On iOS this automatically gets replaced with the touchend event. No work required on your side!
+			document.id('myElement').addEvent('click', function(event){
+				event.preventDefault();
+				add('Click event was replaced with touchend: ', event.type == 'touchend');
+			});
+			var listener = function(){},
+				removeTest = new Element('div');
+			removeTest.addEvent('click', listener).removeEvent('click', listener);
+			add('Removed listener successfully: ', !removeTest.hasEvent('click'));
+		});
+	</script>
+</head>
+<body>
+<div id="more">
+	<span>Demos</span>
+	<a href="index.html">Home</a>
+	<a href="swipe.html">Swipe</a>
+	<a href="pinch.html">Pinch</a>
+	<a href="touchhold.html">Touchhold</a>
+</div>
+<div id="support">
+</div>
+<div>
+<a id="myElement" href="#">Click here to see which event handler was used</a>
+</div>
+</body>
+</html>