Spaces:

Pepguy
/

terms

Running

App Files Files Community

Pepguy commited on Oct 31, 2025

Commit

ec00e65

verified ·

1 Parent(s): 54ae71f

Update signing.html

Browse files

Files changed (1) hide show

signing.html +143 -9

signing.html CHANGED Viewed

@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Everyday Cats – Sign-in Confirmed</title>
     <style>
       body {
         background: #fffafc;
@@ -17,6 +17,10 @@
         text-align: center;
         margin: 0;
       }
       h1 {
         font-size: 1.8rem;
         margin-bottom: 0.5rem;
@@ -36,21 +40,151 @@
         color: white;
         cursor: pointer;
         transition: 0.2s;
       }
       button:hover {
-        background: #FFB84D;
       }
     </style>
   </head>
   <body>
-    <h1>Sign-up Complete</h1>
-    <p>Your Everyday Cats account is ready. You can now return to the app and <strong>Login</strong>.</p>
-   <button onclick="openApp()"> Open </button>
-    <script>
-      const appPackage = "everydaydresscode"; // update with your actual Android package name
-      function openApp() {
-        window.location.href = `${appPackage}://`//`intent://#Intent;package=${appPackage};end`;
       }
     </script>
   </body>

   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Everyday Cats – Sign-in</title>
     <style>
       body {
         background: #fffafc;
         text-align: center;
         margin: 0;
       }
+      .container {
+        max-width: 400px;
+        padding: 2rem;
+      }
       h1 {
         font-size: 1.8rem;
         margin-bottom: 0.5rem;
         color: white;
         cursor: pointer;
         transition: 0.2s;
+        width: 100%;
+        max-width: 280px;
       }
       button:hover {
+        background: #ffa833;
+      }
+      button:disabled {
+        opacity: 0.6;
+        cursor: not-allowed;
+      }
+      .error {
+        color: #d32f2f;
+        margin-top: 1rem;
+        font-size: 0.9rem;
+      }
+      .loading {
+        margin-top: 1rem;
+        opacity: 0.7;
       }
     </style>
   </head>
   <body>
+    <div class="container">
+      <h1 id="title">Welcome to Everyday Cats</h1>
+      <p id="message">Sign in with your Google account to continue</p>
+      <button id="authButton" onclick="handleAuth()">Sign in with Google</button>
+      <p class="loading" id="loading" style="display: none;">Processing...</p>
+      <p class="error" id="error"></p>
+    </div>
+    <!-- Firebase SDK -->
+    <script type="module">
+      import { initializeApp } from 'https://www.gstatic.com/firebasejs/10.7.1/firebase-app.js';
+      import { getAuth, signInWithPopup, GoogleAuthProvider, onAuthStateChanged } from 'https://www.gstatic.com/firebasejs/10.7.1/firebase-auth.js';
+      // Firebase configuration - REPLACE WITH YOUR CONFIG
+      const firebaseConfig = {
+        apiKey: "AIzaSyAJZ5UwyLo4b4L8_G7Nocw0nj7dhyBZ_yU",
+  authDomain: "cartpost-db-06.firebaseapp.com",
+  projectId: "cartpost-db-06",
+  storageBucket: "cartpost-db-06.firebasestorage.app",
+  messagingSenderId: "212802992706",
+  appId: "1:212802992706:web:2a32a453c42cbc3bdfcbdb",
+  measurementId: "G-JYWF6B9MVZ"
+      };
+      // Initialize Firebase
+      const app = initializeApp(firebaseConfig);
+      const auth = getAuth(app);
+      const provider = new GoogleAuthProvider();
+      const appScheme = "everydaydresscode"; // Your app's deep link scheme
+      // UI elements
+      const titleEl = document.getElementById('title');
+      const messageEl = document.getElementById('message');
+      const buttonEl = document.getElementById('authButton');
+      const loadingEl = document.getElementById('loading');
+      const errorEl = document.getElementById('error');
+      // Check if user is already signed in
+      onAuthStateChanged(auth, (user) => {
+        if (user) {
+          showSuccess(user);
+        }
+      });
+      // Handle authentication
+      window.handleAuth = async function() {
+        try {
+          buttonEl.disabled = true;
+          loadingEl.style.display = 'block';
+          errorEl.textContent = '';
+          const result = await signInWithPopup(auth, provider);
+          const user = result.user;
+          const credential = GoogleAuthProvider.credentialFromResult(result);
+          const token = await user.getIdToken();
+          showSuccess(user);
+          // Redirect to app with auth data
+          setTimeout(() => {
+            redirectToApp(token, user);
+          }, 2000);
+        } catch (error) {
+          console.error('Auth error:', error);
+          buttonEl.disabled = false;
+          loadingEl.style.display = 'none';
+          let errorMessage = 'Authentication failed. Please try again.';
+          if (error.code === 'auth/popup-closed-by-user') {
+            errorMessage = 'Sign-in cancelled. Please try again.';
+          } else if (error.code === 'auth/popup-blocked') {
+            errorMessage = 'Pop-up blocked. Please allow pop-ups and try again.';
+          }
+          errorEl.textContent = errorMessage;
+        }
+      };
+    /*
+    const myButton = document.getElementById('authButton');
+myButton.addEventListener('click', function() {
+    alert('Hello from the button!');
+});
+*/
+      function showSuccess(user) {
+        titleEl.textContent = 'Sign-in Complete';
+        messageEl.innerHTML = `Welcome, <strong>${user.displayName || user.email}</strong>! Redirecting to app...`;
+        buttonEl.textContent = 'Open App';
+        buttonEl.onclick = () => redirectToApp(null, user);
+        buttonEl.disabled = false;
+        loadingEl.style.display = 'none';
+      }
+      async function redirectToApp(token, user) {
+        // Get fresh token if not provided
+        if (!token) {
+          token = await user.getIdToken();
+        }
+        // Prepare user data
+        const userData = {
+          uid: user.uid,
+          email: user.email,
+          displayName: user.displayName,
+          photoURL: user.photoURL,
+          token: token
+        };
+        // Encode data for URL
+        const encodedData = encodeURIComponent(JSON.stringify(userData));
+        // Try to open the app with deep link
+        window.location.href = `${appScheme}://auth?data=${encodedData}`;
+        // Fallback: If app doesn't open in 2 seconds, show manual instructions
+        setTimeout(() => {
+          messageEl.innerHTML = 'If the app didn\'t open automatically, please open it manually.';
+        }, 2000);
       }
     </script>
   </body>