Add menu, change view engine, use Grunt

2 files changed, 99 insertions, 107 deletions

diff --git a/views/calculator/setup.html b/views/calculator/setup.html
index 26977c7a..bd98e885 100644
--- a/views/calculator/setup.html
+++ b/views/calculator/setup.html
@@ -1,65 +1,60 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="utf-8" />
-		<meta name="viewport" content="width=480, height=752, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
-    <title>Bitcoin Payment Calculator</title>
-    <link href="img/favicon.ico" rel="shortcut icon" />
-    {{#css}}calculator{{/css}}
-    {{#js}}setup{{/js}}
-  </head>
-  <body>
-    <div class="container-fluid">
-      <form id="setup" action="/calculator" method="get">
-        <h1>Settings</h1>
+{{#yield-scripts}}
+<script src='/js/jquery-1.8.2.min.js'></script>
+<script src='/js/bootstrap.min.js'></script>
+<script src='/js/2.5.3-crypto-sha256.js'></script>
+<script src='/js/jsbn.js'></script>
+<script src='/js/jsbn2.js'></script>
+<script src='/js/check_address.js'></script>
+<script src='/js/setup.js'></script>
+{{/yield-scripts}}
 
-        <input type="hidden" id="username" name="username" value="{{user}}" />
+<form id="setup" action="/calculator" method="get">
+  <h1>Settings</h1>
 
-        <div class="form-group">
-          <label for="title">Store Name:</label>
-          <input type="text" id="title" name="title" class="form-control" />
-        </div>
+  <input type="hidden" id="username" name="username" value="{{user}}" />
 
-        <div class="form-group">
-          <label for="logo">Logo <small>(optional URL)</small>:</label>
-          <input type="text" id="logo" name="logo" class="form-control" />
-        </div>
+  <div class="form-group">
+    <label for="title">Store Name:</label>
+    <input type="text" id="title" name="title" class="form-control" />
+  </div>
 
-        <div class="form-group">
-          <label for="address">Bitcoin Address:</label>
-          <input type="text" id="address" name="address" class="form-control" />
-        </div>
+  <div class="form-group">
+    <label for="logo">Logo <small>(optional URL)</small>:</label>
+    <input type="text" id="logo" name="logo" class="form-control" />
+  </div>
 
-        <div class="form-group">
-          <label for="currency">Currency:</label>
-          <select id="currency" name="currency" class="form-control">
-          </select>
-        </div>
+  <div class="form-group">
+    <label for="address">Bitcoin Address:</label>
+    <input type="text" id="address" name="address" class="form-control" />
+  </div>
 
-        <div class="form-group">
-          <label for="symbol">Exchange Rate:</label>
-          <select id="symbol" name="symbol" class="form-control">
-          </select>
-        </div>
-        
-        <div class="form-group">
-          <label for="commission">Commission/Discount <small>(optional %)</small>:</label>
-          <input type="text" id="commission" name="commission" class="form-control" />
-        </div>
+  <div class="form-group">
+    <label for="currency">Currency:</label>
+    <select id="currency" name="currency" class="form-control">
+    </select>
+  </div>
 
-        <div class="form-group">
-          <label for="password">New Password <small>(blank = no change)</small>:</label>
-          <input type="password" id="password" name="password" class="form-control" />
-        </div>
+  <div class="form-group">
+    <label for="symbol">Exchange Rate:</label>
+    <select id="symbol" name="symbol" class="form-control">
+    </select>
+  </div>
+  
+  <div class="form-group">
+    <label for="commission">Commission/Discount <small>(optional %)</small>:</label>
+    <input type="text" id="commission" name="commission" class="form-control" />
+  </div>
 
-        <div class="form-group">
-          <label for="confirm">Confirm New Password:</label>
-          <input type="password" id="confirm" name="confirm" class="form-control" />
-        </div>
+  <div class="form-group">
+    <label for="password">New Password <small>(blank = no change)</small>:</label>
+    <input type="password" id="password" name="password" class="form-control" />
+  </div>
 
-        <br />
-        <input class="btn btn-primary" type="submit" value="Done" />
-      </form>
-    </div>
-  </body>
-</html> 
+  <div class="form-group">
+    <label for="confirm">Confirm New Password:</label>
+    <input type="password" id="confirm" name="confirm" class="form-control" />
+  </div>
+
+  <br />
+  <input class="btn btn-primary" type="submit" value="Done" />
+</form>
diff --git a/views/calculator/show.html b/views/calculator/show.html
index db3cb698..31c9071a 100644
--- a/views/calculator/show.html
+++ b/views/calculator/show.html
@@ -1,59 +1,56 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="utf-8" />
-		<meta name="viewport" content="width=480, height=752, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
-    <title>Bitcoin Payment Calculator</title>
-    <link href="img/favicon.ico" rel="shortcut icon" />
-    {{#css}}calculator{{/css}}
-    {{#js}}calculator{{/js}}
-  </head>
-  <body>
-    <div class="container-fluid">
-      <div id="calculator" style="display: none">
-        <input id="user" type="hidden" value="{{user}}" />
+{{#yield-scripts}}
+<script src='/js/jquery-1.8.2.min.js'></script>
+<script src='/js/moment.min.js'></script>
+<script src='/js/qrcode.js'></script>
+<script src='/js/bootstrap.min.js'></script>
+<script src='/js/2.5.3-crypto-sha256.js'></script>
+<script src='/js/jsbn.js'></script>
+<script src='/js/jsbn2.js'></script>
+<script src='/js/check_address.js'></script>
+<script src='/js/calculator.js'></script>
+{{/yield-scripts}}
 
-        <h1 id="title"></h1>
-        <img id="logo" src="img/logo.jpg" alt="Logo" />
+<div id="calculator" style="display: none">
+  <input id="user" type="hidden" value="{{user}}" />
 
-        <form role="form">
-          <div class="form-group">
-            <label for="exchange">Exchange Rate:</label>
-            <input type="text" id="exchange" value="0" disabled="disabled" class="form-control" />
-            <span id="symbol"></span>
-          </div>
+  <h1 id="title"></h1>
+  <img id="logo" src="img/bitcoin.png" alt="Logo" />
 
-          <div class="form-group">
-            <label for="amount">Amount:</label>
-            <input type="text" id="amount" class="form-control" />
-            <span id="currency"></span>
-          </div>
-
-          <div class="form-group">
-            <label for="tip">Tip:</label>
-            <div class="btn-toolbar">
-              <div class="btn-group" id="tip">
-                <button type="button" class="active btn btn-default">0%</button>
-                <button type="button" class="btn btn-default">10%</button>
-                <button type="button" class="btn btn-default">15%</button>
-                <button type="button" class="btn btn-default">20%</button>
-              </div>
-            </div>
-          </div>
-
-          <br />
+  <form role="form">
+    <div class="form-group">
+      <label for="exchange">Exchange Rate:</label>
+      <input type="text" id="exchange" value="0" disabled="disabled" class="form-control" />
+      <span id="symbol"></span>
+    </div>
 
-          <div id="payment">
-            <p>Please send <strong id="total">0.0</strong> mBTC to</p><br />
-            <div id="qr"></div>
-            <p id="address"></p>
-          </div>
+    <div class="form-group">
+      <label for="amount">Amount:</label>
+      <input type="text" id="amount" class="form-control" />
+      <span id="currency"></span>
+    </div>
 
-          <span id="received" class="btn btn-success">Payment Received.  Thank you!</span>
+    <div class="form-group">
+      <label for="tip">Tip:</label>
+      <div class="btn-toolbar">
+        <div class="btn-group" id="tip">
+          <button type="button" class="active btn btn-default">0%</button>
+          <button type="button" class="btn btn-default">10%</button>
+          <button type="button" class="btn btn-default">15%</button>
+          <button type="button" class="btn btn-default">20%</button>
         </div>
-      </form>
+      </div>
+    </div>
+
+    <br />
 
-      <span id="error" class="btn btn-danger" style="display: none"></span> 
+    <div id="payment">
+      <p>Please send <strong id="total">0.0</strong> mBTC to</p><br />
+      <div id="qr"></div>
+      <p id="address"></p>
     </div>
-  </body>
-</html> 
+
+    <span id="received" class="btn btn-success">Payment Received.  Thank you!</span>
+  </div>
+</form>
+
+<span id="error" class="btn btn-danger" style="display: none"></span>