index.html (3422B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <title>SatSale</title> 5 <link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}"> 6 <meta name="viewport" content="width=device-width,initial-scale=1.0"> 7 8 <script src="{{ url_for('static', filename='jquery-3.6.0.min.js') }}"></script> 9 <script src="{{ url_for('static', filename='socket.io.min.js') }}"></script> 10 <script src="{{ url_for('static', filename='satsale.js') }}"></script> 11 12 <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}"> 13 14 <!-- Initate the payment websocket --> 15 <script type="text/javascript"> 16 payment_data = {{ params|tojson }}; 17 console.log(payment_data); 18 payment(payment_data); 19 </script> 20 21 </head> 22 23 24 <body> 25 <div id="paybox"> 26 <div id="row" height="50px"> 27 <div id="left" style="display:inline-block;" height="75px"> 28 <h1>Pay Bitcoin</h1> 29 </div> 30 <div id="right"> 31 <a id="qrClick" target="_blank"><img class="logo" id="qrImage" width="100px" src="{{ url_for('static', filename='logo.svg') }}"></a> 32 </div> 33 </div> 34 35 36 <div id="paymentDetails" style="display:none; padding: 0;"> 37 <p style="padding:0;">Send: <b><span id="amount_sats"></span></b> sats</p> 38 <p style="padding:0;">     (<b><span id="amount"></span></b> BTC)</p> 39 <p style="padding:0;">To: </p><b><p id="address" onclick="copyTextFromElement('address')"></p></b> 40 <p style="padding:0;"><span id="status"></span></p> 41 <p id="timerContainer" style="padding:0;visibility:hidden;"><span id="timer"></span> seconds remaining.</p> 42 </div> 43 44 <div id="error" style="display:none;"> 45 <p style="padding:0;"><span id="error_message">Error generating invoice!</span></p> 46 </div> 47 48 </br> 49 50 <div id="row"> 51 <div id="left" style="width:40%; text-align: left; padding: 0;"> 52 <div id="paymentMethodSwitchButton" style="display:none;"> 53 {% if params.payment_methods|length > 1 %} 54 <select class="button" name="method" id="payment_method_select" onchange="replaceUrlParam(window.location, 'method', document.getElementById('payment_method_select').value);"> 55 {% if params.method %} 56 <option value="{{ params.method }}">{{ params.method }}</option> 57 {% endif %} 58 {% for method in params.payment_methods %} 59 {% if params.method != method %} 60 <option value="{{ method }}">{{ method }}</option> 61 {% endif %} 62 {% endfor %} 63 </select> 64 {% endif %} 65 </div> 66 </div> 67 68 <div id="right" style="width:60%; text-align: right; padding: 10px 10px;"> 69 {% if params.node_info %} 70 <small><a id="about" href="/node/" target="_blank">Open a channel with me!</a></small> 71 </br> 72 {% endif %} 73 <small style="vertical-align:middle"><a id="about" href="https://github.com/nickfarrow/SatSale" target="_blank">SatSale</a></small> 74 </div> 75 </div> 76 </div> 77 </body> 78 </html>