review changes

Author: derisen

1-Authentication/1-sign-in/AppCreationScripts/sample.json

@@ -1,6 +1,6 @@
 {
  "Sample": {
- "Title": "Angular single-page application using MSAL Angular to sign-in users against Azure Active Directory",
+ "Title": "Angular single-page application using MSAL Angular to sign-in users with Azure Active Directory",
  "Level": 100,
  "Client": "Angular SPA",
  "RepositoryUrl": "ms-identity-javascript-angular-tutorial",

1-Authentication/1-sign-in/README.md

@@ -1,4 +1,4 @@
-# Angular single-page application using MSAL Angular to sign-in users against Azure Active Directory
+# Angular single-page application using MSAL Angular to sign-in users with Azure Active Directory
 
  1. [Overview](#overview)
  1. [Scenario](#scenario)
@@ -121,7 +121,7 @@ Open the project in your IDE (like Visual Studio or Visual Studio Code) to confi
 
 > In the steps below, "ClientID" is the same as "Application ID" or "AppId".
 
-1. Open the `App\src\app\auth-config.ts` file.
+1. Open the `SPA\src\app\auth-config.ts` file.
 1. Find the key `Enter_the_Application_Id_Here` and replace the existing value with the application ID (clientId) of `msal-angular-spa` app copied from the Azure portal.
 1. Find the key `Enter_the_Tenant_Info_Here` and replace the existing value with the tenant ID of `msal-angular-spa` app copied from the Azure portal.
 
@@ -147,8 +147,6 @@ Were we successful in addressing your learning objective? Consider taking a mome
 
 ## About the code
 
-MSAL Angular is a wrapper around MSAL.js.
-
 ### Configuration
 
 You can initialize your application in several ways, for instance, by loading the configuration parameters from another server. See [Configuration Options](https://github.com/AzureAD/microsoft-authentication-library-for-js/blob/dev/lib/msal-angular/docs/v2-docs/configuration.md) for more information.
@@ -216,7 +214,7 @@ When you receive an [ID token](https://docs.microsoft.com/azure/active-directory
 
 For instance, to configure this sample for **Azure AD Germany** National Cloud:
 
-1. Open the `src\app\app-config.json` file.
+1. Open the `src\app\auth-config.ts` file.
 1. Find the app key `Enter_the_Application_Id_Here` and replace the existing value with the application ID (clientId) of the `ms-identity-javascript-angular-signin` application copied from the Azure portal.
 1. Find the app key `https://login.microsoftonline.com/Enter_the_Tenant_Info_Here` and replace the existing value with `https://portal.microsoftazure.de/<your-tenant-id>`.
 

1-Authentication/1-sign-in/ReadmeFiles/screenshot.png

@@ -1,7 +1,7 @@
 {
  "name": "ms-identity-angular-c1s1",
  "version": "1.0.0",
- "description": "Angular single-page application using MSAL React to sign-in users against Azure Active Directory",
+ "description": "Angular single-page application using MSAL React to sign-in users with Azure Active Directory",
  "scripts": {
  "ng": "ng",
  "start": "ng serve",

1-Authentication/1-sign-in/SPA/package.json

@@ -5,3 +5,9 @@
  a.title {
  color: white;
  }
+
+ .footer-text {
+ font-size: small;
+ text-align: center;
+ flex: 1 1 auto;
+ }

1-Authentication/1-sign-in/SPA/src/app/app.component.css

@@ -10,4 +10,12 @@
 <div class="container">
  <!--This is to avoid reload during acquireTokenSilent() because of hidden iframe -->
  <router-outlet *ngIf="!isIframe"></router-outlet>
-</div>
+</div>
+
+<footer *ngIf="loginDisplay">
+ <mat-toolbar>
+ <div class="footer-text">
+ How did we do? <a href="https://forms.office.com/Pages/ResponsePage.aspx?id=v4j5cvGGr0GRqy180BHbR73pcsbpbxNJuZCMKN0lURpUOU5PNlM4MzRRV0lETkk2ODBPT0NBTEY5MCQlQCN0PWcu" target="_blank"> Share your experience with us!</a>
+ </div>
+ </mat-toolbar>
+</footer>

1-Authentication/1-sign-in/SPA/src/app/app.component.html

@@ -59,7 +59,7 @@ export class HomeComponent implements OnInit {
  getClaims(claims: any) {
  this.dataSource = [
  {id: 1, claim: "Display Name", value: claims ? claims['name'] : null},
- {id: 2, claim: "User Preferred Name (UPN)", value: claims ? claims['preferred_username'] : null},
+ {id: 2, claim: "User Principal Name (UPN) (UPN)", value: claims ? claims['preferred_username'] : null},
  {id: 2, claim: "OID", value: claims ? claims['oid']: null}
  ];
  }

1-Authentication/1-sign-in/SPA/src/app/home/home.component.ts

@@ -98,7 +98,7 @@ Open the project in your IDE (like Visual Studio or Visual Studio Code) to confi
 
 > In the steps below, "ClientID" is the same as "Application ID" or "AppId".
 
-1. Open the `App\src\app\auth-config.ts` file.
+1. Open the `SPA\src\app\auth-config.ts` file.
 1. Find the key `Enter_the_Application_Id_Here` and replace the existing value with the application ID (clientId) of `msal-react-spa` app copied from the Azure portal.
 1. Find the key `Enter_the_Tenant_Info_Here` and replace the existing value with your Azure AD tenant name.
 

1-Authentication/2-sign-in-b2c/README.md

@@ -5,3 +5,9 @@
  a.title {
  color: white;
  }
+
+ .footer-text {
+ font-size: small;
+ text-align: center;
+ flex: 1 1 auto;
+ }

1-Authentication/2-sign-in-b2c/SPA/src/app/app.component.css

@@ -11,4 +11,12 @@
 <div class="container">
  <!--This is to avoid reload during acquireTokenSilent() because of hidden iframe -->
  <router-outlet *ngIf="!isIframe"></router-outlet>
-</div>
+</div>
+
+<footer *ngIf="loginDisplay">
+ <mat-toolbar>
+ <div class="footer-text">
+ How did we do? <a href="https://forms.office.com/Pages/ResponsePage.aspx?id=v4j5cvGGr0GRqy180BHbR73pcsbpbxNJuZCMKN0lURpUOU5PNlM4MzRRV0lETkk2ODBPT0NBTEY5MCQlQCN0PWcu" target="_blank"> Share your experience with us!</a>
+ </div>
+ </mat-toolbar>
+</footer>