refactor payment requests

2015-06-08 12:51:45 +02:00
parent 572a463806
commit 9bd94e5062
5 changed files with 64 additions and 76 deletions
--- a/lib/www/index.html
+++ b/lib/www/index.html
@@ -0,0 +1,84 @@
+<!DOCTYPE HTML>
+<html>
+    <head>
+        <title>Payment request</title>
+        <script type="text/javascript" charset="utf-8" src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
+        <script type="text/javascript" src="https://raw.github.com/datagraph/jquery-jsonrpc/master/jquery.jsonrpc.js"></script>
+	<script type="text/javascript" src="https://raw.githubusercontent.com/davidshimjs/qrcodejs/master/qrcode.js"></script>
+
+
+	<script type="text/javascript" src="https://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
+	<link rel="stylesheet" type="text/css" href="https://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
+
+        <script type="text/javascript">
+function getUrlParameter(sParam)
+{
+    var sPageURL = window.location.search.substring(1);
+    var sURLVariables = sPageURL.split('&');
+    for (var i = 0; i < sURLVariables.length; i++) 
+    {
+        var sParameterName = sURLVariables[i].split('=');
+        if (sParameterName[0] == sParam) 
+        {
+            return sParameterName[1];
+        }
+    }
+}
+
+var id = getUrlParameter('id');
+
+if (id) {
+    var jqxhr = $.getJSON(id + ".json", function() {
+	console.log( "success" );
+    })
+        .done( function(data) {
+	    new QRCode(document.getElementById("qrcode"), data.URI);
+            $("<p />").text(data.reason).appendTo($("p#reason"));
+            $("<p />").text(data.amount + "BTC").appendTo($("p#amount"));
+	    $("a").attr("href", data.URI);
+            $("<p />").text("Powered by Electrum").appendTo($("p#powered"));
+	    $(function () {
+		var current;
+		var max = 100;
+		var initial = data.timestamp;
+		var duration = data.expiration;
+  		var current = 100 * (Math.floor(Date.now()/1000) - initial)/duration;
+		$("#progressbar").progressbar({
+		    value: current,
+		    max: max
+		});
+		function update() {
+        	    current = 100 * (Math.floor(Date.now()/1000) - initial)/duration;
+		    $("#progressbar").progressbar({
+			value: current
+		    });
+		    if (current >= max) {
+			$("#container").html("expired:", duration);
+		    }
+		};
+		var interval = setInterval(update, 1000);
+            });
+	    })
+	.fail(function() {
+	    console.log( "error fail" );
+            $("<p />").text("error").appendTo($("p#error"));
+        });
+};
+</script>
+    </head>
+    <body>
+	<div id="container" style="width:20em; text-align:center; margin:auto; font-family:arial, serif;">
+            <p id="error"></p>
+            <p id="reason"></p>
+            <p id="amount"></p>
+	    <div style="background-color:#7777aa; border-radius: 5px; padding:10px;">
+		<a style="color:#ffffff; text-decoration:none;" id="paylink">Pay with Bitcoin</a>
+	    </div>
+	    <br/>
+	    <div id="qrcode" align="center"></div>
+            <p id="powered" style="font-size:80%;"></p>
+	    <div id="progressbar"></div>
+	</div>
+
+    </body>
+</html>