RubyGems - RubyApp - Versions diffs - 0.6.67 → 0.6.68 - Mend

RubyApp 0.6.67 → 0.6.68

Files changed (460) hide show

data/lib/ruby_app/resources/elements/mobile/document/jquery.mobile-1.1.0/demos/docs/buttons/buttons-themes.html DELETED Viewed

@@ -1,130 +0,0 @@
-<!DOCTYPE html>
-<html>
-	<head>
-	<meta charset="utf-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<title>jQuery Mobile Docs - Theming buttons</title>
-	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile-1.1.0.css" />
-	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-	<script src="../../js/jquery.js"></script>
-	<script src="../../docs/_assets/js/jqm-docs.js"></script>
-	<script src="../../js/jquery.mobile-1.1.0.js"></script>
-</head>
-<body>
-<div data-role="page" class="type-interior">
-	<div data-role="header" data-theme="f">
-		<h1>Theming buttons</h1>
-		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
-		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
-	</div><!-- /header -->
-	<div data-role="content">
-		<div class="content-primary">
-			<h2>Theming buttons</h2>
-			<p>jQuery Mobile has a rich <a href="../api/themes.html">theming system</a> that gives you full control of how buttons are styled. When a link is added to a container, it is automatically assigned a theme swatch letter that matches its parent bar or content box to visually integrate the button into the parent container, like a chameleon. So a button placed inside a content container with a theme of "a" (black in the default theme) will be automatically assigned the button theme of "a" (charcoal in the default theme). Here are examples of the button theme pairings in the default theme. All buttons have the same HTML markup: </p>
-			<div class="ui-body ui-body-a"><h4>A swatch</h4><a href="index.html" data-role="button">Button</a></div>
-			<div class="ui-body ui-body-b"><h4>B swatch</h4><a href="index.html" data-role="button">Button</a></div>
-			<div class="ui-body ui-body-c"><h4>C swatch</h4><a href="index.html" data-role="button">Button</a></div>
-			<div class="ui-body ui-body-d"><h4>D swatch</h4><a href="index.html" data-role="button">Button</a></div>
-			<div class="ui-body ui-body-e"><h4>E swatch</h4><a href="index.html" data-role="button">Button</a></div>
-			<h2>Assigning theme swatches</h2>
-			<p>Buttons can be manually assigned any of the button color swatches from the theme to add visual contrast with the container they sit inside by adding the <code> data-theme</code> attribute on the button markup and specifying a swatch letter. </p>
-<pre><code>
-&lt;a href=&quot;index.html&quot; data-role=&quot;button&quot; data-theme=&quot;a&quot;&gt;Theme a&lt;/a&gt;
-</code></pre>
-		<p>Here are 5 buttons with icons that have a different swatch letter assigned via the <code> data-theme</code> attribute.</p>
-		<a href="index.html" data-role="button" data-theme="a" data-icon="arrow-l" data-inline="true">Theme a</a>
-		<a href="index.html" data-role="button" data-theme="b" data-icon="arrow-l" data-inline="true">Theme b</a>
-		<a href="index.html" data-role="button" data-theme="c" data-icon="arrow-l" data-inline="true">Theme c</a>
-		<a href="index.html" data-role="button" data-theme="d" data-icon="arrow-l" data-inline="true">Theme d</a>
-		<a href="index.html" data-role="button" data-theme="e" data-icon="arrow-l" data-inline="true">Theme e</a>
-		<h2>Theme variations</h2>
-		<p><strong>"a" theme</strong> on container with themed buttons inside</p>
-		<div class="ui-body ui-body-a">
-			<a href="index.html" data-role="button" data-theme="a" data-icon="arrow-l" data-inline="true">Theme a</a>
-			<a href="index.html" data-role="button" data-theme="b" data-icon="arrow-l" data-inline="true">Theme b</a>
-			<a href="index.html" data-role="button" data-theme="c" data-icon="arrow-l" data-inline="true">Theme c</a>
-			<a href="index.html" data-role="button" data-theme="d" data-icon="arrow-l" data-inline="true">Theme d</a>
-			<a href="index.html" data-role="button" data-theme="e" data-icon="arrow-l" data-inline="true">Theme e</a>
-		</div>
-		<p><strong>"b" theme</strong> on container with themed buttons inside</p>
-		<div class="ui-body ui-body-b">
-			<a href="index.html" data-role="button" data-theme="a" data-icon="arrow-l" data-inline="true">Theme a</a>
-			<a href="index.html" data-role="button" data-theme="b" data-icon="arrow-l" data-inline="true">Theme b</a>
-			<a href="index.html" data-role="button" data-theme="c" data-icon="arrow-l" data-inline="true">Theme c</a>
-			<a href="index.html" data-role="button" data-theme="d" data-icon="arrow-l" data-inline="true">Theme d</a>
-			<a href="index.html" data-role="button" data-theme="e" data-icon="arrow-l" data-inline="true">Theme e</a>
-		</div>
-		<p><strong>"c" theme</strong> on container with themed buttons inside</p>
-		<div class="ui-body ui-body-c">
-			<a href="index.html" data-role="button" data-theme="a" data-icon="arrow-l" data-inline="true">Theme a</a>
-			<a href="index.html" data-role="button" data-theme="b" data-icon="arrow-l" data-inline="true">Theme b</a>
-			<a href="index.html" data-role="button" data-theme="c" data-icon="arrow-l" data-inline="true">Theme c</a>
-			<a href="index.html" data-role="button" data-theme="d" data-icon="arrow-l" data-inline="true">Theme d</a>
-			<a href="index.html" data-role="button" data-theme="e" data-icon="arrow-l" data-inline="true">Theme e</a>
-		</div>
-		<p><strong>"d" theme</strong> on container with themed buttons inside</p>
-		<div class="ui-body ui-body-d">
-			<a href="index.html" data-role="button" data-theme="a" data-icon="arrow-l" data-inline="true">Theme a</a>
-			<a href="index.html" data-role="button" data-theme="b" data-icon="arrow-l" data-inline="true">Theme b</a>
-			<a href="index.html" data-role="button" data-theme="c" data-icon="arrow-l" data-inline="true">Theme c</a>
-			<a href="index.html" data-role="button" data-theme="d" data-icon="arrow-l" data-inline="true">Theme d</a>
-			<a href="index.html" data-role="button" data-theme="e" data-icon="arrow-l" data-inline="true">Theme e</a>
-		</div>
-		<p><strong>"e" theme</strong> on container with themed buttons inside</p>
-		<div class="ui-body ui-body-e">
-			<a href="index.html" data-role="button" data-theme="a" data-icon="arrow-l" data-inline="true">Theme a</a>
-			<a href="index.html" data-role="button" data-theme="b" data-icon="arrow-l" data-inline="true">Theme b</a>
-			<a href="index.html" data-role="button" data-theme="c" data-icon="arrow-l" data-inline="true">Theme c</a>
-			<a href="index.html" data-role="button" data-theme="d" data-icon="arrow-l" data-inline="true">Theme d</a>
-			<a href="index.html" data-role="button" data-theme="e" data-icon="arrow-l" data-inline="true">Theme e</a>
-		</div>
-	</div><!--/content-primary -->
-	<div class="content-secondary">
-		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-				<h3>More in this section</h3>
-				<ul data-role="listview" data-theme="c" data-dividertheme="d">
-					<li data-role="list-divider">Buttons</li>
-					<li><a href="buttons-types.html">Button basics</a></li>
-					<li><a href="buttons-icons.html">Button icons</a></li>
-					<li><a href="buttons-inline.html">Inline buttons</a></li>
-					<li><a href="buttons-grouped.html">Grouped buttons</a></li>
-					<li data-theme="a"><a href="buttons-themes.html">Theming buttons</a></li>
-				</ul>
-		</div>
-	</div>
-</div><!-- /content -->
-<div data-role="footer" class="footer-docs" data-theme="c">
-		<p>&copy; 2011-12 The jQuery Foundation</p>
-</div>
-</div><!-- /page -->
-</body>
-</html>

