mirrors/lnbits-legend
1
0
Fork 0
mirror of https://github.com/lnbits/lnbits-legend.git synced 2025-03-15 12:20:21 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update app.js

Browse source
This commit is contained in:
Arc 2020-01-15 15:18:14 +00:00 • committed by GitHub
parent 65d9a146c5
commit bcb27519bf
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 57 additions and 37 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

84
lnbits/static/app.js
View file

@ -48,17 +48,23 @@ function getAjax(url, thekey, success) {
} }
xhr.setRequestHeader('Grpc-Metadata-macaroon', thekey) xhr.setRequestHeader('Grpc-Metadata-macaroon', thekey)
xhr.setRequestHeader('Content-Type', 'application/json') xhr.setRequestHeader('Content-Type', 'application/json')
xhr.send() xhr.send()
return xhr return xhr
} }
function sendfundsinput() { function sendfundsinput() {
document.getElementById('sendfunds').innerHTML = document.getElementById('sendfunds').innerHTML =
"<br/><br/><div class='row'><div class='col-md-4'>" + "<div class='modal fade sends' tabindex='-1' role='dialog' aria-labelledby='myLargeModalLabel' aria-hidden='true'>"+
"<textarea id='pasteinvoice' class='form-control' rows='3' placeholder='Paste an invoice'></textarea></div></div>" + "<div class='modal-dialog' style='background:#fff;'>"+
"<br/><div class='row'><div class='col-md-4'><button type='submit' onclick='sendfundspaste()' class='btn btn-primary'>" + "<div id='sendfunds2' style='padding: 0 10px 0 10px;'><div class='modal-content'>"+
"<br/><br/>" +
"<textarea id='pasteinvoice' class='form-control' rows='3' placeholder='Paste an invoice'></textarea></div>" +
"<div class='modal-footer'>"+
"<button type='submit' onclick='sendfundspaste()' class='btn btn-primary'>" +
"Submit</button><button style='margin-left:20px;' type='submit' class='btn btn-primary' onclick='scanQRsend()'>" + "Submit</button><button style='margin-left:20px;' type='submit' class='btn btn-primary' onclick='scanQRsend()'>" +
'Use camera to scan an invoice</button></div></div><br/><br/>' 'Use camera to scan an invoice</button></div>'+
"</div></div>"
document.getElementById('receive').innerHTML = '' document.getElementById('receive').innerHTML = ''
} }
@ -68,14 +74,15 @@ function sendfundspaste() {
outmemo = theinvoice.data.tags[1].value outmemo = theinvoice.data.tags[1].value
outamount = Number(theinvoice.human_readable_part.amount) / 1000 outamount = Number(theinvoice.human_readable_part.amount) / 1000
if (outamount > Number(wallet.balance)) { if (outamount > Number(wallet.balance)) {
document.getElementById('sendfunds').innerHTML = document.getElementById('sendfunds2').innerHTML =
"<div class='row'><div class='col-md-6'>" + "<div class='modal-content'>"+
"<h3><b style='color:red;'>Not enough funds!</b></h3>" + "<h3><b style='color:red;'>Not enough funds!</b></h3></div>" +
"<button style='margin-left:20px;' type='submit' class='btn btn-primary' onclick='cancelsend()'>Continue</button>" + "<div class='modal-footer'>"+
'</br/></br/></div></div>' "<button style='margin-left:20px;' type='submit' class='btn btn-primary' onclick='cancelsend()'>Continue</button></div>"
} else { } else {
document.getElementById('sendfunds').innerHTML = document.getElementById('sendfunds2').innerHTML =
"<div class='row'><div class='col-md-6'>" + "<div class='modal-content'>"+
'<h3><b>Invoice details</b></br/>Amount: ' + '<h3><b>Invoice details</b></br/>Amount: ' +
outamount + outamount +
'<br/>Memo: ' + '<br/>Memo: ' +
@ -83,22 +90,27 @@ function sendfundspaste() {
'</h3>' + '</h3>' +
"<div class='input-group input-group-sm'><input type='text' id='invoiceinput' class='form-control' value='" + "<div class='input-group input-group-sm'><input type='text' id='invoiceinput' class='form-control' value='" +
invoice + invoice +
"'><span class='input-group-btn'><button class='btn btn-info btn-flat' type='button' onclick='copyfunc()'>Copy</button></span></div></br/>" + "'><span class='input-group-btn'><button class='btn btn-info btn-flat' type='button' onclick='copyfunc()'>Copy</button></span></div></br/></div>" +
"<div class='modal-footer'>"+
"<button type='submit' class='btn btn-primary' onclick='sendfunds(" + "<button type='submit' class='btn btn-primary' onclick='sendfunds(" +
JSON.stringify(invoice) + JSON.stringify(invoice) +
")'>Send funds</button>" + ")'>Send funds</button>" +
"<button style='margin-left:20px;' type='submit' class='btn btn-primary' onclick='cancelsend()'>Cancel payment</button>" + "<button style='margin-left:20px;' type='submit' class='btn btn-primary' onclick='cancelsend()'>Cancel payment</button>" +
'</br/></br/></div></div>' '</br/></br/></div></div></div>'
} }
} }
function receive() { function receive() {
document.getElementById('receive').innerHTML = document.getElementById('receive').innerHTML =
"<br/><div class='row'><div id='QRCODE'>" + "<div class='modal fade receives' tabindex='-1' role='dialog' aria-labelledby='myLargeModalLabel' aria-hidden='true'>"+
"<div class='col-sm-2'><input type='number' class='form-control' id='amount' placeholder='Amount' max='1000000' required></div>" + "<div class='modal-dialog' style='background:#fff;'><div id='QRCODE'><div class='modal-content' style='padding: 0 10px 0 10px;'>"+
"<div class='col-sm-2'><input type='text' class='form-control' id='memo' placeholder='Memo' required></div>" + "<br/><center><input style='width:80%' type='number' class='form-control' id='amount' placeholder='Amount' max='1000000' required>" +
"<div class='col-sm-2'><input type='button' id='getinvoice' onclick='received()' class='btn btn-primary' value='Create invoice' /></div>" + "<input style='width:80%' type='text' class='form-control' id='memo' placeholder='Memo' required></center></div>" +
'</div></div><br/>' "<div class='modal-footer'>"+
"<input type='button' id='getinvoice' onclick='received()' class='btn btn-primary' value='Create invoice' />" +
'</div></div><br/>'+
"</div></div></div>"
document.getElementById('sendfunds').innerHTML = '' document.getElementById('sendfunds').innerHTML = ''
} }
@ -113,13 +125,13 @@ function received() {
theinvoice = JSON.parse(data).pay_req theinvoice = JSON.parse(data).pay_req
thehash = JSON.parse(data).payment_hash thehash = JSON.parse(data).payment_hash
document.getElementById('QRCODE').innerHTML = document.getElementById('QRCODE').innerHTML =
"<div class='col-md-4'><div class='box'><div class='box-header'>" + "<div class='modal-content' style='padding: 10px 10px 0 10px;'>"+
"<center><a href='lightning:" + "<center><a href='lightning:" +
theinvoice + theinvoice +
"'><div id='qrcode'></div></a>" + "'><div id='qrcode'></div></a>" +
"<p style='word-wrap: break-word;'>" + "<p style='word-wrap: break-word;'>" +
theinvoice + theinvoice +
'</p></div></div></div></center>' '</p></center>'
new QRCode(document.getElementById('qrcode'), { new QRCode(document.getElementById('qrcode'), {
text: theinvoice, text: theinvoice,
@ -129,6 +141,8 @@ function received() {
colorLight: '#ffffff', colorLight: '#ffffff',
correctLevel: QRCode.CorrectLevel.M correctLevel: QRCode.CorrectLevel.M
}) })
setInterval(function(){ setInterval(function(){
getAjax('/v1/invoice/' + thehash, wallet.inkey, function(datab) { getAjax('/v1/invoice/' + thehash, wallet.inkey, function(datab) {
console.log(JSON.parse(datab).PAID) console.log(JSON.parse(datab).PAID)
@ -136,7 +150,8 @@ function received() {
window.location.href = 'wallet?wal=' + wallet.id + '&usr=' + user window.location.href = 'wallet?wal=' + wallet.id + '&usr=' + user
} }
})}, 3000); })}, 3000);
})
} }
) )
} }
@ -146,29 +161,34 @@ function cancelsend() {
} }
function sendfunds(invoice) { function sendfunds(invoice) {
var url = '/v1/channels/transactions'
postAjax( postAjax(
url, '/v1/channels/transactions',
JSON.stringify({payment_request: invoice}), JSON.stringify({payment_request: invoice}),
wallet.adminkey, wallet.adminkey,
function(data) { function(data) {
setInterval(function(){
thehash = JSON.parse(data).payment_hash thehash = JSON.parse(data).payment_hash
console.log(JSON.parse(data))
if (JSON.parse(data).PAID == 'TRUE') { setInterval(function(){
getAjax('/v1/payment/' + thehash, wallet.adminkey, function(datab) {
console.log(JSON.parse(datab).PAID)
if (JSON.parse(datab).PAID == 'TRUE') {
window.location.href = 'wallet?wal=' + wallet.id + '&usr=' + user window.location.href = 'wallet?wal=' + wallet.id + '&usr=' + user
} }
})}, 3000); })}, 3000);
} }
) )
} }
function scanQRsend() { function scanQRsend() {
document.getElementById('sendfunds').innerHTML = document.getElementById('sendfunds2').innerHTML =
"<br/><br/><div class='row'><div class='col-md-4'>" + "<div class='modal-content'>"+
"<div id='loadingMessage'>🎥 Unable to access video stream (please make sure you have a webcam enabled)</div>" + "<br/><div id='loadingMessage'>🎥 Unable to access video stream (please make sure you have a webcam enabled)</div>" +
"<canvas id='canvas' hidden></canvas><div id='output' hidden><div id='outputMessage'></div>" + "<canvas id='canvas' hidden></canvas><div id='output' hidden><div id='outputMessage'></div>" +
"<br/><span id='outputData'></span></div></div></div><button type='submit' class='btn btn-primary' onclick='cancelsend()'>Cancel</button><br/><br/>" "<br/><span id='outputData'></span></div></div><div class='modal-footer'>"+
"<button type='submit' class='btn btn-primary' onclick='cancelsend()'>Cancel</button><br/><br/>"
var video = document.createElement('video') var video = document.createElement('video')
var canvasElement = document.getElementById('canvas') var canvasElement = document.getElementById('canvas')
var canvas = canvasElement.getContext('2d') var canvas = canvasElement.getContext('2d')
@ -213,13 +233,13 @@ function scanQRsend() {
outmemo = theinvoice.data.tags[1].value outmemo = theinvoice.data.tags[1].value
outamount = Number(theinvoice.human_readable_part.amount) / 1000 outamount = Number(theinvoice.human_readable_part.amount) / 1000
if (outamount > Number(wallet.balance)) { if (outamount > Number(wallet.balance)) {
document.getElementById('sendfunds').innerHTML = document.getElementById('sendfunds2').innerHTML =
"<div class='row'><div class='col-md-6'>" + "<div class='row'><div class='col-md-6'>" +
"<h3><b style='color:red;'>Not enough funds!</b></h3>" + "<h3><b style='color:red;'>Not enough funds!</b></h3>" +
"<button style='margin-left:20px;' type='submit' class='btn btn-primary' onclick='cancelsend()'>Continue</button>" + "<button style='margin-left:20px;' type='submit' class='btn btn-primary' onclick='cancelsend()'>Continue</button>" +
'</br/></br/></div></div>' '</br/></br/></div></div>'
} else { } else {
document.getElementById('sendfunds').innerHTML = document.getElementById('sendfunds2').innerHTML =
"<div class='row'><div class='col-md-6'>" + "<div class='row'><div class='col-md-6'>" +
'<h3><b>Invoice details</b></br/>Amount: ' + '<h3><b>Invoice details</b></br/>Amount: ' +
outamount + outamount +