edit profile button

Author: derisen

JavaScriptSPA/authPopup.js

@@ -64,4 +64,18 @@ function passTokenToApi() {
           console.log(err);
         }
     });
+}
+
+function editProfile() {
+
+  const request = {
+    scopes: ["https://fabrikamb2c.onmicrosoft.com/helloapi/demo.read"],
+    authority: b2cPolicies.authorities.editProfile.authority
+  }
+
+  myMSALObj.loginPopup(request)
+  .then(tokenResponse => {
+      console.log("access_token acquired at: " + new Date().toString());
+      console.log(tokenResponse);
+  });
 }

JavaScriptSPA/index.html

@@ -36,6 +36,7 @@ <h5 class="card-header text-center">Getting an access token with Azure AD B2C an
       <h5 id="label" class="card-title">Sign-in with Microsoft Azure AD B2C</h5>
       <pre id="response" class="card-text"></pre>
       <button type="button" id="callApiButton" class="btn btn-primary d-none" onclick="passTokenToApi()">Call API</button>
+      <button type="button" id="editProfileButton" class="btn btn-primary d-none" onclick="editProfile()">Edit Profile</button>
     </div>
   </div>
 

JavaScriptSPA/policies.js

@@ -14,5 +14,8 @@ const b2cPolicies = {
         forgotPassword: {
             authority: "https://fabrikamb2c.b2clogin.com/fabrikamb2c.onmicrosoft.com/b2c_1_reset",
         },
+        editProfile: {
+            authority: "https://fabrikamb2c.b2clogin.com/fabrikamb2c.onmicrosoft.com/b2c_1_edit_profile"
+        }
     },
 }

JavaScriptSPA/ui.js

@@ -2,6 +2,7 @@
 const signInButton = document.getElementById('signIn');
 const signOutButton = document.getElementById('signOut');
 const callWebApiButton = document.getElementById('callApiButton');
+const editProfileButton = document.getElementById('editProfileButton');
 const label = document.getElementById('label');
 const response = document.getElementById("response");
 
@@ -17,8 +18,9 @@ function updateUI() {
     label.innerText = "Hello " + userName;
 
     // add the callWebApi button
-    callWebApiButton.classList.add('d-none');
-    callWebApiButton.setAttribute('class', 'btn btn-primary');
+    callWebApiButton.classList.remove('d-none');
+    // add the callWebApi button
+    editProfileButton.classList.remove('d-none');
 }
 
 // debug helper