Insert javascript-dependent HTML from javascript

[plack-app-gruntmaster.git] / js / 95-login.js

diff --git a/js/95-login.js b/js/95-login.js
index adbeb1dde858de945f47b0f97d8d08fd7065f623..7f52deb6f2f5761d60e6ce7f1e00e0096d577782 100644 (file)
--- a/js/95-login.js
+++ b/js/95-login.js
@@ -2,20 +2,22 @@
        'use strict';
 
        $( document ).ready(function(){
-               $('#login').detach().prependTo($('#sidebar')).removeClass('hidden');
+               $('<a role="button">Log in').prependTo($('#sidebar')).wrap('<div id="login">').on('click', function(e) {
+                       var xhr = new XMLHttpRequest();
+                       xhr.open('GET', '/login');
+                       xhr.onload = function () {
+                               if(this.status != 200)
+                                       return;
+                               var username = this.responseText;
+                               sessionStorage.setItem('login_username', username);
+                               start_tracking(username);
+                               $('#login').html('Probably logged in as ' + username);
+                       }
+                       xhr.send();
+                       return false;
+               });
 
-               document.cookie = "cookietest=1";
-               var cookie = document.cookie.indexOf("cookietest=") != -1;
-               document.cookie = "cookietest=1; expires=Thu, 01-Jan-1970 00:00:01 GMT";
-
-               if(!cookie) return;
-               var username = document.cookie.replace(/(?:(?:^|.*;\s*)username\s*\=\s*([^;]*).*$)|^.*$/, "$1");
-               if(username) {
-                       sessionStorage.setItem('login_username', username);
-                       document.cookie = "username=; expires=Thu, 01-Jan-1970 00:00:01 GMT";
-                       start_tracking(username);
-               }
-               username = sessionStorage.getItem('login_username');
+               var username = sessionStorage.getItem('login_username');
                if(username)
                        $('#login').html('Probably logged in as ' + username);
        });