From 08f668859cc98f72c6af3febdf654bb6839ed83d Mon Sep 17 00:00:00 2001
From: Joey Lai <joeylai96@hotmail.com>
Date: Fri, 27 Jan 2017 16:15:23 +0100
Subject: [PATCH] begin with facebook login

---
 website/public/login.php     | 66 ++++++++++++++++++++++++++++++++++++
 website/views/login-view.php | 15 ++++++++
 2 files changed, 81 insertions(+)
diff --git a/website/public/login.php b/website/public/login.php
index 9fd7fb0..c216283 100644
--- a/website/public/login.php
+++ b/website/public/login.php
@@ -10,6 +10,72 @@
     include_once("../queries/register.php");
 ?>
 <body>
+<script>
+    // This is called with the results from from FB.getLoginStatus().
+    function statusChangeCallback(response) {
+        console.log('statusChangeCallback');
+        console.log(response);
+        // The response object is returned with a status field that lets the
+        // app know the current login status of the person.
+        // Full docs on the response object can be found in the documentation
+        // for FB.getLoginStatus().
+        if (response.status === 'connected') {
+            // Logged into your app and Facebook.
+            testAPI();
+        } else if (response.status === 'not_authorized') {
+            // The person is logged into Facebook, but not your app.
+            document.getElementById('status').innerHTML = 'Please log ' +
+                'into this app.';
+        } else {
+            // The person is not logged into Facebook, so we're not sure if
+            // they are logged into this app or not.
+            document.getElementById('status').innerHTML = 'Please log ' +
+                'into Facebook.';
+        }
+    }
+
+    window.fbAsyncInit = function() {
+        FB.init({
+            appId      : '353857824997532',
+            cookie     : true,
+            xfbml      : true,
+            version    : 'v2.8'
+        });
+        FB.AppEvents.logPageView();
+
+        FB.getLoginStatus(function(response) {
+            statusChangeCallback(response);
+        });
+
+    };
+
+    function fbLogout() {
+        FB.logout(function (response) {
+            //Do what ever you want here when logged out like reloading the page
+            window.location.reload();
+        });
+    }
+    (function(d, s, id){
+        var js, fjs = d.getElementsByTagName(s)[0];
+        if (d.getElementById(id)) {return;}
+        js = d.createElement(s); js.id = id;
+        js.src = "//connect.facebook.net/en_US/sdk.js";
+        fjs.parentNode.insertBefore(js, fjs);
+    }(document, 'script', 'facebook-jssdk'));
+
+    // Here we run a very simple test of the Graph API after login is
+    // successful.  See statusChangeCallback() for when this call is made.
+    function testAPI() {
+        console.log('Welcome!  Fetching your information.... ');
+        FB.api('/me', function(response) {
+            console.log('Successful login for: ' + response.name);
+            document.getElementById('status').innerHTML =
+                'Thanks for logging in, ' + response.name +  +'!';
+//                alert("You are logged in with facebook");
+
+        });
+    }
+</script>
 <?php
     session_start();
 
diff --git a/website/views/login-view.php b/website/views/login-view.php
index 8edc777..0219797 100644
--- a/website/views/login-view.php
+++ b/website/views/login-view.php
@@ -63,6 +63,21 @@
         include("../views/registerModal.php");
     ?>
 
+        <!--
+      Below we include the Login Button social plugin. This button uses
+      the JavaScript SDK to present a graphical Login button that triggers
+      the FB.login() function when clicked.
+    -->
+<!--    <fb:login-button scope="public_profile,email" onlogin="checkLoginState();"></fb:login-button>-->
+<!---->
+<!---->
+<!--    <span id="fbLogout" onclick="fbLogout()"><a class="fb_button fb_button_medium"><span class="fb_button_text">Logout</span></a></span>-->
+
+    <fb:login-button autologoutlink="true"></fb:login-button>
+
+
+    <div id="status">
+    </div>
 </div>
 
 <script>
