init

public/js/app/blog/nav.js

@@ -0,0 +1,85 @@
+function scrollTo(self, tagName, text) {
+	var iframe = $("#content");
+	var target = iframe.find(tagName + ":contains(" + text + ")");
+	
+	// 找到是第几个
+	// 在nav是第几个
+	var navs = $('#blogNavContent [data-a="' + tagName + '-' + encodeURI(text) + '"]');
+	var len = navs.size();
+	for(var i = 0; i < len; ++i) {
+		if(navs[i] == self) {
+			break;
+		}
+	}
+	
+	if (target.size() >= i+1) {
+		target = target.eq(i);
+		// 之前插入, 防止多行定位不准
+		var top = target.offset().top;
+		var nowTop = $(document).scrollTop();
+		// 用$("body").scrllTop(10)没反应 firefox下
+		$('html,body').animate({scrollTop: top}, 200);
+		return;
+	}
+}
+function genNav() {
+	var $con = $("#content");
+	var html = $con.html();
+	// 构造一棵树
+	// {"h1-title":{h2-title:{}}}
+	var tree = [];//[{title: "xx", children:[{}]}, {title:"xx2"}];
+	var hs = $con.find("h1,h2,h3,h4,h5,h6").toArray();
+	var titles = '<ul>';
+	for(var i = 0; i < hs.length; ++i) {
+		var text = $(hs[i]).text(); 
+		var tagName = hs[i].tagName.toLowerCase();
+		// scrollTo在page.js中定义
+		titles += '<li class="nav-' + tagName + '"><a data-a="' + tagName + '-' + encodeURI(text)+'" onclick="scrollTo(this, \'' + tagName + '\', \'' + text + '\')">' + text + '</a></li>';
+	}
+	titles += "</ul>";
+	$("#blogNavContent").html(titles);
+	if(!hs.length) {
+		$("#blogNavContent").html("&nbsp; 无");
+		return false;
+	}
+	return true;
+}
+
+function initNav() {
+	var hasNav = genNav();
+	if(!hasNav) {
+		return;
+	}
+	
+	var $title = $(".title");
+	var titlePos = $title.offset();
+	var top = titlePos.top + 10;// - $title.height();
+	if(top < 0) {
+		top = 10;
+	}
+	var left = $title.width() + titlePos.left - 100;
+	$("#blogNav").css("top", top).css("left", left);
+	$("#blogNav").show();
+	
+	$("#blogNavNav").click(function() {
+		var $o = $("#blogNavContent");
+		if($o.is(":hidden")) {
+			$o.show();
+		} else {
+			$o.hide();
+		}
+	});
+	
+	var $d = $(document);
+	function reNav() {
+	    var vtop = $d.scrollTop();
+	    if(vtop <= top) {
+			$("#blogNav").css("top", top-vtop);
+	    } else {
+	    	// 差距很磊了
+			$("#blogNav").css("top", 10);
+	    }
+	}
+	reNav();
+	$(window).scroll(reNav);
+}

public/js/app/notebook.js

