Update account.html

Updates to better improve the new login method

Author: mcgdj

account.html

@@ -31,7 +31,7 @@
         }
     </style>
     <script>
-        function registerUser() {
+        async function registerUser() {
             const username = document.getElementById("username").value.trim();
             const messageBox = document.getElementById("message");
 
@@ -42,18 +42,31 @@
 
             // Base64 encode the redirect URL where Scratch Auth will send the response
             const redirectLocation = btoa(window.location.href); // Redirect back to the current page after authentication
-            
-            // Add specific parameters to the URL to prioritize the "Cloud data" method
-            const authUrl = `https://auth.itinerary.eu.org/auth/?redirect=${redirectLocation}&name=Scratch Auth Tutorial&sign_in_method=cloud`;
 
-            // Display the instructions to the user
-            messageBox.style.color = "green";
-            messageBox.textContent = `Redirecting to Scratch Auth... Follow the steps there.`;
+            // Request to get the token from Scratch Auth's backend
+            const authUrl = `https://auth-api.itinerary.eu.org/auth/getTokens?redirect=${redirectLocation}&method=cloud&username=${username}`;
 
-            // Redirect the user to Scratch Auth after a brief message
-            setTimeout(() => {
-                window.location.href = authUrl;
-            }, 2000);  // Delay the redirect for 2 seconds
+            try {
+                const response = await fetch(authUrl);
+                const data = await response.json();
+
+                if (data.token) {
+                    // Display the message and redirect user to Scratch Auth
+                    messageBox.style.color = "green";
+                    messageBox.textContent = `Redirecting to Scratch Auth... Follow the steps there.`;
+                    
+                    // Redirect to Scratch Auth after a brief delay
+                    setTimeout(() => {
+                        window.location.href = `https://auth.itinerary.eu.org/auth/?redirect=${redirectLocation}&token=${data.token}`;
+                    }, 2000); // Delay of 2 seconds before redirect
+                } else {
+                    messageBox.style.color = "red";
+                    messageBox.textContent = "Authentication failed. Please try again.";
+                }
+            } catch (error) {
+                messageBox.style.color = "red";
+                messageBox.textContent = "Error connecting to the authentication service. Please try again later.";
+            }
         }
     </script>
 </head>
@@ -68,10 +81,10 @@ <h2>Welcome! Please log in to continue.</h2>
         <p id="message" class="message"></p>
         <p>
             Please note: You will be redirected to an external site (Scratch Auth) for authentication. Once there, 
-            choose the "Cloud Data" option for the quickest sign-in method.
+            follow the on-screen instructions to authenticate.
         </p>
         <p>
-            If you are unable to use the "Cloud Data" option, other sign-in methods are available on Scratch Auth's page.
+            If you face issues, try changing your login method.
         </p>
     </div>
 </body>