Authentication Setup

[belv2c]

In AuthService.js:

• prompts user to login to Google through Firebase
• is there a firebase user? true or false
• firebase call to kill everything like user was never there

app.service("AuthService", function() {
    const authenticateGoogle = () => {
        const provider = new firebase.auth.GoogleAuthProvider();
        return firebase.auth().signInWithPopup(provider);
    };

const isAuthenticated = () => {
    return firebase.auth().currentUser ? true : false; 
};

const logout = () => {
    firebase.auth().signOut();
};

return {authenticateGoogle, isAuthenticated, logout};

});

[belv2c]

In LoginCtrl.js:

• scope exists in the controller and rootscope exists in the whole application
• $location changes url
• $scope.$apply once you get to here help it along - basically a force reload of the dom

app.controller("LoginCtrl", function($location, $rootScope, $scope, AuthService) {
    $scope.authenticate = () => {
        AuthService.authenticateGoogle().then((result) => {
            $rootScope.uid = result.user.uid;
            $scope.$apply(() => {
                $location.url("/contacts/view");
            });
        }).catch((err) => {
            console.log("error in authenticateGoogle", err);
        });
    };
});