Update settings.html

settings.html

@@ -52,89 +52,112 @@
     </div>
     <script type="text/javascript" src="https://unpkg.com/@green-api/whatsapp-api-client/lib/whatsapp-api-client.min.js"></script>
     <script>
-        var intervalId = null
-        const qrCodeElement = document.getElementById("img-qr-code")
-        const qrTempalte = qrCodeElement.getAttribute('src');
-        
-        document.getElementById("getQrBtn").addEventListener("click", function () {
-            try {
-                isAuthed();
-                clearInterval(intervalId)
-                updateQRCode()
-                intervalId = setInterval(updateQRCode, 5000);
-                
-            } catch (reason) {
-                console.error(reason);
-                document.getElementById("resultText").innerHTML = reason + ". See logs for details";
+        document.addEventListener("DOMContentLoaded", function () {
+            var intervalId = null;
+            const qrCodeElement = document.getElementById("img-qr-code");
+            const qrTempalte = qrCodeElement.getAttribute('src');
+
+            document.getElementById("getQrBtn").addEventListener("click", function () {
+                try {
+                    if (typeof whatsAppClient === 'undefined') {
+                        throw new Error("whatsAppClient is not defined. Make sure the script is loaded correctly.");
+                    }
+                    isAuthed();
+                    clearInterval(intervalId);
+                    updateQRCode();
+                    intervalId = setInterval(updateQRCode, 5000);
+
+                } catch (reason) {
+                    console.error(reason);
+                    document.getElementById("resultText").innerHTML = reason + ". See logs for details";
+                }
+            });
+
+            document.getElementById("logoutQrBtn").addEventListener("click", function () {
+                try {
+                    const restAPI = whatsAppClient.restAPI(({
+                        idInstance: document.getElementById("idInstance").value,
+                        apiTokenInstance: document.getElementById("apiTokenIsntance").value
+                    }));
+
+                    restAPI.instance.logout()
+                        .then((data) => {
+                            document.getElementById("resultText").innerHTML = "isLogout=" + data.isLogout;
+                            isAuthed();
+                        }).catch((reason) => {
+                            console.error(reason);
+                            document.getElementById("resultText").innerHTML = reason + ". See logs for details";
+                        });
+                } catch (reason) {
+                    console.error(reason);
+                    document.getElementById("resultText").innerHTML = reason + ". See logs for details";
+                }
+            });
+
+            function updateQRCode() {
+                try {
+                    if (typeof whatsAppClient === 'undefined') {
+                        throw new Error("whatsAppClient is not defined. Make sure the script is loaded correctly.");
+                    }
+                    const restAPI = whatsAppClient.restAPI(({
+                        idInstance: document.getElementById("idInstance").value,
+                        apiTokenInstance: document.getElementById("apiTokenIsntance").value
+                    }));
+                    restAPI.instance.qr()
+                        .then((data) => {
+                            console.log(data);
+                            document.getElementById("resultText").innerHTML = "";
+                            if (data.type === 'qrCode') {
+                                qrCodeElement.hidden = false;
+                                qrCodeElement.setAttribute('src', qrTempalte.replace("%QR_DATA%", data.message));
+                            } else {
+                                qrCodeElement.hidden = true;
+                                clearInterval(intervalId);
+                                isAuthed();
+                                document.getElementById("resultText").innerHTML = data.message;
+                            }
+                        }).catch((reason) => {
+                            console.error(reason);
+                            document.getElementById("resultText").innerHTML = reason + ". See logs for details";
+                        });
+                } catch (reason) {
+                    console.error(reason);
+                    document.getElementById("resultText").innerHTML = reason + ". See logs for details";
+                }
             }
-        });
 
-        document.getElementById("logoutQrBtn").addEventListener("click", function () {
-            try {
-                const restAPI = whatsAppClient.restAPI(({
-                    idInstance: document.getElementById("idInstance").value,
-                    apiTokenInstance: document.getElementById("apiTokenIsntance").value
-                }))
-                
-                restAPI.instance.logout()
-                    .then((data) => {
-                        document.getElementById("resultText").innerHTML = "isLogout=" + data.isLogout
-                        isAuthed();
+            function isAuthed() {
+                try {
+                    if (typeof whatsAppClient === 'undefined') {
+                        throw new Error("whatsAppClient is not defined. Make sure the script is loaded correctly.");
+                    }
+                    const restAPI = whatsAppClient.restAPI(({
+                        idInstance: document.getElementById("idInstance").value,
+                        apiTokenInstance: document.getElementById("apiTokenIsntance").value
+                    }));
+                    restAPI.instance.getStateInstance().then(data => {
+                        document.getElementById("statusText").innerHTML = data.stateInstance;
+
+                        if (data.stateInstance === 'authorized') {
+                            document.getElementById("getQrBtn").style.display = "none";
+                            document.getElementById("logoutQrBtn").style.display = "block";
+                        } else {
+                            document.getElementById("getQrBtn").style.display = "block";
+                            document.getElementById("logoutQrBtn").style.display = "none";
+                        }
+
                     }).catch((reason) => {
                         console.error(reason);
                         document.getElementById("resultText").innerHTML = reason + ". See logs for details";
                     });
-            } catch (reason) {
-                console.error(reason);
-                document.getElementById("resultText").innerHTML = reason + ". See logs for details";
-            }
-        });
-
-        function updateQRCode() {
-            const restAPI = whatsAppClient.restAPI(({
-                idInstance: document.getElementById("idInstance").value,
-                apiTokenInstance: document.getElementById("apiTokenIsntance").value
-            }))
-            restAPI.instance.qr()
-                .then((data) => {
-                    console.log(data);
-                    document.getElementById("resultText").innerHTML = "";
-                    if (data.type === 'qrCode') {
-                        qrCodeElement.hidden = false;
-                        qrCodeElement.setAttribute('src', qrTempalte.replace("%QR_DATA%", data.message))
-                    } else {
-                        qrCodeElement.hidden = true;
-                        clearInterval(intervalId)
-                        isAuthed();
-                        document.getElementById("resultText").innerHTML = data.message
-                    }
-                }).catch((reason) => {
+                } catch (reason) {
                     console.error(reason);
                     document.getElementById("resultText").innerHTML = reason + ". See logs for details";
-                });
-        }
-
-        function isAuthed() {
-            const restAPI = whatsAppClient.restAPI(({
-                    idInstance: document.getElementById("idInstance").value,
-                    apiTokenInstance: document.getElementById("apiTokenIsntance").value
-                }))
-            restAPI.instance.getStateInstance().then(data => {
-                document.getElementById("statusText").innerHTML = data.stateInstance;
-                
-                if (data.stateInstance === 'authorized') {
-                    document.getElementById("getQrBtn").style.display = "none"
-                    document.getElementById("logoutQrBtn").style.display = "block"
-                } else {
-                    document.getElementById("getQrBtn").style.display = "block"
-                    document.getElementById("logoutQrBtn").style.display = "none"
                 }
-                 
-                
-            })
-        }
+            }
+        });
     </script>
 
 </body>
 
-</html>
+</html>