@@ -0,0 +1,594 @@
+Notebook.curNotebookId = "";
+Notebook.cache = {}; // notebookId => {};
+Notebook.notebooks = []; // 按次序
+// <li role="presentation"><a role="menuitem" tabindex="-1" href="#">CSS</a></li>	
+Notebook.notebookNavForListNote = ""; // html 为了note list上面和新建时的ul
+Notebook.notebookNavForNewNote = ""; // html 为了note list上面和新建时的ul
+
+// 设置缓存
+Notebook.setCache = function(notebook) {
+	var notebookId = notebook.NotebookId;
+	if(!notebookId) {
+		return;
+	}
+	if(!Notebook.cache[notebookId]) {
+		Notebook.cache[notebookId] = {};
+	}
+	$.extend(Notebook.cache[notebookId], notebook);
+}
+
+Notebook.getCurNotebookId = function() {
+	return Notebook.curNotebookId;
+};
+
+// 得到notebook标题, 给note显示其notebook标题用
+// called by Note
+Notebook.getNotebook = function(notebookId) {
+	return Notebook.cache[notebookId];
+}
+// called by Note
+Notebook.getNotebookTitle = function(notebookId) {
+	var notebook = Notebook.cache[notebookId];
+	if(notebook) {
+		return notebook.Title;
+	} else {
+		return "未知";
+	}
+}
+
+/**
+ * 我的notebooks
+<ul class="folderBody" id="notebookList">
+	<li><a class="active">所有</a></li>
+	<li><a class="active">Hadoop</a></li>
+	<li><a>August 13, 2013</a></li>
+</ul>
+ */
+// TODO 层级
+Notebook.allNotebookId = "0";
+Notebook.trashNotebookId = "-1";
+Notebook.curNotebookIsTrashOrAll = function() {
+	return Notebook.curNotebookId == Notebook.trashNotebookId || Notebook.curNotebookId == Notebook.allNotebookId ;
+}
+Notebook.renderNotebooks = function(notebooks) {
+	if(!notebooks || typeof notebooks != "object" || notebooks.length < 0) {
+		notebooks = [];
+	}
+	
+	notebooks = [{NotebookId: Notebook.allNotebookId, Title: getMsg("all")}].concat(notebooks);
+	notebooks.push({NotebookId: Notebook.trashNotebookId, Title: getMsg("trash")});
+	Notebook.notebooks = notebooks; // 缓存之
+	
+	var $notebookList = $("#notebookList");
+	var nav = "";
+	for(var i in notebooks) {
+		var notebook = notebooks[i];
+		Notebook.cache[notebook.NotebookId] = notebook;
+		var classes = "";
+		if(i == 0) {
+			classes = "active";
+			Notebook.curNotebookId = notebook.NotebookId;
+		}
+		$notebookList.append(t('<li><a class="?" notebookId="?">?</a></li>', classes, notebook.NotebookId, notebook.Title))
+	}
+	
+	// 渲染nav
+	Notebook.renderNav();
+	
+	// 渲染第一个notebook作为当前
+	Notebook.changeNotebookNavForNewNote(notebooks[0].NotebookId);
+}
+
+// RenderNotebooks调用, 
+// nav 为了新建, 快速选择, 移动笔记
+// 这些在添加,修改,删除notebooks都要变动!!!
+Notebook.renderNav = function(nav) {
+	var navForListNote = "";
+	var navForNewNote = "";
+	var navForMoveNote = "";
+	var len = Notebook.notebooks.length-1;
+	var contextmenu = [];
+	for(var i in Notebook.notebooks) {
+		var notebook = Notebook.notebooks[i];
+		var each = t('<li role="presentation"><a role="menuitem" tabindex="-1" href="#" notebookId="?">?</a></li>', notebook.NotebookId, notebook.Title);
+		var eachForNew = t('<li role="presentation" class="clearfix"><div class="new-note-left pull-left" title="为该笔记本新建笔记" href="#" notebookId="?">?</div><div title="为该笔记本新建markdown笔记" class="new-note-right pull-left" notebookId="?">Markdown</div></li>', notebook.NotebookId, notebook.Title, notebook.NotebookId);
+		navForListNote  += each;
+		if(i != 0 && i != len) {
+			navForMoveNote += each;
+			navForNewNote += eachForNew;
+		}
+	}
+	
+	$("#notebookNavForListNote").html(navForListNote);
+	$("#notebookNavForNewNote").html(navForNewNote);
+	$("#notebookNavForMoveNote").html(navForMoveNote);
+}
+
+// 修改,添加,删除notebook后调用
+// 改变nav
+// 直接从html中取!
+Notebook.changeNav = function() {
+	var navForListNote = "";
+	var navForNewNote = "";
+	
+	var i = 0;
+	var $list = $("#notebookList li a");
+	var len = $list.length - 1;
+	$list.each(function() {
+		var notebookId = $(this).attr("notebookId");
+		var notebook = Notebook.cache[notebookId];
+		var each = t('<li role="presentation"><a role="menuitem" tabindex="-1" href="#" notebookId="?">?</a></li>', notebook.NotebookId, notebook.Title);
+		var eachForNew = t('<li role="presentation" class="clearfix"><div class="new-note-left pull-left" title="为该笔记本新建笔记" href="#" notebookId="?">?</div><div title="为该笔记本新建markdown笔记" class="new-note-right pull-left" notebookId="?">Markdown</div></li>', notebook.NotebookId, notebook.Title, notebook.NotebookId);
+			
+		navForListNote  += each;
+		var isActive = $(this).hasClass('active'); // 万一修改的是已选择的, 那么...
+		if(isActive) {
+			$("#curNotebookForListNote").html(notebook.Title);
+		}
+		if(i != 0 && i != len) {
+			navForNewNote  += eachForNew;
+			if(isActive) {
+				$("#curNotebookForNewNote").html(notebook.Title);
+			}
+		}
+		i++;
+	});
+	
+	$("#notebookNavForListNote").html(navForListNote);
+	$("#notebookNavForNewNote").html(navForNewNote);
+	$("#notebookNavForMoveNote").html(navForNewNote);
+	
+	// 移动, 复制重新来, 因为nav变了, 移动至-----的notebook导航也变了
+	Note.initContextmenu();
+}
+
+/**
+ * 我的共享notebooks	    
+ <div id="shareNotebooks">
+	 <div class="folderNote closed">
+      <div class="folderHeader">
+        <a>
+          <h1>
+            <i class="fa fa-angle-right"></i> 
+            Life's</h1>
+        </a>
+      </div>
+      <ul class="folderBody">
+        <li><a>Hadoop</a></li>
+        <li><a>Node webkit</a></li>
+        <li><a>Hadoop</a></li>
+        <li><a>Node webkit</a></li>
+      </ul>
+    </div>
+ */
+// TODO 层级
+Notebook.renderShareNotebooks = function(sharedUserInfos, shareNotebooks) {
+	if(isEmpty(sharedUserInfos)) {
+		return;
+	}
+	
+	if(!shareNotebooks || typeof shareNotebooks != "object" || shareNotebooks.length < 0) {
+		return;
+	}
+	
+	var $shareNotebooks = $("#shareNotebooks");
+	var user2ShareNotebooks = {};
+	for(var i in shareNotebooks) {
+		var userNotebooks = shareNotebooks[i];
+		user2ShareNotebooks[userNotebooks.UserId] = userNotebooks;
+	}
+	for(var i in sharedUserInfos) {
+		var userInfo = sharedUserInfos[i];
+		var userNotebooks = user2ShareNotebooks[userInfo.UserId] || {ShareNotebooks:[]};
+		
+		userNotebooks.ShareNotebooks = [{NotebookId: "-2", Title: "默认共享"}].concat(userNotebooks.ShareNotebooks)
+
+		var username = userInfo.Username || userInfo.Email;
+		var header = t('<div class="folderNote closed"><div class="folderHeader"><a><h1 title="? 的共享"><i class="fa fa-angle-right"></i>?</h1></a></div>', username, username);
+		var body = '<ul class="folderBody">';
+		for(var j in userNotebooks.ShareNotebooks) {
+			var notebook = userNotebooks.ShareNotebooks[j];
+			body += t('<li><a notebookId="?">?</a></li>', notebook.NotebookId, notebook.Title)
+		}
+		body += "</ul>";
+		
+		$shareNotebooks.append(header + body + "</div>")
+	}
+}
+
+// 左侧导航, 选中某个notebook
+Notebook.selectNotebook = function(target) {
+	$("#notebook li a").removeClass("active");
+	$(target).addClass("active");
+};
+
+// 新建笔记导航
+Notebook.changeNotebookNavForNewNote = function(notebookId, title) {
+	// 没有notebookId, 则选择第1个notebook
+	// 第一个是全部笔记
+	if(!notebookId) {
+		var notebook = Notebook.notebooks[0];
+		notebookId = notebook.NotebookId;
+		title = notebook.Title;
+	}
+	if(!title) {
+		var notebook = Notebook.cache[0];
+		title = notebook.Title;
+	}
+	
+	if(!Notebook.isAllNotebookId(notebookId) && !Notebook.isTrashNotebookId(notebookId)) {
+		$("#curNotebookForNewNote").html(title).attr("notebookId", notebookId);
+	} else if(!$("#curNotebookForNewNote").attr("notebookId")) {
+		// 但又没有一个笔记, 默认选第一个吧
+		// 这里很可能会死循环, 万一用户没有其它笔记呢?
+		// 服务端肯定要在新建一个用户时给他创建一个默认笔记本的
+		if(Notebook.notebooks.length > 2) {
+			var notebook = Notebook.notebooks[1];
+			notebookId = notebook.NotebookId;
+			title = notebook.Title;
+			Notebook.changeNotebookNavForNewNote(notebookId, title);
+		}
+	}
+}
+
+// 改变导航, 两处
+// 单击左侧, 单击新建下拉时调用
+// 1 选中左侧导航, 
+// 2 notelist上面 >
+// 3 新建笔记 - js >
+// 转成我的nav <-> 共享
+Notebook.toggleToMyNav = function(userId, notebookId) {
+	$("#sharedNotebookNavForListNav").hide();
+	$("#myNotebookNavForListNav").show();
+	
+	$("#newMyNote").show();
+	$("#newSharedNote").hide();
+	
+	// 搜索tag隐藏
+	$("#tagSearch").hide();
+}
+Notebook.changeNotebookNav = function(notebookId) {
+	Notebook.toggleToMyNav();
+	
+	// 1
+	Notebook.selectNotebook($(t('#notebookList [notebookId="?"]', notebookId)));
+	
+	var notebook = Notebook.cache[notebookId];
+	
+	if(!notebook) {
+		return;
+	}
+	
+	// 2
+	$("#curNotebookForListNote").html(notebook.Title);
+	
+	// 3
+	Notebook.changeNotebookNavForNewNote(notebookId, notebook.Title);
+}
+
+Notebook.isAllNotebookId = function(notebookId) {
+	return notebookId == Notebook.allNotebookId;
+}
+Notebook.isTrashNotebookId = function(notebookId) {
+	return notebookId == Notebook.trashNotebookId;
+}
+// 当前选中的笔记本是否是"所有"
+// called by Note
+Notebook.curActiveNotebookIsAll = function() {
+	return Notebook.isAllNotebookId($("#notebookList .active").attr("notebookId"));
+}
+
+// 改变笔记本
+// 0. 改变样式
+// 1. 改变note, 此时需要先保存
+// 2. ajax得到该notebook下的所有note
+// 3. 使用Note.RederNotes()
+Notebook.changeNotebook = function(notebookId) {
+	Notebook.changeNotebookNav(notebookId);
+		
+	Notebook.curNotebookId = notebookId;
+		
+	// 1
+	Note.curChangedSaveIt();
+	
+	// 2 先清空所有
+	Note.clearAll();
+	
+	var url = "/note/ListNotes/";
+	var param = {notebookId: notebookId};
+	
+	// 废纸篓
+	if(Notebook.isTrashNotebookId(notebookId)) {
+		url = "/note/listTrashNotes";
+		param = {};
+	} else if(Notebook.isAllNotebookId(notebookId)) {
+		param = {};
+		// 得到全部的...
+		cacheNotes = Note.getNotesByNotebookId();
+		if(!isEmpty(cacheNotes)) { // 万一真的是没有呢?
+			Note.renderNotesAndFirstOneContent(cacheNotes);
+			return;
+		}
+	} else {
+		cacheNotes = Note.getNotesByNotebookId(notebookId);
+		if(!isEmpty(cacheNotes)) { // 万一真的是没有呢?
+			Note.renderNotesAndFirstOneContent(cacheNotes);
+			return;
+		}
+	}
+	
+	// 2 得到笔记本
+	// 这里可以缓存起来, note按notebookId缓存
+	ajaxGet(url, param, Note.renderNotesAndFirstOneContent);
+}
+
+// 是否是当前选中的notebookId
+// 还包括共享
+// called by Note
+Notebook.isCurNotebook = function(notebookId) {
+	return $(t('#notebookList [notebookId="?"], #shareNotebooks [notebookId="?"]', notebookId, notebookId)).attr("class") == "active";
+}
+
+// 改变nav, 为了新建note
+// called by Note
+Notebook.changeNotebookForNewNote = function(notebookId) {
+	// 废纸篓
+	if(Notebook.isTrashNotebookId(notebookId) || Notebook.isAllNotebookId(notebookId)) {
+		return;
+	}
+	
+	Notebook.changeNotebookNav(notebookId);
+	Notebook.curNotebookId = notebookId;
+	
+	var url = "/note/ListNotes/";
+	var param = {notebookId: notebookId};
+		
+	// 2 得到笔记本
+	// 这里可以缓存起来, note按notebookId缓存
+	ajaxGet(url, param, function(ret) {
+		// note 导航
+		Note.renderNotes(ret, true);
+	});
+};
+
+//---------------------------
+// 显示共享信息
+Notebook.listNotebookShareUserInfo = function(target) {
+	var notebookId = $(target).attr("notebookId");
+	showDialogRemote("share/listNotebookShareUserInfo", {notebookId: notebookId});
+}
+// 共享笔记本
+Notebook.shareNotebooks= function(target) {
+	var title = $(target).text();
+	showDialog("dialogShareNote", {title: "分享笔记本给好友-" + title});
+	setTimeout(function() {
+		$("#friendsEmail").focus();
+	}, 500);
+	var notebookId = $(target).attr("notebookId");
+	
+	shareNoteOrNotebook(notebookId, false);
+}
+
+//-----------------------------
+// 设为blog/unset
+Notebook.setNotebook2Blog = function(target) {
+	var notebookId = $(target).attr("notebookId");
+	var notebook = Notebook.cache[notebookId];
+	var isBlog = true;
+	if(notebook.IsBlog != undefined) {
+		isBlog = !notebook.IsBlog;
+	}
+	
+	// 那么, 如果当前是该notebook下, 重新渲染之
+	if(Notebook.curNotebookId == notebookId) {
+		if(isBlog) {
+			$("#noteList .item-blog").show();
+		} else {
+			$("#noteList .item-blog").hide();
+		}
+		
+	// 如果当前在所有笔记本下
+	} else if(Notebook.curNotebookId == Notebook.allNotebookId){
+		$("#noteItemList .item").each(function(){
+			var noteId = $(this).attr("noteId");
+			var note = Note.cache[noteId];
+			if(note.NotebookId == notebookId) {
+				if(isBlog) $(this).find(".item-blog").show();
+				else $(this).find(".item-blog").hide();
+			}
+		});
+	}
+	ajaxPost("blog/setNotebook2Blog", {notebookId: notebookId, isBlog: isBlog}, function(ret) {
+		if(ret) {
+			// 这里要设置notebook下的note的blog状态
+			Note.setAllNoteBlogStatus(notebookId, isBlog);
+			Notebook.setCache({NotebookId: notebookId, IsBlog: isBlog});
+		}
+	});
+}
+
+// 添加, 修改完后都要对notebook的列表重新计算 TODO
+
+// 修改笔记本标题
+Notebook.updateNotebookTitle = function(target) {
+	var notebookTitle = $(target).text();
+	var id = "editNotebookTitle";
+	$(target).html(t('<input type="text" value="?" everValue="?" id="?" notebookId="?"/>', notebookTitle, notebookTitle, id, $(target).attr("notebookId")));
+	$("#" + id).focus();
+}
+Notebook.doUpdateNotebookTitle = function() {
+	var title = $(this).val();
+	var everTitle = $(this).attr("everTitle");
+	var notebookId = $(this).attr("notebookId");
+	
+	if(!title) {
+		title = everTitle;
+	}
+	$(this).parent().html(title);
+	
+	if(title != everTitle) {
+		ajaxPost("/notebook/updateNotebookTitle", {notebookId: notebookId, title: title}, function(ret) {
+			// 修改缓存
+			Notebook.cache[notebookId].Title = title;
+			// 改变nav
+			Notebook.changeNav();
+		});
+	}
+}
+
+//-----------
+// 添加笔记本
+// 1 确保是展开的
+// 2 在所有后面添加<li></li>
+Notebook.addNotebookSeq = 1; // inputId
+Notebook.addNotebook = function() {
+	if($("#myNotebooks").hasClass("closed")) {
+		$("#myNotebooks .folderHeader").trigger("click");
+	}
+	var inputId = "newNotebookInput" + Notebook.addNotebookSeq;
+	Notebook.addNotebookSeq++;
+	$("#notebookList li").eq(0).after(t('<li><a><input id="?"/></a></li>', inputId));
+	
+	$("#" + inputId).focus();
+	
+	// 回车调用blur
+	enterBlur("#" + inputId);
+	$("#" + inputId).blur(function() {
+		// 为防多次发生blur
+		$(this).unbind("blur");
+		
+		var title = $(this).val();
+		if(!title) {
+			$(this).parent().parent().remove();
+		} else {
+			// 添加之
+			var notebookId = getObjectId();
+			var $a = $(this).parent();
+			ajaxPost("/notebook/addNotebook", {notebookId: notebookId, title: title}, function(ret) {
+				if(ret.NotebookId) {
+					Notebook.cache[ret.NotebookId] = ret;
+					$a.attr("notebookId", notebookId);
+					$a.html(title);
+					// 选中之
+					Notebook.changeNotebook(notebookId);
+					
+					// 改变nav
+					Notebook.changeNav();
+				}
+			});
+		}
+	});
+}
+
+//-------------
+// 删除
+Notebook.deleteNotebook = function(target) {
+	var notebookId = $(target).attr("notebookId");
+	if(!notebookId) {
+		return;
+	}
+	
+	ajaxGet("/notebook/deleteNotebook", {notebookId: notebookId}, function(ret) {
+		if(ret.Ok) {
+			$(target).parent().remove();
+			delete Notebook.cache[notebookId];
+			// 改变nav
+			Notebook.changeNav();
+		} else {
+			alert(ret.Msg);
+		}
+	});
+}
+
+$(function() {
+	//-------------------
+	// 点击notebook
+	$("#myNotebooks").on("click", "ul.folderBody li a", function() {
+		var notebookId = $(this).attr("notebookId");
+		Notebook.changeNotebook(notebookId);
+	});
+	// min
+	$("#minNotebookList").on("click", "li", function() {
+		var notebookId = $(this).find("a").attr("notebookId");
+		Notebook.changeNotebook(notebookId);
+	});
+	
+	//-------------------
+	// 右键菜单
+	var notebookListMenu = {
+		width: 150, 
+		items: [
+			{ text: "分享给好友", alias: 'shareToFriends', icon: "", faIcon: "fa-share-square-o", action: Notebook.listNotebookShareUserInfo},
+			{ type: "splitLine" },
+			{ text: "公开为博客", alias: 'set2Blog', icon: "", action: Notebook.setNotebook2Blog },
+			{ text: "取消公开为博客", alias: 'unset2Blog', icon: "", action: Notebook.setNotebook2Blog }, // Unset
+			{ type: "splitLine" },
+			{ text: "重命名", icon: "", action: Notebook.updateNotebookTitle },
+			{ text: "删除", icon: "", alias: 'delete', faIcon: "fa-trash-o", action: Notebook.deleteNotebook }
+		],
+		onShow: applyrule,
+    	onContextMenu: beforeContextMenu,
+    	parent: "#notebookList ",
+    	children: "li a"
+	}
+	
+	// 修改笔记本标题, blur后修改标题之
+	enterBlur("#notebookList", "input#editNotebookTitle");
+	$("#notebookList").on("blur", "input#editNotebookTitle", Notebook.doUpdateNotebookTitle);
+	
+	function applyrule(menu) {
+		var notebookId = $(this).attr("notebookId");
+		var notebook = Notebook.cache[notebookId];
+		if(!notebook) {
+			return;
+		}
+		var items = [];
+		// 是否已公开为blog
+		if(!notebook.IsBlog) {
+			items.push("unset2Blog");
+		} else {
+			items.push("set2Blog");
+		}
+		// 是否还有笔记
+		if(Note.notebookHasNotes(notebookId)) {
+			items.push("delete");
+		}
+        menu.applyrule({
+        	name: "target2",
+            disable: true,
+            items: items
+        });
+	}
+	// 哪个不能
+	function beforeContextMenu() {
+		var notebookId = $(this).attr("notebookId");
+		return !Notebook.isTrashNotebookId(notebookId) && !Notebook.isAllNotebookId(notebookId);
+	}
+	$("#notebookList li a").contextmenu(notebookListMenu);
+	
+	//------------------
+	// 添加notebook
+	// 右键菜单
+	var addNotebookContextmenu = {
+		width: 150, 
+		items: [
+			{ text: "添加笔记本", icon: "", action: Notebook.addNotebook },
+		],
+    	parent: "#myNotebooks",
+    	children: ""
+	}
+	$("#myNotebooks").contextmenu(addNotebookContextmenu);
+	
+	//---------------
+	// 点击中部notebook nav
+	$("#notebookNavForListNote").on("click", "li", function() {
+		var notebookId = $(this).find("a").attr("notebookId");
+		Notebook.changeNotebook(notebookId);
+	});
+	
+	// 添加笔记本
+	$("#addNotebookPlus").click(function(e) {
+		e.stopPropagation();
+		Notebook.addNotebook();
+	});
+});

