Add login functionality.

maximoguerrero · Sep 25, 2018 · 5c0dfa1 · 5c0dfa1
1 parent b614d0c
commit 5c0dfa1
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/index.html b/index.html
@@ -9,6 +9,7 @@
   <h1>Profile viewer</h1>
   <p id="login">
     You are not logged in.
+    <button>Log in</button>
   </p>
   <p id="logout">
     You are logged in as <span id="user"></span>.

diff --git a/scripts/main.js b/scripts/main.js
@@ -1 +1,11 @@
-$('#logout').hide();
+// Log the user in on click
+const popupUri = 'popup.html';
+$('#login button').click(() => solid.auth.popupLogin({ popupUri }));
+
+// Update components to match the user's login status
+solid.auth.trackSession(session => {
+  const loggedIn = !!session;
+  $('#login').toggle(!loggedIn);
+  $('#logout').toggle(loggedIn);
+  $('#user').text(session && session.webId);
+});