Programming Steps: Apps Script Ionic Verify Firebase ID Token

Create apps.gs to do the following:
1) Web Request Handler
2) Web Command to output Ionic HTML apps containing Firebase Authentication service
3) Web Command to receive JWT containing Firebase ID Token
4) Evaluate JWT token
5) Return TRUE or FALSE

Create index.html to do the following;
1) Ionic HTML5 apps

apps.gs

/* ********* 
1) If your Firebase client app communicates with a custom backend server, you might need to identify the currently signed-in user on that server. 
2) To do so securely, after a successful sign-in, send the user's ID token to your server using HTTPS. 
3) Then, on the server, verify the integrity and authenticity of the ID token and retrieve the uid from it. 
4) You can use the uid transmitted in this way to securely identify the currently signed-in user on your server.
********* */

/**********/
/* ... after a successful sign-in, send the user's ID token to your server using HTTPS ...
/* Example JS codes to get Id Token */
/* refer https://firebase.google.com/docs/auth/admin/verify-id-tokens */
/*
     firebase.auth().currentUser.getIdToken(true).then(function(idToken) {
     //call this script
     var data = null;
     var xhr = new XMLHttpRequest();
     xhr.withCredentials = true;
     
     xhr.addEventListener("readystatechange", function () {
          if (this.readyState === 4) {
               console.log(this.responseText);
     }
     });

xhr.open("GET", "https://script.google.com/macros/s/<this app script id>/exec?cmd=vfyidtoken&idtoken=<firebase id token>");
     xhr.send(data);

}).catch(function(error) {
     });
  */

/**********/
/* jsrasign jwt library */
/* refer https://kjur.github.io/jsrsasign/ */
var navigator = {};  
var window = {};  
eval(UrlFetchApp.fetch('https://cdnjs.cloudflare.com/ajax/libs/jsrsasign/8.0.12/jsrsasign-all-min.js').getContentText());

/******************************/
/* E) VERIFY FIREBASE ID TOKEN */
/* ... on the server, verify the integrity and authenticity of the ID token and retrieve the uid from it ...
/* verify id token */
function verifyToken(strToken){
  /* strToken comes from Firebase Token after successful login*/
  //strToken='eyJhbGciOiJSUzI1NiIsImtpZCI6IjE1ZTU4OWU1NGFiOGNlZWE1ZjNhMTJkZmU5YWY0NGExYWJlZjgyZTcifQ.eyJpc3MiOiJodHRwczovL3NlY3VyZXRva2VuLmdvb2dsZS5jb20vbXlwcm9qZWN0MS1kM2I0ZCIsImF1ZCI6Im15cHJvamVjdDEtZDNiNGQiLCJhdXRoX3RpbWUiOjE1MTYyNTU5NjksInVzZXJfaWQiOiJJenNmWVpFOWk4U3dUNXNwUUtTT2liSzU1d20xIiwic3ViIjoiSXpzZllaRTlpOFN3VDVzcFFLU09pYks1NXdtMSIsImlhdCI6MTUxNjI1NTk2OSwiZXhwIjoxNTE2MjU5NTY5LCJlbWFpbCI6ImVlQGUuY29tIiwiZW1haWxfdmVyaWZpZWQiOmZhbHNlLCJmaXJlYmFzZSI6eyJpZGVudGl0aWVzIjp7ImVtYWlsIjpbImVlQGUuY29tIl19LCJzaWduX2luX3Byb3ZpZGVyIjoicGFzc3dvcmQifX0.kzJ0gWhYmP3PfZ03IesFhaAGvnWK0d9W2C_SFZl_KKfbwTVeU0SZHbLWjMF6XJchVbBVmXin96WLaFAmCqY3MvGSx9xnh9l1rTswUoSd3491TpVR0yhwbRz2NYtIV9NzGz7v46MNuR_OBNxJWISk7L7rCNsORd496c9ZhsfZHy_DXiyCEeiR2zq3xdHP12QJUw14Sm4jmwljj9TmTHVBR3WUDRU4H2RTKpGh8ZKGxov2T3yeKCWGEkNvG2XGmtlp22C7eDA9qBFqeqMzd3YiPCYBgOWgnLmvOJlItyGvnM_JMv3sPDjERg2lSx-qDybFyVFdu67YJpkXe7WjWYluyQ'
  
  var objPublickeys={}
  var strPublicKey='';
  var isValid=false; 
  
  objToken=KJUR.jws.JWS.parse(strToken);
  objHeader=JSON.parse(objToken.headerPP);
  //Logger.log(objHeader.kid);
  
  var response = UrlFetchApp.fetch("https://www.googleapis.com/robot/v1/metadata/x509/securetoken@system.gserviceaccount.com");
  
  if (response.getResponseCode() == 200) {
    
    objPublicKeys=JSON.parse(response.getContentText());
    
    strPublicKey=objPublicKeys[objHeader.kid];
    // strPublicKey=objPublicKeys['15e589e54ab8ceea5f3a12dfe9af44a1abef82e7'];
    
    //Logger.log(strPublicKey);
    
    isValid=KJUR.jws.JWS.verify(strToken, strPublicKey, ['RS256']);
    
    //Logger.log(isValid)
    
  }
  return isValid 
}

