Use node and express

3 files changed, 132 insertions, 0 deletions

diff --git a/views/calculator.html b/views/calculator.html
new file mode 100644
index 00000000..bdc9fde8
--- /dev/null
+++ b/views/calculator.html
@@ -0,0 +1,47 @@
+<!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" />
+    <link href="css/bootstrap.min.css" rel="stylesheet" />
+    <link href="css/bootstrap-responsive.min.css" rel="stylesheet" />
+    <link href="css/bitcoin_pos.css" rel="stylesheet" />
+    <script src="js/jquery-1.8.2.min.js"></script>
+    <script src="js/moment.min.js"></script>
+    <script src="js/qr.js"></script>
+    <script src="js/bootstrap.min.js"></script>
+    <script src="js/bitcoin_pos.js"></script>
+  </head>
+  <body>
+    <div class="container-fluid">
+      <div id="calculator" style="display: none">
+        <h1 id="title">Bitcoin Payment Calculator</h1>
+
+        <img id="logo" src="img/logo.jpg" alt="Logo" style="display: none" />
+
+        <label for="exchange">Exchange Rate:</label>
+        <input type="text" id="exchange" value="0" disabled="disabled" />
+        <small>CAD / BTC</small>
+
+        <label for="amount">Amount:</label>
+        <input type="text" id="amount" />
+        <small>CAD</small>
+
+        <br /><br />
+
+        <div id="payment">
+          <p>Please send <strong id="total">0.0</strong> bitcoins to:</p><br />
+          <p id="address"></p>
+
+          <canvas id="qrcanv">No Canvas Support</canvas>
+        </div>
+
+        <span id="received" class="btn btn-success">Payment Received.  Thank you!</span>
+      </div>
+
+      <span id="error" class="btn btn-danger" style="display: none">Can't establish connection</span> 
+    </div>
+  </body>
+</html> 
diff --git a/views/index.html b/views/index.html
new file mode 100644
index 00000000..3264478f
--- /dev/null
+++ b/views/index.html
@@ -0,0 +1,32 @@
+<!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" />
+    <link href="css/bootstrap.min.css" rel="stylesheet" />
+    <link href="css/bootstrap-responsive.min.css" rel="stylesheet" />
+    <link href="css/bitcoin_pos.css" rel="stylesheet" />
+    <script src="js/bootstrap.min.js"></script>
+  </head>
+  <body>
+    <div class="container-fluid">
+      <form action="calculator.html">
+        <h1>Calculator Setup</h1>
+
+        <label for="title">Name:</label>
+        <input type="text" id="title" name="title" />
+
+        <label for="address">Bitcoin Address:</label>
+        <input type="text" id="address" name="address" />
+        
+        <label for="commission">Commission (%):</label>
+        <input type="text" id="commission" name="commission" />
+
+        <br />
+        <input class="btn" type="submit" value="Go" />
+      </form>
+    </div>
+  </body>
+</html> 
diff --git a/views/report.html b/views/report.html
new file mode 100644
index 00000000..7ded2cb5
--- /dev/null
+++ b/views/report.html
@@ -0,0 +1,53 @@
+<!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 Report</title>
+    <link href="css/bootstrap.min.css" rel="stylesheet" />
+    <link href="css/bootstrap-responsive.min.css" rel="stylesheet" />
+    <link href="css/jquery-ui-1.9.0.custom.min.css" rel="stylesheet" />
+    <link href="css/report.css" rel="stylesheet" />
+    <script src="js/jquery-1.8.2.min.js"></script>
+    <script src="js/jquery-ui-1.9.0.custom.min.js"></script>
+    <script src="js/bootstrap.min.js"></script>
+    <script src="js/searchjs.js"></script>
+    <script src="js/report.js"></script>
+  </head>
+  <body>
+    <div class="container-fluid">
+      <h1>Transactions Report</h1>
+
+      From: <input id="from" name="from" type="text" class="date" />
+      To: <input id="to" name="to" type="text" class="date" />
+
+      <table class="table">
+        <thead>
+          <tr>
+            <th>Date</th>
+            <th>Address</th>
+            <th>Exchange Rate</th>
+            <th>BTC</th>
+            <th>CAD</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td></td>
+            <td></td>
+            <td></td>
+            <td></td>
+            <td></td>
+          </tr>
+        </tbody>
+        <tfoot>
+          <tr>
+            <td id="total" colspan="3">Totals:</td>
+            <td id="btc"></td>
+            <td id="cad"></td>
+          </tr>
+        </tfoot>
+      </table>
+    </div>
+  </body>
+</html>