GlcoinCore/lightningtipbot
1
0
Fork 0
mirror of https://github.com/ChuckNorrison/LightningTipBot.git synced 2026-08-13 12:33:14 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

create invoices

Browse source
This commit is contained in:
callebtc 2022-08-28 19:16:23 +02:00
parent c5f106187f
commit b618b1aa41
2 changed files with 77 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

92
internal/api/userpage/static/webapp.html
View file

@ -58,6 +58,16 @@
pointer-events: none;
}
input {
font-size: 14px;
text-align: center;
padding: 12px 20px;
border: none;
border-radius: 4px;
background-color: var(--tg-theme-button-color, #f5f5f5);
color: var(--tg-theme-button-text-color, #1a1a1a);
}
section {
padding: 5px 5px 65px;
text-align: center;
@ -200,13 +210,19 @@
width: 100% !important;
height: 100% !important;
}
.wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
padding: 12px 20px;
}
</style>
</head>
<body>
<section>
<h1>{{.Username}}@ln.tips</h1>
<h1 id="greeting"></h1>
<div class="qr-container">
<div class="qr" id="qr">
@ -214,32 +230,35 @@
</div>
<div id="buttons">
<button onclick="webviewClose();">Close</button>
<!-- <button onclick="webviewClose();">Close</button> -->
<div class="wrapper">
<div>
<input type="number" id="invoiceAmount" placeholder="1000 sat"></input>
</div>
<div>
<button onclick="getInvoice(this, {{.Callback}});" style="display: inline; margin: 0px;">Invoice</button>
</div>
</div>
</div>
</section>
<script type="application/javascript">
Telegram.WebApp.ready();
const qr = document.getElementById('qr');
if ( qr ) {
const qrGfx = kjua({
text: {{.LNURLPay}},
rounded: 50,
size: 500,
render: 'canvas',
});
qr.appendChild( qrGfx );
}
// render the LNURL pay QR code
var s = {{.LNURLPay}};
renderQr(s);
// data passed form telegram server
const initData = Telegram.WebApp.initData || '';
const initDataUnsafe = Telegram.WebApp.initDataUnsafe || {};
document.querySelector('#greeting').innerHTML = `Hi, ${initDataUnsafe.user.first_name}!`;
document.querySelector('#initData').innerHTML = JSON.stringify(initData, null, 2);
document.querySelector('#initDataUnsafe').innerHTML = JSON.stringify(initDataUnsafe, null, 2);
document.querySelector('#themeData').html(JSON.stringify(Telegram.WebApp.themeParams, null, 2));
document.querySelector('#greeting').innerHTML = "{{.Username}}@ln.tips";
// document.querySelector('#initData').innerHTML = JSON.stringify(initData, null, 2);
// document.querySelector('#initDataUnsafe').innerHTML = JSON.stringify(initDataUnsafe, null, 2);
// react to theme changes
document.querySelector('#themeData').html(JSON.stringify(Telegram.WebApp.themeParams, null, 2));
Telegram.WebApp.onEvent('themeChanged', function() {
document.querySelector('#themeData').innerHTML = JSON.stringify(Telegram.WebApp.themeParams, null, 2);
});
@ -247,6 +266,45 @@
function webviewClose() {
Telegram.WebApp.close();
}
function renderQr(payload) {
const qr = document.getElementById('qr');
qr.innerHTML = '';
if ( qr ) {
const qrGfx = kjua({
text: payload,
rounded: 50,
size: 500,
render: 'canvas',
});
qr.appendChild( qrGfx );
}
}
function getInvoice(el, callback) {
fetch(callback)
.then(data => {
return data.json();
})
.then(r => {
console.log(r);
var invoiceAmount = document.getElementById("invoiceAmount").value;
if (invoiceAmount == "") {
invoiceAmount = 1000;
console.warn("overwriting invoiceAmount with " + invoiceAmount);
}
console.log("requesting invoice with amount " + invoiceAmount);
fetch(r.callback + '?amount='+ invoiceAmount * 1000).then(data => {
return data.json();
})
.then(r => {
console.log(r);
// update qr code
renderQr(r.pr);
document.querySelector('#greeting').innerHTML = "Pay " + invoiceAmount + " sat"
})
})
}
</script>
</body>
</html>

3
internal/api/userpage/userpage.go
View file

@ -105,7 +105,8 @@ func (s Service) UserWebAppHandler(w http.ResponseWriter, r *http.Request) {
if err := qr_tmpl.ExecuteTemplate(w, "webapp", struct {
Username string
LNURLPay string
}{username, lnurlEncode}); err != nil {
Callback string
}{username, lnurlEncode, callback}); err != nil {
log.Errorf("failed to render template")
}
}