/**********/
/* test verify id token */
function testVerifyToken(){
   verifyToken("eyJhbGciOiJSUzI1NiIsImtpZCI6ImZmNTRmZjM0MTFiZmMwMDJiYTBjZDAwNzA2YmEzYmM4NTBiZWIwMmIifQ.eyJpc3MiOiJodHRwczovL3NlY3VyZXRva2VuLmdvb2dsZS5jb20vbm90YXJhemlwcm9qZWN0IiwiYXVkIjoibm90YXJhemlwcm9qZWN0IiwiYXV0aF90aW1lIjoxNTMzOTc3Njc0LCJ1c2VyX2lkIjoiNEI3b3dodXFIRWhFZWh0am5CM2hOOEtOMnBvMSIsInN1YiI6IjRCN293aHVxSEVoRWVodGpuQjNoTjhLTjJwbzEiLCJpYXQiOjE1MzQwNDc0ODAsImV4cCI6MTUzNDA1MTA4MCwiZW1haWwiOiJhQGEuY29tIiwiZW1haWxfdmVyaWZpZWQiOmZhbHNlLCJmaXJlYmFzZSI6eyJpZGVudGl0aWVzIjp7ImVtYWlsIjpbImFAYS5jb20iXX0sInNpZ25faW5fcHJvdmlkZXIiOiJwYXNzd29yZCJ9fQ.esFjSlmpiymMfN9PunkDS18H2RHArosIs3PbmnSAQ2boPyEkSNgJY1W2jf_0YarWB9YJ8p9oq9MFia4HPA2-v-o25BrtJYCx_B7yh9FH22OhpYAl0NImXYkHjknLv8ldJk4t7ScsSMXkwj0K-i4-_in8795ufPeVxQ3kGexHss3BaW6aI8_FqnCJ3J4mTicFx1q6fsrJKqlo9Ka73kmr0Yc8-o8A56J9IpsyM6sqZXTbiPcvPlromInjrYmnSpVVVcMt3X0lRYUIxw4UTMHRme4rrFdjqoX_mdHj6Vm95fSwtXOHxQAZT22PpP2QCX-pe3ji07NMqiklUUtNafPpOA")

}

/******************************/
/* D) MANAGE COMMANDS */
function cmdManager(cmd, e) {
  switch (cmd) {  
        case "app":
            return getHTML('index.html')
            break;      
    case "vfyidtoken":
       var validToken=false
       var strIdToken = e.parameter["idtoken"] || "";
       if(strIdToken!=""){
          validToken=verifyToken(strIdToken)
       }
            return validToken;
            break;              
  }/*switch*/
}

/******************************/
/* C) PREPARE WEB CONTENT */
/*getHTML*/
function getHTML(file) {
    if (!file) {
      var outputHtml = HtmlService.createHtmlOutput('<b>Hello, world!</b>');
      outputHtml.setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL);
      outputHtml.addMetaTag('viewport', 'width=device-width, initial-scale=1');  
    return outputHtml;
    };
    var outputHtmlFile = HtmlService.createHtmlOutputFromFile(file); /*need to create html file*/
    outputHtmlFile.setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL);
    outputHtmlFile.addMetaTag('viewport', 'width=device-width, initial-scale=1');
   
    return outputHtmlFile;
}
/*createHTML*/
function createHTML(htmlcodes) {
    if (!htmlcodes) {
      var outputHtml = HtmlService.createHtmlOutput('<b>Hello, world!</b>');
      outputHtml.setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL);
      outputHtml.addMetaTag('viewport', 'width=device-width, initial-scale=1');
   
    return outputHtml;
    };
    var outputHtml = HtmlService.createHtmlOutput(htmlcodes);
    outputHtml.setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL);
    outputHtml.addMetaTag('viewport', 'width=device-width, initial-scale=1');
   
    return outputHtml;
}
/*createJSON*/
function createJSON(data) {
    if (!data) {
        data = []
    };
    var outputJson = ContentService.createTextOutput(JSON.stringify({
        "status": "success",
        "content": data
    })).setMimeType(ContentService.MimeType.JSON);
    return outputJson;
}

