add QR code option to open chat on another device

deltachat · Jan 29, 2024 · 2377c0b · 2377c0b
1 parent 0526966
commit 2377c0b
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -18,6 +18,7 @@
 
     <link rel="icon" href="identity.svg" sizes="any" type="image/svg+xml">
 
+    <script src="./qrcode.min.js"></script>
     <script src="./i18n/i18next.min.js"></script>
     <script src="./i18n/en.js"></script>
     <script src="./i18n/fr.js"></script>
@@ -228,6 +229,14 @@
             </li>
         </ol>
 
+        <details>
+            <summary>I have Delta Chat installed on another Device</summary>
+            <p>
+                Scan the following QR code from the other device to open the chat:
+            </p>
+            <div id="qrcode" style="width:200px; height:200px; margin-top:15px;"></div>
+        </details>
+
         </div>
     </div>
 
@@ -254,6 +263,11 @@
             }
 
             if (isValid) {
+                var qrcode = new QRCode(document.getElementById("qrcode"), {
+                    width : 200,
+                    height : 200
+                });
+                qrcode.makeCode(openpgp4fprStr);
                 document.querySelector('form').classList.add('hidden')
             } else {
                 document.getElementById('say-hello').classList.add('hidden')