bumi/lntip
1
1
Fork 0
mirror of https://github.com/bumi/lntip synced 2025-06-16 17:55:35 +00:00
Code Issues Releases Wiki Activity

Disable inputs after submit

Browse Source 
otherwise the user might change the values but the invoice does not get updated.
This commit is contained in:
bumi 2020-10-22 20:14:14 +02:00
parent 9862c53016
commit 01460b2c5c
1 changed files with 12 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
files/root/index.html
View File

@ -2,7 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Send me some Sats</title> <title>⚡ Send me some Sats</title>
<link href="https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400;700&display=swap" rel="stylesheet" /> <link href="https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400;700&display=swap" rel="stylesheet" />
<style> <style>
html { html {
@ -102,7 +102,7 @@
<br> <br>
for for
<br> <br>
<input type="text" class="memo" id="memo" autocomplete="off"> <input type="text" class="memo" id="memo" placeholder="message" autocomplete="off">
</p> </p>
<button id="send-button"> <button id="send-button">
Send Send
@ -137,11 +137,17 @@
} }
document.getElementById('send-button').addEventListener('click', function(e) { document.getElementById('send-button').addEventListener('click', function(e) {
e.preventDefault(); e.preventDefault();
e.target.setAttribute('disabled', true);
document.getElementById('loader').style.display = 'block'; document.getElementById('loader').style.display = 'block';
var amount = document.getElementById('amount').value;
var memo = document.getElementById('memo').value; var amountElement = document.getElementById('amount');
var lnme = new LnMe({ value: amount, memo: memo, target: document.getElementById('lnme-wrapper') }); var memoElement = document.getElementById('memo');
e.target.setAttribute('disabled', true);
amountElement.setAttribute('disabled', true);
memoElement.setAttribute('disabled', true);
var lnme = new LnMe({ value: amountElement.value, memo: memoElement.value, target: document.getElementById('lnme-wrapper') });
lnme.showPaymentRequest = function() { lnme.showPaymentRequest = function() {
document.getElementById('send-button').style.display = 'none'; document.getElementById('send-button').style.display = 'none';
document.getElementById('lnme-wrapper').style.display = 'block'; document.getElementById('lnme-wrapper').style.display = 'block';