<!DOCTYPE html><html ng-app="jobhopApp" lang="en"><head> <meta charset="utf-8"> <title>Jobhop</title> <meta http-equiv="Cache-Control" content="max-age=604800"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="This is jobhop"> <meta name="author" content=""> <link href="/resources/css/bootstrap.css" rel="stylesheet" type="text/css" /> <link href="/resources/css/bootstrap-responsive.css" rel="stylesheet" type="text/css" /> <link href="/resources/css/jquery-ui-1.11.0.css" rel="stylesheet" type="text/css" /> <link href="/resources/css/summernote/summernote.css" rel="stylesheet" type="text/css" /> <link href="/resources/css/summernote/summernote-bs3.css" rel="stylesheet" type="text/css" /> <link rel="icon" type="image/png" href="/resources/img/jobhop-hopper.png" sizes="25x30"> <!-- <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">--> <link href="/resources/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="/resources/css/main-style.css?v=" type="text/css"> <script type="text/javascript" src="/resources/js/jquery-1.11.1.min.js"></script> <script type="text/javascript" src="/resources/js/jquery-ui-1.11.0.min.js"></script> <script type="text/javascript" src="/resources/js/jquery.cookie.js"></script> <script type="text/javascript" src="/resources/js/jquery.textcomplete.js"></script> <script type="text/javascript" src="/resources/js/summernote.min.js"></script> <script type="text/javascript" src="/resources/js/angular.min.js"></script> <script type="text/javascript" src="/resources/js/ui-bootstrap-tpls-1.3.2.min.js"></script> <script type="text/javascript" src="/resources/js/angular-summernote.min.js"></script> <script type="text/javascript" src="/resources/js/angular-sanitize.js"></script> <script type="text/javascript" src="/resources/js/angular-file-upload.min.js"></script> <script type="text/javascript" src="/resources/js/ng-infinite-scroll.min.js"></script> <script type="text/javascript"src="/resources/js/views/main-layout.js?v="></script> <script type="text/javascript"src="/resources/js/views/utils/utils.js?v="></script> <script type="text/javascript" src="/resources/js/bootstrap-3.2.0.min.js"></script> <script type="text/javascript" src="/resources/js/json2.js"></script> <script type="text/javascript" src="/resources/js/date.format.js"></script> <link href='https://fonts.googleapis.com/css?family=Oswald:400,700,300' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Oxygen:400,700' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700' rel='stylesheet' type='text/css'></head> <body> <div class="navbar navbar-inverse navbar-fixed-top"> <div class="navbar-inner not-auth"> <div class="container-fluid"> <script type="text/javascript" src="/resources/js/views/tags/navbar.js"></script> <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></a><a class="brand" href="/"><img src="/resources/img/jobhop-hopper.png" title="Jobhop" alt="jobhop" /></a> <form id = "searchForm" name = "searchForm" class="form-horizontal" role="form" ng-controller="SearchController" data-ng-init="init()"/> <div class="search-container"> <select class="selectpicker form-control" ng-model="type" ng-change="change(term)"> <option value="">Everywhere</option> <option value="USER">Hopper</option> <option value="COMPANY">Company</option> <option value="BLOG_POST">Blog post</option> </select> <input type = "text" name = "term" id = "term" ng-model="term" ng-change="change(term)" autocomplete="off" placeholder = "search for companies or hoppers"/> </div> <!-- <button name = "searchBtn" id = "searchBtn" type="button" ng-click="change(term)">Search</button> --> <ul class="search-dropdown" ng-cloak> <li ng-repeat="result in searchResults"> <a href="{{result.url}}"><img ng-src="{{result.imageUrl}}" /></a> <!--<a href="{{result.url}}">{{result.name}}</a>--> <a href="{{result.url}}" class="search-result-text">{{result.name}}</a> </li> </ul> </form> <div class="nav-collapse collapse icons"> <ul class="nav-icons"> </ul> </div><div class="nav-collapse collapse"> <ul class="nav"> <li class="active blog-item"><a href="/login">Login</a></li> <li class="active blog-item"><a href="/register">Register</a></li> </ul></div> </div> </div> <div class="navbar-links not-auth"> <div class="nav-collapse collapse"> <ul class="nav "> <li class="active blog-item"><a href="/login">Login</a></li> <li class="active blog-item"><a href="/register">Register</a></li> </ul> </div> </div> </div> <ul class="nav nav-list"> </ul> <!-- The core Firebase JS SDK is always required and must be listed first --> <script src="https://www.gstatic.com/firebasejs/6.4.1/firebase-app.js"></script> <script src="https://www.gstatic.com/firebasejs/6.4.1/firebase-auth.js"></script><!-- <script src="https://www.gstatic.com/firebasejs/6.4.1/firebase-messaging.js"></script> <script src="https://www.gstatic.com/firebasejs/6.4.2/firebase-database.js"></script>--> <!-- TODO: Add SDKs for Firebase products that you want to use https://firebase.google.com/docs/web/setup#config-web-app --> <script> const firebaseConfig = { apiKey: "AIzaSyBLnV4RUTbETWSapS6voJA-f7WHIyiCpKk", authDomain: "jobhop-uk.firebaseapp.com", projectId: "jobhop-uk", storageBucket: "jobhop-uk.appspot.com", messagingSenderId: "787252392464", appId: "1:787252392464:web:62add7fed4566968d31095", measurementId: "G-SCPT9ZH7HD" }; // Initialize Firebase firebase.initializeApp(firebaseConfig); </script> <div class="wrapper smaller"> <!-- Migrated from Spring security 3 to 5 --> <form name='loginForm' action="/login" method='POST' class="form-horizontal"> <h1>Hello, welcome back.</h1> <div class="two-columns-one"> <h2>Login with your email address</h2> <input class="form-control login-fields" name='username' value='' placeholder='email' type = "email" required="true"> <!-- <input class="form-control login-fields" name='j_username' value='' placeholder='email' type = "email" required="true"> --> <p class="help-block"> <input class="form-control login-fields" name='password' value='' placeholder='password' type='password' required="true"> <!-- <input class="form-control login-fields" name='j_password' value='' placeholder='password' type='password' required="true">--> <div class="login-password"><a href="/passwordreset">Forgot your password?</a></div><br /> <button name = "submit" type="submit" class="btn login-page">Login</button> <!--<button name = "reset" type="reset" class="btn">Reset</button> --> </div> </form> <div class="two-columns-two"> <h2>Login with your social media account</h2> <section> <div class="bsk-container"> <button id="btnLoginGoogle" class="bsk-btn bsk-btn-default" value="Sign In With Google" style="color:white"> <img height="55px" src="/resources/google/sign-in-with-google.png" class="x-icon"/> </button> <button id="btnLoginFacebook" class="bsk-btn bsk-btn-default"> <img height="55px" src="/resources/facebook/sign-in-with-facebook.png" class="x-icon"/> </button> <!-- <button id="btnLoginLinkedIn" class="bsk-btn bsk-btn-default"> <img height="55px" src="/resources/linkedin/sign-in-with-linkedin.png" class="x-icon"/> </button>--> <!-- <button id="btnLoginTwitter" class="bsk-btn bsk-btn-default"> <img height="55px" src="/resources/twitter/sign-in-with-twitter.png" class="x-icon"/> </button>--> </div> </section> </div> <h2><security:authorize access="!isAuthenticated()"><a href="/register" class="login-register">Join</a></security:authorize> today!</h2> </div> <script type="text/javascript"> $("#btnLoginGoogle").click(function () { var provider = new firebase.auth.GoogleAuthProvider(); provider.setCustomParameters({ // Force re-consent. prompt: 'consent', // Target specific email with login hint. login_hint: 'user@gmail.com' }); signin(provider); }); $("#btnLoginFacebook").click(function () { var provider = new firebase.auth.FacebookAuthProvider(); //var provider = new firebase.auth.OAuthProvider('microsoft.com'); provider.setCustomParameters({ 'display': 'popup' }); signin(provider); }); $("#btnLoginTwitter").click(function () { var provider = new firebase.auth.TwitterAuthProvider(); provider.setCustomParameters({ 'display': 'popup' }); signin(provider); }); function signin(provider) { firebase.auth().signInWithPopup(provider) .then((result) => { // IdP data available in result.additionalUserInfo.profile. // Login success... var credential = result.credential; console.log("Credential " + credential); // OAuth access and id tokens can also be retrieved:// var accessToken = credential.accessToken;// var idToken = credential.idToken;// console.log("Acesstoken " + accessToken);// console.log("idToken " + idToken); //window.alert("Login successfull " + result); firebase.auth().currentUser.getIdToken(/* forceRefresh */ true).then(function (idToken) { console.log("Sending info to Backend " + idToken); // Send token to your backend via HTTPS window.location = '/socialLogin?token=' + idToken; }).catch(function (error) { // Handle error window.alert(error); }); }) .catch((error) => { // Handle error. console.log(error); // Link Firebase account , Link federated auth provider credentials to a user account firebase.auth.currentUser.linkWithPopup(provider).then((result) => { window.alert("Account linking successfull"); // Accounts successfully linked. //var credential = result.credential; console.log(result.user); // GET ID token and redirect firebase.auth().currentUser.getIdToken(/* forceRefresh */ true).then(function (idToken) { console.log("Sending info to Backend " + idToken); // Send token to your backend via HTTPS window.location = '/socialLogin?token=' + idToken; }).catch(function (error) { // Handle error window.alert(error); }); // ... }).catch((error) => { // Handle Errors here. // ... console.log(error); window.alert("Error in Account linking, Your account exist with other provider"); }); }); } </script> <footer class="footer"> <div class="container"> <p align="center">© JobHop.</p> </div></footer> <div ng-show="$root.showAjaxLoader" class="ajax-loader ng-cloak"> <i class="fa fa-circle-o-notch fa-spin fa-3x"></i> </div><script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-7974195-1', 'auto'); ga('send', 'pageview'); </script></body></html> 
