Allow logge din users to access the home page

customize.dist/index.html

@@ -70,14 +70,14 @@
 <div id="main">
     <div class="mainOverlay"></div>
     <div id="main-container">
-        <div id="data">
+        <div id="data" class="hidden">
           <p class="left" data-localization="main_p1"><!-- Zero Knowledge collaborative realtime editor. Protected from the NSA. --></p>
 
             <div id="buttons" class="buttons"><button class="btn btn-secondary nologin" data-localization="login_nologin"></button></div>
 
         </div>
 
-        <div id="userForm" class="form-group">
+        <div id="userForm" class="form-group hidden">
             <!--<center>
                 <h1 data-localization="form_title"></h1>
             </center>-->
@@ -89,6 +89,11 @@
             <div style="display: none;"><span class="remember form-check"><label for="rememberme" class="form-check-label" data-localization-append="login_remember"><input type="checkbox" id="rememberme" class="form-check-input" checked="checked"></label></span><br></div>
             <button class="btn btn-secondary login half first" data-localization="login_login"></button> <button class="btn btn-primary register half" data-localization="login_register"></button><br>
         </div>
+        <div id="loggedIn" class="hidden">
+            <p id="loggedInHello"></p>
+            <p><button class="btn btn-primary nologin" data-localization="login_accessDrive"></button></p>
+            <p><button id="loggedInLogOut" class="btn btn-secondary" data-localization="logoutButton"></button></p>
+        </div>
     </div>
 </div>
 <div class="page category first" id="knowmore">

customize.dist/main.css

@@ -672,9 +672,6 @@ html.cp,
   background-color: #000;
   opacity: 0.3;
 }
-.cp #mainBlock.hidden {
-  display: none;
-}
 .cp #noscriptContainer {
   color: black;
   position: absolute;
@@ -709,6 +706,9 @@ html.cp,
   background-attachment: fixed;
   background-position: center;
 }
+.cp #main .hidden {
+  display: none !important;
+}
 .cp #main_other {
   padding: 0 15vw;
 }
@@ -777,6 +777,32 @@ html.cp,
   margin-top: 20px;
   margin-bottom: 5px;
 }
+.cp #main #loggedIn,
+.cp #main_other #loggedIn {
+  color: #fff;
+  display: inline-block;
+  position: absolute;
+  top: 50%;
+  right: 0;
+  margin-left: 50px;
+  width: 350px;
+  max-width: 35%;
+  transform: translateY(-50%);
+  text-align: center;
+  font-weight: bold;
+}
+.cp #main #loggedIn button,
+.cp #main_other #loggedIn button {
+  font-weight: bold;
+  cursor: pointer;
+}
+.cp #main #loggedIn p,
+.cp #main_other #loggedIn p {
+  margin: 20px;
+  padding: 0;
+  font-size: 20px;
+  line-height: 1.5em;
+}
 .cp #main #userForm,
 .cp #main_other #userForm {
   position: absolute;

customize.dist/main.js