data/lib/ruby_app/resources/elements/mobile/document/jquery.mobile-1.1.0/demos/docs/buttons/buttons-types.html DELETED Viewed

@@ -1,119 +0,0 @@
-<!DOCTYPE html>
-<html>
-	<head>
-	<meta charset="utf-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<title>jQuery Mobile Docs - Button types</title>
-	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile-1.1.0.css" />
-	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-	<script src="../../js/jquery.js"></script>
-	<script src="../../docs/_assets/js/jqm-docs.js"></script>
-	<script src="../../js/jquery.mobile-1.1.0.js"></script>
-</head>
-<body>
-<div data-role="page" class="type-interior">
-	<div data-role="header" data-theme="f">
-		<h1>Button basics</h1>
-		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
-		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
-	</div><!-- /header -->
-	<div data-role="content">
-		<div class="content-primary">
-		 <h2>Button basics</h2>
-         <ul data-role="controlgroup" data-type="horizontal" class="localnav">
-				<li><a href="buttons-types.html" data-role="button" data-transition="fade" class="ui-btn-active">Basics</a></li>
-				<li><a href="buttons-options.html" data-role="button" data-transition="fade">Options</a></li>
-				<li><a href="buttons-methods.html" data-role="button" data-transition="fade">Methods</a></li>
-				<li><a href="buttons-events.html" data-role="button" data-transition="fade">Events</a></li>
-			</ul>
-   <p>Buttons are coded with standard HTML anchor and input elements, then enhanced by jQuery Mobile to make them more attractive and useable on a mobile device.  Use anchor links (<code>a</code> elements) to mark up navigation buttons, and <code>input</code> or <code>button</code> elements for form submission.</p>
- 	<p>View the <a href="../api/data-attributes.html">data- attribute reference</a> to see all the possible attributes for buttons including adding <a href="buttons-icons.html">icons</a> or displaying them <a href="buttons-inline.html">inline</a> or <a href="buttons-grouped.html">grouped</a>.</p>
-		<h2>Styling links as buttons</h2>
-		<p>In the main content block of a page, you can style any anchor link as a button by adding the <code>data-role="button"</code> attribute. The framework will enhance the link with markup and classes to style the link as a button. For example, this markup: </p>
-<code>
-&lt;a href=&quot;index.html&quot; data-role=&quot;button&quot;&gt;Link button&lt;/a&gt;
-</code>
-		<p>Produces this <strong>link-based</strong> button:</p>
-		<a href="index.html" data-role="button">Link button</a>
-		<p><strong>Note:</strong> Links styled like buttons have all the same visual options as true form-based buttons below, but there are a few important differences. Link-based buttons aren't part of the <code>button</code> plugin and only just use the underlying <code>buttonMarkup</code> plugin to generate the button styles so the form button methods (enable, disable, refresh) aren't supported. If you need to disable a link-based button (or any element), it's possible to apply the disabled class ui-disabled yourself with JavaScript to achieve the same effect.</p>
-		<h2>Mini size</h2>
-		<p>For a more compact version that is useful in toolbars and tight spaces, add the <code>data-mini="true"</code> attribute to the button to create a <a href="../forms/forms-all-mini.html">mini version</a>. </p>
-<pre><code>
-&lt;a href=&quot;index.html&quot; data-role=&quot;button&quot; <strong>data-mini=&quot;true&quot;</strong>&gt;Link button&lt;/a&gt;
-</code></pre>
-		<p>This will produce a search input that a not as tall as the standard version and has a smaller text size.</p>
-         <a href="index.html" data-role="button" data-mini="true">Link button</a>
-		<h2>Form buttons</h2>
-		<p>For ease of styling, the framework automatically converts any <code>button</code> or <code>input</code> element with a <code>type</code> of <code>submit</code>, <code>reset</code>, <code>button</code>, or <code>image</code> into a custom styled button &mdash; there is no need to add the <code> data-role="button"</code> attribute. However, if needed, you can directly call the button plugin on any selector, just like any jQuery plugin:</p>
-<code>
-$('[type='submit']').button();
-</code>
-		<p>To preserve events bound to the original <code>button</code> or <code>input</code>, the framework hides the original element by making it transparent and positioning it over the new button markup.  When a user clicks on the the custom-styled button, they're actually clicking on the original element. To prevent a form button from being converted into an enhanced button, add the <code>data-role="none"</code> attribute and hte native control will be rendered.</p>
-		<p><strong>Button</strong> based button:</p>
-		<button>Button element</button>
-		<p><strong>Input type="button"</strong> based button:</p>
-		<input type="button" value="buttonBtn" />
-		<p><strong>Input type="submit"</strong> based button:</p>
-		<input type="submit" value="submitBtn" />
-		<p><strong>Input type="reset"</strong> based button:</p>
-		<input type="reset" value="resetBtn" />
-		<p><strong>Input type="image"</strong> based button:</p>
-		<input type="image" value="imageBtn" />
-	</div><!--/content-primary -->
-	<div class="content-secondary">
-		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-				<h3>More in this section</h3>
-				<ul data-role="listview" data-theme="c" data-dividertheme="d">
-					<li data-role="list-divider">Buttons</li>
-					<li data-theme="a"><a href="buttons-types.html">Button basics</a></li>
-					<li><a href="buttons-icons.html">Button icons</a></li>
-					<li><a href="buttons-inline.html">Inline buttons</a></li>
-					<li><a href="buttons-grouped.html">Grouped buttons</a></li>
-					<li><a href="buttons-themes.html">Theming buttons</a></li>
-				</ul>
-		</div>
-	</div>
-</div><!-- /content -->
-<div data-role="footer" class="footer-docs" data-theme="c">
-		<p>&copy; 2011-12 The jQuery Foundation</p>
-</div>
-</div><!-- /page -->
-</body>
-</html>