public/js/app/page.js

@@ -0,0 +1,682 @@
+// 主页渲染
+
+// ifr 的高度, 默认是小20px, 启动1s后运行resizeEditor()调整之
+
+// 鼠标拖动改变宽度
+var lineMove = false;
+var target = null;
+function stopResize3Columns() {
+	if (lineMove) {
+		// ajax保存
+		ajaxGet("/user/updateColumnWidth", {notebookWidth: UserInfo.NotebookWidth, noteListWidth: UserInfo.NoteListWidth}, function() {
+		});
+	}
+	
+	lineMove = false;
+	$(".noteSplit").css("background", "none");
+}
+
+// 最终调用该方法
+function resize3ColumnsEnd(notebookWidth, noteListWidth) {
+	if(notebookWidth < 150 || noteListWidth < 100) {
+//		return;
+	}
+	var noteWidth = $("body").width() - notebookWidth - noteListWidth;
+	if(noteWidth < 400) {
+//		return;
+	}
+	
+	$("#leftNotebook").width(notebookWidth);
+	$("#notebookSplitter").css("left", notebookWidth);
+	
+	$("#noteAndEditor").css("left", notebookWidth);
+	$("#noteList").width(noteListWidth);
+	$("#noteSplitter").css("left", noteListWidth);
+	$("#note").css("left", noteListWidth);
+	
+	UserInfo.NotebookWidth = notebookWidth;
+	UserInfo.NoteListWidth = noteListWidth;
+}
+
+function resize3Columns(event, isFromeIfr) {
+	if (isFromeIfr) {
+		event.clientX += $("body").width() - $("#note").width();
+	}
+	
+	var notebookWidth, noteListWidth;
+
+	if (lineMove == true) {
+		if (target == "notebookSplitter") {
+			notebookWidth = event.clientX;
+			noteListWidth = $("#noteList").width();
+			resize3ColumnsEnd(notebookWidth, noteListWidth);
+		} else {
+			notebookWidth = $("#leftNotebook").width();
+			noteListWidth = event.clientX - notebookWidth;
+			resize3ColumnsEnd(notebookWidth, noteListWidth);
+		}
+
+		resizeEditor();
+	}
+}
+
+// editor
+
+$(function() {
+	// 高度设置
+//	$("#editor").css("top", $("#noteTop").height());
+
+	$(".noteSplit").bind("mousedown", function(event) {
+		event.preventDefault(); // 防止选择文本
+		lineMove = true;
+		$(this).css("background-color", "#ccc");
+		target = $(this).attr("id");
+
+		// 防止iframe捕获不了事件
+		$("#noteMask").css("z-index", 99999); // .css("background-color",
+											// "#ccc");
+	});
+
+	$("body").bind("mouseup", function(event) {
+		stopResize3Columns();
+		// 取消遮罩
+		$("#noteMask").css("z-index", -1);
+	});
+
+	$("body").bind("mousemove", function(event) {
+		if(lineMove) { // 如果没有这个if会导致不能选择文本
+			event.preventDefault();
+			resize3Columns(event);
+		}
+	});
+
+	// toolbar 下拉扩展, 也要resizeEditor
+	$("#moreBtn").click(function() {
+		saveBookmark();
+		
+		var height = $("#mceToolbar").height();
+
+		if (height < $("#popularToolbar").height()) {
+			$("#mceToolbar").height($("#popularToolbar").height());
+			$(this).find("i").removeClass("fa-angle-down").addClass("fa-angle-up");
+			
+		} else {
+			$("#mceToolbar").height(30);
+			$(this).find("i").removeClass("fa-angle-up").addClass("fa-angle-down");
+		}
+		
+		// 新加 3.12
+		var mceToolbarHeight = $("#mceToolbar").height();
+		$("#editorContent").css("top", mceToolbarHeight);
+		
+		// 新加3/22
+		$("#leanoteNav").css("top", mceToolbarHeight + 2);
+
+		$("#editor").css("top", $("#noteTop").height());
+		
+		resizeEditor();
+		
+		restoreBookmark();
+	});
+
+	// 窗口缩放时
+	$(window).resize(function() {
+		resizeEditor();
+	});
+
+	// 左侧, folder 展开与关闭
+	$(".folderHeader").click(
+			function() {
+				var body = $(this).next();
+				var p = $(this).parent();
+				if (!body.is(":hidden")) {
+					$(".folderNote").removeClass("opened").addClass("closed");
+//					body.hide();
+					p.removeClass("opened").addClass("closed");
+					$(this).find(".fa-angle-down").removeClass("fa-angle-down").addClass("fa-angle-right");
+				} else {
+					$(".folderNote").removeClass("opened").addClass("closed");
+//					body.show();
+					p.removeClass("closed").addClass("opened");
+					$(this).find(".fa-angle-right").removeClass("fa-angle-right").addClass("fa-angle-down");
+				}
+			});
+
+	tinymce.init({
+		setup: function(ed) {
+			ed.on('keydown', Note.saveNote);
+			// indent outdent
+			ed.on('keydown', function(e) {
+				var num = e.which ? e.which : e.keyCode;
+		    	if (num == 9) { // tab pressed
+				
+		    		if(!e.shiftKey) {
+//		                ed.execCommand('Indent');
+		    			
+		    			// 如果在pre下就加tab
+			    		var node = ed.selection.getNode();
+						if(node.nodeName == "PRE") {
+		                    ed.execCommand('mceInsertRawHTML', false, '\x09'); // inserts tab
+						} else {
+		                    ed.execCommand('mceInsertRawHTML', false, "&nbsp;&nbsp;&nbsp;&nbsp;"); // inserts 空格
+						}
+		    		} else {
+		    			// delete 4 个空格
+//		                ed.execCommand('Outdent');
+		    		}
+		    		
+		            e.preventDefault();
+		            e.stopPropagation();   			
+		            return false;
+		       }
+			});
+			
+			// 为了把下拉菜单关闭
+	        ed.on("click", function(e) {
+	          $("body").trigger("click");
+	        });
+	        
+	        // 鼠标移上时
+	        ed.on("click", function() {
+	        	log(ed.selection.getNode())
+	        });
+		},
+		selector : "#editorContent",
+		// height: 100,//这个应该是文档的高度, 而其上层的高度是$("#content").height(),
+		// parentHeight: $("#content").height(),
+		content_css : ["css/bootstrap.css", "css/editor.css"],
+		skin : "custom",
+		language: "zh_CN",
+		plugins : [
+				"autolink link leanote_image lists charmap hr", "paste",
+				"searchreplace leanote_nav leanote_code tabfocus",
+				"table directionality textcolor codemirror" ], // nonbreaking
+				
+		toolbar1 : "formatselect | forecolor backcolor | bold italic underline strikethrough | leanote_image | leanote_code | bullist numlist | alignleft aligncenter alignright alignjustify",
+		toolbar2 : "outdent indent blockquote | link unlink | table | hr removeformat | subscript superscript |searchreplace | code | pastetext | fontselect fontsizeselect",
+
+		// 使用tab键: http://www.tinymce.com/wiki.php/Plugin3x:nonbreaking
+		// http://stackoverflow.com/questions/13543220/tiny-mce-how-to-allow-people-to-indent
+		// nonbreaking_force_tab : true,
+		
+		menubar : false,
+		toolbar_items_size : 'small',
+		statusbar : false,
+		url_converter: false,
+		font_formats : "Arial=arial,helvetica,sans-serif;"
+				+ "Arial Black=arial black,avant garde;"
+				+ "Times New Roman=times new roman,times;"
+				+ "Courier New=courier new,courier;"
+				+ "Tahoma=tahoma,arial,helvetica,sans-serif;"
+				+ "Verdana=verdana,geneva;" + "宋体=SimSun;"
+				+ "新宋体=NSimSun;" + "黑体=SimHei;"
+				+ "微软雅黑=Microsoft YaHei",
+		block_formats : "Header 1=h1;Header 2=h2;Header 3=h3; Header 4=h4;Pre=pre;Paragraph=p",
+		codemirror: {
+		    indentOnInit: true, // Whether or not to indent code on init. 
+		    path: 'CodeMirror', // Path to CodeMirror distribution
+		    config: {           // CodeMirror config object
+		       //mode: 'application/x-httpd-php',
+		       lineNumbers: true
+		    },
+		    jsFiles: [          // Additional JS files to load
+		       // 'mode/clike/clike.js',
+		       //'mode/php/php.js'
+		    ]
+		  },
+		  // This option specifies whether data:url images (inline images) should be removed or not from the pasted contents. 
+		  // Setting this to "true" will allow the pasted images, and setting this to "false" will disallow pasted images.  
+		  // For example, Firefox enables you to paste images directly into any contentEditable field. This is normally not something people want, so this option is "false" by default.
+		  paste_data_images: true
+	});
+	
+	// 刷新时保存 参考autosave插件
+	window.onbeforeunload = function(e) {
+    	Note.curChangedSaveIt();
+	}
+	
+	// 全局ctrl + s
+	$("body").on('keydown', Note.saveNote);
+});
+
+// ie下拒绝访问
+// 有兼容性问题
+// 不能设置iframe src
+var random = 1;
+function scrollTo(self, tagName, text) {
+	var iframe = $("#editorContent_ifr").contents();
+	var target = iframe.find(tagName + ":contains(" + text + ")");
+	random++;
+	
+	// 找到是第几个
+	// 在nav是第几个
+	var navs = $('#leanoteNavContent [data-a="' + tagName + '-' + encodeURI(text) + '"]');
+//	alert('#leanoteNavContent [data-a="' + tagName + '-' + encodeURI(text) + '"]')
+	var len = navs.size();
+	for(var i = 0; i < len; ++i) {
+		if(navs[i] == self) {
+			break;
+		}
+	}
+	
+	if (target.size() >= i+1) {
+		target = target.eq(i);
+		// 之前插入, 防止多行定位不准
+		var top = target.offset().top;
+		var nowTop = iframe.scrollTop();
+		
+		// iframe.scrollTop(top);
+		// $(iframe).animate({scrollTop: top}, 300); // 有问题
+		
+		var d = 200; // 时间间隔
+		for(var i = 0; i < d; i++) {
+			setTimeout(
+			(function(top) {
+				return function() {
+					iframe.scrollTop(top);
+				}
+			})(nowTop + 1.0*i*(top-nowTop)/d), i);
+		}
+		// 最后必然执行
+		setTimeout(function() {
+			iframe.scrollTop(top);
+		}, d+5);
+		return;
+		/*
+		$(target).prepend(
+				'<a class="r-' + random + '" name="' + random + '"></a>')
+		$("#editorContent_ifr").attr("src", "#" + random);
+		iframe.find(".r-" + random).remove();
+		*/
+	}
+}
+
+$(function() {
+	// 导航隐藏与显示
+	$("#leanoteNav h1").on("click", function(e) {
+		if (!$("#leanoteNav").hasClass("unfolder")) {
+			$("#leanoteNav").addClass("unfolder");
+		} else {
+			$("#leanoteNav").removeClass("unfolder");
+		}
+	});
+	
+	// 打开设置
+	function openSetInfoDialog(whichTab) {
+		showDialog("dialogSetInfo", {title: "帐户设置", postShow: function() {
+			$('#myTabs a').eq(whichTab).tab('show');
+			$("#username").val(UserInfo.Username);
+		}});
+	}
+	
+	// 帐号设置
+	$("#setInfo").click(function() {
+		if(UserInfo.Email) {
+			openSetInfoDialog(0);
+		} else {
+			showDialog("thirdDialogSetInfo", {title: "帐户设置", postShow: function() {
+				$('#thirdMyTabs a').eq(0).tab('show');
+			}});
+		}
+	});
+	$("#setTheme").click(function() {
+		showDialog2("#setThemeDialog", {title: "主题设置", postShow: function() {
+			if (!UserInfo.Theme) {
+				UserInfo.Theme = "default";
+			}
+			$("#themeForm input[value='" + UserInfo.Theme + "']").attr("checked", true);
+		}});
+	});
+	
+	//---------
+	// 主题
+	$("#themeForm").on("click", "input", function(e) {
+		var val = $(this).val();
+		$("#themeLink").attr("href", "/css/theme/" + val + ".css");
+		
+		ajaxPost("/user/updateTheme", {theme: val}, function(re) {
+			if(reIsOk(re)) {
+				UserInfo.Theme = val
+			}
+		});
+	});
+	
+	//--------------
+	// 第三方账号设置
+	$("#leanoteDialog").on("click", "#accountBtn", function(e) {
+		e.preventDefault();
+		var email = $("#thirdEmail").val();
+		var pwd = $("#thirdPwd").val();
+		var pwd2 = $("#thirdPwd2").val();
+		if(!email) {
+			showAlert("#thirdAccountMsg", "请输入邮箱", "danger", "#thirdEmail");
+			return;
+		} else {
+			var myreg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
+			if(!myreg.test(email)) {
+				showAlert("#thirdAccountMsg", "请输入正确的邮箱", "danger", "#thirdEmail");
+				return;
+			}
+		}
+		if(!pwd) {
+			showAlert("#thirdAccountMsg", "请输入密码", "danger", "#thirdPwd");
+			return;
+		} else {
+			if(pwd.length < 6) {
+				showAlert("#thirdAccountMsg", "密码长度至少6位", "danger", "#thirdPwd");
+				return;
+			}
+		}
+		if(!pwd2) {
+			showAlert("#thirdAccountMsg", "请重复输入密码", "danger", "#thirdPwd2");
+			return;
+		} else {
+			if(pwd != pwd2) {
+				showAlert("#thirdAccountMsg", "两次密码输入不一致", "danger", "#thirdPwd2");
+				return;
+			}
+		}
+		
+		hideAlert("#thirdAccountMsg");
+		post("/user/addAccount", {email: email, pwd: pwd}, function(ret) {
+			if(ret.Ok) {
+				showAlert("#thirdAccountMsg", "添加成功!", "success");
+				UserInfo.Email = email;
+				$("#curEmail").html(email);
+				hideDialog(1000);
+			} else {
+				showAlert("#thirdAccountMsg", ret.Msg || "添加失败!", "danger");
+			}
+		}, this);
+	});
+	
+	//-------------
+	$("#leanoteDialog").on("click", "#usernameBtn", function(e) {
+		e.preventDefault();
+		var username = $("#leanoteDialog #username").val();
+		if(!username) {
+			showAlert('#usernameMsg', "请输入用户名", "danger");
+			return;
+		} else if(username.length < 4) {
+			showAlert('#usernameMsg', "用户名长度至少4位", "danger");
+			return;
+		} else if(/[^0-9a-zzA-Z_\-]/.test(username)) {
+			// 是否含特殊字段?
+			showAlert('#usernameMsg', "用户名不能含除数字,字母之外的字符", "danger");
+			return;
+		}
+		hideAlert("#usernameMsg");
+		post("/user/updateUsername", {username: username}, function(ret) {
+			if(ret.Ok) {
+				UserInfo.UsernameRaw = username;
+				UserInfo.Username = username.toLowerCase();
+				$(".username").html(username);
+				showAlert('#usernameMsg', "用户名修改成功!", "success");
+			} else {
+				showAlert('#usernameMsg', re.Msg || '该用户名已存在', "danger");
+			}
+		}, "#usernameBtn");
+		
+	});
+	
+	// 修改邮箱
+	$("#leanoteDialog").on("click", "#emailBtn", function(e) {
+		e.preventDefault();
+		var email = isEmailFromInput("#email", "#emailMsg");
+		if(!email) {
+			return;
+		}
+		
+		hideAlert("#emailMsg");
+		post("/user/updateEmailSendActiveEmail", {email: email}, function(e) {
+			if(e.Ok) {
+				var url = getEmailLoginAddress(email);
+				showAlert("#emailMsg", "验证邮件已发送, 请及时查阅邮件并验证. <a href='" + url + "' target='_blank'>立即验证</a>", "success");
+			} else {
+				showAlert("#emailMsg", e.Msg || "邮件发送失败", "danger");
+			}
+		}, "#emailBtn");
+	});
+	
+	// 修改密码
+	$("#leanoteDialog").on("click", "#pwdBtn", function(e) {
+		e.preventDefault();
+		var oldPwd = $("#oldPwd").val();
+		var pwd = $("#pwd").val();
+		var pwd2 = $("#pwd2").val();
+		
+		if(!oldPwd) {
+			showAlert("#pwdMsg", "请输入旧密码", "danger", "#oldPwd");
+			return;
+		} else {
+			if(oldPwd.length < 6) {
+				showAlert("#pwdMsg", "密码长度至少6位", "danger", "#oldPwd");
+				return;
+			}
+		}
+		if(!pwd) {
+			showAlert("#pwdMsg", "请输入新密码", "danger", "#pwd");
+			return;
+		} else {
+			if(pwd.length < 6) {
+				showAlert("#pwdMsg", "密码长度至少6位", "danger", "#pwd");
+				return;
+			}
+		}
+		if(!pwd2) {
+			showAlert("#pwdMsg", "请重复输入新密码", "danger", "#pwd2");
+			return;
+		} else {
+			if(pwd != pwd2) {
+				showAlert("#pwdMsg", "两次密码输入不一致", "danger", "#pwd2");
+				return;
+			}
+		}
+		
+		hideAlert("#pwdMsg");
+		post("/user/updatePwd", {oldPwd: oldPwd, pwd: pwd}, function(e) {
+			if(e.Ok) {
+				showAlert("#pwdMsg", "修改密码成功", "success");
+			} else {
+				showAlert("#pwdMsg", e.Msg, "danger");
+			}
+		}, "#pwdBtn");
+	});
+	
+	//-------------
+	//-------------
+	// 邮箱验证
+	if(!UserInfo.Verified) {
+//		$("#leanoteMsg").hide();
+//		$("#verifyMsg").show();
+	}
+	
+	// 帐号设置
+	$("#wrongEmail").click(function() {
+		openSetInfoDialog(1);
+	});
+	
+	// 重新发送
+	$("#leanoteDialog").on("click", ".reSendActiveEmail", function() {
+		// 弹框出来
+		showDialog("reSendActiveEmailDialog", {title: "发送验证邮件", postShow: function() {
+			ajaxGet("/user/reSendActiveEmail", {}, function(ret) {
+				if (typeof ret == "object" && ret.Ok) {
+					$("#leanoteDialog .text").html("发送成功!")
+					$("#leanoteDialog .viewEmailBtn").removeClass("disabled");
+					$("#leanoteDialog .viewEmailBtn").click(function() {
+						hideDialog();
+						var url = getEmailLoginAddress(UserInfo.Email);
+						window.open(url, "_blank");
+					});
+				} else {
+					$("#leanoteDialog .text").html("发送失败")
+				}
+			});
+		}});
+	});
+	
+	// 现在去验证
+	$("#leanoteDialog").on("click", ".nowToActive", function() {
+		var url = getEmailLoginAddress(UserInfo.Email);
+		window.open(url, "_blank");
+	});
+	
+	// 禁止双击选中文字
+	$("#notebook, #newMyNote, #myProfile, #topNav, #notesAndSort", "#leanoteNavTrigger").bind("selectstart", function(e) {
+		e.preventDefault();
+		return false;
+	});
+	
+	// 左侧隐藏或展示
+	function updateLeftIsMin(is) {
+		ajaxGet("/user/updateLeftIsMin", {leftIsMin: is})
+	}
+	function minLeft(save) {
+		$("#leftNotebook").width(30);
+		$("#notebook").hide();
+		// 左侧
+		$("#noteAndEditor").css("left", 30)	
+		$("#notebookSplitter").hide();
+		
+//		$("#leftSwitcher").removeClass("fa-angle-left").addClass("fa-angle-right");
+		
+		// logo
+		$("#logo").hide();
+		$("#leftSwitcher").hide();
+		$("#leftSwitcher2").show();
+		
+		if(save) {
+			updateLeftIsMin(true);
+		}
+	}
+	
+	function maxLeft(save) {
+		$("#noteAndEditor").css("left", UserInfo.NotebookWidth);
+		$("#leftNotebook").width(UserInfo.NotebookWidth);
+		$("#notebook").show();
+		$("#notebookSplitter").show();
+		
+//		$("#leftSwitcher").removeClass("fa-angle-right").addClass("fa-angle-left");
+		
+		$("#leftSwitcher2").hide();
+		$("#logo").show();
+		$("#leftSwitcher").show();
+		
+		if(save) {
+			updateLeftIsMin(false);
+		}
+	}
+	
+	$("#leftSwitcher2").click(function() {
+		maxLeft(true);
+	});
+	$("#leftSwitcher").click(function() {
+		minLeft(true);
+		/*
+		if(!$("#notebook").is(":hidden")) {
+		} else {
+			maxLeft(true);
+		}
+		*/
+	});
+	
+	// 得到最大dropdown高度
+	function getMaxDropdownHeight(obj) {
+		var offset = $(obj).offset();
+		var maxHeight = $(document).height()-offset.top;
+		maxHeight -= 70;
+		if(maxHeight < 0) {
+			maxHeight = 0;
+		}	
+		
+		var preHeight = $(obj).find("ul").height();
+		return preHeight < maxHeight ? preHeight : maxHeight;
+	}
+	// mini版
+	$("#notebookMin div.minContainer").hover(function() {
+			var target = $(this).attr("target");
+			// show的时候要计算高度, 防止过高
+			// 先show再计算, 不然高度有偏差
+			$(this).find("ul").html($(target).html()).show().height(getMaxDropdownHeight(this));
+		}, function() {
+			$(this).find("ul").hide();
+		}
+	);
+	
+	//------------------------
+	// 界面设置, 左侧是否是隐藏的
+	UserInfo.NotebookWidth = UserInfo.NotebookWidth || $("#notebook").width();
+	UserInfo.NoteListWidth = UserInfo.NoteListWidth || $("#noteList").width();
+	if(LEA.isMobile) {
+		UserInfo.NoteListWidth = 101;
+	}
+	resize3ColumnsEnd(UserInfo.NotebookWidth, UserInfo.NoteListWidth);
+	if (UserInfo.LeftIsMin) {
+		minLeft(false);
+	}
+	
+	// end
+	$("#mainMask").html("");
+	$("#mainMask").hide(100);
+	
+	// 4/25 防止dropdown太高
+	// dropdown
+	$('.dropdown').on('shown.bs.dropdown', function () {
+		var $ul = $(this).find("ul");
+		$ul.height(getMaxDropdownHeight(this));
+	});
+	
+	//--------
+	// 编辑器帮助
+	$("#tipsBtn").click(function() {
+		showDialog2("#tipsDialog");
+	});
+	
+	//--------
+	// 建议
+	$("#yourSuggestions").click(function() {
+		showDialog2("#suggestionsDialog");
+	});
+	$("#suggestionBtn").click(function(e) {
+		e.preventDefault();
+		var suggestion = $.trim($("#suggestionTextarea").val());
+		if(!suggestion) {
+			$("#suggestionMsg").html("请输入您的建议, 谢谢!").show().addClass("alert-warning").removeClass("alert-success");
+			$("#suggestionTextarea").focus();
+			return;
+		}
+		$("#suggestionBtn").html("正在处理...").addClass("disabled");
+		$("#suggestionMsg").html("正在处理...");
+		$.post("/suggestion", {suggestion: suggestion}, function(ret) {
+			$("#suggestionBtn").html("提交").removeClass("disabled");
+			if(ret.Ok) {
+				$("#suggestionMsg").html("谢谢反馈, 我们会第一时间处理, 祝您愉快!").addClass("alert-success").removeClass("alert-warning").show();
+			} else {
+				$("#suggestionMsg").html("出错了").show().addClass("alert-warning").removeClass("alert-success");
+			}
+		});
+	});
+	
+	// slimScroll
+	//---
+	setTimeout(function() {
+		$("#notebook").slimScroll({
+		    height: "100%", // $("#leftNotebook").height()+"px"
+		});
+		$("#noteItemList").slimScroll({
+		    height: "100%", // ($("#leftNotebook").height()-42)+"px"
+		});
+		$("#wmd-input").slimScroll({
+		    height: "100%", // $("#wmd-input").height()+"px"
+		});
+		$("#wmd-input").css("width", "100%");
+		
+		$("#wmd-panel-preview").slimScroll({
+		    height: "100%", // $("#wmd-panel-preview").height()+"px"
+		});
+		
+		$("#wmd-panel-preview").css("width", "100%");
+	}, 10);
+	
+});

