jquery-mobile/experiments/converter/index.html
scottjehl d5cbcf755b Created a themes directory and moved all CSS and images there.
Edited the PHP combiner and .htaccess logic to accommodate this change, as well as allowing manifest files to use a "../" when referencing files, which will be handy when adding themes that don't include structural files yet.

Modified all HTML files to point to /themes/default for their theme.
2010-10-13 13:26:23 -04:00

90 lines
No EOL
3.2 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>jQuery Mobile Framework - Converter Demo Application</title>
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
</head>
<body>
<div data-role="page" class="ui-body-c">
<script type="text/javascript" src="jquery.tmpl.js"></script>
<script type="text/javascript" src="storage.js"></script>
<script type="text/javascript" src="application.js"></script>
<style>
.field { padding: 15px; }
</style>
<script id="conversion-field" type="text/x-jquery-tmpl">
<li>
<label for="${from}${to}" class="ui-input-text conversion-${type}" title="From ${from} to ${to}">${$item.symbols[from]} to ${$item.symbols[to]}</label>
<input type="text" readonly="readonly" name="${from}${to}" id="${from}${to}" value="" />
</li>
</script>
<script id="conversion-edit-field" type="text/x-jquery-tmpl">
<li>
<label for="${from}${to}" class="ui-input-text conversion-${type}" title="From ${from} to ${to}">${$item.symbols[from]} to ${$item.symbols[to]}</label>
<a href="#" class="deletebutton ui-aux">Delete</a>
</li>
</script>
<div data-role="header">
<a href="#customize" class="editbutton ui-aux" data-transition="flip">Edit</a>
<h1>Converter demo</h1>
</div>
<form method="get" action="" data-role="autoform" class="ui-bar-b">
<label for="term" data-role="nojs">Search:</label>
<input type="search" name="term" id="term" placeholder="type a value..." value="1" />
</form>
<div data-role="content">
<div class="ui-content">
<ul id="conversions" data-role="listview" data-inset="true"></ul>
</div>
</div>
</div>
<div data-role="page" id="customize" class="ui-body-b">
<div data-role="header" data-theme="b">
<h1>Edit conversions</h1>
</div>
<div data-role="content">
<h2>Add or remove conversions</h2>
<a href="#add-currency-dialog" data-role="button" data-rel="dialog" data-transition="pop">Add currency conversion</a>
<a id="restore" href="#" data-role="button">Restore default</a>
<a id="clear" href="#" data-role="button">Delete all conversions</a>
<div class="ui-content">
<ul id="edit-conversions" data-role="listview" data-inset="true"></ul>
</div>
</div>
</div>
<div data-role="page" id="add-currency-dialog" class="ui-body-a">
<div data-role="header" data-theme="d">
<h1>Add currency conversion</h1>
<a href="index.html" class="ui-back" data-icon="arrow-l">Cancel</a>
</div>
<div data-role="content">
<h2>Select 2 currency options and add!</h2>
<label for="currency-options-from">From</label>
<select name="currency-options" id="currency-options-from">
<option value="EUR">EUR - Euro</option>
<option value="USD">USD - US Dollar</option>
<option value="GBP">GBP - Great Britain Pound</option>
</select>
<label for="currency-options-to">To</label>
<select name="currency-options" id="currency-options-to">
<option value="EUR">EUR - Euro</option>
<option value="USD">USD - US Dollar</option>
<option value="GBP">GBP - Great Britain Pound</option>
</select>
<a id="add" href="#add-dialog" data-role="button">Add currency conversion</a>
</div>
</div>
</body>
</html>