From 92722b315b4f65909125d354012213644de45c2f Mon Sep 17 00:00:00 2001
From: Ben Arc <ben@arc.wales>
Date: Tue, 20 Apr 2021 13:41:59 +0100
Subject: [PATCH] replaced iframe with share screen

---
 .../copilot/templates/copilot/compose.html    | 21 ++++++++++-----
 .../copilot/templates/copilot/panel.html      | 27 ++-----------------
 2 files changed, 17 insertions(+), 31 deletions(-)

diff --git a/lnbits/extensions/copilot/templates/copilot/compose.html b/lnbits/extensions/copilot/templates/copilot/compose.html
index db9b64aa4..faf5cabb8 100644
--- a/lnbits/extensions/copilot/templates/copilot/compose.html
+++ b/lnbits/extensions/copilot/templates/copilot/compose.html
@@ -1,12 +1,11 @@
 {% extends "public.html" %} {% block page %}<q-page>
-  <iframe
+  <div
     width="100%"
     height="100%"
     id="iframe_main"
     src="/"
     class="fixed-bottom-left"
-  >
-  </iframe>
+  ></div>
   <video
     autoplay="true"
     id="videoElement"
@@ -247,12 +246,22 @@
           }
           if (res[1] == 'true') {
             document.getElementById('videoElement').style.width = '20%'
+            async function startCapture(displayMediaOptions) {
+              let captureStream = null
+
+              try {
+                captureStream = await navigator.mediaDevices.getDisplayMedia(
+                  displayMediaOptions
+                )
+              } catch (err) {
+                console.error('Error: ' + err)
+              }
+              document.getElementById('iframe_main').src = captureStream
+            }
           }
           if (res[1] == 'false') {
             document.getElementById('videoElement').style.width = '100%'
-          }
-          if (res[1].substring(0, 3) == 'htt') {
-            document.getElementById('iframe_main').src = res[1]
+            document.getElementById('iframe_main').src = null
           }
           console.log(res[2])
           if (res[2] != 'none') {
diff --git a/lnbits/extensions/copilot/templates/copilot/panel.html b/lnbits/extensions/copilot/templates/copilot/panel.html
index 4db4c8e28..be2a579ed 100644
--- a/lnbits/extensions/copilot/templates/copilot/panel.html
+++ b/lnbits/extensions/copilot/templates/copilot/panel.html
@@ -24,35 +24,12 @@
         <div class="row">
           <div class="col">
             <q-btn
-              disable
               class="q-mt-sm q-ml-sm"
               color="primary"
               @click="fullscreenToggle"
-              label="Webcam size"
+              label="Screen share"
             >
-              <q-tooltip> Coming soon </q-tooltip></q-btn
-            >
-          </div>
-          <div class="col">
-            <q-input
-              disable
-              class="q-pt-sm"
-              dense
-              outlined
-              bottom-slots
-              v-model="iframe"
-              label="iframe url"
-              ><q-tooltip> Coming soon </q-tooltip>
-              <template v-slot:after>
-                <q-btn
-                  round
-                  dense
-                  flat
-                  @click="iframeChange(iframe)"
-                  icon="send"
-                />
-              </template>
-            </q-input>
+            </q-btn>
           </div>
         </div>
         <div class="row q-pa-sm">