/******************************/
/* B) HANDLE REQUEST */
function handleRequest(e) {
  var lock = LockService.getPublicLock();
  lock.waitLock(30000); // wait 30 seconds before conceding defeat.
  try {
    var cmd = e.parameter.cmd;
    var output = "";
    if (cmd == "app") {
      return cmdManager("app", e);
    }    
    else if (cmd == "vfyidtoken") {
      output = cmdManager("vfyidtoken", e);
    } 
    return ContentService.createTextOutput(JSON.stringify({
      "result": "success",
      "content": output
    })).setMimeType(ContentService.MimeType.JSON);
    //return output
  } catch (e) { /*if error return this*/
    return ContentService.createTextOutput(JSON.stringify({
      "result": "error",
      "error": e
    })).setMimeType(ContentService.MimeType.JSON);
  } finally { /*release lock*/
    lock.releaseLock();
  }
}

/******************************/
/* A WEB REQUEST LISTENER */
function doGet(e) {
  return handleRequest(e);
}
function doPost(e) {
  return handleRequest(e);
}

index.html

<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
  <title></title>
  <script src="//cdnjs.cloudflare.com/ajax/libs/ionic/1.3.2/js/ionic.bundle.min.js"></script>
  <script src="//cdnjs.cloudflare.com/ajax/libs/ngStorage/0.3.11/ngStorage.min.js"></script>
  <script src="//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.3.0/angular-sanitize.js"></script>
  <script src="//www.gstatic.com/firebasejs/4.12.0/firebase.js"></script>
  <script src="//cdn.firebase.com/libs/angularfire/2.0.1/angularfire.min.js"></script>
  <script>
    angular.module('firebaseConfig', ['firebase'])
      .run(function() {
        // Initialize Firebase
        var config = {
          apiKey: "AIzaSyAn7kAVy-cCf-CQ7vaZ0JVZZ4LE8gF29c8",
          authDomain: "notaraziproject.firebaseapp.com",
          databaseURL: "https://notaraziproject.firebaseio.com",
          projectId: "notaraziproject",
          storageBucket: "notaraziproject.appspot.com",
          messagingSenderId: "731471194718"
        };
        firebase.initializeApp(config);
      })
  </script>
  
  
  
  <link href="//cdnjs.cloudflare.com/ajax/libs/ionic/1.3.2/css/ionic.css" rel="stylesheet">
  <style type="text/css">
    .platform-ios .manual-ios-statusbar-padding {
      padding-top: 20px;
    }

.manual-remove-top-padding {
      padding-top: 0px;
    }

.manual-remove-top-padding .scroll {
      padding-top: 0px !important;
    }

ion-list.manual-list-fullwidth div.list,
    .list.card.manual-card-fullwidth {
      margin-left: -10px;
      margin-right: -10px;
    }

ion-list.manual-list-fullwidth div.list>.item,
    .list.card.manual-card-fullwidth>.item {
      border-radius: 0px;
      border-left: 0px;
      border-right: 0px;
    }

.show-list-numbers-and-dots ul {
      list-style-type: disc;
      padding-left: 40px;
    }

.show-list-numbers-and-dots ol {
      list-style-type: decimal;
      padding-left: 40px;
    }
  </style>
  <!--
  <script src="js/app.js"></script>
  <script src="js/controllers.js"></script>
  <script src="js/routes.js"></script>

</head>

<ion-nav-buttons side="right" class="has-header">
        <button class="button icon ion-plus-circled button-royal button-outline" ng-click="prepAddItem($event)" ng-show="userStatus.isSignedIn"></button>
      </ion-nav-buttons>

<ion-content padding="true" class="has-header  fixed-container">
        user:{{user}} 
    <br/>
      verified:{{verified}}
        <p style="text-align:center;font-size:100px;color:black;" ng-show="user.isSignedOut">
<i class="icon ion-locked"></i></p>
<p style="text-align:center;font-size:100px;color:black;" ng-show="user.isSignedIn">
<i class="icon ion-unlocked"></i></p>
<button id="menu-button11" class="button button-calm button-block" ng-click="prepSignUp()" ng-show="user.isSignedOut" menu-close="">Sign Up</button>
        <button id="menu-button12" class="button button-balanced button-block" ng-click="prepSignIn()" ng-show="user.isSignedOut" menu-close="">Sign In</button>
        <button id="menu-button13" class="button button-assertive button-block" ng-click="prepSignOut()" ng-show="user.isSignedIn" menu-close="">Sign Out</button>

