Fix for this issue (#612)

HiltonGiesenow · web-flow · commit e0ee43062080 · 2020-09-04T09:12:55.000-07:00
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -10,5 +10,5 @@
     "semibold",
     "xmlns"
   ],
-  "tslint.configFile": "./config/tslint.json"
+"tslint.configFile": "./config/tslint.json"
 }
diff --git a/packages/mgt/src/components/mgt-login/mgt-login.ts b/packages/mgt/src/components/mgt-login/mgt-login.ts
@@ -178,6 +178,8 @@ export class MgtLogin extends MgtTemplatedComponent {
         if (this.userDetails.personImage) {
           this._image = this.userDetails.personImage;
         }
+
+        this.fireCustomEvent('loginCompleted');
       } else {
         this.userDetails = null;
       }
diff --git a/samples/examples/login-popup.html b/samples/examples/login-popup.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+	<script type="module" src="../../packages/mgt/dist/es6/index.js"></script>
+</head>
+
+<body>
+	<!-- <mgt-msal-provider client-id="af4ad92c-e141-49ac-9d86-23af45007101"></mgt-msal-provider> -->
+
+	<mgt-login></mgt-login>
+
+	<div id="loginStatus" style="padding-top: 20px">
+	</div>
+
+	<script type="module">
+		import { Providers, ProviderState, MsalProvider, LoginType } from '../../packages/mgt/dist/es6/index.js';
+
+		Providers.globalProvider = new MsalProvider({
+			clientId: 'af4ad92c-e141-49ac-9d86-23af45007101',
+			loginType: LoginType.Popup
+		});
+
+		document.querySelector('mgt-login').addEventListener('loginCompleted', e => {
+			console.log(e);
+			document.getElementById('loginStatus').innerText = "Login completed successfully";
+		});
+	</script>
+
+</html>
diff --git a/samples/examples/login-redirect-nopopup.html b/samples/examples/login-redirect-nopopup.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+	<script type="module" src="../../packages/mgt/dist/es6/index.js"></script>
+</head>
+
+<body>
+	<mgt-msal-provider client-id="af4ad92c-e141-49ac-9d86-23af45007101"></mgt-msal-provider>
+
+	<mgt-login></mgt-login>
+
+	<div id="loginStatus" style="padding-top: 20px">
+	</div>
+
+	<script type="module">
+		import { Providers, ProviderState } from '../../packages/mgt/dist/es6/index.js';
+
+		document.querySelector('mgt-login').addEventListener('loginCompleted', e => {
+			console.log(e);
+			document.getElementById('loginStatus').innerText = "Login completed successfully";
+		});
+	</script>
+
+</html>

Original file line number	Diff line number	Diff line change
`@@ -10,5 +10,5 @@`
`10`	`10`	`"semibold",`
`11`	`11`	`"xmlns"`
`12`	`12`	`],`
`13`		`- "tslint.configFile": "./config/tslint.json"`
	`13`	`+"tslint.configFile": "./config/tslint.json"`
`14`	`14`	`}`
Original file line number	Diff line number	Diff line change
`@@ -178,6 +178,8 @@ export class MgtLogin extends MgtTemplatedComponent {`
`178`	`178`	`if (this.userDetails.personImage) {`
`179`	`179`	`this._image = this.userDetails.personImage;`
`180`	`180`	`}`
	`181`	`+`
	`182`	`+ this.fireCustomEvent('loginCompleted');`
`181`	`183`	`} else {`
`182`	`184`	`this.userDetails = null;`
`183`	`185`	`}`