|
|
@ -2,66 +2,69 @@ |
|
|
|
<html> |
|
|
|
<head> |
|
|
|
<title>Payment request</title> |
|
|
|
<script type="text/javascript" charset="utf-8" src="http://code.jquery.com/jquery-1.9.1.min.js"></script> |
|
|
|
<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> |
|
|
|
|
|
|
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="/css/result-light.css"> |
|
|
|
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> |
|
|
|
<link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css"> |
|
|
|
|
|
|
|
<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"> |
|
|
|
$(document).ready(function() { |
|
|
|
$.jsonRPC.setup({ |
|
|
|
endPoint : "http://localhost:7777", |
|
|
|
namespace : "" |
|
|
|
}); |
|
|
|
if (window.location.hash) { |
|
|
|
$.jsonRPC.request('getrequest', { |
|
|
|
params : [window.location.hash.substr(1)], |
|
|
|
success : function(data) { |
|
|
|
new QRCode(document.getElementById("qrcode"), data.result.URI); |
|
|
|
$("<p />").text(data.result.reason).appendTo($("p#reason")); |
|
|
|
$("<p />").text(data.result.amount + "BTC").appendTo($("p#amount")); |
|
|
|
$("a").attr("href", data.result.URI); |
|
|
|
$("<p />").text("Powered by Electrum").appendTo($("p#powered")); |
|
|
|
|
|
|
|
$(function () { |
|
|
|
var current; |
|
|
|
var max = 100; |
|
|
|
var initial = data.result.timestamp; |
|
|
|
var duration = data.result.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 (duration && current >= max) { |
|
|
|
$("#container").html("expired:", duration); |
|
|
|
} |
|
|
|
if(!duration) clearInterval(interval); |
|
|
|
}; |
|
|
|
var interval = setInterval(update, 1000); |
|
|
|
}); |
|
|
|
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]; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
}, |
|
|
|
error : function(data) { |
|
|
|
$("<p />").text("error").appendTo($("p#error")); |
|
|
|
$("<p />").text(data.error.message).appendTo($("p#error")); |
|
|
|
} |
|
|
|
}); |
|
|
|
|
|
|
|
} |
|
|
|
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); |
|
|
|
}); |
|
|
|
</script> |
|
|
|
}) |
|
|
|
.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;"> |
|
|
@ -79,4 +82,3 @@ $(function () { |
|
|
|
|
|
|
|
</body> |
|
|
|
</html> |
|
|
|
|
|
|
|