Added some extra gifs

lnbits/extensions/copilot/templates/copilot/compose.html

@@ -14,6 +14,12 @@
     class="fixed-bottom-right"
   ></video>
   <img src="" style="width: 100%" id="animations" class="fixed-bottom-left" />
+  <img
+    src="/copilot/static/lnurl.png"
+    style="width: 20%"
+    id="animations"
+    class="fixed-top-right"
+  />
   <q-btn
     color="primary"
     @click="reconnect"
@@ -95,15 +101,15 @@
         console.log(res[1])
         if (res[0] != this.oldRes) {
           this.oldRes = res[0]
-          if (res[1] == 'animation1') {
-            document.getElementById('animations').style.width = '100%'
+          if (res[1] == 'rocket') {
+            document.getElementById('animations').style.width = '50%'
             document.getElementById('animations').src =
-              '/copilot/static/confetti.gif'
+              '/copilot/static/rocket.gif'
             setTimeout(function () {
               document.getElementById('animations').src = ''
             }, 5000)
           }
-          if (res[1] == 'animation2') {
+          if (res[1] == 'face') {
             document.getElementById('animations').style.width = '50%'
             document.getElementById('animations').src =
               '/copilot/static/face.gif'
@@ -111,10 +117,34 @@
               document.getElementById('animations').src = ''
             }, 5000)
           }
-          if (res[1] == 'animation3') {
+          if (res[1] == 'bitcoin') {
+            document.getElementById('animations').style.width = '30%'
+            document.getElementById('animations').src =
+              '/copilot/static/bitcoin.gif'
+            setTimeout(function () {
+              document.getElementById('animations').src = ''
+            }, 5000)
+          }
+          if (res[1] == 'confetti') {
+            document.getElementById('animations').style.width = '100%'
+            document.getElementById('animations').src =
+              '/copilot/static/confetti.gif'
+            setTimeout(function () {
+              document.getElementById('animations').src = ''
+            }, 5000)
+          }
+          if (res[1] == 'martijn') {
             document.getElementById('animations').style.width = '50%'
             document.getElementById('animations').src =
-              '/copilot/static/rocket.gif'
+              '/copilot/static/martijn.gif'
+            setTimeout(function () {
+              document.getElementById('animations').src = ''
+            }, 5000)
+          }
+          if (res[1] == 'rick') {
+            document.getElementById('animations').style.width = '50%'
+            document.getElementById('animations').src =
+              '/copilot/static/rick.gif'
             setTimeout(function () {
               document.getElementById('animations').src = ''
             }, 5000)

lnbits/extensions/copilot/templates/copilot/index.html

@@ -477,7 +477,7 @@
       },
       opencopilotCompose: function (copilot_id) {
         let params =
-          'scrollbars=no, resizable=no,status=no,location=no,toolbar=no,menubar=no,width=900,height=500,left=200,top=200'
+          'scrollbars=no, resizable=no,status=no,location=no,toolbar=no,menubar=no,width=1722,height=972,left=200,top=200'
         open('../copilot/cp/' + copilot_id, 'test', params)
       },
 

lnbits/extensions/copilot/templates/copilot/panel.html

@@ -10,7 +10,7 @@
             dense
             @click="openCompose"
             icon="face"
-            style="font-size: 100px"
+            style="font-size: 80px"
           ></q-btn>
         </center>
       </div>
@@ -56,24 +56,50 @@
             <q-btn
               style="width: 95%"
               color="primary"
-              @click="animationBTN('animation1')"
-              label="Confetti"
+              @click="animationBTN('rocket')"
+              label="rocket"
             />
           </div>
           <div class="col">
             <q-btn
               style="width: 95%"
               color="primary"
-              @click="animationBTN('animation2')"
-              label="Smiley"
+              @click="animationBTN('confetti')"
+              label="confetti"
             />
           </div>
           <div class="col">
             <q-btn
               style="width: 95%"
               color="primary"
-              @click="animationBTN('animation3')"
-              label="Rocket"
+              @click="animationBTN('face')"
+              label="face"
+            />
+          </div>
+        </div>
+        <div class="row q-pa-sm">
+          <div class="col">
+            <q-btn
+              style="width: 95%"
+              color="primary"
+              @click="animationBTN('rick')"
+              label="rick"
+            />
+          </div>
+          <div class="col">
+            <q-btn
+              style="width: 95%"
+              color="primary"
+              @click="animationBTN('martijn')"
+              label="martijn"
+            />
+          </div>
+          <div class="col">
+            <q-btn
+              style="width: 95%"
+              color="primary"
+              @click="animationBTN('bitcoin')"
+              label="bitcoin"
             />
           </div>
         </div>
@@ -130,7 +156,7 @@
         }
       },
       openCompose: function () {
-        let params = `scrollbars=no,resizable=no,status=no,location=no,toolbar=no,menubar=no,width=900,height=500,left=200,top=200`
+        let params = `scrollbars=no,resizable=no,status=no,location=no,toolbar=no,menubar=no,width=1722,height=972,left=200,top=200`
 
         open('../copilot/cp/{{ copilot.id }}', 'test', params)
       },