Swimburger/index.html

## index.html
<!doctype html>
<html lang="en" ng-app="app" ng-controller="MainController">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <google-sign-in-button on-sign-in="onSignIn(response)" g-client-id="CLIENTID.apps.googleusercontent.com"></google-sign-in-button>

<script src="https://apis.google.com/js/platform.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.6/angular.min.js"></script>
<script>
    angular.module('app',[])
            .controller('MainController',['$scope', function ($scope) {
                $scope.onSignIn=function(response){
                    console.log(response);
                }
            }])
            .directive('googleSignInButton',function(){
                return {
                    scope:{
                        gClientId:'@',
                        callback: '&onSignIn'
                    },
                    template: '<button ng-click="onSignInButtonClick()">Sign in</button>',
                    controller: ['$scope','$attrs',function($scope, $attrs){
                        gapi.load('auth2', function() {//load in the auth2 api's, without it gapi.auth2 will be undefined
                            gapi.auth2.init(
                                    {
                                        client_id: $attrs.gClientId
                                    }
                            );
                            var GoogleAuth  = gapi.auth2.getAuthInstance();//get's a GoogleAuth instance with your client-id, needs to be called after gapi.auth2.init
                            $scope.onSignInButtonClick=function(){//add a function to the controller so ng-click can bind to it
                                GoogleAuth.signIn().then(function(response){//request to sign in
                                    $scope.callback({response:response});
                                });
                            };
                        });
                    }]
                };
            });
</script>
</body>
</html>
	<!doctype html>
	<html lang="en" ng-app="app" ng-controller="MainController">
	<head>
	<meta charset="UTF-8">
	<title>Document</title>
	</head>
	<body>
	<google-sign-in-button on-sign-in="onSignIn(response)" g-client-id="CLIENTID.apps.googleusercontent.com"></google-sign-in-button>

	<script src="https://apis.google.com/js/platform.js"></script>
	<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.6/angular.min.js"></script>
	<script>
	angular.module('app',[])
	.controller('MainController',['$scope', function ($scope) {
	$scope.onSignIn=function(response){
	console.log(response);
	}
	}])
	.directive('googleSignInButton',function(){
	return {
	scope:{
	gClientId:'@',
	callback: '&onSignIn'
	},
	template: '<button ng-click="onSignInButtonClick()">Sign in</button>',
	controller: ['$scope','$attrs',function($scope, $attrs){
	gapi.load('auth2', function() {//load in the auth2 api's, without it gapi.auth2 will be undefined
	gapi.auth2.init(
	{
	client_id: $attrs.gClientId
	}
	);
	var GoogleAuth = gapi.auth2.getAuthInstance();//get's a GoogleAuth instance with your client-id, needs to be called after gapi.auth2.init
	$scope.onSignInButtonClick=function(){//add a function to the controller so ng-click can bind to it
	GoogleAuth.signIn().then(function(response){//request to sign in
	$scope.callback({response:response});
	});
	};
	});
	}]
	};
	});
	</script>
	</body>
	</html>