Converter demo: Fix edit mode to generate list; fix Cancel and Add buttons to when adding new conversions

Author: jzaefferer

experiments/converter/application.js

@@ -57,7 +57,6 @@ $(function() {
 		});
 		conversions.store();
 		list();
-		return false;
 	});
 	$( "#clear" ).click(function() {
 		conversions.clear();

experiments/converter/index.html

@@ -43,22 +43,6 @@ <h1>Currency converter</h1>
 	</div>
 	<div data-role="content">
 		<ul id="conversions" data-role="listview" data-theme="a">
-			<li>
-				<p class="currency-from">$ <span class="unit">USD</span></p>
-				<p class="currency-to ui-li-aside">&euro; <span id="USDEUR" class="rate">NaN</span> <span class="unit">EUR</span></p>
-			</li>
-			<li><p class="currency-from">$ <span class="unit">USD</span></p>
-				<p class="currency-to ui-li-aside">&pound; 22.34 <span class="unit">GBP</span></p>
-			</li>
-			<li><p class="currency-from">$ <span class="unit">USD</span></p>
-				<p class="currency-to ui-li-aside">&yen; 22.34 <span class="unit">JPY</span></p>
-			</li>
-			<li><p class="currency-from">&euro; <span class="unit">EUR</span></p>
-				<p class="currency-to ui-li-aside">$ 22.34 <span class="unit">USD</span></p>
-			</li>
-			<li><p class="currency-from">&yen; <span class="unit">EUR</span></p>
-				<p class="currency-to ui-li-aside">$ 22.34 <span class="unit">JPY</span></p>
-			</li>
 		</ul>
 	</div>
 </div>
@@ -71,15 +55,11 @@ <h1>Edit conversions</h1>
 	</div>
 
 	<div data-role="content">
-		<ul data-role="listview" data-theme="c" data-inset="true">
-			<li><a href="#add-currency-dialog">$ <span class="unit">USD</span> to &euro; <span class="unit">EUR</span><a href="remove" data-icon="delete" data-iconpos="notext">Remove</a></li>
-			<li><a href="#add-currency-dialog">$ <span class="unit">USD</span> to &euro; <span class="unit">EUR</span><a href="remove" data-icon="delete" data-iconpos="notext">Remove</a></li>
-			<li><a href="#add-currency-dialog">$ <span class="unit">USD</span> to &euro; <span class="unit">EUR</span><a href="remove" data-icon="delete" data-iconpos="notext">Remove</a></li>
-			<li><a href="#add-currency-dialog">$ <span class="unit">USD</span> to &euro; <span class="unit">EUR</span><a href="remove" data-icon="delete" data-iconpos="notext">Remove</a></li>
-			<li><a href="#add-currency-dialog" class="add-row">Add new...</a></li>
+		<ul id="edit-conversions" data-role="listview" data-theme="c" data-inset="true">
 		</ul>
 	</div>
 	<div class="ui-body">
+		<a href="#add-currency-dialog" data-role="button">Add new...</a>
 		<a id="restore" href="#" data-role="button" data-theme="c">Restore defaults</a>
 	</div>
 </div>
@@ -109,7 +89,7 @@ <h2>Select currencies to convert:</h2>
 			</select>
 		</div>
 		<div data-role="fieldcontain">
-		<a id="add" href="#customize" data-role="button" data-theme="c" data-inline="true">Cancel</a>
+		<a id="cancel" href="#customize" data-role="button" data-theme="c" data-inline="true">Cancel</a>
 		<a id="add" href="#customize" data-role="button" data-theme="b" data-inline="true">Add conversion</a>
 		</div>
 	</div>