filter list appears all simultaneously

This commit is contained in:
Ezequiel Bergamaschi 2014-02-08 18:25:32 -03:00
parent 3df00e9e0e
commit 08a9289893
3 changed files with 24 additions and 16 deletions

View File

@ -26,7 +26,7 @@
margin-top: 4px; margin-top: 4px;
border: 1px solid rgb(213, 207, 207); border: 1px solid rgb(213, 207, 207);
border-radius: 6px; border-radius: 6px;
box-shadow: 3px 3px 1px #888888; box-shadow: 0px 1px 3px #888888;
} }
.nav-header { .nav-header {
background-color: #eee; background-color: #eee;
@ -35,6 +35,12 @@
position: relative; position: relative;
left: 8px; left: 8px;
} }
#mindmapListTable {
border-radius: 6px;
left: -4px;
position: relative;
box-shadow: 0px 1px 9px #888888;
}
#mindmapListContainer { #mindmapListContainer {
background: #FFFFFF; background: #FFFFFF;

View File

@ -502,6 +502,7 @@ $(function () {
$(document).ready(function() { $(document).ready(function() {
// add labels to filter list... // add labels to filter list...
$("#foldersContainer li").fadeIn('fast');
fetchLabels({ fetchLabels({
postUpdate: function(data) { postUpdate: function(data) {
var labels = data.labels; var labels = data.labels;
@ -516,16 +517,17 @@ $(function () {
/*--------------------------------------------- Label actions --------------------------------------------------**/ /*--------------------------------------------- Label actions --------------------------------------------------**/
function createLabelItem(data, id) { function createLabelItem(data, id) {
var labelId = data.id || id; var labelId = data.id || id;
$("#foldersContainer").find("ul").append( var labelItem = $("<li data-filter=\"" + data.title + "\">");
$("<li data-filter=\"" + data.title + "\">").append( labelItem.append(
"<a href=\"#\"> " + "<a href=\"#\"> " +
"<i class=\"icon-tag labelIcon\"></i>" + "<i class=\"icon-tag labelIcon\"></i>" +
"<div class='labelColor' style='background: " + data.color + "'></div>" + "<div class='labelColor' style='background: " + data.color + "'></div>" +
"<div class='labelName labelNameList'>" + data.title + "</div>" + "<div class='labelName labelNameList'>" + data.title + "</div>" +
"<button id='deleteLabelBtn' class='close closeLabel' labelid=\""+ labelId +"\">x</button>" + "<button id='deleteLabelBtn' class='close closeLabel' labelid=\""+ labelId +"\">x</button>" +
"</a>" "</a>"
) );
) labelItem.hide().appendTo($("#foldersContainer").find("ul"));
labelItem.fadeIn('fast');
} }
function labelTagsAsHtml(labels) { function labelTagsAsHtml(labels) {

View File

@ -154,31 +154,31 @@
<div class="span2" id="foldersContainer"> <div class="span2" id="foldersContainer">
<ul class="nav nav-list"> <ul class="nav nav-list">
<li class="nav-header"><spring:message code="FILTERS"/></li> <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="#"> <a href="#">
<i class="icon-inbox icon-white"></i> <i class="icon-inbox icon-white"></i>
<spring:message code="ALL_MAPS"/> <spring:message code="ALL_MAPS"/>
</a> </a>
</li> </li>
<li data-filter="my_maps"> <li data-filter="my_maps" style="display:none">
<a href="#"> <a href="#">
<i class="icon-user"></i> <i class="icon-user"></i>
<spring:message code="MY_MAPS"/> <spring:message code="MY_MAPS"/>
</a> </a>
</li> </li>
<li data-filter="shared_with_me"> <li data-filter="shared_with_me" style="display:none">
<a href="#"> <a href="#">
<i class="icon-share"></i> <i class="icon-share"></i>
<spring:message code="SHARED_WITH_ME"/> <spring:message code="SHARED_WITH_ME"/>
</a> </a>
</li> </li>
<li data-filter="starred"> <li data-filter="starred" style="display:none">
<a href="#"> <a href="#">
<i class="icon-star"></i> <i class="icon-star"></i>
<spring:message code="STARRED"/> <spring:message code="STARRED"/>
</a> </a>
</li> </li>
<li data-filter="public"> <li data-filter="public" style="display:none">
<a href="#"> <a href="#">
<i class="icon-globe"></i> <i class="icon-globe"></i>
<spring:message code="PUBLIC_MAPS"/> <spring:message code="PUBLIC_MAPS"/>