From 08a92898935fc0b2dc8a2da532b8ee7b4878aa30 Mon Sep 17 00:00:00 2001
From: Ezequiel Bergamaschi <ezequielbergamaschi@gmail.com>
Date: Sat, 8 Feb 2014 18:25:32 -0300
Subject: [PATCH] filter list appears all simultaneously

---
 .../src/main/webapp/css/mindmapList.less      |  8 ++++++-
 wise-webapp/src/main/webapp/js/mindmapList.js | 22 ++++++++++---------
 .../src/main/webapp/jsp/mindmapList.jsp       | 10 ++++-----
 3 files changed, 24 insertions(+), 16 deletions(-)

diff --git a/wise-webapp/src/main/webapp/css/mindmapList.less b/wise-webapp/src/main/webapp/css/mindmapList.less
index fdd4f12e..0f179dcb 100644
--- a/wise-webapp/src/main/webapp/css/mindmapList.less
+++ b/wise-webapp/src/main/webapp/css/mindmapList.less
@@ -26,7 +26,7 @@
   margin-top: 4px;
   border: 1px solid rgb(213, 207, 207);
   border-radius: 6px;
-  box-shadow: 3px 3px 1px #888888;
+  box-shadow: 0px 1px 3px #888888;
 }
 .nav-header {
   background-color: #eee;
@@ -35,6 +35,12 @@
   position: relative;
   left: 8px;
 }
+#mindmapListTable {
+  border-radius: 6px;
+  left: -4px;
+  position: relative;
+  box-shadow: 0px 1px 9px #888888;
+}
 
 #mindmapListContainer {
     background: #FFFFFF;
diff --git a/wise-webapp/src/main/webapp/js/mindmapList.js b/wise-webapp/src/main/webapp/js/mindmapList.js
index bda99ce4..bd7b7d35 100644
--- a/wise-webapp/src/main/webapp/js/mindmapList.js
+++ b/wise-webapp/src/main/webapp/js/mindmapList.js
@@ -502,6 +502,7 @@ $(function () {
 
     $(document).ready(function() {
         // add labels to filter list...
+        $("#foldersContainer li").fadeIn('fast');
         fetchLabels({
             postUpdate: function(data) {
                 var labels = data.labels;
@@ -516,16 +517,17 @@ $(function () {
 /*--------------------------------------------- Label actions --------------------------------------------------**/
 function createLabelItem(data, id) {
     var labelId = data.id || id;
-    $("#foldersContainer").find("ul").append(
-        $("<li data-filter=\""  + data.title  + "\">").append(
-            "<a href=\"#\"> " +
-                "<i class=\"icon-tag labelIcon\"></i>" +
-                "<div class='labelColor' style='background: " +  data.color + "'></div>" +
-                "<div class='labelName labelNameList'>" + data.title + "</div>" +
-                "<button id='deleteLabelBtn' class='close closeLabel' labelid=\""+ labelId +"\">x</button>" +
-                "</a>"
-        )
-    )
+    var labelItem = $("<li data-filter=\""  + data.title  + "\">");
+    labelItem.append(
+        "<a href=\"#\"> " +
+            "<i class=\"icon-tag labelIcon\"></i>" +
+            "<div class='labelColor' style='background: " +  data.color + "'></div>" +
+            "<div class='labelName labelNameList'>" + data.title + "</div>" +
+            "<button id='deleteLabelBtn' class='close closeLabel' labelid=\""+ labelId +"\">x</button>" +
+        "</a>"
+    );
+    labelItem.hide().appendTo($("#foldersContainer").find("ul"));
+    labelItem.fadeIn('fast');
 }
 
 function labelTagsAsHtml(labels) {
diff --git a/wise-webapp/src/main/webapp/jsp/mindmapList.jsp b/wise-webapp/src/main/webapp/jsp/mindmapList.jsp
index 4d186b12..73ba52e3 100644
--- a/wise-webapp/src/main/webapp/jsp/mindmapList.jsp
+++ b/wise-webapp/src/main/webapp/jsp/mindmapList.jsp
@@ -154,31 +154,31 @@
     <div class="span2" id="foldersContainer">
         <ul class="nav nav-list">
             <li class="nav-header"><spring:message code="FILTERS"/></li>
-            <li data-filter="all" class="active">
+            <li data-filter="all" class="active" style="display:none">
                 <a href="#">
                     <i class="icon-inbox icon-white"></i>
                         <spring:message code="ALL_MAPS"/>
                 </a>
             </li>
-            <li data-filter="my_maps">
+            <li data-filter="my_maps" style="display:none">
                 <a href="#">
                     <i class="icon-user"></i>
                         <spring:message code="MY_MAPS"/>
                 </a>
             </li>
-            <li data-filter="shared_with_me">
+            <li data-filter="shared_with_me" style="display:none">
                 <a href="#">
                     <i class="icon-share"></i>
                     <spring:message code="SHARED_WITH_ME"/>
                 </a>
             </li>
-            <li data-filter="starred">
+            <li data-filter="starred" style="display:none">
                 <a href="#">
                     <i class="icon-star"></i>
                     <spring:message code="STARRED"/>
                 </a>
             </li>
-            <li data-filter="public">
+            <li data-filter="public" style="display:none">
                 <a href="#">
                     <i class="icon-globe"></i>
                     <spring:message code="PUBLIC_MAPS"/>