<!DOCTYPE html>
<html ng-app="app">
<head>
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" type="text/css">
</head>
<body ng-controller="AppCtrl" style="padding: 10%">
<p>
<button ng-show=" ! authData" ng-click="$auth.$authWithOAuthPopup('google')" class="btn btn-primary">Login with google</button>
<button ng-show="authData" ng-click="$auth.$unauth()" class="btn btn-danger">Logout</button>
</p>
<pre>{{ authData | json }}</pre>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.4/angular.min.js"></script>
<script src="//cdn.firebase.com/js/client/2.0.6/firebase.js"></script>
<script src="//cdn.firebase.com/libs/angularfire/0.9.0/angularfire.min.js"></script>
<script src="script.js"></script>
</body>
</html>
angular.module('app', ['firebase'])
.controller('AppCtrl', function($rootScope, $firebaseAuth){
$rootScope.$auth = $firebaseAuth(new Firebase('https://chatroom8860braxton.firebaseio.com'));
$rootScope.$auth.$onAuth(function(authData){
$rootScope.authData = authData;
});
});