@@ -6,32 +6,49 @@ define([
     '/customize/languageSelector.js',
     '/bower_components/jquery/dist/jquery.min.js',
 ], function (Messages, Config, Cryptpad, LilUri, LS) {
-    if (Cryptpad.isLoggedIn()) {
-        document.location.href = '/drive';
-        return;
-    }
-
     var $ = window.$;
-
-    var USE_TABLE = Config.USE_HOMEPAGE_TABLE;
-    var USE_FS_STORE = Config.USE_FS_STORE;
+    var $main = $('#mainBlock');
 
     var APP = window.APP = {
         Cryptpad: Cryptpad,
     };
 
+    // Language selector
+    var $sel = $('#language-selector');
+    Cryptpad.createLanguageSelector(undefined, $sel);
+    $sel.find('button').addClass('btn').addClass('btn-secondary');
+    $sel.show();
+
+    $(window).click(function () {
+        $('.cryptpad-dropdown').hide();
+    });
+
     // main block is hidden in case javascript is disabled
-    $('#mainBlock').removeClass('hidden');
+    $main.removeClass('hidden');
 
-    var padTypes = {
-        '/pad/': Messages.type.pad,
-        '/code/': Messages.type.code,
-        '/poll/': Messages.type.poll,
-        '/slide/': Messages.type.slide,
-    };
+    // Make sure we don't display non-translated content (empty button)
+    $main.find('#data').removeClass('hidden');
 
-    var now = new Date();
-    var hasRecent = false;
+    if (Cryptpad.isLoggedIn()) {
+        var name = localStorage[Cryptpad.userNameKey] || sessionStorage[Cryptpad.userNameKey];
+        var $loggedInBlock = $main.find('#loggedIn');
+        var $hello = $loggedInBlock.find('#loggedInHello');
+        var $logout = $loggedInBlock.find('#loggedInLogOut');
+
+        $hello.text(Messages._getKey('login_hello', [name]));
+        $('#buttons').find('.nologin').hide();
+
+        $logout.click(function () {
+            Cryptpad.logout(function () {
+                window.location.reload();
+            });
+        });
+
+        $loggedInBlock.removeClass('hidden');
+        //return;
+    } else {
+        $main.find('#userForm').removeClass('hidden');
+    }
 
     var displayCreateButtons = function () {
         var $parent = $('#buttons');
@@ -55,17 +72,6 @@ define([
         $block.find('button').addClass('btn').addClass('btn-success');
         $block.appendTo($parent);
     };
-
-    // Language selector
-    var $sel = $('#language-selector');
-    Cryptpad.createLanguageSelector(undefined, $sel);
-    $sel.find('button').addClass('btn').addClass('btn-secondary');
-    $sel.show();
-
-    $(window).click(function () {
-        $sel.find('.cryptpad-dropdown').hide();
-    });
-
     var addButtonHandlers = function () {
         $('button.login').click(function (e) {
             var username = $('#name').val();

customize.dist/src/fragments/index.html

@@ -3,14 +3,14 @@
 <div id="main">
     <div class="mainOverlay"></div>
     <div id="main-container">
-        <div id="data">
+        <div id="data" class="hidden">
           <p class="left" data-localization="main_p1"><!-- Zero Knowledge collaborative realtime editor. Protected from the NSA. --></p>
 
             <div id="buttons" class="buttons"><button class="btn btn-secondary nologin" data-localization="login_nologin"></button></div>
 
         </div>
 
-        <div id="userForm" class="form-group">
+        <div id="userForm" class="form-group hidden">
             <!--<center>
                 <h1 data-localization="form_title"></h1>
             </center>-->
@@ -22,6 +22,11 @@
             <div style="display: none;"><span class="remember form-check"><label for="rememberme" class="form-check-label" data-localization-append="login_remember"><input type="checkbox" id="rememberme" class="form-check-input" checked="checked"></label></span><br></div>
             <button class="btn btn-secondary login half first" data-localization="login_login"></button> <button class="btn btn-primary register half" data-localization="login_register"></button><br>
         </div>
+        <div id="loggedIn" class="hidden">
+            <p id="loggedInHello"></p>
+            <p><button class="btn btn-primary nologin" data-localization="login_accessDrive"></button></p>
+            <p><button id="loggedInLogOut" class="btn btn-secondary" data-localization="logoutButton"></button></p>
+        </div>
     </div>
 </div>
 <div class="page category first" id="knowmore">

customize.dist/src/less/cryptpad.less

@@ -239,11 +239,6 @@ body.html {
     background-color: #000;
     opacity: 0.3;
 }
-#mainBlock {
-    &.hidden {
-        display: none;
-    }
-}
 #noscriptContainer {
     color: black;
     position: absolute;
@@ -277,6 +272,9 @@ body.html {
     background-size: cover;
     background-attachment: fixed;
     background-position: center;
+    .hidden {
+        display: none !important;
+    }
 }
 #main_other {
     padding: 0 @main-border-width;
@@ -344,6 +342,31 @@ body.html {
         }
     }
 
+    #loggedIn {
+        color: @main-color;
+        display: inline-block;
+        position: absolute;
+        top: 50%;
+        right: 0;
+        margin-left: 50px;
+        width: 350px;
+        max-width: 35%;
+        transform: translateY(-50%);
+        text-align: center;
+        font-weight: bold;
+        button {
+            font-weight: bold;
+            cursor: pointer;
+        }
+        p {
+            margin: 20px;
+            padding: 0;
+            font-size: 20px;
+            line-height: 1.5em;
+        }
+
+    }
+
     #userForm {
         position: absolute;
         right: 0;

customize.dist/translations/messages.fr.js

@@ -278,6 +278,8 @@ define(function () {
 
     out.loginText = '<p>Votre nom d\'utilisateur et votre mot d epasse sont utilisés pour générer une clé unique qui reste inconnue de notre serveur.</p>\n' +
                     '<p>Faîtes attention de ne pas perdre vos identifiants, puisqu\'il est impossible de les récupérer</p>';
+    out.login_hello = 'Bonjour {0},'; // {0} is the username
+    out.login_accessDrive = 'Accédez à votre drive';
 
     // index.html
 

customize.dist/translations/messages.js

@@ -280,6 +280,8 @@ define(function () {
 
     out.loginText = '<p>Your username and password are used to generate a unique key which is never known by our server.</p>\n' +
                     '<p>Be careful not to forget your credentials, as they are impossible to recover</p>';
+    out.login_hello = 'Hello {0},'; // {0} is the username
+    out.login_accessDrive = 'Access your drive';
 
     // index.html