</ion-content>
    </ion-view>
  </script>

/*
  This directive is used to open regular and dynamic href links inside of inappbrowser.
*/
      .directive("hrefInappbrowser", function() {
        return {
          restrict: "A",
          replace: false,
          transclude: false,
          link: function(scope, element, attrs) {
            var href = attrs["hrefInappbrowser"];
            attrs.$observe("hrefInappbrowser", function(val) {
              href = val;
            });
            element.bind("click", function(event) {
              window.open(href, "_system", "location=yes");
              event.preventDefault();
              event.stopPropagation();
            });
          }
        };
      });
    angular
      .module("app.controllers", [])
      .controller("homeCtrl", [
        "$rootScope",
        "$scope",
        "$stateParams",
        "$timeout",
        "UserFactory",
        "UserService",
      "WebService",
        "$firebaseAuth",
        "$ionicLoading",
        function($rootScope, $scope, $stateParams, $timeout, UserFactory, UserService, WebService,$firebaseAuth, $ionicLoading) {
          $scope.user = {}
          $scope.verified=false
          $scope.$on('userStatus', function(event, data) {
            $scope.user = UserFactory.getLocalUser();
          });
          $scope.setUserBroadcast = function() {
            $rootScope.$broadcast('userStatus', null);
          }
          $firebaseAuth().$onAuthStateChanged(function(objAuthUser) {
            //console.log(objAuthUser)
            UserService.updateLocalUser($scope, objAuthUser)
            //console.log(UserFactory.getLocalUser())
            if (objAuthUser!=null){
            firebase.auth().currentUser.getIdToken( /* forceRefresh */ true).then(function(idToken) {
              // Send token to your backend via HTTPS
              // decode at jwt.io, 
              // get cert at https://www.googleapis.com/robot/v1/metadata/x509/securetoken@system.gserviceaccount.com
              // check verified at jwt.io
              console.log("idToken:" + idToken)
              console.log('verifying...')
              var url ="https://script.google.com/macros/s/AKfycbwGgYhJhIpQQi8wfyhdUHm5eupTxMRmsaq1aQlGs8kl4T1nKGEi/exec"
              var param="cmd=vfyidtoken&idtoken="+idToken
    $ionicLoading.show();
    WebService.RqsGet(url,param)
      .then(function(response) {
      
        $scope.verified= angular.fromJson(response.data.content);
      })
      .finally(function(result) {
        $ionicLoading.hide();
      });
                
              
            }).catch(function(error) {
              // Handle error
            });
              }else{
                $scope.verified=false;
              }
            $ionicLoading._getLoader().then(function(state) {
              if (state.isShown == true) {
                $ionicLoading.hide()
              }
            });
          })
          $scope.$on("$ionicView.loaded", function() {
            $scope.user = UserFactory.getLocalUser();
            $scope.setUserBroadcast();
          });
          $scope.$on("$ionicView.enter", function() {});
          $scope.prepSignUp = function() {
            UserService.prepSignUp($scope)
          };
          $scope.prepSignIn = function() {
            UserService.prepSignIn($scope)
          };
          $scope.prepSignOut = function() {
            UserService.prepSignOut($scope)
          };
        }
      ])

