mirror of https://github.com/lukechilds/lnbits.git
fiatjaf
5 years ago
8 changed files with 527 additions and 555 deletions
@ -0,0 +1,16 @@ |
|||
import json |
|||
import sqlite3 |
|||
|
|||
|
|||
class MegaEncoder(json.JSONEncoder): |
|||
def default(self, o): |
|||
if type(o) == sqlite3.Row: |
|||
val = {} |
|||
for k in o.keys(): |
|||
val[k] = o[k] |
|||
return val |
|||
return o |
|||
|
|||
|
|||
def megajson(o): |
|||
return json.dumps(o, cls=MegaEncoder) |
|||
@ -0,0 +1,349 @@ |
|||
/** @format */ |
|||
|
|||
const user = window.user |
|||
const user_wallets = window.user_wallets |
|||
const wallet = window.wallet |
|||
const transactions = window.transactions |
|||
|
|||
var thehash = '' |
|||
var theinvoice = '' |
|||
var outamount = '' |
|||
var outmemo = '' |
|||
|
|||
// API CALLS
|
|||
|
|||
function postAjax(url, data, thekey, success) { |
|||
var params = |
|||
typeof data == 'string' |
|||
? data |
|||
: Object.keys(data) |
|||
.map(function(k) { |
|||
return encodeURIComponent(k) + '=' + encodeURIComponent(data[k]) |
|||
}) |
|||
.join('&') |
|||
var xhr = window.XMLHttpRequest |
|||
? new XMLHttpRequest() |
|||
: new ActiveXObject('Microsoft.XMLHTTP') |
|||
xhr.open('POST', url) |
|||
xhr.onreadystatechange = function() { |
|||
if (xhr.readyState > 3 && xhr.status == 200) { |
|||
success(xhr.responseText) |
|||
} |
|||
} |
|||
xhr.setRequestHeader('Grpc-Metadata-macaroon', thekey) |
|||
xhr.setRequestHeader('Content-Type', 'application/json') |
|||
xhr.send(params) |
|||
return xhr |
|||
} |
|||
|
|||
function getAjax(url, thekey, success) { |
|||
var xhr = window.XMLHttpRequest |
|||
? new XMLHttpRequest() |
|||
: new ActiveXObject('Microsoft.XMLHTTP') |
|||
xhr.open('GET', url, true) |
|||
xhr.onreadystatechange = function() { |
|||
if (xhr.readyState > 3 && xhr.status == 200) { |
|||
success(xhr.responseText) |
|||
} |
|||
} |
|||
xhr.setRequestHeader('Grpc-Metadata-macaroon', thekey) |
|||
xhr.setRequestHeader('Content-Type', 'application/json') |
|||
xhr.send() |
|||
return xhr |
|||
} |
|||
|
|||
function sendfundsinput() { |
|||
document.getElementById('sendfunds').innerHTML = |
|||
"<br/><br/><div class='row'><div class='col-md-4'>" + |
|||
"<textarea id='pasteinvoice' class='form-control' rows='3' placeholder='Paste an invoice'></textarea></div></div>" + |
|||
"<br/><div class='row'><div class='col-md-4'><button type='submit' onclick='sendfundspaste()' class='btn btn-primary'>" + |
|||
"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/>' |
|||
document.getElementById('receive').innerHTML = '' |
|||
} |
|||
|
|||
function sendfundspaste() { |
|||
invoice = document.getElementById('pasteinvoice').value |
|||
theinvoice = decode(invoice) |
|||
outmemo = theinvoice.data.tags[1].value |
|||
outamount = Number(theinvoice.human_readable_part.amount) / 1000 |
|||
if (outamount > Number(wallet.balance)) { |
|||
document.getElementById('sendfunds').innerHTML = |
|||
"<div class='row'><div class='col-md-6'>" + |
|||
"<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>" + |
|||
'</br/></br/></div></div>' |
|||
} else { |
|||
document.getElementById('sendfunds').innerHTML = |
|||
"<div class='row'><div class='col-md-6'>" + |
|||
'<h3><b>Invoice details</b></br/>Amount: ' + |
|||
outamount + |
|||
'<br/>Memo: ' + |
|||
outmemo + |
|||
'</h3>' + |
|||
"<h4 style='word-wrap: break-word;'>" + |
|||
invoice + |
|||
'</h4>' + |
|||
"<button type='submit' class='btn btn-primary' onclick='sendfunds(" + |
|||
JSON.stringify(invoice) + |
|||
")'>Send funds</button>" + |
|||
"<button style='margin-left:20px;' type='submit' class='btn btn-primary' onclick='cancelsend()'>Cancel payment</button>" + |
|||
'</br/></br/></div></div>' |
|||
} |
|||
} |
|||
|
|||
function receive() { |
|||
document.getElementById('receive').innerHTML = |
|||
"<br/><div class='row'><div id='QRCODE'>" + |
|||
"<div class='col-sm-2'><input type='number' class='form-control' id='amount' placeholder='Amount' max='1000000' required></div>" + |
|||
"<div class='col-sm-2'><input type='text' class='form-control' id='memo' placeholder='Memo' required></div>" + |
|||
"<div class='col-sm-2'><input type='button' id='getinvoice' onclick='received()' class='btn btn-primary' value='Create invoice' /></div>" + |
|||
'</div></div><br/>' |
|||
document.getElementById('sendfunds').innerHTML = '' |
|||
} |
|||
|
|||
function received() { |
|||
memo = document.getElementById('memo').value |
|||
amount = document.getElementById('amount').value |
|||
postAjax( |
|||
'/v1/invoices', |
|||
JSON.stringify({value: amount, memo: memo}), |
|||
wallet.inkey, |
|||
function(data) { |
|||
theinvoice = JSON.parse(data).pay_req |
|||
thehash = JSON.parse(data).payment_hash |
|||
document.getElementById('QRCODE').innerHTML = |
|||
"<div class='col-md-4'><div class='box'><div class='box-header'>" + |
|||
"<center><a href='lightning:" + |
|||
theinvoice + |
|||
"'><div id='qrcode'></div></a>" + |
|||
"<p style='word-wrap: break-word;'>" + |
|||
theinvoice + |
|||
'</p></div></div></div></center>' |
|||
|
|||
new QRCode(document.getElementById('qrcode'), { |
|||
text: theinvoice, |
|||
width: 300, |
|||
height: 300, |
|||
colorDark: '#000000', |
|||
colorLight: '#ffffff', |
|||
correctLevel: QRCode.CorrectLevel.M |
|||
}) |
|||
getAjax('/v1/invoice/' + thehash, wallet.inkey, function(datab) { |
|||
console.log(JSON.parse(datab).PAID) |
|||
if (JSON.parse(datab).PAID == 'TRUE') { |
|||
window.location.href = 'wallet?wal=' + wallet.id + '&usr=' + user |
|||
} |
|||
}) |
|||
} |
|||
) |
|||
} |
|||
|
|||
function cancelsend() { |
|||
window.location.href = 'wallet?wal=' + wallet.id + '&usr=' + user |
|||
} |
|||
|
|||
function sendfunds(invoice) { |
|||
var url = '/v1/channels/transactions' |
|||
postAjax( |
|||
url, |
|||
JSON.stringify({payment_request: invoice}), |
|||
wallet.adminkey, |
|||
function(data) { |
|||
thehash = JSON.parse(data).payment_hash |
|||
console.log(JSON.parse(data)) |
|||
if (JSON.parse(data).PAID == 'TRUE') { |
|||
window.location.href = 'wallet?wal=' + wallet.id + '&usr=' + user |
|||
} |
|||
} |
|||
) |
|||
} |
|||
|
|||
function scanQRsend() { |
|||
document.getElementById('sendfunds').innerHTML = |
|||
"<br/><br/><div class='row'><div class='col-md-4'>" + |
|||
"<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>" + |
|||
"<br/><span id='outputData'></span></div></div></div><button type='submit' class='btn btn-primary' onclick='cancelsend()'>Cancel</button><br/><br/>" |
|||
var video = document.createElement('video') |
|||
var canvasElement = document.getElementById('canvas') |
|||
var canvas = canvasElement.getContext('2d') |
|||
var loadingMessage = document.getElementById('loadingMessage') |
|||
var outputContainer = document.getElementById('output') |
|||
var outputMessage = document.getElementById('outputMessage') |
|||
var outputData = document.getElementById('outputData') |
|||
function drawLine(begin, end, color) { |
|||
canvas.beginPath() |
|||
canvas.moveTo(begin.x, begin.y) |
|||
canvas.lineTo(end.x, end.y) |
|||
canvas.lineWidth = 4 |
|||
canvas.strokeStyle = color |
|||
canvas.stroke() |
|||
} |
|||
// Use facingMode: environment to attemt to get the front camera on phones
|
|||
navigator.mediaDevices |
|||
.getUserMedia({video: {facingMode: 'environment'}}) |
|||
.then(function(stream) { |
|||
video.srcObject = stream |
|||
video.setAttribute('playsinline', true) // required to tell iOS safari we don't want fullscreen
|
|||
video.play() |
|||
requestAnimationFrame(tick) |
|||
}) |
|||
function tick() { |
|||
loadingMessage.innerText = '⌛ Loading video...' |
|||
if (video.readyState === video.HAVE_ENOUGH_DATA) { |
|||
loadingMessage.hidden = true |
|||
canvasElement.hidden = false |
|||
outputContainer.hidden = false |
|||
canvasElement.height = video.videoHeight |
|||
canvasElement.width = video.videoWidth |
|||
canvas.drawImage(video, 0, 0, canvasElement.width, canvasElement.height) |
|||
var imageData = canvas.getImageData( |
|||
0, |
|||
0, |
|||
canvasElement.width, |
|||
canvasElement.height |
|||
) |
|||
var code = jsQR(imageData.data, imageData.width, imageData.height, { |
|||
inversionAttempts: 'dontInvert' |
|||
}) |
|||
if (code) { |
|||
drawLine( |
|||
code.location.topLeftCorner, |
|||
code.location.topRightCorner, |
|||
'#FF3B58' |
|||
) |
|||
drawLine( |
|||
code.location.topRightCorner, |
|||
code.location.bottomRightCorner, |
|||
'#FF3B58' |
|||
) |
|||
drawLine( |
|||
code.location.bottomRightCorner, |
|||
code.location.bottomLeftCorner, |
|||
'#FF3B58' |
|||
) |
|||
drawLine( |
|||
code.location.bottomLeftCorner, |
|||
code.location.topLeftCorner, |
|||
'#FF3B58' |
|||
) |
|||
outputMessage.hidden = true |
|||
outputData.parentElement.hidden = false |
|||
outputData.innerText = JSON.stringify(code.data) |
|||
theinvoice = decode(code.data) |
|||
outmemo = theinvoice.data.tags[1].value |
|||
outamount = Number(theinvoice.human_readable_part.amount) / 1000 |
|||
if (outamount > Number(wallet.balance)) { |
|||
document.getElementById('sendfunds').innerHTML = |
|||
"<div class='row'><div class='col-md-6'>" + |
|||
"<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>" + |
|||
'</br/></br/></div></div>' |
|||
} else { |
|||
document.getElementById('sendfunds').innerHTML = |
|||
"<div class='row'><div class='col-md-6'>" + |
|||
'<h3><b>Invoice details</b></br/>Amount: ' + |
|||
outamount + |
|||
'<br/>Memo: ' + |
|||
outmemo + |
|||
'</h3>' + |
|||
"<h4 style='word-wrap: break-word;'>" + |
|||
JSON.stringify(code.data) + |
|||
'</h4>' + |
|||
"<button type='submit' class='btn btn-primary' onclick='sendfunds(" + |
|||
JSON.stringify(code.data) + |
|||
")'>Send funds</button>" + |
|||
"<button style='margin-left:20px;' type='submit' class='btn btn-primary' onclick='cancelsend()'>Cancel payment</button>" + |
|||
'</br/></br/></div></div>' |
|||
} |
|||
} else { |
|||
outputMessage.hidden = false |
|||
outputData.parentElement.hidden = true |
|||
} |
|||
} |
|||
requestAnimationFrame(tick) |
|||
} |
|||
} |
|||
|
|||
function deletewallet() { |
|||
var url = 'deletewallet?wal=' + wallet.id + '&usr=' + user |
|||
window.location.href = url |
|||
} |
|||
|
|||
function sidebarmake() { |
|||
document.getElementById('sidebarmake').innerHTML = |
|||
"<li><div class='form-group'>" + |
|||
"<input style='width:70%;float:left;' type='text' class='form-control' id='walname' placeholder='Name wallet' required>" + |
|||
"<button style='width:30%;float:left;' type='button' class='btn btn-primary' onclick='newwallet()'>Submit</button>" + |
|||
'</div></li><br/><br/>' |
|||
} |
|||
|
|||
function newwallet() { |
|||
walname = document.getElementById('walname').value |
|||
window.location.href = 'wallet?usr=' + user + '&nme=' + walname |
|||
} |
|||
|
|||
function drawChart(transactions) { |
|||
var linechart = [] |
|||
var transactionsHTML = '' |
|||
var balance = 0 |
|||
|
|||
for (var i = 0; i < transactions.length; i++) { |
|||
var tx = transactions[i] |
|||
var datime = convertTimestamp(tx.time) |
|||
|
|||
// make the transactions table
|
|||
transactionsHTML += |
|||
"<tr><td style='width: 50%'>" + |
|||
tx.memo + |
|||
'</td><td>' + |
|||
datime + |
|||
'</td><td>' + |
|||
parseFloat(tx.amount / 1000) + |
|||
'</td></tr>' |
|||
|
|||
// make the line chart
|
|||
balance += parseInt(tx.amount / 1000) |
|||
linechart.push({y: datime, balance: balance}) |
|||
} |
|||
|
|||
document.getElementById('transactions').innerHTML = transactionsHTML |
|||
|
|||
if (linechart[0] != '') { |
|||
document.getElementById('satschart').innerHTML = |
|||
"<div class='row'><div class='col-md-6'><div class='box box-info'><div class='box-header'>" + |
|||
"<h3 class='box-title'>Spending</h3></div><div class='box-body chart-responsive'>" + |
|||
"<div class='chart' id='line-chart' style='height: 300px;'></div></div></div></div></div>" |
|||
} |
|||
|
|||
console.log(linechart) |
|||
var line = new Morris.Line({ |
|||
element: 'line-chart', |
|||
resize: true, |
|||
data: linechart, |
|||
xkey: 'y', |
|||
ykeys: ['balance'], |
|||
labels: ['balance'], |
|||
lineColors: ['#3c8dbc'], |
|||
hideHover: 'auto' |
|||
}) |
|||
} |
|||
|
|||
function convertTimestamp(timestamp) { |
|||
var d = new Date(timestamp * 1000), |
|||
yyyy = d.getFullYear(), |
|||
mm = ('0' + (d.getMonth() + 1)).slice(-2), |
|||
dd = ('0' + d.getDate()).slice(-2), |
|||
hh = d.getHours(), |
|||
h = hh, |
|||
min = ('0' + d.getMinutes()).slice(-2), |
|||
ampm = 'AM', |
|||
time |
|||
time = yyyy + '-' + mm + '-' + dd + ' ' + h + ':' + min |
|||
return time |
|||
} |
|||
|
|||
if (transactions.length) { |
|||
drawChart(transactions) |
|||
} |
|||
Loading…
Reference in new issue