1 files changed, 160 insertions, 0 deletions
diff --git a/src/scripts/splash.entry.ts b/src/scripts/splash.entry.ts
new file mode 100644
index 00000000..c1be1c28
--- /dev/null
+++ b/src/scripts/splash.entry.ts
@@ -0,0 +1,160 @@
+///<reference path="../../typings/index.d.ts" />
+///<reference path="./definitions.ts" />
+import * as $ from "jquery";
+import {APIController} from "./controllers/connection/api";
+window["jQuery"] = $;
+require("jquery.easing");
+
+
+// Variable to check whether user actively logged in by clicking the login button
+let hasClickedLogin = false;
+
+
+$(document).ready(() => {
+    /**
+     * jQuery for page scrolling feature
+     */
+    $('a.page-scroll').bind('click', function (event) {
+        let $anchor = $(this);
+        $('html, body').stop().animate({
+            scrollTop: $($anchor.attr('href')).offset().top
+        }, 1000, 'easeInOutExpo', () => {
+            if ($anchor.attr('href') === "#page-top") {
+                location.hash = '';
+            } else {
+                location.hash = $anchor.attr('href');
+            }
+        });
+        event.preventDefault();
+    });
+
+    let checkScrollState = () => {
+        const startY = 100;
+
+        if ($(window).scrollTop() > startY || window.innerWidth < 768) {
+            $('.navbar').removeClass("navbar-transparent");
+        } else {
+            $('.navbar').addClass("navbar-transparent");
+        }
+    };
+
+    $(window).on("scroll load resize", function () {
+        checkScrollState();
+    });
+
+    checkScrollState();
+
+    let googleSigninBtn = $("#google-signin");
+    googleSigninBtn.click(() => {
+        hasClickedLogin = true;
+    });
+
+    /**
+     * Display appropriate user buttons
+     */
+    if (localStorage.getItem("googleToken") !== null) {
+        googleSigninBtn.hide();
+        $(".navbar .logged-in").css("display", "inline-block");
+        $(".logged-in .sign-out").click(() => {
+            let auth2 = gapi.auth2.getAuthInstance();
+
+            auth2.signOut().then(() => {
+                // Remove session storage items
+                localStorage.removeItem("googleToken");
+                localStorage.removeItem("googleTokenExpiration");
+                localStorage.removeItem("googleName");
+                localStorage.removeItem("googleEmail");
+                localStorage.removeItem("userId");
+                localStorage.removeItem("simulationId");
+
+                location.reload();
+            });
+        });
+
+        // Check whether Google auth. token has expired and signin again if necessary
+        let currentTime = (new Date()).getTime();
+        if (parseInt(localStorage.getItem("googleTokenExpiration")) - currentTime <= 0) {
+            gapi.auth2.getAuthInstance().signIn().then(() => {
+                let authResponse = gapi.auth2.getAuthInstance().currentUser.get().getAuthResponse();
+                localStorage.setItem("googleToken", authResponse.id_token);
+                let expirationTime = (new Date()).getTime() / 1000 + parseInt(authResponse.expires_in) - 5;
+                localStorage.setItem("googleTokenExpiration", expirationTime.toString());
+            });
+        }
+    }
+});
+
+/**
+ * Google signin button
+ */
+window["renderButton"] = () => {
+    gapi.signin2.render('google-signin', {
+        'scope': 'profile email',
+        'width': 100,
+        'height': 30,
+        'longtitle': false,
+        'theme': 'dark',
+        'onsuccess': (googleUser) => {
+            let api;
+            new APIController((apiInstance: APIController) => {
+                api = apiInstance;
+                let email = googleUser.getBasicProfile().getEmail();
+
+                let getUser = (userId: number) => {
+                    let reload = true;
+                    if (localStorage.getItem("userId") !== null) {
+                        reload = false;
+                    }
+
+                    localStorage.setItem("userId", userId.toString());
+
+                    // Redirect to the projects page
+                    if (hasClickedLogin) {
+                        window.location.href = "projects";
+                    } else if (reload) {
+                        window.location.reload();
+                    }
+
+                };
+
+                // Send the token to the server
+                let id_token = googleUser.getAuthResponse().id_token;
+                // Calculate token expiration time (in seconds since epoch)
+                let expirationTime = (new Date()).getTime() / 1000 + googleUser.getAuthResponse().expires_in - 5;
+
+                $.post('https://opendc.ewi.tudelft.nl/tokensignin', {
+                    idtoken: id_token
+                }, (data: any) => {
+                    // Save user information in session storage for later use on other pages
+                    localStorage.setItem("googleToken", id_token);
+                    localStorage.setItem("googleTokenExpiration", expirationTime.toString());
+                    localStorage.setItem("googleName", googleUser.getBasicProfile().getGivenName() + " " +
+                        googleUser.getBasicProfile().getFamilyName());
+                    localStorage.setItem("googleEmail", email);
+
+                    if (data.isNewUser === true) {
+                        api.addUser({
+                            id: -1,
+                            email,
+                            googleId: googleUser.getBasicProfile().getId(),
+                            givenName: googleUser.getBasicProfile().getGivenName(),
+                            familyName: googleUser.getBasicProfile().getFamilyName()
+                        }).then((userData: any) => {
+                            getUser(userData.id);
+                        });
+                    } else {
+                        getUser(data.userId);
+                    }
+                });
+            });
+        },
+        'onfailure': () => {
+            console.log("Oops, something went wrong with your Google signin... Try again?")
+        }
+    });
+};
+
+// Set the language of the GAuth button to be English
+window["___gcfg"] = {
+    lang: 'en'
+};