angular
      .module("app.directives", [])
      .directive("blankDirective", [function() {}]);
    angular
      .module("app.routes", [])
      .config(function($stateProvider, $urlRouterProvider) {
        $stateProvider
      .state('page', {
    url: '/page1',
    templateUrl: 'templates/home.html',
    controller: 'homeCtrl'
            })
        $urlRouterProvider.otherwise("/page1");
      });
    angular
      .module("app.services", [])
      .factory("BlankFactory", [function() {}])
      .service("BlankService", [function() {}])
      .factory("UserFactory", function($localStorage) {
        var user = {};
        var setLocalUser = function(objData) {
          $localStorage.localUser = objData;
          return ($localStorage.localUser);
        }
        var resetLocalUser = function() {
          user = {
            uid: '',
            email: '',
            name: '',
            isSignedIn: false,
            isSignedOut: true
          };
          $localStorage.localUser = user;
          return ($localStorage.localUser);
        }
        var getLocalUser = function() {
          var tmpLocalUser = $localStorage.localUser;
          if (tmpLocalUser === undefined || tmpLocalUser == {}) {
            resetLocalUser()
            $localStorage.localUser = user;
          } else {
            user = $localStorage.localUser;
          }
          return $localStorage.localUser;
        }
        return {
          setLocalUser: setLocalUser,
          resetLocalUser: resetLocalUser,
          getLocalUser: getLocalUser
        }
      })
      .factory("MsgFactory", [
        "$ionicPopup",
        function($ionicPopup) {
          return {
            showAlert: function(strTitle, strMessage) {
              var alertPopup = $ionicPopup.alert({
                title: strTitle,
                template: strMessage
              });
              alertPopup.then(function(res) {
                // Custom functionality....
              });
            }
          };
        }
      ])
      .service("UserService",
        function(
          $timeout,
          $q,
          $firebaseAuth,
          MsgFactory,
          $ionicPopup,
          $ionicLoading,
          $localStorage,
          UserFactory
        ) {
          var that = this; /*use that var to avoid internal conflict*/
          var hideIonicLoadingIfItIsShowing = function() {
            $ionicLoading._getLoader().then(function(state) {
              if (state.isShown == true) {
                $ionicLoading.hide()
              }
            });
          }
          this.toggleStatus = function(scope) {
            var deferred = $q.defer();
            var timeoutPromise = $timeout(function() {
              console.log("Timed out");
              deferred.reject(scope);
            }, 250);
            var firstProp, secondProp;
            if (scope.user.uid && scope.user.uid != '') {
              firstProp = "isSignedOut";
              secondProp = "isSignedIn";
            } else {
              firstProp = "isSignedIn";
              secondProp = "isSignedOut";
            }
            scope.user[firstProp] = false;
            $timeout(function(data) {
              $timeout.cancel(timeoutPromise); //cancel the timeout
              scope.user[secondProp] = true;
              console.log('togglestatus')
              console.log(scope.user)
              deferred.resolve(scope);
            });
            return deferred.promise;
          }
          this.updateLocalUser = function(scope, objAuthUser) {
            //console.log(objAuthUser)
            //if(!angular.isDefined(objAuthUser)){
            //if(objAuthUser===null){
            //if(objAuthUser==undefined){
            if (!angular.isDefined(objAuthUser) || objAuthUser === null || objAuthUser === undefined) {
              scope.user.uid = '';
              scope.user.name = '';
              scope.user.email = '';
              that.toggleStatus(scope).then(function(thatscope) {
                console.log(thatscope)
                UserFactory.setLocalUser(thatscope.user)
              })
            } else {
              scope.user.uid = objAuthUser.uid;
              scope.user.name = objAuthUser.displayName;
              scope.user.email = objAuthUser.email
              that.toggleStatus(scope).then(function(thatscope) {
                UserFactory.setLocalUser(thatscope.user)
              })
            }
            scope.setUserBroadcast();
          }
          this.doSignUp = function(objUser) {
            firebase
              .auth()
              .setPersistence(firebase.auth.Auth.Persistence.LOCAL)
              .then(function() {
                var objAuthUser = $firebaseAuth()
                  .$createUserWithEmailAndPassword(objUser.email, objUser.password).catch(function(error) {
                    // Handle Errors here.
                    $ionicLoading.hide()
                    MsgFactory.showAlert(
                      "<span class='assertive'>" + error.code + "</span>",
                      error.message
                    );/*showalert*/
                  });/*createuserwithemailandpassword.catch*/
                console.log(objAuthUser)
           
              })/*setpersistence.then*/
              .catch(function(error) {
                // Handle Errors here.
                $ionicLoading.hide()
                MsgFactory.showAlert(
                  "<span class='assertive'>" + error.code + "</span>",
                  error.message
                );/*showalert*/
              })/*setpersistence.then.catch*/
          }
          this.doSignIn = function(scope, objUser) {
            firebase
              .auth()
              .setPersistence(firebase.auth.Auth.Persistence.LOCAL)
              .then(function() {
                var objAuthUser = $firebaseAuth()
                  .$signInWithEmailAndPassword(objUser.email, objUser.password).catch(function(error) {
                    // Handle Errors here.
                $ionicLoading.hide()                    
                    MsgFactory.showAlert(
                      "<span class='assertive'>" + error.code + "</span>",
                      error.message
                    );/*showalert*/
                  });/*signInWithEmailAndPassword.catch*/
                console.log(objAuthUser)

})/*setpersistence.then*/
              .catch(function(error) {
                // Handle Errors here.
                $ionicLoading.hide()
                MsgFactory.showAlert(
                  "<span class='assertive'>" + error.code + "</span>",
                  error.message
                );/*showalert*/
              })/*setpersistence.then.catch*/
          }
          this.doSignOut = function(scope) {
            $firebaseAuth().$signOut()
          }
          this.prepSignUp = function(scope) {
            scope.popupData = {};
            var strPopup =
              '<form class="list" name="formSignUp"><input type="email" placeholder="Your Email" ng-model="popupData.email" ng-required="true" name="email"><div ng-hide="formSignUp.email.$valid" class="show-list-numbers-and-dots assertive">Enter valid email</div><br/><input type="password" placeholder="Your Password (min 6 chars)" ng-model="popupData.password" name="password" ng-required="true"><br/><input type="password" placeholder="Re-enter Password" ng-model="popupData.password1" name="password1" ng-required="true"><div ng-show="userNew.password!=userNew.password1" class="show-list-numbers-and-dots assertive"><p>Passwords must match one another</p></div><p name="formvalidity" style="display:none">{{formSignUp.$valid && (userNew.password==userNew.password1)}}</p></form>';
            var strPopupTitle =
              '<div style="text-align:center;"><i class="icon positive ion-planet" style="font-size:100pt;"></i></div>Sign Up';
            var strPopupSubTitle = "Enter Email and Password for Registration";
            return $ionicPopup.show({
              template: strPopup,
              title: strPopupTitle,
              subTitle: strPopupSubTitle,
              cssClass: "",
              scope: scope,
              buttons: [{
                  text: "Cancel",
                  type: "button-assertive"
                },
                {
                  text: "Sign Up",
                  type: "button-balanced",
                  onTap: function(e) {
                    var elem1 = document.querySelectorAll(
                      '[name="formvalidity"]'
                    )[0];
                    if (elem1.innerHTML === "true") {
                      $ionicLoading.show({
                        template: "Signing Up ...",
                        delay: 100
                      });
                      that.doSignUp(scope,scope.popupData)
                      scope.popupData={};
                    } else {
                      MsgFactory.showAlert(
                        "<span class='assertive'>Error</span>",
                        "Please complete the form"
                      );
                      e.preventDefault();
                    }
                  }
                }
              ]
            });
          }; /*prepSignUp*/
          this.prepSignIn = function(scope) {
            scope.popupData = {};
            var strPopup =
              '<form class="list" name="formSignIn"><input type="email" placeholder="Your Email" ng-model="popupData.email" ng-required="true" name="email"><div ng-hide="formSignIn.email.$valid" class="show-list-numbers-and-dots assertive">Enter valid email</div><br/><input type="password" placeholder="Your Password (min 6 chars)" ng-model="popupData.password" name="password" ng-required="true"><br/><p name="formvalidity" style="display:none">{{formSignIn.$valid}}</p></form>';
            var strPopupTitle =
              '<div style="text-align:center;"><i class="icon positive ion-planet" style="font-size:100pt;"></i></div>Sign In';
            var strPopupSubTitle = "Enter Email and Password";
            return $ionicPopup.show({
              template: strPopup,
              title: strPopupTitle,
              subTitle: strPopupSubTitle,
              cssClass: "",
              scope: scope,
              buttons: [{
                  text: "Cancel",
                  type: "button-assertive"
                },
                {
                  text: "Sign In",
                  type: "button-balanced",
                  onTap: function(e) {
                    var elem1 = document.querySelectorAll(
                      '[name="formvalidity"]'
                    )[0];
                    if (elem1.innerHTML === "true") {
                      $ionicLoading.show({
                        template: "Signing In ...",
                        delay: 100
                      });
                      that.doSignIn(scope,scope.popupData)
                      scope.popupData={};
                    } else {
                      MsgFactory.showAlert(
                        "<span class='assertive'>Error</span>",
                        "Please complete the form"
                      );
                      e.preventDefault();
                    }
                  }
                }
              ]
            });
          }; /*prepSignIn*/
          this.prepSignOut = function(scope) {
            that.doSignOut()
          }; /*prepSignOut*/
        }
      )/*UserService*/
.service('WebService', function($http){

</html>

201704, 20170423, JWT, FIREBASE, IONIC

Programming Steps

Learn the powerful enterprise adaptable database:

Getting Started With ADABAS & Natural

Monday, April 24, 2017

Apps Script Ionic Verify Firebase ID Token

No comments:

Post a Comment