public/js/app/share.js

@@ -0,0 +1,540 @@
+//------------------------------------
+// 共享, notbeook, note
+//------------------------------------
+
+// 默认共享notebook id
+Share.defaultNotebookId = "share0";
+Share.defaultNotebookTitle = "默认共享";
+Share.sharedUserInfos = {}; // userId => {}
+
+// 在render时就创建, 以后复用之
+Share.userNavs = {}; // userId => {"forList":html, "forNew":html}
+
+// 缓存都不要, 统一放在Note.cache中
+// 放在这里, 只是为了debug, 分离
+Share.notebookCache = {}; // notebooks 的cache
+Share.cache = {}; // note的cache
+
+// 分享的弹出框是note的
+Share.dialogIsNote = true;
+
+// 设置缓存 note
+Share.setCache = function(note) {
+	if(!note || !note.NoteId) {
+		return;
+	}
+	Share.cache[note.NoteId] = note;
+}
+
+/**
+ * 我的共享notebooks	    
+ <div id="shareNotebooks">
+	 <div class="folderNote closed">
+      <div class="folderHeader">
+        <a>
+          <h1>
+            <i class="fa fa-angle-right"></i> 
+            Life's</h1>
+        </a>
+      </div>
+      <ul class="folderBody">
+        <li><a>Hadoop</a></li>
+        <li><a>Node webkit</a></li>
+        <li><a>Hadoop</a></li>
+        <li><a>Node webkit</a></li>
+      </ul>
+    </div>
+ */
+// TODO 层级
+// shareNotebooks = {userId => {}}
+Share.renderShareNotebooks = function(sharedUserInfos, shareNotebooks) {
+	if(isEmpty(sharedUserInfos)) {
+		return;
+	}
+	
+	if(!shareNotebooks || typeof shareNotebooks != "object" || shareNotebooks.length < 0) {
+		return;
+	}
+	
+	var $shareNotebooks = $("#shareNotebooks");
+
+	// render每一个用户的share给我的笔记本, 之前先建一个默认共享
+	for(var i in sharedUserInfos) {
+		var userInfo = sharedUserInfos[i];
+		var userNotebooks = shareNotebooks[userInfo.UserId] || [];
+		
+		userNotebooks = [{NotebookId: Share.defaultNotebookId, Title: Share.defaultNotebookTitle}].concat(userNotebooks)
+
+		var username = userInfo.Username || userInfo.Email;
+		userInfo.Username = username;
+		Share.sharedUserInfos[userInfo.UserId] = userInfo;
+		var userId = userInfo.UserId;
+		var header = t('<li class="each-user"><div class="" fromUserId="?"><i class="fa fa-angle-down"></i><span>?</span></div>', userInfo.UserId, username);
+		var friendId = "friendContainer" + i;
+		var body = '<ul class="" id="' + friendId + '">';
+		
+		var forList = ""; // 全部
+		var forNew = ""; // 必须要有权限的
+		
+		for(var j in userNotebooks) {
+			var notebook = userNotebooks[j];
+			
+			// 缓存起来, 像Note
+			notebook.IsShared = true;
+			notebook.UserId = userId;
+			Share.notebookCache[notebook.NotebookId] = notebook;
+			// notebook的cache也缓存一份, 为了显示标题
+			Notebook.cache[notebook.NotebookId] = notebook;
+			
+			body += t('<li><a notebookId="?" fromUserId="?">?</a></li>', notebook.NotebookId, userId, notebook.Title)
+			
+			// 
+			var each = t('<li role="presentation"><a role="menuitem" tabindex="-1" href="#" userId="?" notebookId="?">?</a></li>', userId, notebook.NotebookId, notebook.Title);
+			forList += each;
+			if(j != 0 && notebook.Perm) {
+				forNew += t('<li role="presentation" class="clearfix" userId="?" notebookId="?"><div class="new-note-left pull-left">?</div><div class="new-note-right pull-left">Markdown</div></li>', userId, notebook.NotebookId, notebook.Title);
+			}
+		}
+		
+		body += "</ul>";
+		Share.userNavs[userId] = {"forList": forList, "forNew": forNew};
+		
+		$shareNotebooks.append(header + body + "</div>")
+		
+		// mainShare
+		$("#minShareNotebooks").append('<div class="minContainer" target="#' + friendId + '" title="' + username + ' 的分享"><i class="fa fa-user"></i><ul class="dropdown-menu"></ul></li>')
+	}
+};
+
+Share.isDefaultNotebookId = function(notebookId) {
+	return Share.defaultNotebookId == notebookId;
+}
+
+// 转成共享的nav
+// for list和for new
+// 如果forNew没有, 那么还是保持我的nav
+Share.toggleToSharedNav = function(userId, notebookId) {
+	// for list
+	$("#sharedNotebookNavForListNote").html(Share.userNavs[userId].forList);
+	$("#sharedNotebookNavForListNav").show();
+	$("#curSharedNotebookForListNote").html(Share.notebookCache[notebookId].Title + '(' + Share.sharedUserInfos[userId].Username + ")");
+	$("#myNotebookNavForListNav").hide();
+	
+	// for new
+	var forNew = Share.userNavs[userId].forNew;
+	if(forNew) {
+		$("#notebookNavForNewSharedNote").html(forNew);
+		// 新建之, 可能当前选择的没有权限新建. 此时需要得到第一个
+		var curNotebookId = "";
+		var curNotebookTitle = "";
+		if(Share.notebookCache[notebookId].Perm) {
+			curNotebookId = notebookId;
+			curNotebookTitle = Share.notebookCache[notebookId].Title;
+		} else {
+			// 得到第一个
+			var $f = $("#notebookNavForNewSharedNote li").eq(0);
+			curNotebookId = $f.attr("notebookId");
+			curNotebookTitle = $f.text();
+		}
+		
+		$("#curNotebookForNewSharedNote").html(curNotebookTitle + '(' + Share.sharedUserInfos[userId].Username + ')');
+		$("#curNotebookForNewSharedNote").attr("notebookId", curNotebookId);
+		$("#curNotebookForNewSharedNote").attr("userId", userId);
+		
+		$("#newSharedNote").show();
+		$("#newMyNote").hide();
+	}
+	
+	// 隐藏tag
+	$("#tagSearch").hide();
+}
+
+//改变笔记本
+//0. 改变样式
+//1. 改变note, 此时需要先保存
+//2. ajax得到该notebook下的所有note
+//3. 使用Note.RederNotes()
+Share.changeNotebook = function(userId, notebookId) {
+	// 选中
+	Notebook.selectNotebook($(t('#shareNotebooks a[notebookId="?"]', notebookId)));
+	
+	// 改变nav!!!! TODO
+	Share.toggleToSharedNav(userId, notebookId);
+	
+	// 1
+	Note.curChangedSaveIt();
+	
+	// 2 先清空所有
+	Note.clearAll();
+	
+	var url = "/share/ListShareNotes/";
+	var param = {userId: userId};
+	if(!Share.isDefaultNotebookId(notebookId)) {
+		param.notebookId = notebookId;
+	}
+	
+	// 2 得到笔记本
+	// 这里可以缓存起来, note按notebookId缓存
+	ajaxGet(url, param, function(ret) {
+		// note 导航
+		// 
+		// 如果是特定笔记本下的notes, 那么传过来的没有权限信息, 此时权限由notebookId决定
+		if(param.notebookId) {
+			
+		}
+		Note.renderNotes(ret, false, true);
+		// 渲染第一个
+		// 这里, 有点小复杂, 还要判断权限...
+		if(!isEmpty(ret)) {
+			// 定位
+			Note.changeNote(ret[0].NoteId, true);
+		} else {
+		}
+	});
+}
+
+// 是否有更新权限
+// called by Note
+Share.hasUpdatePerm = function(notebookId) {
+	var note = Share.cache[notebookId];
+	if(!note || !note.Perm) {
+		return false;
+	}
+	return true;
+}
+
+//---------------------------
+// 我删除别人共享给我的笔记本
+Share.deleteShareNotebook = function(target) {
+	var notebookId = $(target).attr("notebookId");
+	var fromUserId = $(target).attr("fromUserId"); // 谁共享给了我 from
+	ajaxGet("/share/DeleteShareNotebookBySharedUser", {notebookId: notebookId, fromUserId: fromUserId}, function(ret) {
+		if(ret) {
+			$(target).parent().remove();
+		}
+	});
+}
+Share.deleteShareNote = function(target) {
+	var noteId = $(target).attr("noteId");
+	var fromUserId = $(target).attr("fromUserId"); // 谁共享给了我 from
+	ajaxGet("/share/DeleteShareNoteBySharedUser", {noteId: noteId, fromUserId: fromUserId}, function(ret) {
+		if(ret) {
+			$(target).remove();
+		}
+	});
+}
+Share.deleteUserShareNoteAndNotebook = function(target) {
+	var fromUserId = $(target).attr("fromUserId"); // 谁共享给了我 from
+	ajaxGet("/share/deleteUserShareNoteAndNotebook", {fromUserId: fromUserId}, function(ret) {
+		if(ret) {
+			$(target).parent().remove();
+		}
+	});
+}
+
+// 新建shared note
+Share.changeNotebookForNewNote = function(notebookId) {
+	// 改变nav for list, for new
+	Notebook.selectNotebook($(t('#shareNotebooks [notebookId="?"]', notebookId)));
+	var userId = Share.notebookCache[notebookId].UserId;
+	Share.toggleToSharedNav(userId, notebookId);	
+	
+	// 得到笔记本
+	var url = "/share/ListShareNotes/";
+	var param = {userId: userId, notebookId: notebookId};
+		
+	// 2 得到笔记本
+	// 这里可以缓存起来, note按notebookId缓存
+	ajaxGet(url, param, function(ret) {
+		// note 导航
+		Note.renderNotes(ret, true, true);
+	});
+}
+
+// 删除笔记, 我有权限, 且是我创建的笔记
+Share.deleteSharedNote = function(target, contextmenuItem) {
+	Note.deleteNote(target, contextmenuItem, true);
+}
+Share.copySharedNote = function(target, contextmenuItem) {
+	Note.copyNote(target, contextmenuItem, true);
+}
+
+Share.contextmenu = null;
+Share.initContextmenu = function() {
+	if(Share.contextmenu) {
+		Share.contextmenu.unbind("contextmenu");
+	}
+	// 得到可移动的notebook
+	var notebooksCopy = [];
+	
+	// 到时这个可以缓存起来
+	$("#notebookNavForNewNote li .new-note-left").each(function() {
+		var notebookId = $(this).attr("notebookId");
+		var title = $(this).text();
+		var copy = {text: title, notebookId: notebookId, action: Share.copySharedNote}
+		notebooksCopy.push(copy);
+	});
+	
+	//---------------------
+	// context menu
+	//---------------------
+	var noteListMenu = {
+		width: 170, 
+		items: [
+			{ text: "复制到我的笔记本", alias: "copy", icon: "",
+				type: "group", 
+				width: 150, 
+				items: notebooksCopy
+			},
+			{ type: "splitLine" },
+			{ text: "删除", alias: "delete", icon: "", faIcon: "fa-trash-o", action: Share.deleteSharedNote }
+		], 
+		onShow: applyrule,
+		parent: "#noteItemList",
+		children: ".item-shared",
+	}
+	function applyrule(menu) {
+		var noteId = $(this).attr("noteId");
+		var note = Share.cache[noteId];
+		if(!note) {
+			return;
+		}
+		var items = [];
+		if(!(note.Perm && note.CreatedUserId == UserInfo.UserId)) {
+			items.push("delete");
+		}
+		// 不是自己的创建的不能删除
+        menu.applyrule({
+        	name: "target...",
+            disable: true,
+            items: items
+        });		
+	   
+	}
+	
+	Share.contextmenu = $("#noteItemList .item-shared").contextmenu(noteListMenu);
+}
+
+$(function() {
+	// 点击notebook
+	$("#shareNotebooks").on("click", "ul li a", function() {
+		var notebookId = $(this).attr("notebookId");
+		var userId = $(this).attr("fromUserId");
+		Share.changeNotebook(userId, notebookId);
+	});
+	// min
+	$("#minShareNotebooks").on("click", "li", function() {
+		var self = $(this).find("a");
+		var notebookId = $(self).attr("notebookId");
+		var userId = $(self).attr("fromUserId");
+		Share.changeNotebook(userId, notebookId);
+	});
+	
+	//-----------------------------
+	// contextmenu shareNotebooks
+	// 删除共享笔记本
+	var shareNotebookMenu = {
+			width: 150, 
+			items: [
+				{ text: "删除共享笔记本", icon: "", faIcon: "fa-trash-o", action: Share.deleteShareNotebook }
+			], 
+			onShow: applyrule,
+			onContextMenu: beforeContextMenu,
+			
+			parent: "#shareNotebooks .folderBody",
+			children: "li a",
+	};
+	function applyrule(menu) {
+		return;
+	}
+	// 默认共享不能删除
+	function beforeContextMenu() {
+		var notebookId = $(this).attr("notebookId");
+		return !Share.isDefaultNotebookId(notebookId);
+	}
+	
+	$("#shareNotebooks").contextmenu(shareNotebookMenu);
+	
+	//---------------------------
+	// contextmenu shareNotebooks
+	// 删除某用户所有的
+	var shareUserMenu = {
+			width: 150, 
+			items: [
+				{ text: "删除所有共享", icon: "", faIcon: "fa-trash-o", action: Share.deleteUserShareNoteAndNotebook }
+			],
+			parent: "#shareNotebooks",
+			children: ".folderHeader",
+	};
+	
+	$("#shareNotebooks").contextmenu(shareUserMenu);
+	
+	//---------------------------
+	// 新建笔记
+	// 1. 直接点击新建 OR
+	// 2. 点击nav for new note
+	$("#newSharedNoteBtn").click(function() {
+		var notebookId = $("#curNotebookForNewSharedNote").attr('notebookId');
+		var userId = $("#curNotebookForNewSharedNote").attr('userId');
+		Note.newNote(notebookId, true, userId);
+	});
+	$("#newShareNoteMarkdownBtn").click(function() {
+		var notebookId = $("#curNotebookForNewSharedNote").attr('notebookId');
+		var userId = $("#curNotebookForNewSharedNote").attr('userId');
+		Note.newNote(notebookId, true, userId, true);
+	});
+	$("#notebookNavForNewSharedNote").on("click", "li div", function() {
+		var notebookId = $(this).parent().attr("notebookId");
+		var userId = $(this).parent().attr("userId");
+		
+		if($(this).text() == "Markdown") {
+			Note.newNote(notebookId, true, userId, true);
+		} else {
+			Note.newNote(notebookId, true, userId);
+		}
+	});
+	
+	//------------------
+	Share.initContextmenu();
+	
+	//------------------
+	// 添加共享
+	$("#leanoteDialogRemote").on("click", ".change-perm", function() {
+		var self = this;
+		var perm = $(this).attr("perm");
+		var noteOrNotebookId = $(this).attr("noteOrNotebookId");
+		var toUserId = $(this).attr("toUserId");
+		var toHtml = "可编辑";
+		var toPerm = "1";
+		if(perm == "1") {
+			toHtml = "只读";
+			toPerm = "0";
+		}
+		var url = "/share/UpdateShareNotebookPerm";
+		var param = {perm: toPerm, toUserId: toUserId};
+		if(Share.dialogIsNote) {
+			url = "/share/UpdateShareNotePerm";
+			param.noteId = noteOrNotebookId;
+		} else {
+			param.notebookId = noteOrNotebookId;
+		}
+		ajaxGet(url, param, function(ret) {
+			if(ret) {
+				$(self).html(toHtml);
+				$(self).attr("perm", toPerm);
+			}
+		});
+	});
+	
+	$("#leanoteDialogRemote").on("click", ".delete-share", function() {
+		var self = this;
+		var noteOrNotebookId = $(this).attr("noteOrNotebookId");
+		var toUserId = $(this).attr("toUserId");
+		
+		var url = "/share/DeleteShareNotebook";
+		var param = {toUserId: toUserId};
+		if(Share.dialogIsNote) {
+			url = "/share/DeleteShareNote";
+			param.noteId = noteOrNotebookId;
+		} else {
+			param.notebookId = noteOrNotebookId;
+		}	
+		
+		ajaxGet(url, param, function(ret) {
+			if(ret) {
+				$(self).parent().parent().remove();
+			}
+		});
+	});
+	
+	// 添加共享
+	var seq = 1;
+	$("#leanoteDialogRemote").on("click", "#addShareNotebookBtn", function() {
+		seq++;
+		var tpl = '<tr id="tr' + seq + '"><td>#</td><td><input id="friendsEmail" type="text" class="form-control" style="width: 200px" placeholder="好友邮箱"/></td>';
+		tpl += '<td><label for="readPerm' + seq + '"><input type="radio" name="perm' + seq + '" checked="checked" value="0" id="readPerm' + seq + '"> 只读</label>';
+		tpl += ' <label for="writePerm' + seq + '"><input type="radio" name="perm' + seq + '" value="1" id="writePerm' + seq + '"> 可编辑</label></td>';
+		tpl += '<td><button class="btn btn-success" onclick="addShareNoteOrNotebook(' + seq + ')">分享</button>';
+		tpl += ' <button class="btn btn-warning" onclick="deleteShareNoteOrNotebook(' + seq + ')">删除</button>';
+		tpl += "</td></tr>";
+		$("#shareNotebookTable tbody").prepend(tpl);
+		
+		$("#tr" + seq + " #friendsEmail").focus();
+	});
+	
+	//-------------------
+	// 发送邀请邮件
+	$("#registerEmailBtn").click(function() {
+		var content = $("#emailContent").val();
+		var toEmail = $("#toEmail").val();
+		if(!content) {
+			showAlert("#registerEmailMsg", "邮件内容不能为空", "danger");
+			return;
+		}
+		post("/user/sendRegisterEmail", {content: content, toEmail: toEmail}, function(ret) {
+			showAlert("#registerEmailMsg", "发送成功!", "success");
+			hideDialog2("#sendRegisterEmailDialog", 1000);
+		}, this);
+	});
+});
+
+// trSeq 1,2,3...
+function addShareNoteOrNotebook(trSeq) {
+	var trId = "#tr" + trSeq;
+	var id = Share.dialogNoteOrNotebookId;
+	
+	var emails = isEmailFromInput(trId + " #friendsEmail", "#shareMsg", "请输入好友邮箱");
+	if(!emails) {
+		return;
+	}
+	var shareNotePerm = $(trId + ' input[name="perm' + trSeq + '"]:checked').val() || 0;
+	var perm = shareNotePerm;
+	// emails = emails.split(";");
+	var url = "share/addShareNote";
+	var data = {noteId: id, emails: [emails], perm: shareNotePerm};
+	if(!Share.dialogIsNote) {
+		url = "share/addShareNotebook";
+		data = {notebookId: id, emails: [emails], perm: shareNotePerm};
+	}
+	hideAlert("#shareMsg");
+	post(url, data, function(ret) {
+		var ret = ret[emails];
+		if(ret) {
+			// 成功
+			// 成功了则去掉输入框
+			if(ret.Ok) {
+				var tpl = t('<td>?</td>', '#');
+				tpl += t('<td>?</td>', emails);
+				tpl += t('<td><a href="#" noteOrNotebookId="?" perm="?" toUserId="?" title="点击改变权限" class="btn btn-default change-perm">?</a></td>', id, perm, ret.Id, !perm || perm == '0' ? "只读" : "可编辑");
+				tpl += t('<td><a href="#" noteOrNotebookId="?" toUserId="?" class="btn btn-warning delete-share">删除</a></td>', id, ret.Id);
+				$(trId).html(tpl);
+			} else {
+				var shareUrl = 'http://leanote/register?from=' + UserInfo.Username;
+				showAlert("#shareMsg", "该用户还没有注册, 复制邀请链接发送给Ta一起来体验leanote, 邀请链接: " + shareUrl + ' <a id="shareCopy"  data-clipboard-target="copyDiv">点击复制</a> <span id="copyStatus"></span> <br /> 或者发送邀请邮件给Ta, <a href="#" onclick="sendRegisterEmail(\'' + emails + '\')">点击发送', "warning");
+				$("#copyDiv").text(shareUrl);
+				initCopy("shareCopy", function(args) {
+					if(args.text) {
+						showMsg2("#copyStatus", "复制成功", 1000);
+					} else {
+						showMsg2("#copyStatus", "对不起, 复制失败, 请自行复制", 1000);
+					}
+				});
+			}
+		}
+	}, trId + " .btn-success");
+}
+
+// 发送邀请邮件
+function sendRegisterEmail(email) {
+	showDialog2("#sendRegisterEmailDialog", {postShow: function() {
+		$("#emailContent").val("Hi, 我是" + UserInfo.Username + ", leanote非常好用, 快来注册吧!");
+		setTimeout(function() {
+			$("#emailContent").focus();
+		}, 500);
+		$("#toEmail").val(email);
+	}});
+}
+
+function deleteShareNoteOrNotebook(trSeq) {
+	$("#tr" + trSeq).remove();	
+}