data/lib/ruby_app/resources/elements/mobile/document/jquery.mobile-1.1.0/demos/docs/buttons/index.html DELETED Viewed

@@ -1,43 +0,0 @@
-<!DOCTYPE html>
-<html>
-	<head>
-	<meta charset="utf-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<title>jQuery Mobile Docs - Buttons</title>
-	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile-1.1.0.css" />
-	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-	<script src="../../js/jquery.js"></script>
-	<script src="../../docs/_assets/js/jqm-docs.js"></script>
-	<script src="../../js/jquery.mobile-1.1.0.js"></script>
-</head>
-<body>
-<div data-role="page" class="type-index">
-	<div data-role="header" data-theme="f">
-		<h1>Buttons</h1>
-		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
-		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
-	</div><!-- /header -->
-	<div data-role="content">
-			<p>Buttons are core widgets in jQuery Mobile, and are used within a wide range of other plugins.</p>
-			<ul data-role="listview" data-inset="true">
-					<li><a href="buttons-types.html">Button basics</a></li>
-					<li><a href="buttons-icons.html">Button icons</a></li>
-					<li><a href="buttons-inline.html">Inline buttons</a></li>
-					<li><a href="buttons-grouped.html">Grouped buttons</a></li>
-					<li><a href="buttons-themes.html">Theming buttons</a></li>
-			</ul>
-		</div>
-	</div><!-- /content -->
-	</div><!-- /page -->
-	</body>
-	</html>

