Adding LinkedIn Authentication

Anishkagupta04 · Jul 28, 2024 · e4eac4d · e4eac4d
1 parent 74ae86d
commit e4eac4d
Showing 1 changed file with 16 additions and 4 deletions.
diff --git a/log/login.html b/log/login.html
@@ -14,6 +14,7 @@
   <script src="https://www.gstatic.com/firebasejs/9.9.2/firebase-app-compat.js"></script>
   <script src="https://www.gstatic.com/firebasejs/9.9.2/firebase-auth-compat.js"></script>
   <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script>
+  <script src="https://cdn.rawgit.com/oauth-io/oauth-js/c5af4519/dist/oauth.js"></script>
   <meta name="google-signin-client_id" content="646664380070-n07i34glgcc6sanb59p3m1k5k0cgn1v1.apps.googleusercontent.com">
   <style>
     .social-container {
@@ -189,10 +190,21 @@ <h1>Hello, Friend!</h1>
         });
     }
 
-    function handleLinkedInSignIn() {
-      // Placeholder function, implement LinkedIn sign-in here if necessary
-      window.location.href = "https://www.linkedin.com";
-    }
+   // Initialize OAuth.io
+OAuth.initialize('your_oauth_io_public_key'); // Replace with your OAuth.io public key
+
+// Handle LinkedIn Sign In
+function handleLinkedInSignIn() {
+  OAuth.popup('linkedin').then(linkedin => {
+    console.log('LinkedIn token:', linkedin.access_token);
+    linkedin.me().then(data => {
+      console.log('LinkedIn user data:', data);
+    });
+  }).catch(error => {
+    console.error(error);
+  });
+}
+
 
     document.querySelectorAll('.toggle-password').forEach(item => {
       item.addEventListener('click', function() {