From 664ae2b921d24497b7b3ae298da8d1dd5e7a7740 Mon Sep 17 00:00:00 2001
From: Michael Bumann <hello@michaelbumann.com>
Date: Sun, 18 Oct 2020 18:54:57 +0200
Subject: [PATCH] Add loading spinner

---
 files/root/index.html | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/files/root/index.html b/files/root/index.html
index 923d22b..44002e8 100644
--- a/files/root/index.html
+++ b/files/root/index.html
@@ -116,6 +116,13 @@
             </div>
           </div>
         </div>
+        <div id="loader" style="display:none">
+          <svg version="1.1" id="loader-1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px" height="40px" viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve">
+            <path fill="#000" d="M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z">
+              <animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 25 25" to="360 25 25" dur="0.6s" repeatCount="indefinite"/>
+            </path>
+          </svg>
+        </div>
       </div>
     </div>
 
@@ -130,6 +137,7 @@
         lnme.showPaymentRequest = function() {
           document.getElementById('send-button').style.display = 'none';
           document.getElementById('lnme-wrapper').style.display = 'block';
+          document.getElementById('loader').style.display = 'block';
           this.populatePaymentRequest();
         }
         lnme.thanks = function() {