data/lib/ruby_app/resources/elements/mobile/document/jquery.mobile-1.1.0/demos/docs/config/dialogTransition.html DELETED Viewed

@@ -1,44 +0,0 @@
-<!DOCTYPE html>
-<html>
-	<head>
-	<meta charset="utf-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<title>jQuery Mobile Docs - Configuration</title>
-	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile-1.1.0.css" />
-	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-	<script src="../../js/jquery.js"></script>
-	<script src="../../docs/_assets/js/jqm-docs.js"></script>
-	<script>
-		$(document).bind("mobileinit", function(){
-			$.mobile.defaultDialogTransition = 'flip';
-		});
-	</script>
-	<script src="../../js/jquery.mobile-1.1.0.js"></script>
-</head>
-<body>
-	<div data-role="page">
-		<div data-role="header" data-theme="f">
-		<h1>Config applied</h1>
-		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
-		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
-	</div><!-- /header -->
-	<div data-role="content">
-		<h2>defaultDialogTransition is now "flip"</h2>
-		<p>To test, hit the button below and browse the docs. Note that if a link causes a refresh, this setting will be lost and the default settings will be seen.</p>
-		<a href="../../index.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Browse docs</a>
-		<a href="../pages/dialog.html" data-role="button" data-rel="dialog">Or open a basic dialog</a>
-		</div><!-- /ui-body wrapper -->
-</div><!-- /page -->
-</body>
-</html>

data/lib/ruby_app/resources/elements/mobile/document/jquery.mobile-1.1.0/demos/docs/config/iOSFullscreen.html DELETED Viewed

