min left ok

This commit is contained in:
iiuazz
2014-09-12 09:55:16 +08:00
parent 4b723eb331
commit 85fd63baa5
8 changed files with 55 additions and 39 deletions

View File

@ -262,7 +262,7 @@ function log(o) {
</ul> </ul>
</div> </div>
<div class="folderNote closed" id=""> <div class="folderNote closed" id="myShareNotebooks">
<div class="folderHeader"> <div class="folderHeader">
<i class="fa fa-user fa-left"></i> <i class="fa fa-user fa-left"></i>
<span> <span>
@ -277,7 +277,7 @@ function log(o) {
</div> </div>
<!-- 缩小版 --> <!-- 缩小版 todo 不要展示, 点击展开即可 -->
<div id="notebookMin"> <div id="notebookMin">
<!-- 这里隐藏, 不要 --> <!-- 这里隐藏, 不要 -->
<div target="#notebookList" title="{{msg . "notebook"}}" class="minContainer"> <div target="#notebookList" title="{{msg . "notebook"}}" class="minContainer">
@ -291,13 +291,9 @@ function log(o) {
</ul> </ul>
</div> </div>
<div id="minShareNotebooks"> <div id="minShareNotebooks">
<!-- <div class="minContainer" target="#friendContainer0" title="{{msg . "share"}}">
<div class="minContainer" target="" title="">
<i class="fa fa-user"></i> <i class="fa fa-user"></i>
<ul class="dropdown-menu">
</ul>
</div> </div>
-->
</div> </div>
</div> </div>

File diff suppressed because one or more lines are too long

View File

@ -111,7 +111,7 @@ a.raw:hover {
border-radius: 5px; border-radius: 5px;
background-color: #000; background-color: #000;
cursor: pointer; cursor: pointer;
font-size: 16px; font-size: 18px;
&:hover { &:hover {
color: @hColor; color: @hColor;
} }
@ -277,6 +277,7 @@ a.raw:hover {
border-color: rgba(255, 255, 255, 0.3); border-color: rgba(255, 255, 255, 0.3);
padding: 5px; padding: 5px;
position: relative; position: relative;
cursor: pointer;
i { i {
font-size: 20px; font-size: 20px;
color: #fff; color: #fff;

File diff suppressed because one or more lines are too long

View File

@ -101,11 +101,9 @@ a.raw:hover {
} }
} }
span { span {
background-color: #000;
color: #fff;
border-radius: 5px; border-radius: 5px;
cursor: pointer; cursor: pointer;
font-size: 14px; font-size: 18px;
&:hover { &:hover {
color: @hColor; color: @hColor;
} }
@ -264,6 +262,7 @@ a.raw:hover {
border-bottom: 1px solid #ccc; border-bottom: 1px solid #ccc;
padding: 5px; padding: 5px;
position: relative; position: relative;
cursor: pointer;
i { i {
font-size: 20px; font-size: 20px;
color: #000; color: #000;

View File

@ -265,10 +265,19 @@ Notebook.searchNotebookForAddNote = function(key) {
var self = this; var self = this;
if(key) { if(key) {
var notebooks = self.tree.getNodesByParamFuzzy("Title", key); var notebooks = self.tree.getNodesByParamFuzzy("Title", key);
if(isEmpty(notebooks)) { notebooks = notebooks || [];
// 过滤下, 把new, trash过滤掉
var notebooks2 = [];
for(var i in notebooks) {
var notebookId = notebooks[i].NotebookId;
if(!self.isAllNotebookId(notebookId) && !self.isTrashNotebookId(notebookId)) {
notebooks2.push(notebooks[i]);
}
}
if(isEmpty(notebooks2)) {
$("#notebookNavForNewNote").html(""); $("#notebookNavForNewNote").html("");
} else { } else {
$("#notebookNavForNewNote").html(self.getChangedNotebooks(notebooks)); $("#notebookNavForNewNote").html(self.getChangedNotebooks(notebooks2));
} }
} else { } else {
$("#notebookNavForNewNote").html(self.everNavForNewNote); $("#notebookNavForNewNote").html(self.everNavForNewNote);

View File

@ -131,8 +131,7 @@ $(function() {
}); });
// 左侧, folder 展开与关闭 // 左侧, folder 展开与关闭
$(".folderHeader").click( $(".folderHeader").click(function() {
function() {
var body = $(this).next(); var body = $(this).next();
var p = $(this).parent(); var p = $(this).parent();
if (!body.is(":hidden")) { if (!body.is(":hidden")) {
@ -551,6 +550,7 @@ $(function() {
$("#logo").hide(); $("#logo").hide();
$("#leftSwitcher").hide(); $("#leftSwitcher").hide();
$("#leftSwitcher2").show(); $("#leftSwitcher2").show();
$("#leftNotebook .slimScrollDiv").hide();
if(save) { if(save) {
updateLeftIsMin(true); updateLeftIsMin(true);
@ -568,6 +568,7 @@ $(function() {
$("#leftSwitcher2").hide(); $("#leftSwitcher2").hide();
$("#logo").show(); $("#logo").show();
$("#leftSwitcher").show(); $("#leftSwitcher").show();
$("#leftNotebook .slimScrollDiv").show();
if(save) { if(save) {
updateLeftIsMin(false); updateLeftIsMin(false);
@ -588,6 +589,7 @@ $(function() {
}); });
// 得到最大dropdown高度 // 得到最大dropdown高度
// 废弃
function getMaxDropdownHeight(obj) { function getMaxDropdownHeight(obj) {
var offset = $(obj).offset(); var offset = $(obj).offset();
var maxHeight = $(document).height()-offset.top; var maxHeight = $(document).height()-offset.top;
@ -599,17 +601,26 @@ $(function() {
var preHeight = $(obj).find("ul").height(); var preHeight = $(obj).find("ul").height();
return preHeight < maxHeight ? preHeight : maxHeight; return preHeight < maxHeight ? preHeight : maxHeight;
} }
// mini版 // mini版
$("#notebookMin div.minContainer").hover(function() { // 点击展开
$("#notebookMin div.minContainer").click(function() {
var target = $(this).attr("target"); var target = $(this).attr("target");
// show的时候要计算高度, 防止过高 maxLeft(false);
// 先show再计算, 不然高度有偏差 if(target == "#notebookList") {
$(this).addClass("open"); if($("#myNotebooks").hasClass("closed")) {
$(this).find("ul").html($(target).html()).show(); // .height(getMaxDropdownHeight(this)); $("#myNotebooks .folderHeader").trigger("click");
}, function() {
$(this).find("ul").hide();
} }
); } else if(target == "#tagNav") {
if($("#myTag").hasClass("closed")) {
$("#myTag .folderHeader").trigger("click");
}
} else {
if($("#myShareNotebooks").hasClass("closed")) {
$("#myShareNotebooks .folderHeader").trigger("click");
}
}
});
//------------------------ //------------------------
// 界面设置, 左侧是否是隐藏的 // 界面设置, 左侧是否是隐藏的

View File

@ -102,7 +102,7 @@ Share.renderShareNotebooks = function(sharedUserInfos, shareNotebooks) {
$shareNotebooks.append(header + body + "</div>") $shareNotebooks.append(header + body + "</div>")
// mainShare // mainShare
$("#minShareNotebooks").append('<div class="minContainer" target="#' + friendId + '" title="' + username + ' 的分享"><i class="fa fa-user"></i><ul class="dropdown-menu"></ul></li>') // $("#minShareNotebooks").append('<div class="minContainer" target="#' + friendId + '" title="' + username + ' 的分享"><i class="fa fa-user"></i><ul class="dropdown-menu"></ul></li>')
} }
}; };