From 1e6b7a323cb2e008bda042c5ccedb13eac30fcf1 Mon Sep 17 00:00:00 2001
From: Seokho Son <shsongist@gmail.com>
Date: Mon, 28 Oct 2024 17:37:16 +0900
Subject: [PATCH 1/2] Verify cloud connection

---
 index.js | 58 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 58 insertions(+)

diff --git a/index.js b/index.js
index b0cc97c..93532af 100644
--- a/index.js
+++ b/index.js
@@ -1184,6 +1184,64 @@ function getConnection() {
       }
       console.log(error);
       errorAlert("Cannot load cloud info\n\n - check dashboard config \n - check the server is ready");
+
+      Swal.fire({
+        title: 'Cannot load Cloud inforation',
+        html: `
+        <style>
+          .swal2-input-container {
+            display: flex;
+            flex-direction: column;
+            align-items: flex-start;
+            margin-bottom: 10px;
+          }
+          .swal2-label {
+            margin-bottom: 5px;
+            font-weight: bold;
+          }
+          .swal2-input {
+            width: 80%;
+          }
+        </style>
+        <p>- Check the server is ready</p>
+        <p>- Update API endpoint if needed</p>
+        <div class="swal2-input-container">
+          <label for="hostname-input" class="swal2-label">Hostname:</label>
+          <input id="hostname-input" class="swal2-input" placeholder="Enter the hostname" value="${hostnameElement.value}">
+        </div>
+        <div class="swal2-input-container">
+          <label for="port-input" class="swal2-label">Port:</label>
+          <input id="port-input" class="swal2-input" placeholder="Enter the port number" value="${portElement.value}">
+        </div>
+        <div class="swal2-input-container">
+          <label for="username-input" class="swal2-label">Username:</label>
+          <input id="username-input" class="swal2-input" placeholder="Enter the username" value="${usernameElement.value}">
+        </div>
+        <div class="swal2-input-container">
+          <label for="password-input" class="swal2-label">Password:</label>
+          <input id="password-input" class="swal2-input" type="password" placeholder="Enter the password" value="${passwordElement.value}">
+        </div>
+      `,
+        showCancelButton: true,
+        confirmButtonText: 'confirm',
+        preConfirm: () => {
+          const hostname = document.getElementById('hostname-input').value;
+          const port = document.getElementById('port-input').value;
+          const username = document.getElementById('username-input').value;
+          const password = document.getElementById('password-input').value;
+          return { hostname, port, username, password };
+        }
+      }).then((result) => {
+        if (result.isConfirmed) {
+          const { hostname, port, username, password } = result.value;
+          hostnameElement.value = hostname;
+          portElement.value = port;
+          usernameElement.value = username;
+          passwordElement.value = password;
+          getConnection();
+        }
+      });
+
     });
 }
 window.getConnection = getConnection;

From 1dc3d88f899050f0c97297a3b4f2994b55d1cbf8 Mon Sep 17 00:00:00 2001
From: Seokho Son <shsongist@gmail.com>
Date: Mon, 28 Oct 2024 17:40:02 +0900
Subject: [PATCH 2/2] Verify cloud connect message update

---
 index.js | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/index.js b/index.js
index 93532af..5bab560 100644
--- a/index.js
+++ b/index.js
@@ -1183,10 +1183,9 @@ function getConnection() {
         document.getElementById("port").style.color = "#FF0000";
       }
       console.log(error);
-      errorAlert("Cannot load cloud info\n\n - check dashboard config \n - check the server is ready");
 
       Swal.fire({
-        title: 'Cannot load Cloud inforation',
+        title: 'Cannot Get the Cloud information',
         html: `
         <style>
           .swal2-input-container {
@@ -1203,8 +1202,8 @@ function getConnection() {
             width: 80%;
           }
         </style>
-        <p>- Check the server is ready</p>
-        <p>- Update API endpoint if needed</p>
+        <p>- Please check the server is ready</p>
+        <p>- Update the API endpoint if needed</p>
         <div class="swal2-input-container">
           <label for="hostname-input" class="swal2-label">Hostname:</label>
           <input id="hostname-input" class="swal2-input" placeholder="Enter the hostname" value="${hostnameElement.value}">