Allow additional parameters about generic-oauth2 HOT 7 CLOSED

Index: src/web-utils.ts
IDEA additional info:
Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
<+>UTF-8
===================================================================
--- src/web-utils.ts	(revision 9e08eb1f19fc6b6b01a42afa7166b06618f61c9a)
+++ src/web-utils.ts	(date 1549148684000)
@@ -44,6 +44,9 @@
             }
             url += "&state=" + options.state;
         }
+
+        url += "&nonce=" + this.randomString(10);
+        
         return encodeURI(url);
     }

Index: src/app/app.component.ts
IDEA additional info:
Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
<+>UTF-8
===================================================================
--- src/app/app.component.ts	(date 1549152470000)
+++ src/app/app.component.ts	(date 1549152577000)
@@ -1,14 +1,16 @@
-import { Component } from '@angular/core';
+import { Component, OnInit } from '@angular/core';
 
 import { Platform } from '@ionic/angular';
 import { SplashScreen } from '@ionic-native/splash-screen/ngx';
 import { StatusBar } from '@ionic-native/status-bar/ngx';
+import { registerWebPlugin } from '@capacitor/core';
+import { OAuth2Client } from '@byteowls/capacitor-oauth2';
 
 @Component({
   selector: 'app-root',
   templateUrl: 'app.component.html'
 })
-export class AppComponent {
+export class AppComponent implements OnInit {
   constructor(
     private platform: Platform,
     private splashScreen: SplashScreen,
@@ -23,4 +25,10 @@
       this.splashScreen.hide();
     });
   }
+
+  ngOnInit() {
+    console.log('Register custom capacitor plugins');
+    registerWebPlugin(OAuth2Client);
+    // other stuff
+  }
 }

Index: src/app/tab1/tab1.page.html
IDEA additional info:
Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
<+>UTF-8
===================================================================
--- src/app/tab1/tab1.page.html	(date 1549152470000)
+++ src/app/tab1/tab1.page.html	(date 1549152744000)
@@ -14,10 +14,15 @@
         <ion-card-title>Welcome to Ionic</ion-card-title>
       </ion-card-header>
       <ion-card-content>
-        <p>Now that your app has been created, you'll want to start building out features and components. Check out some of the resources below for next steps.</p>
+        <p>Now that your app has been created, you'll want to start building out features and components. Log in to seem some resources for next steps.</p>
+        <ion-button *ngIf="!isAuthenticated" (click)="login()"> Login </ion-button>
+        <div *ngIf="isAuthenticated">
+          <p>Hi, {{ user?.email }}</p>
+          <ion-button (click)="logout()"> Logout </ion-button>
+        </div>
       </ion-card-content>
     </ion-card>
-    <ion-list lines="none">
+    <ion-list lines="none" *ngIf="isAuthenticated">
       <ion-list-header>
         <ion-label>Resources</ion-label>
       </ion-list-header>

Index: src/app/tab1/tab1.page.ts
IDEA additional info:
Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
<+>UTF-8
===================================================================
--- src/app/tab1/tab1.page.ts	(date 1549152470000)
+++ src/app/tab1/tab1.page.ts	(date 1549304856000)
@@ -1,8 +1,53 @@
 import { Component } from '@angular/core';
+import { Plugins } from '@capacitor/core';
+import { OAuth2AuthenticateOptions } from '@byteowls/capacitor-oauth2';
+
+export const oauth2Options: OAuth2AuthenticateOptions = {
+  appId: '0oaj77t71ilKMteVj0h7',
+  authorizationBaseUrl: 'https://dev-737523.oktapreview.com/oauth2/default/v1/authorize',
+  accessTokenEndpoint: 'https://dev-737523.oktapreview.com/oauth2/default/v1/token',
+  scope: 'email openid profile',
+  resourceUrl: 'https://dev-737523.oktapreview.com/oauth2/default/v1/userinfo',
+  web: {
+    redirectUrl: 'http://localhost:8100',
+    windowOptions: 'height=600,left=0,top=0'
+  },
+  ios: {
+    customScheme: 'healthpoints:/authorize'
+  }
+};
 
 @Component({
   selector: 'app-tab1',
   templateUrl: 'tab1.page.html',
   styleUrls: ['tab1.page.scss']
 })
-export class Tab1Page {}
+export class Tab1Page {
+  isAuthenticated: boolean = false;
+  user: any;
+
+  login() {
+    Plugins.OAuth2Client.authenticate(oauth2Options).then(resourceUrlResponse => {
+      const accessToken = resourceUrlResponse['access_token'];
+      const oauthUserId = resourceUrlResponse['id'];
+      const name = resourceUrlResponse['name'];
+      // go to backend
+      this.isAuthenticated = true;
+      this.user = resourceUrlResponse;
+      console.log('response', resourceUrlResponse);
+    }).catch(reason => {
+        console.error('OAuth rejected', reason);
+    });
+  }
+
+  logout() {
+    Plugins.OAuth2Client.logout(oauth2Options).then((response) => {
+      // do something
+      console.log('logout worked');
+      this.isAuthenticated = false;
+      this.user = null;
+    }).catch(reason => {
+        console.error('OAuth logout failed', reason);
+    });
+  }
+}