Fixing the login and switch between entrepreneurs and mentors

src/includes/entrepreneur/login.pug

 h2 I am an entrepreneur
 
-button(role='log in' onclick="document.querySelector('sib-auth').login();") Login as entrepreneur
+cs-login(bind-user)
+    button(id='entrepreneur_login') Login as entrepreneur
 
 sib-link(next='entrepreneur-new-account')
     div Create an account
\ No newline at end of file

src/includes/head.pug

@@ -2,9 +2,9 @@ head
     title CoopStarter
     meta(charset="utf-8")
     script(src="https://unpkg.com/@webcomponents/webcomponentsjs@1.2.7/webcomponents-loader.js")
-    script(type="module" src="https://unpkg.com/@startinblox/core@0.8")
-    script(type="module" src="https://unpkg.com/@startinblox/router@0.7")
-    script(type="module" src="https://unpkg.com/@startinblox/oidc@0.7")
+    script(type="module" src="https://unpkg.com/@startinblox/core")
+    script(type="module" src="https://unpkg.com/@startinblox/router")
+    script(type="module" src="https://unpkg.com/@startinblox/oidc")
     script(src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous")
     script(src="/scripts/coopstarter.js")
     link(rel="stylesheet" href="/styles/coopstarter.css")

src/includes/mentor/components/header.pug

@@ -14,7 +14,7 @@ sib-widget(name='account-user-name')
 
         sib-display#user-controls__profile(
             fields='first_name, account.picture',
-            widget-user.first_name='account-user-name',
+            widget-first_name='account-user-name',
             widget-account.picture='account-user-avatar',
             bind-user
         )

src/includes/mentor/components/menu.pug

@@ -5,7 +5,7 @@ sib-router(default-route='mentor-resource-list')
     div.divider
     sib-ac-checker(permission="acl:Write")
         sib-route(name='mentor-resource-create')
-            div.menu-label Create a resource
+            div.menu-label Post a new resource +
             div.menu-icon.icon-people
     div.divider
     sib-ac-checker(permission="acl:Write" bind-resources)

src/includes/mentor/login.pug

 h2 I am a mentor
 
-button(role='log in' onclick="document.querySelector('sib-auth').login();") Login as mentor
+cs-login(bind-user)
+    button(id='mentor_login') Login as mentor
 
 sib-link(next='mentor-new-account')
-    div Create an account
\ No newline at end of file
+    div Create an account

src/includes/splash.pug

@@ -2,7 +2,7 @@ sib-router
     sib-route(name='mentor-login')
     sib-route(name='entrepreneur-login')
 
-h2 Welcome to our international index of resources for cooperative mentors and entrepreneurs
+h2 Welcome to your international index of resources for cooperative mentors and entrepreneurs
 
 sib-link(next='mentor-login')
     div I am a mentor

src/index.pug

@@ -24,16 +24,53 @@ html
 
         #entrepreneur-new-account(hidden).no-sidebar
             include includes/entrepreneur/create.pug
-        
-    sib-auth
-      sib-auth-provider(
+
+sib-auth
+    sib-auth-provider(
         class="sib-auth-provider"
         data-authority=`${sdn}`
         data-client_id=`${client_id}`,
         data-id="coopstarter"
-        data-response_type='id_token token',
-        data-scope='openid profile email',
-        data-automaticSilentRenew='true',
-        data-loadUserInfo='true'
-      )
+    )
+
+script(type='module').
+      import { store } from 'https://unpkg.com/@startinblox/core@0.8';
+      const sibAuth = document.querySelector('sib-auth');
+      
+      class CoopStarterLoginComponent extends HTMLElement {
+        async connectedCallback() {
+          mentor_login.onclick = () => this.triggerLogin();
+          entrepreneur_login.onclick = () => this.triggerLogin();
+          this.update();
+        }
+
+        async triggerLogin() {
+          await sibAuth.login();
+        }
+        
+        async update() {
+          let user = await sibAuth.getUser();
+          let idToken = await sibAuth.getUserIdToken();
+
+          if ( !user ) {
+            console.log("You're not logged in");
+            return;
+          }
+          user = await store.get(user);
+          console.log('Retrieved user', user);
+
+          if (user && user.mentor_profile) {
+            window.dispatchEvent(
+              new CustomEvent('requestNavigation', { detail: { route: 'mentor-dashboard' } })
+            );
+          } else if (user && user.entrepreneur_profile) {
+            window.dispatchEvent(
+              new CustomEvent('requestNavigation', { detail: { route: 'entrepreneur-dashboard' } })
+            );
+          }
+        }
+        empty(){}
+        populate(){}
+      }
+      customElements.define('cs-login', CoopStarterLoginComponent);