htauth Example (Facebbok & Google)

A simple example to use htauth Angular login module for Facebook and Google

by Andrea Tarquini

HTML

<script src="https://code.angularjs.org/1.4.5/angular.js"></script>
<script src="https://cdn.rawgit.com/h4t0n/htauth/master/dist/htauth.js"></script>
<body ng-app="testapp">
    <div ng-controller='testFacebook as facebook'>
         <h2> Test Facebook Provider </h2>
        <p> <i>ATTENTION: If you use chrome JsFiddle iframe and Facebook sdk don't work propertly (use another browser)
      </i>
        </p>
        <p><b>facebook.login()</b>

            <button ng-click="facebook.login()">Click to login</button>
        </p>
        <p><b>facebook.isLogged()</b>
 <pre>{{facebook.isLogged()}}</pre>

        </p>
        <p><b>facebook.getAuthResponse()</b>
 <pre>{{facebook.getAuthResponse() | json }}</pre>

        </p>
        <p><b>facebook.getAccessToken()</b>
 <pre>{{facebook.getAccessToken()}}</pre>

        </p>
    </div>
    <div ng-controller='testGoogle as google'>
         <h2> Test Google Provider </h2>

        <p><b>google.login()</b>

            <button ng-click="google.login()">Click to login</button>
        </p>
        <p><b>google.isLogged()</b>
 <pre>{{google.isLogged()}}</pre>

        </p>
        <p><b>google.getAuthResponse()</b>
 <pre>{{google.getAuthResponse() | json}}</pre>

        </p>
        <p><b>google.getIdToken()</b>
 <pre>{{google.getIdToken()}}</pre>

        </p>
    </div>
</body>

JavaScript

angular.module('testapp', ['htauth'])
     .config(['htauth.facebookProvider', 'htauth.googleProvider', function (facebookProvider, googleProvider) {
     facebookProvider.init({
         appId: '186076765067191'
     })
     googleProvider.init({
         client_id: '725412889739-g3iihggrd9ut7m9d8qhs65lal6k8v9q7.apps.googleusercontent.com'
     })
 }])
     .controller('testFacebook', [
     'htauth.facebook',

 function (facebook) {
     var vm = this;
     vm.login = facebook.login;
     vm.isLogged = facebook.isLogged;
     vm.getAuthResponse = facebook.getAuthResponse;
     vm.getAccessToken = facebook.getAccessToken;
 }])
     .controller('testGoogle', [
     'htauth.google',

 function (google) {
     var vm = this;
     vm.login = google.login;
     vm.isLogged = google.isLogged;
     vm.getAuthResponse = google.getAuthResponse;
     vm.getIdToken = google.getIdToken;
 }]);