From 06a0590f735fb47ebbe9b0d760c4665c6f4acd8c Mon Sep 17 00:00:00 2001
From: yflory <yann.flory@xwiki.com>
Date: Fri, 23 Jun 2017 17:58:41 +0200
Subject: [PATCH] New folder icons

---
 customize.dist/main.css                    |  3 +++
 customize.dist/src/less/cryptpad.less      |  3 +++
 customize.dist/src/less/toolbar.less       |  1 +
 customize.dist/toolbar.css                 |  1 +
 customize.dist/translations/messages.fr.js |  6 +++---
 www/drive/file.css                         | 14 +++++++++++++-
 www/drive/file.less                        | 14 +++++++++++++-
 www/drive/main.js                          |  7 +++++--
 8 files changed, 42 insertions(+), 7 deletions(-)

diff --git a/customize.dist/main.css b/customize.dist/main.css
index 75be1437a..5ce4e4b59 100644
--- a/customize.dist/main.css
+++ b/customize.dist/main.css
@@ -590,6 +590,9 @@ html.cp,
   font-family: Ubuntu,Georgia,Cambria,serif;
   height: 100%;
 }
+.fa {
+  cursor: default;
+}
 .cp {
   /* buttons */
   /*  Tables
diff --git a/customize.dist/src/less/cryptpad.less b/customize.dist/src/less/cryptpad.less
index 2b126a7c9..a120be19e 100644
--- a/customize.dist/src/less/cryptpad.less
+++ b/customize.dist/src/less/cryptpad.less
@@ -18,6 +18,9 @@ html.cp, .cp body {
     font-family: Ubuntu,Georgia,Cambria,serif;
     height: 100%;
 }
+.fa {
+    cursor: default; // Fix for Edge displaying the text cursor on every icon
+}
 
 .cp {
 
diff --git a/customize.dist/src/less/toolbar.less b/customize.dist/src/less/toolbar.less
index fb1b8689b..8882cab21 100644
--- a/customize.dist/src/less/toolbar.less
+++ b/customize.dist/src/less/toolbar.less
@@ -760,6 +760,7 @@ body {
                 width: 64px;
                 padding: 0;
                 span {
+                    cursor: default;
                     font-size: 32px;
                     .fa {
                         margin-left: 3px;
diff --git a/customize.dist/toolbar.css b/customize.dist/toolbar.css
index b3926b1ae..2b41b5009 100644
--- a/customize.dist/toolbar.css
+++ b/customize.dist/toolbar.css
@@ -1284,6 +1284,7 @@ body.app-file .cryptpad-toolbar .dropdown-bar-content p .accountData {
   padding: 0;
 }
 .cryptpad-toolbar-top .cryptpad-user .cryptpad-user-dropdown button span {
+  cursor: default;
   font-size: 32px;
 }
 .cryptpad-toolbar-top .cryptpad-user .cryptpad-user-dropdown button span .fa {
diff --git a/customize.dist/translations/messages.fr.js b/customize.dist/translations/messages.fr.js
index 52191570a..ed5ee0b51 100644
--- a/customize.dist/translations/messages.fr.js
+++ b/customize.dist/translations/messages.fr.js
@@ -276,10 +276,10 @@ define(function () {
     out.fm_info_allFiles = 'Contient tous les fichiers de "Documents", "Fichiers non triés" et "Corbeille". Vous ne pouvez pas supprimer ou déplacer des fichiers depuis cet endroit.'; // Same here
     out.fm_info_anonymous = 'Vous n\'êtes pas connectés, ces pads risquent donc d\'être supprimés (<a href="https://blog.cryptpad.fr/2017/05/17/You-gotta-log-in/" target="_blank">découvrez pourquoi</a>). ' +
                             '<a href="/register/">Inscrivez-vous</a> ou <a href="/login/">connectez-vous</a> pour les maintenir en vie.';
-    out.fm_alert_backupUrl = "Lien de secours pour ce disque.<br>" +
+    out.fm_alert_backupUrl = "Lien de secours pour ce CryptDrive.<br>" +
                              "Il est <strong>fortement recommandé</strong> de garder ce lien pour vous-même.<br>" +
-                             "Elle vous servira en cas de perte des données de votre navigateur afin de retrouver vos fichiers.<br>" +
-                             "Quiconque se trouve en possession de celle-ci peut modifier ou supprimer tous les fichiers de ce gestionnaire.<br>";
+                             "Il vous servira en cas de perte des données de votre navigateur afin de retrouver vos fichiers.<br>" +
+                             "Quiconque se trouve en possession de celui-ci peut modifier ou supprimer tous les fichiers de ce gestionnaire.<br>";
     out.fm_alert_anonymous = "Bonjour ! Vous utilisez actuellement Cryptpad de manière anonyme, ce qui ne pose pas de problème mais vos pads peuvent être supprimés après un certain temps " +
                              "d'inactivité. Nous avons désactivé certaines fonctionnalités avancées de CryptDrive pour les utilisateurs anonymes afin de rendre clair le fait que ce n'est pas " +
                              'un endroit sûr pour le stockage des documents. Vous pouvez <a href="https://blog.cryptpad.fr/2017/05/17/You-gotta-log-in/" target="_blank">en lire plus</a> concernant ' +
diff --git a/www/drive/file.css b/www/drive/file.css
index 7db78b290..82b54d30f 100644
--- a/www/drive/file.css
+++ b/www/drive/file.css
@@ -14,6 +14,9 @@ body {
   display: flex;
   flex-flow: column;
 }
+img.icon {
+  max-width: 20px;
+}
 .unselectable {
   -webkit-touch-callout: none;
   -webkit-user-select: none;
@@ -145,6 +148,10 @@ span.fa-folder-open {
   padding: 10px 0px;
   color: #000;
 }
+#tree img.icon {
+  margin-bottom: 3px;
+  margin-left: -2px;
+}
 #tree li {
   padding: 0 0 0 5px;
   cursor: auto;
@@ -341,7 +348,7 @@ span.fa-folder-open {
 #content #folderContent li.searchResult table .col2 {
   width: 250px;
 }
-#content #folderContent li.searchResult table .icon {
+#content #folderContent li.searchResult table td.icon {
   width: 50px;
   font-size: 40px;
 }
@@ -389,6 +396,11 @@ span.fa-folder-open {
   width: 100%;
   margin-top: 5px;
 }
+#content div.grid li img.icon {
+  height: 48px;
+  max-width: none;
+  margin: 8px 0;
+}
 #content div.grid li .fa {
   display: block;
   margin: auto;
diff --git a/www/drive/file.less b/www/drive/file.less
index 12b98119e..32b07decf 100644
--- a/www/drive/file.less
+++ b/www/drive/file.less
@@ -44,6 +44,9 @@ body {
     display: flex;
     flex-flow: column;
 }
+img.icon {
+    max-width: 20px;
+}
 
 .unselectable {
     -webkit-touch-callout: none;
@@ -170,6 +173,10 @@ span {
     min-width: 200px;
     padding: 10px 0px;
     color: @tree-fg;
+    img.icon {
+        margin-bottom: 3px;
+        margin-left: -2px;
+    }
     li {
         padding: 0 0 0 5px;
         cursor: auto;
@@ -381,7 +388,7 @@ span {
                     .col2 {
                         width: 250px;
                     }
-                    .icon {
+                    td.icon {
                         width: 50px;
                         font-size: 40px;
                     }
@@ -434,6 +441,11 @@ span {
                 width: 100%;
                 margin-top: 5px;
             }
+            img.icon {
+                height: 48px;
+                max-width: none;
+                margin: 8px 0;
+            }
             .fa {
                 display: block;
                 margin: auto;
diff --git a/www/drive/main.js b/www/drive/main.js
index 395c91456..33109e1dc 100644
--- a/www/drive/main.js
+++ b/www/drive/main.js
@@ -149,9 +149,11 @@ define([
     };
 
     // Icons
-    var $folderIcon = $('<span>', {"class": "fa fa-folder folder icon"});
+    //var $folderIcon = $('<span>', {"class": "fa fa-folder folder icon"});
+    var $folderIcon = $('<img>', {src: "/customize/images/icons/folder.svg", "class": "folder icon"});
     var $folderEmptyIcon = $folderIcon.clone();
-    var $folderOpenedIcon = $('<span>', {"class": "fa fa-folder-open folder"});
+    //var $folderOpenedIcon = $('<span>', {"class": "fa fa-folder-open folder"});
+    var $folderOpenedIcon = $('<img>', {src: "/customize/images/icons/folderOpen.svg", "class": "folder icon"});
     var $folderOpenedEmptyIcon = $folderOpenedIcon.clone();
     var $fileIcon = $('<span>', {"class": "fa fa-file-text-o file icon"});
     var $fileAppIcon = $('<span>', {"class": "fa fa-file-text-o file icon fileColor"});
@@ -1368,6 +1370,7 @@ define([
 
         var createNewButton = function (isInRoot) {
             if (!APP.editable) { return; }
+            if (!APP.loggedIn) { return; } // Anonymous users can use the + menu in the toolbar
 
             // Create dropdown
             var options = [];