Merge pull request #944 from MuthuvelA/muthu_dev

ISSUE NO: 445 GOOGLE AUTHENTICATION LOGIN COMPLETED
arghadipmanna101 · Jun 1, 2024 · a201d2e · a201d2e
2 parents 0efbb86 + 8c09c35
commit a201d2e
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 0 deletions.
diff --git a/signin.html b/signin.html
@@ -2,9 +2,11 @@
 <html lang="en">
 <head>
     <meta charset="UTF-8">
+    <meta name="google-signin-client_id" content="YOUR_GOOGLE_CLOUD_ID">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Sign-In</title>
     <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
+    <script src="https://apis.google.com/js/platform.js" async defer></script>
     <link rel="stylesheet" href="./signup.css">
 </head>
 <body>
@@ -39,6 +41,7 @@
             <div class="button-group">
                 <button onclick="Signin()" class="login-button">Login</button>
             </div>
+            <div class="g-signin2" data-onsuccess="onSignIn"></div>
             <div class="button-group">
                 <button onclick="window.location.href='signup.html'" class="signup-button">Not an Existing User? Signup</button>
             </div> 
@@ -49,8 +52,18 @@
 </body>
 </html>
 <script>
+    function onSignIn(googleUser) {
+        var profile = googleUser.getBasicProfile();
+        console.log('ID: ' + profile.getId()); 
+        console.log('Name: ' + profile.getName());
+        console.log('Image URL: ' + profile.getImageUrl());
+        console.log('Email: ' + profile.getEmail()); 
+    }
     $(function(){
     $("#container").load("./Navabar.html");
   });
 </script>
 <script src="./Signin.js"></script>
+
+
+
diff --git a/signup.css b/signup.css
@@ -211,3 +211,9 @@ button {
     color:white;
     font-size:12px;
 }
+.g-signin2{
+    display: flex;
+    justify-content: center;
+    margin-top: 20px;
+
+}