public/js/app/tag-min.js

@@ -0,0 +1 @@
+Tag.classes={"蓝色":"label label-blue","红色":"label label-red","绿色":"label label-green","黄色":"label label-yellow",blue:"label label-blue",red:"label label-red",green:"label label-green",yellow:"label label-yellow"};Tag.mapCn2En={"蓝色":"blue","红色":"red","绿色":"green","黄色":"yellow"};Tag.mapEn2Cn={blue:"蓝色",red:"红色",green:"绿色",yellow:"黄色"};Tag.t=$("#tags");Tag.getTags=function(){var tags=[];Tag.t.children().each(function(){var text=$(this).text();text=text.substring(0,text.length-1);text=Tag.mapCn2En[text]||text;tags.push(text)});return tags};Tag.clearTags=function(){Tag.t.html("")};Tag.renderTags=function(tags){Tag.t.html("");if(isEmpty(tags)){return}for(var i=0;i<tags.length;++i){var tag=tags[i];Tag.appendTag(tag)}};function revertTagStatus(){$("#addTagTrigger").show();$("#addTagInput").hide()}function hideTagList(event){$("#tagDropdown").removeClass("open");if(event){event.stopPropagation()}}function showTagList(event){$("#tagDropdown").addClass("open");if(event){event.stopPropagation()}}Tag.renderReadOnlyTags=function(tags){$("#noteReadTags").html("");if(isEmpty(tags)){$("#noteReadTags").html("无标签")}var i=true;function getNextDefaultClasses(){if(i){return"label label-default";i=false}else{i=true;return"label label-info"}}for(var i in tags){var text=tags[i];text=Tag.mapEn2Cn[text]||text;var classes=Tag.classes[text];if(!classes){classes=getNextDefaultClasses()}tag=t('<span class="?">?</span>',classes,text);$("#noteReadTags").append(tag)}};Tag.appendTag=function(tag){var isColor=false;var classes,text;if(typeof tag=="object"){classes=tag.classes;text=tag.text;if(!text){return}}else{tag=$.trim(tag);text=tag;if(!text){return}var classes=Tag.classes[text];if(classes){isColor=true}else{classes="label label-default"}}text=Tag.mapEn2Cn[text]||text;tag=t('<span class="?">?<i title="删除">X</i></span>',classes,text);$("#tags").children().each(function(){if(isColor){var tagHtml=$("<div></div>").append($(this).clone()).html();if(tagHtml==tag){$(this).remove()}}else if(text+"X"==$(this).text()){$(this).remove()}});$("#tags").append(tag);hideTagList();if(!isColor){reRenderTags()}};function reRenderTags(){var defautClasses=["label label-default","label label-info"];var i=0;$("#tags").children().each(function(){var thisClasses=$(this).attr("class");if(thisClasses=="label label-default"||thisClasses=="label label-info"){$(this).removeClass(thisClasses).addClass(defautClasses[i%2]);i++}})}Tag.renderTagNav=function(tags){tags=tags||[];for(var i in tags){var tag=tags[i];if(tag=="red"||tag=="blue"||tag=="yellow"||tag=="green"){continue}var text=Tag.mapEn2Cn[tag]||tag;var classes=Tag.classes[tag]||"label label-default";$("#tagNav").append(t('<li><a> <span class="?">?</span></li>',classes,text))}};$(function(){$("#addTagTrigger").click(function(){$(this).hide();$("#addTagInput").show().focus().val("")});$("#addTagInput").click(function(event){showTagList(event)});$("#addTagInput").blur(function(){var val=$(this).val();if(val){Tag.appendTag(val,true)}return;$("#addTagTrigger").show();$("#addTagInput").hide()});$("#addTagInput").keydown(function(e){if(e.keyCode==13){hideTagList();if($("#addTagInput").val()){$(this).trigger("blur");$("#addTagTrigger").trigger("click")}else{$(this).trigger("blur")}}});$("#tagColor li").click(function(event){var a;if($(this).attr("role")){a=$(this).find("span")}else{a=$(this)}Tag.appendTag({classes:a.attr("class"),text:a.text()})});$("#tags").on("click","i",function(){$(this).parent().remove();reRenderTags()});function searchTag(){var tag=$.trim($(this).text());tag=Tag.mapCn2En[tag]||tag;Note.curChangedSaveIt();Note.clearAll();$("#tagSearch").html($(this).html()).show();showLoading();ajaxGet("/note/searchNoteByTags",{tags:[tag]},function(notes){hideLoading();if(notes){Note.renderNotes(notes);if(!isEmpty(notes)){Note.changeNote(notes[0].NoteId)}}})}$("#myTag .folderBody").on("click","li",searchTag);$("#minTagNav").on("click","li",searchTag)});

