highperfocused/lnbits
1
0
Fork 0
mirror of https://github.com/lnbits/lnbits.git synced 2025-09-27 20:36:16 +02:00
Code Issues Packages Projects Releases Wiki Activity

Update display.html

Browse Source
This commit is contained in:
Arc
2020-02-23 00:13:16 +00:00
committed by GitHub
parent d2d8c76baa
commit c941aec662
1 changed files with 102 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

123
lnbits/extensions/events/templates/events/display.html
View File

@@ -1,4 +1,4 @@
<!-- @format --> <!-- @format -->
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
@@ -452,15 +452,31 @@ background-color:
<!-- Content Header (Page header) --> <!-- Content Header (Page header) -->
<section class="content-header"> <section class="content-header">
<h1> <h1>
LNURL Withdraw Link LNBits Events
<small>Use LNURL compatible bitcoin wallet</small> <small>Lightning powered tickets</small>
</h1> </h1>
</section> </section>
<!-- Main content --> <!-- Main content -->
<section class="content"><br/><br/> <section class="content"><br/><br/>
<center><h1 style="font-size:500%">Withdraw Link: {{ user_fau[0][6] }}</h1></center> <center><h1 style="font-size:500%">{{ nme }}</h1></center>
<center><h2 style="width:55%;word-wrap: break-word;" >{{ descr }}</h2></center>
<div id="theform">
<br/><br/><br/>
<center>
<form role="form">
<div class="form-group" style="width:300px;">
<input id="Nam" type="text" class="form-control" placeholder="Name"></input>
<input id="Ema" type="text" class="form-control" placeholder="Email"></input>
</div>
<button onclick="submitforticket()" type="button" class="btn btn-info">Go to payment</button><p style="color:red;" id="error"></p>
</form>
</div>
</center>
<center><br/><br/> <div id="qrcode" style="width: 340px;"></div><br/><br/> <center><br/><br/> <div id="qrcode" style="width: 340px;"></div><br/><br/>
<div style="width:55%;word-wrap: break-word;" id="qrcodetxt"></div> <br/></center> <div style="width:55%;word-wrap: break-word;" id="qrcodetxt"></div> <br/></center>
@@ -471,6 +487,32 @@ background-color:
</body> </body>
<script> <script>
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) { function getAjax(url, thekey, success) {
var xhr = window.XMLHttpRequest var xhr = window.XMLHttpRequest
? new XMLHttpRequest() ? new XMLHttpRequest()
@@ -488,40 +530,79 @@ background-color:
return xhr return xhr
} }
function submitforticket(){
function drawwithdraw(data) { nam = document.getElementById('Nam').value
ema = document.getElementById('Ema').value
postAjax(
"{{ url_for('events.api_getticket') }}?ema=" + ema,
JSON.stringify({"unireg": "{{wave }}", "name": nam}),
"filla",
console.log(data) function(data) {
theinvoice = JSON.parse(data).pay_req
thehash = JSON.parse(data).payment_hash
new QRCode(document.getElementById('qrcode'), {
getAjax('/withdraw/api/v1/lnurlencode/'+ window.location.hostname + "/" + data, "filla", function(datab) { text: theinvoice,
if (JSON.parse(datab).status == 'TRUE') {
console.log(JSON.parse(datab).status)
lnurlfau = (JSON.parse(datab).lnurl)
new QRCode(document.getElementById('qrcode'), {
text: lnurlfau,
width: 300, width: 300,
height: 300, height: 300,
colorDark: '#000000', colorDark: '#000000',
colorLight: '#ffffff', colorLight: '#ffffff',
correctLevel: QRCode.CorrectLevel.M correctLevel: QRCode.CorrectLevel.M
}) })
document.getElementById('theform').innerHTML = ""
document.getElementById("qrcode").style.backgroundColor = "white"; document.getElementById("qrcode").style.backgroundColor = "white";
document.getElementById("qrcode").style.padding = "20px"; document.getElementById("qrcode").style.padding = "20px";
document.getElementById('qrcodetxt').innerHTML = lnurlfau + "<br/><br/>"
} document.getElementById('qrcodetxt').innerHTML = theinvoice + "<br/><br/>"
else {
var refreshId = setInterval(function(){
data = "Failed to build LNURL" getAjax('/api/v1/invoice/' + thehash, "{{wave}}", function(datab) {
console.log(JSON.parse(datab).PAID)
if (JSON.parse(datab).PAID == 'TRUE') {
displayticket(thehash)
clearInterval(refreshId)
} }
}) })}, 3000);
})
}
function displayticket(thehash){
postAjax(
"{{ url_for('events.api_updateticket') }}",
JSON.stringify({"unireg": "{{wave}}", "hash": thehash}),
"filla",
function(data) {
thehash = JSON.parse(data).payment_hash
document.getElementById('qrcode').innerHTML = ""
document.getElementById('qrcodetxt').innerHTML = ""
new QRCode(document.getElementById('qrcode'), {
text: thehash,
width: 300,
height: 300,
colorDark: '#000000',
colorLight: '#ffffff',
correctLevel: QRCode.CorrectLevel.M
})
document.getElementById('theform').innerHTML = "<center><h2>*This QR code is your ticket, save it, and bring<br/>it to the event registration.</h2></center>"
document.getElementById("qrcode").style.backgroundColor = "white";
document.getElementById("qrcode").style.padding = "20px";
})
} }
drawwithdraw("{{ user_fau[0][5] }}")