Linking to WebID from server's front-page when authenticated

Author: megoth

common/js/auth-buttons.js

@@ -2,9 +2,21 @@
 
 (({ auth }) => {
   // Wire up DOM elements
-  const [loginButton, logoutButton, registerButton, accountSettings] =
-    ['login', 'logout', 'register', 'account-settings'].map(id =>
-      document.getElementById(id) || document.createElement('a'))
+  const [
+    loginButton,
+    logoutButton,
+    registerButton,
+    accountSettings,
+    loggedInContainer,
+    profileLink
+  ] = [
+    'login',
+    'logout',
+    'register',
+    'account-settings',
+    'loggedIn',
+    'profileLink'
+  ].map(id => document.getElementById(id) || document.createElement('a'))
   loginButton.addEventListener('click', login)
   logoutButton.addEventListener('click', logout)
   registerButton.addEventListener('click', register)
@@ -17,6 +29,11 @@
     logoutButton.classList.toggle('hidden', !loggedIn)
     registerButton.classList.toggle('hidden', loggedIn)
     accountSettings.classList.toggle('hidden', !isOwner)
+    loggedInContainer.classList.toggle('hidden', !loggedIn)
+    if (session) {
+      profileLink.href = session.webId
+      profileLink.innerText = session.webId
+    }
   })
 
   // Log the user in on the client and the server