@@ -1,50 +0,0 @@
-<!DOCTYPE html>
-<html>
-	<head>
-	<meta charset="utf-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<meta name="apple-mobile-web-app-capable" content="yes">
-	<meta name="apple-mobile-web-app-status-bar-style" content="black">
-	<link rel="apple-touch-icon" href="../_assets/images/ios_icon.png"/>
-	<link rel="apple-touch-startup-image" href="../_assets/images/ios_startup.png" />
-	<title>jQuery Mobile Docs - Configuration</title>
-	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile-1.1.0.css" />
-	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-	<script src="../../js/jquery.js"></script>
-	<script src="../../docs/_assets/js/jqm-docs.js"></script>
-	<script>
-	$(document).bind("mobileinit", function() {
-		if (!!window.navigator.standalone) {
-			$.mobile.page.prototype.options.addBackBtn = true;
-		}
-	});
-	</script>
-	<script src="../../js/jquery.mobile-1.1.0.js"></script>
-</head>
-<body>
-	<div data-role="page">
-		<div data-role="header" data-theme="f">
-		<h1>jQuery Mobile</h1>
-		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
-		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
-	</div>
-	<div data-role="content">
-		<h2>Fullscreen docs in iOS</h2>
-		<p>First, hit Add to Home Screen to create a new shortcut icon on the home screen.  Next, open the new shortcut and hit the button below to browse the docs as a fullscreen web app.</p>
-		<a href="../../index.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Browse docs</a>
-	</div>
-</div><!-- /page -->
-</body>
-</html>

data/lib/ruby_app/resources/elements/mobile/document/jquery.mobile-1.1.0/demos/docs/config/index.html DELETED Viewed

@@ -1,86 +0,0 @@
-<!DOCTYPE html>
-<html>
-	<head>
-	<meta charset="utf-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<title>jQuery Mobile Docs - Configuration</title>
-	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile-1.1.0.css" />
-	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-	<script src="../../js/jquery.js"></script>
-	<script src="../../docs/_assets/js/jqm-docs.js"></script>
-	<script src="../../js/jquery.mobile-1.1.0.js"></script>
-</head>
-<body>
-	<div data-role="page" class="type-index">
-		<div data-role="header" data-theme="f">
-		<h1>Pages</h1>
-		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
-		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
-	</div><!-- /header -->
-	<div data-role="content">
-				<h2>Global config tests</h2>
-				<p>The following links will cause a full page refresh so that the global options configuration can take effect. Each link below will tweak a different option for quick testing.</p>
-		<ul data-role="listview" data-inset="true">
-			<li>
-				<a href="pushState.html" data-ajax="false">
-				<h3>pushStateEnabled - False</h3>
-				<p>Enhancement to use history.replaceState in supported browsers, to convert the hash-based Ajax URL into the full document path. </p>
-				</a>
-			</li>
-			<li>
-				<a href="pageTransition.html" data-ajax="false">
-				<h3>defaultPageTransition - Flow</h3>
-				<p>Set the default transition for page changes that use Ajax. Set to 'none' for no transitions by default.</p>
-				</a>
-			</li>
-			<li>
-				<a href="dialogTransition.html" data-ajax="false">
-				<h3>defaultDialogTransition - Flip</h3>
-				<p>Set the default transition for dialog changes that use Ajax. Set to 'none' for no transitions by default.</p>
-				</a>
-			</li>
-			<li>
-				<a href="minScrollBack.html" data-ajax="false">
-				<h3>minScrollBack - 999</h3>
-				<p>Minimum scroll distance that will be remembered when returning to a page.</p>
-				</a>
-			</li>
-			<li>
-				<a href="loadingMessage.html" data-ajax="false">
-				<h3>loadingMessage - false</h3>
-				<p>Set the text that appears when a page is loading. If set to false, the message will not appear at all.</p>
-				</a>
-			</li>
-			<li>
-				<a href="loadingMessageTextVisible.html" data-ajax="false">
-				<h3>loadingMessageTextVisible - true</h3>
-				<p>Show text in the page loader.  This page also demonstrates options for ad hoc message generation.</p>
-				</a>
-			</li>
-			<li>
-				<a href="pageLoadErrorMessage.html" data-ajax="false">
-				<h3>pageLoadErrorMessage - "Yikes, we broke the internet!"</h3>
-				<p>Set the text that appears when a page fails to load through Ajax.</p>
-				</a>
-			</li>
-			<li>
-				<a href="iOSFullscreen.html" data-ajax="false">
-				<h3>apple-mobile-web-app-capable meta tag</h3>
-				<p>View the docs without browser chrome in iOS.</p>
-				</a>
-			</li>
-		</ul>
-		</div><!-- /ui-body wrapper -->
-</div><!-- /page -->
-</body>
-</html>