public/js/app/tag.js

@@ -0,0 +1,299 @@
+// Tag
+
+// 蓝色, 红色怎么存到数据库中? 直接存蓝色
+
+Tag.classes = {
+	"蓝色": "label label-blue",
+	"红色": "label label-red",
+	"绿色": "label label-green",
+	"黄色": "label label-yellow",
+	"blue": "label label-blue",
+	"red": "label label-red",
+	"green": "label label-green",
+	"yellow": "label label-yellow"
+}
+
+// 数据库中统一存En
+Tag.mapCn2En = {
+	"蓝色": "blue",
+	"红色": "red",
+	"绿色": "green",
+	"黄色": "yellow",
+
+}
+Tag.mapEn2Cn = {
+	"blue": "蓝色",
+	"red": "红色",
+	"green": "绿色",
+	"yellow": "黄色",
+}
+
+Tag.t = $("#tags");
+
+// called by Note
+Tag.getTags = function() {
+	var tags = [];
+	Tag.t.children().each(function(){
+		var text = $(this).text();
+		text = text.substring(0, text.length - 1); // 把X去掉
+		text = Tag.mapCn2En[text] || text;
+		tags.push(text);
+	});
+	// 需要去重吗? 正常情况下不会重复
+	return tags;
+}
+
+// called by Note
+Tag.clearTags = function() {
+	Tag.t.html("");
+}
+
+// 设置tags
+// called by Note
+Tag.renderTags = function(tags) {
+	Tag.t.html("");
+	if(isEmpty(tags)) {
+		return;
+	}
+	// TODO 重构, 这样不高效
+	for(var i = 0; i < tags.length; ++i) {
+		var tag = tags[i];
+		Tag.appendTag(tag);
+	}
+}
+
+// tag最初状态
+function revertTagStatus() {
+	$("#addTagTrigger").show();
+	$("#addTagInput").hide();
+	// hideTagList();
+}
+
+function hideTagList(event) {
+	$("#tagDropdown").removeClass("open");
+	if (event) {
+		event.stopPropagation()
+	}
+}
+function showTagList(event) {
+	$("#tagDropdown").addClass("open");
+	if (event) {
+		event.stopPropagation()
+	}
+}
+
+// 只读模式下显示tags
+// called by Note
+Tag.renderReadOnlyTags = function(tags) {
+	// 先清空
+	$("#noteReadTags").html("");
+	if(isEmpty(tags)) {
+		$("#noteReadTags").html("无标签");
+	}
+	
+	var i = true;
+	function getNextDefaultClasses() {
+		if (i) {
+			return "label label-default";
+			i = false
+		} else {
+			i = true;
+			return "label label-info";
+		}
+	}
+	
+	for(var i in tags) {
+		var text = tags[i];
+		text = Tag.mapEn2Cn[text] || text;
+		var classes = Tag.classes[text];
+		if(!classes) {
+			classes = getNextDefaultClasses();
+		}
+		tag = t('<span class="?">?</span>', classes, text);
+		
+		$("#noteReadTags").append(tag);
+	}
+}
+
+// 添加tag
+// tag = {classes:"label label-red", text:"红色"}
+// tag = life
+Tag.appendTag = function(tag) {
+	var isColor = false;
+	var classes, text;
+	
+	if (typeof tag == "object") {
+		classes = tag.classes;
+		text = tag.text;
+		if(!text) {
+			return;
+		}
+	} else {
+		tag = $.trim(tag);
+		text = tag;
+		if(!text) {
+			return;
+		}
+		var classes = Tag.classes[text];
+		if(classes) {
+			isColor = true;
+		} else {
+			classes = "label label-default";
+		}
+	}
+	
+	text = Tag.mapEn2Cn[text] || text;
+	tag = t('<span class="?">?<i title="删除">X</i></span>', classes, text);
+
+	// 避免重复
+	$("#tags").children().each(function() {
+		if (isColor) {
+			var tagHtml = $("<div></div>").append($(this).clone()).html();
+			if (tagHtml == tag) {
+				$(this).remove();
+			}
+		} else if (text + "X" == $(this).text()) {
+			$(this).remove();
+		}
+	});
+
+	$("#tags").append(tag);
+
+	hideTagList();
+
+	if (!isColor) {
+		reRenderTags();
+	}
+}
+
+// 为了颜色间隔, add, delete时调用
+function reRenderTags() {
+	var defautClasses = [ "label label-default", "label label-info" ];
+	var i = 0;
+	$("#tags").children().each(
+		function() {
+			var thisClasses = $(this).attr("class");
+			if (thisClasses == "label label-default"
+					|| thisClasses == "label label-info") {
+				$(this).removeClass(thisClasses).addClass(
+						defautClasses[i % 2]);
+				i++;
+			}
+		});
+}
+
+//-----------
+// 左侧nav en -> cn
+Tag.renderTagNav = function(tags) {
+	tags = tags || [];
+	for(var i in tags) {
+		var tag = tags[i];
+		if(tag == "red" || tag == "blue" || tag == "yellow" || tag == "green") {
+			continue;
+		}
+		var text = Tag.mapEn2Cn[tag] || tag;
+		var classes = Tag.classes[tag] || "label label-default";
+		$("#tagNav").append(t('<li><a> <span class="?">?</span></li>', classes, text));
+	}
+}
+
+
+// 事件
+$(function() {
+	// tag
+	$("#addTagTrigger").click(function() {
+		$(this).hide();
+		$("#addTagInput").show().focus().val("");
+	});
+	
+	$("#addTagInput").click(function(event) {
+		showTagList(event);
+	});
+	
+	$("#addTagInput").blur(function() {
+		var val = $(this).val();
+		if(val) {
+			Tag.appendTag(val, true);
+		}
+		return;
+		// 下面不能有, 有就有问题
+		$("#addTagTrigger").show();
+		$("#addTagInput").hide();
+		// revertTagStatus();
+	});
+	$('#addTagInput').keydown(function(e) {
+		if (e.keyCode == 13) {
+			hideTagList();
+			// 如果有值, 再生成, 没值直接隐藏
+			if ($("#addTagInput").val()) {
+				$(this).trigger("blur");
+				$("#addTagTrigger").trigger("click");
+			} else {
+				$(this).trigger("blur");
+			}
+		}
+	});
+	// 点击下拉时也会触发input的blur事件
+	$("#tagColor li").click(function(event) {
+		var a;
+		if($(this).attr("role")) {
+			a = $(this).find("span");
+		} else {
+			a = $(this);
+		}
+		Tag.appendTag({
+			classes : a.attr("class"),
+			text : a.text()
+		});
+	});
+	// 这是个问题, 为什么? 捕获不了事件?, input的blur造成
+	/*
+	$(".label").click(function(event) {
+		var a = $(this);
+		Tag.appendTag({
+			classes : a.attr("class"),
+			text : a.text()
+		});
+		// event.stopPropagation();
+	});
+	*/
+	
+	$("#tags").on("click", "i", function() {
+		$(this).parent().remove();
+		reRenderTags();
+	});
+	
+	//-------------
+	// nav 标签搜索
+	function searchTag() {
+		var tag = $.trim($(this).text());
+		tag = Tag.mapCn2En[tag] || tag;
+		
+		// 学习changeNotebook
+		
+		// 1
+		Note.curChangedSaveIt();
+		
+		// 2 先清空所有
+		// 也会把curNoteId清空
+		Note.clearAll();
+		
+		$("#tagSearch").html($(this).html()).show();
+		showLoading();
+		ajaxGet("/note/searchNoteByTags", {tags: [tag]}, function(notes) {
+			hideLoading();
+			if(notes) {
+				// 和note搜索一样
+				// 设空, 防止发生上述情况
+				// Note.curNoteId = "";
+				
+				Note.renderNotes(notes);
+				if(!isEmpty(notes)) {
+					Note.changeNote(notes[0].NoteId);
+				}
+			}
+		});
+	}
+	$("#myTag .folderBody").on("click", "li", searchTag);
+	$("#minTagNav").on("click", "li", searchTag);
+});