2010-09-21 20:33:06 +00:00
<!DOCTYPE html>
< html >
< head >
2010-11-02 01:46:29 +00:00
< meta charset = "utf-8" / >
2010-09-21 20:33:06 +00:00
< title > jQuery Mobile Framework - Converter Demo Application< / title >
2010-10-13 16:45:10 +00:00
< link rel = "stylesheet" href = "../../themes/default" / >
2010-10-19 15:47:53 +00:00
< link rel = "stylesheet" href = "converter.css" / >
2010-11-09 22:57:26 +00:00
< script type = "text/javascript" src = "../../js/" > < / script >
2010-10-18 21:41:21 +00:00
2010-10-06 16:14:06 +00:00
< / head >
< body >
2010-10-19 15:47:53 +00:00
< div data-role = "page" id = "start" data-theme = "a" >
2010-10-06 16:14:06 +00:00
2010-10-02 15:57:43 +00:00
< script type = "text/javascript" src = "jquery.tmpl.js" > < / script >
2010-10-05 21:37:26 +00:00
< script type = "text/javascript" src = "storage.js" > < / script >
< script type = "text/javascript" src = "application.js" > < / script >
2010-09-21 20:33:06 +00:00
< style >
.field { padding: 15px; }
< / style >
2010-10-08 10:59:20 +00:00
< script id = "conversion-field" type = "text/x-jquery-tmpl" >
2010-10-19 15:47:53 +00:00
< li >
2010-10-19 17:49:54 +00:00
< p class = "currency-from" > ${$item.symbols[from]} < span class = "unit" > ${from}< / span > < / p >
< p class = "currency-to ui-li-aside" > ${$item.symbols[to]} < span id = "${from}${to}" class = "rate" > NaN< / span > < span class = "unit" > ${to}< / span > < / p >
2010-10-08 10:59:20 +00:00
< / 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 >
2010-09-21 20:33:06 +00:00
2010-10-19 15:47:53 +00:00
< div data-role = "header" data-theme = "e" >
< a href = "#customize" data-rel = "dialog" data-transition = "pop" data-icon = "gear" class = "ui-btn-right" > Edit< / a >
< h1 > Currency converter< / h1 >
2010-09-21 20:33:06 +00:00
< / div >
2010-10-19 15:47:53 +00:00
< div class = "ui-bar ui-bar-a" >
2010-10-19 16:33:17 +00:00
< form method = "get" action = "" data-role = "autoform" id = "curr-form" >
2010-10-18 21:41:21 +00:00
< label for = "term" data-role = "nojs" > Search:< / label >
2010-10-19 16:33:17 +00:00
< input type = "search" name = "term" id = "term" placeholder = "Type a value..." value = "25" / >
2010-10-18 21:41:21 +00:00
< / form >
< / div >
2010-10-06 16:09:06 +00:00
< div data-role = "content" >
2010-10-20 04:31:02 +00:00
< ul id = "conversions" data-role = "listview" data-theme = "a" >
2010-10-19 17:48:02 +00:00
< li >
< p class = "currency-from" > $ < span class = "unit" > USD< / span > < / p >
< p class = "currency-to ui-li-aside" > € < span id = "USDEUR" class = "rate" > NaN< / span > < span class = "unit" > EUR< / span > < / p >
2010-10-19 16:33:17 +00:00
< / li >
< li > < p class = "currency-from" > $ < span class = "unit" > USD< / span > < / p >
< p class = "currency-to ui-li-aside" > £ 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" > ¥ 22.34 < span class = "unit" > JPY< / span > < / p >
< / li >
< li > < p class = "currency-from" > € < 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" > ¥ < span class = "unit" > EUR< / span > < / p >
< p class = "currency-to ui-li-aside" > $ 22.34 < span class = "unit" > JPY< / span > < / p >
< / li >
2010-10-19 15:47:53 +00:00
< / ul >
2010-09-21 20:33:06 +00:00
< / div >
2010-10-05 21:37:26 +00:00
< / div >
2010-10-06 16:09:06 +00:00
< div data-role = "page" id = "customize" class = "ui-body-b" >
2010-10-05 21:37:26 +00:00
2010-10-19 15:47:53 +00:00
< div data-role = "header" data-theme = "b" data-nobackbtn = "true" >
2010-10-05 21:37:26 +00:00
< h1 > Edit conversions< / h1 >
2010-10-19 15:47:53 +00:00
< a href = "#start" data-transition = "fade" data-theme = "b" data-icon = "check" class = "ui-btn-right" > Done< / a >
2010-10-05 21:37:26 +00:00
< / div >
2010-10-12 19:50:28 +00:00
< div data-role = "content" >
2010-10-19 15:47:53 +00:00
< ul data-role = "listview" data-theme = "c" data-inset = "true" >
2010-10-19 16:33:17 +00:00
< li > < a href = "#add-currency-dialog" > $ < span class = "unit" > USD< / span > to € < 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 € < 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 € < 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 € < 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 >
2010-10-19 15:47:53 +00:00
< / ul >
< / div >
< div class = "ui-body" >
< a id = "restore" href = "#" data-role = "button" data-theme = "c" > Restore defaults< / a >
2010-10-05 21:37:26 +00:00
< / div >
< / div >
2010-10-19 15:47:53 +00:00
< div data-role = "page" id = "add-currency-dialog" class = "ui-body-b" >
< div data-role = "header" data-theme = "a" >
< h1 > Add new< / h1 >
2010-10-19 16:33:17 +00:00
< a href = "#customize" class = "ui-back" data-icon = "arrow-l" > Cancel< / a >
2010-10-05 21:37:26 +00:00
< / div >
2010-10-12 19:50:28 +00:00
< div data-role = "content" >
2010-10-19 15:47:53 +00:00
< h2 > Select currencies to convert:< / h2 >
< div data-role = "fieldcontain" >
< label for = "currency-options-from" > From< / label >
< select name = "currency-options" id = "currency-options-from" data-theme = "c" >
2010-10-19 15:52:36 +00:00
< option value = "EUR" > EUR to Euro< / option >
< option value = "USD" > USD to US Dollar< / option >
< option value = "GBP" > GBP to Great Britain Pound< / option >
2010-10-19 15:47:53 +00:00
< / select >
< / div >
< div data-role = "fieldcontain" >
< label for = "currency-options-to" > To< / label >
< select name = "currency-options" id = "currency-options-to" data-theme = "c" >
2010-10-19 15:52:36 +00:00
< option value = "EUR" > EUR to Euro< / option >
< option value = "USD" > USD to US Dollar< / option >
< option value = "GBP" > GBP to Great Britain Pound< / option >
2010-10-19 15:47:53 +00:00
< / select >
< / div >
< div data-role = "fieldcontain" >
2010-10-19 16:33:17 +00:00
< a id = "add" 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 >
2010-10-19 15:47:53 +00:00
< / div >
2010-10-05 21:37:26 +00:00
< / div >
< / div >
2010-09-21 20:33:06 +00:00
< / body >
< / html >
