2537 lines
62 KiB
JavaScript
2537 lines
62 KiB
JavaScript
// 1. notebook change
|
|
// notebook一改变, 当前的肯定要保存, ajax是异步的. 此时先清空所有note信息. -> 得到该notebook的notes, 显示出来, 并选中第一个!
|
|
// 在这期间定时器还会保存, curNoteId还没换, 所以会清空curNoteId的content!!!
|
|
|
|
// 2. note change, save cur, 立即curNoteId = ""!!
|
|
|
|
// 3. 什么时候设置curNoteId? 是ajax得到内容之后设置
|
|
|
|
// note
|
|
Note.curNoteId = '';
|
|
|
|
Note.interval = ""; // 定时器
|
|
|
|
Note.itemIsBlog = '<div class="item-blog"><i class="fa fa-bold" title="blog"></i></div><div class="item-setting"><i class="fa fa-cog" title="setting"></i></div>';
|
|
// for render
|
|
Note.itemTplNoImg = '<li href="#" class="item ?" data-seq="?" noteId="?">'
|
|
Note.itemTplNoImg += Note.itemIsBlog +'<div class="item-desc"><p class="item-title">?</p><p class="item-info"><i class="fa fa-book"></i> <span class="note-notebook">?</span> <i class="fa fa-clock-o"></i> <span class="updated-time">?</span></p><p class="desc">?</p></div></li>';
|
|
|
|
// 有image
|
|
Note.itemTpl = '<li href="#" class="item ? item-image" data-seq="?" noteId="?"><div class="item-thumb" style=""><img src="?"/></div>'
|
|
Note.itemTpl +=Note.itemIsBlog + '<div class="item-desc" style=""><p class="item-title">?</p><p class="item-info"><i class="fa fa-book"></i> <span class="note-notebook">?</span> <i class="fa fa-clock-o"></i> <span class="updated-time">?</span></p><p class="desc">?</p></div></li>';
|
|
|
|
// for new
|
|
Note.newItemTpl = '<li href="#" class="item item-active ?" data-seq="?" fromUserId="?" noteId="?">'
|
|
Note.newItemTpl += Note.itemIsBlog + '<div class="item-desc" style="right: 0px;"><p class="item-title">?</p><p class="item-info"><i class="fa fa-book"></i> <span class="note-notebook">?</span> <i class="fa fa-clock-o"></i> <span class="updated-time">?</span></p><p class="desc">?</p></div></li>';
|
|
|
|
Note.noteItemListO = $("#noteItemList");
|
|
|
|
// notbeookId => {"updatedTime" => [noteId1, noteId2], "title" => [noteId1, noteId2...]} 排序方式分组
|
|
// 一旦某notebook改变了就清空, 重新排序之. (用js排)
|
|
Note.cacheByNotebookId = {all: {}};
|
|
Note.notebookIds = {}; // notebookId => true
|
|
|
|
Note.isReadOnly = false;
|
|
// 定时保存信息
|
|
Note.intervalTime = 600 * 000; // 600s, 10mins
|
|
Note.intervalTime = 10 * 1000; // 10s
|
|
Note.startInterval = function() {
|
|
clearInterval(Note.interval);
|
|
Note.interval = setInterval(function() {
|
|
log("自动保存开始...");
|
|
Note.curChangedSaveIt();
|
|
}, Note.intervalTime); // 600s, 10mins
|
|
};
|
|
// 停止, 当切换note时
|
|
// 但过5000后自动启动
|
|
Note.stopInterval = function() {
|
|
clearInterval(Note.interval);
|
|
setTimeout(function() {
|
|
Note.startInterval();
|
|
}, Note.intervalTime);
|
|
};
|
|
|
|
// note = {NoteId, Desc, UserId,...}
|
|
Note.addNoteCache = function(note) {
|
|
Note.cache[note.NoteId] = note;
|
|
Note.clearCacheByNotebookId(note.NotebookId);
|
|
}
|
|
// content = {NoteId:, Content:}
|
|
// 还可以设置其它的值
|
|
Note.setNoteCache = function(content, clear) {
|
|
if(!Note.cache[content.NoteId]) {
|
|
Note.cache[content.NoteId] = content;
|
|
} else {
|
|
// console.log('pre');
|
|
// console.log(Note.cache[content.NoteId].IsBlog);
|
|
$.extend(Note.cache[content.NoteId], content);
|
|
// console.log(Note.cache[content.NoteId].IsBlog);
|
|
}
|
|
|
|
if(clear == undefined) {
|
|
clear = true;
|
|
}
|
|
if(clear) {
|
|
Note.clearCacheByNotebookId(content.NotebookId);
|
|
}
|
|
}
|
|
|
|
Note.setCurNoteId = function (noteId) {
|
|
this.curNoteId = noteId;
|
|
};
|
|
Note.clearCurNoteId = function () {
|
|
this.curNoteId = null;
|
|
};
|
|
|
|
// 得到当前的笔记
|
|
Note.getCurNote = function() {
|
|
var self = this;
|
|
if(self.curNoteId == "") {
|
|
return null;
|
|
}
|
|
return self.cache[self.curNoteId];
|
|
}
|
|
Note.getNote = function(noteId) {
|
|
var self = this;
|
|
return self.cache[noteId];
|
|
};
|
|
|
|
// 每当有notebookId相应的note改变时都要重新清空之
|
|
// 并设置该notebookId有值
|
|
Note.clearCacheByNotebookId = function(notebookId) {
|
|
if(notebookId) {
|
|
Note.cacheByNotebookId[notebookId] = {};
|
|
Note.cacheByNotebookId["all"] = {};
|
|
Note.notebookIds[notebookId] = true;
|
|
}
|
|
};
|
|
|
|
// notebook是否有notes
|
|
// called by Notebook
|
|
Note.notebookHasNotes = function(notebookId) {
|
|
var notes = Note.getNotesByNotebookId(notebookId);
|
|
return !isEmpty(notes);
|
|
};
|
|
|
|
// 得到notebook下的notes, 按什么排序 updatedTime?
|
|
Note.getNotesByNotebookId = function(notebookId, sortBy, isAsc) {
|
|
if(!sortBy) {
|
|
sortBy = "UpdatedTime";
|
|
}
|
|
if(isAsc == "undefined") {
|
|
isAsc = false; // 默认是降序
|
|
}
|
|
|
|
if(!notebookId) {
|
|
notebookId = "all";
|
|
}
|
|
|
|
if(!Note.cacheByNotebookId[notebookId]) {
|
|
return [];
|
|
}
|
|
|
|
if(Note.cacheByNotebookId[notebookId][sortBy]) {
|
|
return Note.cacheByNotebookId[notebookId][sortBy];
|
|
} else {
|
|
}
|
|
|
|
// 从所有的notes中找到notebookId的, 并排序之
|
|
var notes = [];
|
|
var sortBys = [];
|
|
for(var i in Note.cache) {
|
|
if(!i) {
|
|
continue;
|
|
}
|
|
var note = Note.cache[i];
|
|
// 不要trash的not, 共享的也不要
|
|
if(note.IsTrash || note.IsShared) {
|
|
continue;
|
|
}
|
|
if(notebookId == "all" || note.NotebookId == notebookId) {
|
|
notes.push(note);
|
|
}
|
|
}
|
|
// 排序之
|
|
notes.sort(function(a, b) {
|
|
var t1 = a[sortBy];
|
|
var t2 = b[sortBy];
|
|
|
|
if(isAsc) {
|
|
if(t1 < t2) {
|
|
return -1;
|
|
} else if (t1 > t2) {
|
|
return 1;
|
|
}
|
|
} else {
|
|
if(t1 < t2) {
|
|
return 1;
|
|
} else if (t1 > t2) {
|
|
return -1;
|
|
}
|
|
}
|
|
return 0;
|
|
});
|
|
|
|
// 缓存之
|
|
Note.cacheByNotebookId[notebookId][sortBy] = notes;
|
|
return notes;
|
|
};
|
|
|
|
// called by Notebook
|
|
// render 所有notes, 和第一个note的content
|
|
Note.renderNotesAndFirstOneContent = function(ret) {
|
|
// 错误的ret是一个Object
|
|
if(!isArray(ret)) {
|
|
return;
|
|
}
|
|
|
|
// note 导航
|
|
Note.renderNotes(ret);
|
|
// 渲染第一个
|
|
if(!isEmpty(ret[0])) {
|
|
Note.changeNoteForPjax(ret[0].NoteId, true, false);
|
|
} else {
|
|
}
|
|
}
|
|
|
|
// 当前的note是否改变过了?
|
|
// 返回已改变的信息
|
|
//
|
|
// isDirty()不好判断, 因为富文本编辑器下用快捷键, 插入图片的问题
|
|
// 所以不用isDirty()
|
|
// 只用Note.readOnly, 如果Note.readOnly, 那么不判断内容
|
|
//
|
|
Note.curHasChanged = function(force) {
|
|
var cacheNote = Note.getCurNote();
|
|
if (!cacheNote) {
|
|
return false;
|
|
}
|
|
|
|
// 收集当前信息, 与cache比对
|
|
var title = $('#noteTitle').val();
|
|
var tags = Tag.getTags();
|
|
|
|
var hasChanged = {
|
|
hasChanged: false, // 总的是否有改变
|
|
IsNew: cacheNote.IsNew, // 是否是新添加的
|
|
IsMarkdown: cacheNote.IsMarkdown, // 是否是markdown笔记
|
|
FromUserId: cacheNote.FromUserId, // 是否是共享新建的
|
|
NoteId: cacheNote.NoteId,
|
|
NotebookId: cacheNote.NotebookId
|
|
};
|
|
|
|
if (cacheNote.IsNew) {
|
|
hasChanged.hasChanged = true;
|
|
}
|
|
|
|
if(cacheNote.Title != title) {
|
|
hasChanged.hasChanged = true; // 本页使用用小写
|
|
hasChanged.Title = title; // 要传到后台的用大写
|
|
}
|
|
|
|
if(!arrayEqual(cacheNote.Tags, tags)) {
|
|
hasChanged.hasChanged = true;
|
|
hasChanged.Tags = tags.join(","); // 为什么? 因为空数组不会传到后台
|
|
}
|
|
|
|
// 是否需要检查内容呢?
|
|
|
|
var needCheckContent = false;
|
|
if (cacheNote.IsNew || force || !Note.readOnly) {
|
|
needCheckContent = true;
|
|
}
|
|
|
|
// 标题, 标签, 内容都没改变
|
|
if (!hasChanged.hasChanged && !needCheckContent) {
|
|
return false;
|
|
}
|
|
|
|
if (!needCheckContent) {
|
|
return hasChanged;
|
|
}
|
|
|
|
//===========
|
|
// 内容的比较
|
|
|
|
// 如果是markdown返回[content, preview]
|
|
var contents = getEditorContent(cacheNote.IsMarkdown);
|
|
var content, preview;
|
|
if (isArray(contents)) {
|
|
content = contents[0];
|
|
preview = contents[1];
|
|
// preview可能没来得到及解析
|
|
if (content && previewIsEmpty(preview) && Converter) {
|
|
preview = Converter.makeHtml(content);
|
|
}
|
|
if(!content) {
|
|
preview = "";
|
|
}
|
|
cacheNote.Preview = preview; // 仅仅缓存在前台
|
|
} else {
|
|
content = contents;
|
|
}
|
|
|
|
// 比较text, 因为note Nav会添加dom会导致content改变
|
|
/*
|
|
if((force && cacheNote.Content != content)
|
|
|| (!force && (
|
|
(!cacheNote.IsMarkdown && $(cacheNote.Content).text() != contentText)
|
|
|| (cacheNote.IsMarkdown && cacheNote.Content != contentText)
|
|
)
|
|
)
|
|
) {
|
|
*/
|
|
if (cacheNote.Content != content) {
|
|
hasChanged.hasChanged = true;
|
|
hasChanged.Content = content;
|
|
|
|
// 从html中得到...
|
|
var c = preview || content;
|
|
|
|
// 不是博客或没有自定义设置的
|
|
if(!cacheNote.HasSelfDefined || !cacheNote.IsBlog) {
|
|
hasChanged.Desc = Note.genDesc(c);
|
|
hasChanged.ImgSrc = Note.getImgSrc(c);
|
|
hasChanged.Abstract = Note.genAbstract(c);
|
|
}
|
|
} else {
|
|
log("text相同");
|
|
}
|
|
|
|
if (hasChanged.hasChanged) {
|
|
return hasChanged;
|
|
}
|
|
return false;
|
|
};
|
|
|
|
// 由content生成desc
|
|
// 换行不要替换
|
|
Note.genDesc = function(content) {
|
|
if(!content) {
|
|
return "";
|
|
}
|
|
|
|
// 将</div>, </p>替换成\n
|
|
/*
|
|
var token = "ALEALE";
|
|
content = content.replace(/<\/p>/g, token);
|
|
content = content.replace(/<\/div>/g, token);
|
|
content = content.replace(/<\/?.+?>/g," ");
|
|
|
|
pattern = new RegExp(token, "g");
|
|
content = content.replace(pattern, "<br />");
|
|
content = content.replace(/<br \/>( *)<br \/>/g, "<br />"); // 两个<br />之间可能有空白
|
|
content = content.replace(/<br \/>( *)<br \/>/g, "<br />");
|
|
|
|
// 去掉最开始的<br />或<p />
|
|
content = trimLeft(content, " ");
|
|
content = trimLeft(content, "<br />");
|
|
content = trimLeft(content, "</p>");
|
|
content = trimLeft(content, "</div>");
|
|
*/
|
|
|
|
// 留空格
|
|
content = content.replace(/<br \/>/g," <br />");
|
|
content = content.replace(/<\/p>/g," </p>");
|
|
content = content.replace(/<\/div>/g," </div>");
|
|
|
|
// 避免其它的<img 之类的不完全
|
|
content = $("<div></div>").html(content).text();
|
|
|
|
|
|
// pre下text()会将< => < > => >
|
|
content = content.replace(/</g, "<");
|
|
content = content.replace(/>/g, ">");
|
|
|
|
if(content.length < 300) {
|
|
return content;
|
|
}
|
|
return content.substring(0, 300);
|
|
}
|
|
|
|
// 得到摘要
|
|
Note.genAbstract = function(content, len) {
|
|
if(!content) {
|
|
return "";
|
|
}
|
|
if(len == undefined) {
|
|
len = 1000;
|
|
}
|
|
if(content.length < len) {
|
|
return content;
|
|
}
|
|
var isCode = false;
|
|
var isHTML = false;
|
|
var n = 0;
|
|
var result = "";
|
|
var maxLen = len;
|
|
for(var i = 0; i < content.length; ++i) {
|
|
var temp = content[i]
|
|
if (temp == '<') {
|
|
isCode = true
|
|
} else if (temp == '&') {
|
|
isHTML = true
|
|
} else if (temp == '>' && isCode) {
|
|
n = n - 1
|
|
isCode = false
|
|
} else if (temp == ';' && isHTML) {
|
|
isHTML = false
|
|
}
|
|
if (!isCode && !isHTML) {
|
|
n = n + 1
|
|
}
|
|
result += temp
|
|
if (n >= maxLen) {
|
|
break
|
|
}
|
|
}
|
|
|
|
var d = document.createElement("div");
|
|
d.innerHTML = result
|
|
return d.innerHTML;
|
|
}
|
|
|
|
Note.getImgSrc = function(content) {
|
|
if(!content) {
|
|
return "";
|
|
}
|
|
var imgs = $(content).find("img");
|
|
for(var i in imgs) {
|
|
var src = imgs.eq(i).attr("src");
|
|
if(src) {
|
|
return src;
|
|
}
|
|
}
|
|
return "";
|
|
}
|
|
|
|
// 如果当前的改变了, 就保存它
|
|
// 以后要定时调用
|
|
// force , 默认是true, 表强校验内容
|
|
// 定时保存传false
|
|
Note.saveInProcess = {}; // noteId => bool, true表示该note正在保存到服务器, 服务器未响应
|
|
Note.savePool = {}; // 保存池, 以后的保存先放在pool中, id => note
|
|
Note.curChangedSaveIt = function(force, callback) {
|
|
var me = this;
|
|
// 如果当前没有笔记, 不保存
|
|
// 或者是共享的只读笔记
|
|
if(!Note.curNoteId || Note.isReadOnly) {
|
|
// log(!Note.curNoteId ? '无当前笔记' : '共享只读');
|
|
return;
|
|
}
|
|
var hasChanged;
|
|
try {
|
|
hasChanged = Note.curHasChanged(force);
|
|
} catch(e) {
|
|
// console.error('获取当前改变的笔记错误!');
|
|
callback && callback(false);
|
|
return;
|
|
}
|
|
|
|
if(hasChanged && hasChanged.hasChanged) {
|
|
log('需要保存...');
|
|
// 把已改变的渲染到左边 item-list
|
|
Note.renderChangedNote(hasChanged);
|
|
delete hasChanged.hasChanged;
|
|
|
|
// 表示有未完成的保存
|
|
/*
|
|
if(me.saveInProcess[hasChanged.NoteId]) {
|
|
log("in process");
|
|
me.savePool[hasChanged.NoteId] = hasChanged;
|
|
me.startUpdatePoolNoteInterval();
|
|
return;
|
|
}
|
|
*/
|
|
|
|
// 保存之
|
|
showMsg(getMsg("saving"));
|
|
|
|
me.saveInProcess[hasChanged.NoteId] = true;
|
|
|
|
ajaxPost("/note/updateNoteOrContent", hasChanged, function(ret) {
|
|
me.saveInProcess[hasChanged.NoteId] = false;
|
|
if(hasChanged.IsNew) {
|
|
// 缓存之, 后台得到其它信息
|
|
ret.IsNew = false;
|
|
Note.setNoteCache(ret, false);
|
|
|
|
// 新建笔记也要change history
|
|
Pjax.changeNote(ret);
|
|
}
|
|
callback && callback();
|
|
showMsg(getMsg("saveSuccess"), 1000);
|
|
});
|
|
|
|
if(hasChanged['Tags'] != undefined && typeof hasChanged['Tags'] == 'string') {
|
|
hasChanged['Tags'] = hasChanged['Tags'].split(',');
|
|
}
|
|
// 先缓存, 把markdown的preview也缓存起来
|
|
Note.setNoteCache(hasChanged, false);
|
|
// 设置更新时间
|
|
Note.setNoteCache({"NoteId": hasChanged.NoteId, "UpdatedTime": (new Date()).format("yyyy-MM-ddThh:mm:ss.S")}, false);
|
|
|
|
return hasChanged;
|
|
}
|
|
else {
|
|
log('无需保存');
|
|
}
|
|
|
|
return false;
|
|
};
|
|
|
|
// 更新池里的笔记
|
|
Note.updatePoolNote = function() {
|
|
var me = this;
|
|
for(var noteId in me.savePool) {
|
|
if(!noteId) {
|
|
continue;
|
|
}
|
|
// 删除之
|
|
delete me.savePool[noteId];
|
|
var hasChanged = me.savePool[noteId];
|
|
me.saveInProcess[noteId] = true;
|
|
ajaxPost("/note/updateNoteOrContent", hasChanged, function(ret) {
|
|
me.saveInProcess[noteId] = false;
|
|
});
|
|
}
|
|
};
|
|
// 启动保存, 暂不处理
|
|
Note.updatePoolNoteInterval = null;
|
|
Note.startUpdatePoolNoteInterval = function() {
|
|
return;
|
|
var me = this;
|
|
if(me.updatePoolNoteInterval) {
|
|
return;
|
|
}
|
|
me.updatePoolNoteInterval = setTimeout(function() {
|
|
log('update pool');
|
|
me.updatePoolNote();
|
|
}, 1000);
|
|
};
|
|
|
|
// 样式
|
|
Note.clearSelect = function(target) {
|
|
$(".item").removeClass("item-active");
|
|
}
|
|
Note.selectTarget = function(target) {
|
|
this.clearSelect();
|
|
$(target).addClass("item-active");
|
|
|
|
// this.batch.reset();
|
|
}
|
|
|
|
// 改变note
|
|
// 可能改变的是share note
|
|
// 1. 保存之前的note
|
|
// 2. ajax得到现在的note
|
|
Note.showContentLoading = function() {
|
|
$("#noteMaskForLoading").css("z-index", 11);
|
|
};
|
|
Note.hideContentLoading = function() {
|
|
$("#noteMaskForLoading").css("z-index", -1);
|
|
};
|
|
|
|
Note.directToNote = function(noteId) {
|
|
var $p = $("#noteItemList");
|
|
var pHeight = $p.height();
|
|
// 相对于父亲的位置
|
|
var pTop = $("[noteId='" + noteId + "']").position().top;
|
|
var scrollTop = $p.scrollTop();
|
|
pTop += scrollTop;
|
|
/*
|
|
log("..");
|
|
log(noteId);
|
|
log(pTop + ' ' + pHeight + ' ' + scrollTop);
|
|
*/
|
|
|
|
// 当前的可视范围的元素位置是[scrollTop, pHeight + scrollTop]
|
|
if(pTop >= scrollTop && pTop <= pHeight + scrollTop) {
|
|
} else {
|
|
var top = pTop;
|
|
log("定位到特定note, 在可视范围内");
|
|
// 手机不用slimScroll
|
|
if(!LEA.isMobile && !Mobile.isMobile()) {
|
|
$("#noteItemList").scrollTop(top);
|
|
$("#noteItemList").slimScroll({ scrollTo: top + 'px', height: "100%", onlyScrollBar: true});
|
|
} else {
|
|
}
|
|
}
|
|
};
|
|
|
|
// mustPush表示是否将状态push到state中, 默认为true
|
|
// 什么时候为false, 在popstate时
|
|
// needTargetNobook默认为false, 在点击notebook, renderfirst时为false
|
|
Note.changeNoteForPjax = function(noteId, mustPush, needTargetNotebook) {
|
|
var me = this;
|
|
var note = me.getNote(noteId);
|
|
if(!note) {
|
|
return;
|
|
}
|
|
var isShare = note.Perm != undefined;
|
|
if(needTargetNotebook == undefined) {
|
|
needTargetNotebook = true;
|
|
}
|
|
me.changeNote(noteId, isShare, true, function(note) {
|
|
// push state
|
|
if(mustPush == undefined) {
|
|
mustPush = true;
|
|
}
|
|
if(mustPush) {
|
|
Pjax.changeNote(note);
|
|
}
|
|
|
|
// popstate时虽然选中了note, 但位置可能不可见
|
|
if(needTargetNotebook) {
|
|
Note.directToNote(noteId);
|
|
}
|
|
});
|
|
|
|
// 第一次render时定位到第一个笔记的notebook 12.06 life
|
|
// 或通过pop时
|
|
// 什么时候需要? 1. 第一次changeNote, 2. pop时, 只有当点击了notebook后才不要
|
|
|
|
// 这里, 万一是共享笔记呢?
|
|
// 切换到共享中
|
|
if(needTargetNotebook) {
|
|
if(isShare) {
|
|
if($("#myShareNotebooks").hasClass("closed")) {
|
|
$("#myShareNotebooks .folderHeader").trigger("click");
|
|
}
|
|
} else {
|
|
if($("#myNotebooks").hasClass("closed")) {
|
|
$("#myNotebooks .folderHeader").trigger("click");
|
|
}
|
|
}
|
|
// 如果是子笔记本, 那么要展开父笔记本
|
|
Notebook.expandNotebookTo(note.NotebookId);
|
|
}
|
|
};
|
|
|
|
// 点击notebook时调用, 渲染第一个笔记
|
|
Note.contentAjax = null;
|
|
Note.contentAjaxSeq = 1;
|
|
Note.changeNote = function(selectNoteId, isShare, needSaveChanged, callback) {
|
|
var self = this;
|
|
if (!selectNoteId) {
|
|
return;
|
|
}
|
|
|
|
// -1 停止定时器
|
|
Note.stopInterval();
|
|
|
|
// 0
|
|
var target = self.getTargetById(selectNoteId);
|
|
Note.selectTarget(target);
|
|
|
|
// 1 之前的note, 判断是否已改变, 改变了就要保存之
|
|
// 这里, 在搜索的时候总是保存, 搜索的话, 比较快, 肯定没有变化, 就不要执行该操作
|
|
if(needSaveChanged == undefined) {
|
|
needSaveChanged = true;
|
|
}
|
|
if(needSaveChanged) {
|
|
var changedNote = Note.curChangedSaveIt();
|
|
}
|
|
|
|
// 2. 设空, 防止在内容得到之前又发生保存
|
|
Note.clearCurNoteId();
|
|
|
|
// 2 得到现在的
|
|
// ajax之
|
|
var cacheNote = self.getNote(selectNoteId);
|
|
if (!cacheNote) {
|
|
return;
|
|
}
|
|
|
|
// 判断是否是共享notes
|
|
if(!isShare) {
|
|
if(cacheNote.Perm != undefined) {
|
|
isShare = true;
|
|
}
|
|
}
|
|
var hasPerm = !isShare || Share.hasUpdatePerm(selectNoteId); // 不是共享, 或者是共享但有权限
|
|
|
|
// 有权限
|
|
if(hasPerm) {
|
|
Note.hideReadOnly();
|
|
Note.renderNote(cacheNote);
|
|
} else {
|
|
Note.renderNoteReadOnly(cacheNote);
|
|
}
|
|
|
|
// 这里要切换编辑器
|
|
switchEditor(cacheNote.IsMarkdown);
|
|
|
|
// 发送事件
|
|
LEA.trigger('noteChanged', cacheNote);
|
|
|
|
Attach.renderNoteAttachNum(selectNoteId, true);
|
|
|
|
Note.contentAjaxSeq++;
|
|
var seq = Note.contentAjaxSeq;
|
|
|
|
function setContent(ret, seq2) {
|
|
Note.contentAjax = null;
|
|
if(seq2 != Note.contentAjaxSeq) {
|
|
return;
|
|
}
|
|
Note.setNoteCache(ret, false);
|
|
|
|
// 把其它信息也带上
|
|
ret = Note.cache[selectNoteId]
|
|
Note.renderNoteContent(ret);
|
|
|
|
self.hideContentLoading();
|
|
|
|
callback && callback(ret);
|
|
}
|
|
|
|
if(cacheNote.Content) {
|
|
setContent(cacheNote, seq);
|
|
return;
|
|
}
|
|
|
|
var url = "/note/getNoteContent";
|
|
var param = {noteId: selectNoteId};
|
|
if(isShare) {
|
|
url = "/share/getShareNoteContent";
|
|
param.sharedUserId = cacheNote.UserId // 谁的笔记
|
|
}
|
|
|
|
self.showContentLoading();
|
|
if(Note.contentAjax != null) {
|
|
Note.contentAjax.abort();
|
|
}
|
|
Note.contentAjax = ajaxGet(url, param, (function (seq2) {
|
|
return function (ret) {
|
|
// 因为之前Content内的IsBlog和Note的IsBlog不同步, 所以去掉Content中的IsBlog
|
|
delete ret['IsBlog'];
|
|
setContent(ret, seq2);
|
|
}
|
|
})(seq));
|
|
};
|
|
|
|
// 渲染
|
|
|
|
// 更改信息到左侧
|
|
// 定时更改 当前正在编辑的信息到左侧导航
|
|
// 或change select. 之前的note, 已经改变了
|
|
Note.renderChangedNote = function(changedNote) {
|
|
if(!changedNote) {
|
|
return;
|
|
}
|
|
|
|
// 找到左侧相应的note
|
|
var $leftNoteNav = $(tt('[noteId="?"]', changedNote.NoteId));
|
|
if(changedNote.Title) {
|
|
$leftNoteNav.find(".item-title").html(trimTitle(changedNote.Title));
|
|
}
|
|
if(changedNote.Desc) {
|
|
$leftNoteNav.find(".desc").html(changedNote.Desc);
|
|
}
|
|
if(changedNote.ImgSrc) {
|
|
$thumb = $leftNoteNav.find(".item-thumb");
|
|
// 有可能之前没有图片
|
|
if($thumb.length > 0) {
|
|
$thumb.find("img").attr("src", changedNote.ImgSrc);
|
|
} else {
|
|
$leftNoteNav.append(tt('<div class="item-thumb" style=""><img src="?"></div>', changedNote.ImgSrc));
|
|
$leftNoteNav.addClass("item-image");
|
|
}
|
|
$leftNoteNav.find(".item-desc").removeAttr("style");
|
|
} else if(changedNote.ImgSrc == "") {
|
|
$leftNoteNav.find(".item-thumb").remove(); // 以前有, 现在没有了
|
|
$leftNoteNav.removeClass("item-image");
|
|
}
|
|
};
|
|
|
|
// 清空右侧note信息, 可能是共享的,
|
|
// 此时需要清空只读的, 且切换到note edit模式下
|
|
Note.clearNoteInfo = function() {
|
|
Note.clearCurNoteId();
|
|
Tag.clearTags();
|
|
$("#noteTitle").val("");
|
|
setEditorContent("");
|
|
|
|
// markdown editor
|
|
/*
|
|
$("#wmd-input").val("");
|
|
$("#wmd-preview").html("");
|
|
*/
|
|
|
|
// 只隐藏即可
|
|
$("#noteRead").hide();
|
|
};
|
|
|
|
// 清除noteList导航
|
|
Note.clearNoteList = function() {
|
|
Note.noteItemListO.html(""); // 清空
|
|
};
|
|
|
|
// 清空所有, 在转换notebook时使用
|
|
Note.clearAll = function() {
|
|
// 当前的笔记清空掉
|
|
Note.clearCurNoteId();
|
|
|
|
Note.clearNoteInfo();
|
|
Note.clearNoteList();
|
|
};
|
|
|
|
Note.renderNote = function(note) {
|
|
if(!note) {
|
|
return;
|
|
}
|
|
// title
|
|
// 不要trim, 允许用<>
|
|
$("#noteTitle").val(note.Title);
|
|
|
|
// 当前正在编辑的
|
|
// tags
|
|
Tag.renderTags(note.Tags);
|
|
};
|
|
|
|
// render content
|
|
Note.renderNoteContent = function(content) {
|
|
|
|
setEditorContent(content.Content, content.IsMarkdown, content.Preview, function() {
|
|
Note.setCurNoteId(content.NoteId);
|
|
Note.toggleReadOnly();
|
|
});
|
|
|
|
// 只有在renderNoteContent时才设置curNoteId
|
|
// Note.curNoteId = content.NoteId;
|
|
};
|
|
|
|
// 初始化时渲染最初的notes
|
|
/**
|
|
<div id="noteItemList">
|
|
<!--
|
|
<div href="#" class="item">
|
|
<div class="item-thumb" style="">
|
|
<img src="images/a.gif"/>
|
|
</div>
|
|
|
|
<div class="item-desc" style="">
|
|
<p class="item-title">?</p>
|
|
<p class="item-text">
|
|
?
|
|
</p>
|
|
</div>
|
|
</div>
|
|
-->
|
|
*/
|
|
|
|
Note.showEditorMask = function() {
|
|
$("#editorMask").css("z-index", 10).show();
|
|
// 要判断是否是垃圾筒
|
|
if(Notebook.curNotebookIsTrashOrAll()) {
|
|
$("#editorMaskBtns").hide();
|
|
$("#editorMaskBtnsEmpty").show();
|
|
} else {
|
|
$("#editorMaskBtns").show();
|
|
$("#editorMaskBtnsEmpty").hide();
|
|
}
|
|
};
|
|
Note.hideEditorMask = function() {
|
|
$("#editorMask").css("z-index", -10).hide();
|
|
};
|
|
|
|
// 这里如果notes过多>100个将会很慢!!, 使用setTimeout来分解
|
|
Note.renderNotesC = 0;
|
|
Note.renderNotes = function(notes, forNewNote, isShared) {
|
|
var renderNotesC = ++Note.renderNotesC;
|
|
|
|
this.clearSeqForNew();
|
|
this.batch.reset();
|
|
|
|
// 手机端不用
|
|
// slimScroll使得手机端滚动不流畅
|
|
if(!LEA.isMobile && !Mobile.isMobile()) {
|
|
$("#noteItemList").slimScroll({ scrollTo: '0px', height: "100%", onlyScrollBar: true});
|
|
}
|
|
|
|
if(!notes || typeof notes != "object" || notes.length <= 0) {
|
|
// 如果没有, 那么是不是应该hide editor?
|
|
if(!forNewNote) {
|
|
Note.showEditorMask();
|
|
}
|
|
return;
|
|
}
|
|
Note.hideEditorMask();
|
|
// 新建笔记时会先创建一个新笔记, 所以不能清空
|
|
if(forNewNote == undefined) {
|
|
forNewNote = false;
|
|
}
|
|
if(!forNewNote) {
|
|
Note.noteItemListO.html(""); // 清空
|
|
}
|
|
|
|
// 20个一次
|
|
var len = notes.length;
|
|
var c = Math.ceil(len/20);
|
|
|
|
Note._renderNotes(notes, forNewNote, isShared, 1);
|
|
|
|
// 先设置缓存
|
|
for(var i = 0; i < len; ++i) {
|
|
var note = notes[i];
|
|
// 不清空
|
|
// 之前是addNoteCache, 如果是搜索出的, 会把内容都重置了
|
|
Note.setNoteCache(note, false);
|
|
|
|
// 如果是共享的笔记本, 缓存也放在Share下
|
|
if(isShared) {
|
|
Share.setCache(note);
|
|
}
|
|
}
|
|
|
|
for(var i = 1; i < c; ++i) {
|
|
setTimeout(
|
|
(function(i) {
|
|
// 防止还没渲染完就点击另一个notebook了
|
|
return function() {
|
|
if(renderNotesC == Note.renderNotesC) {
|
|
Note._renderNotes(notes, forNewNote, isShared, i+1);
|
|
}
|
|
}
|
|
})(i), i*2000);
|
|
}
|
|
};
|
|
Note._renderNotes = function(notes, forNewNote, isShared, tang) { // 第几趟
|
|
var len = notes.length;
|
|
for(var i = (tang-1)*20; i < len && i < tang*20; ++i) {
|
|
var note = notes[i];
|
|
note.Title = trimTitle(note.Title);
|
|
|
|
// 笔记作者不是我, 则是共享过来的
|
|
var classes = 'item-my';
|
|
Note.nowIsInShared = false;
|
|
if (isShared || note.UserId != UserInfo.UserId) {
|
|
classes = 'item-shared';
|
|
Note.nowIsInShared = true;
|
|
}
|
|
if(!forNewNote && i == 0) {
|
|
classes += " item-active";
|
|
}
|
|
|
|
var tmp;
|
|
if(note.ImgSrc) {
|
|
tmp = tt(Note.itemTpl, classes, i, note.NoteId, note.ImgSrc, note.Title, Notebook.getNotebookTitle(note.NotebookId), goNowToDatetime(note.UpdatedTime), note.Desc);
|
|
} else {
|
|
tmp = tt(Note.itemTplNoImg, classes, i, note.NoteId, note.Title, Notebook.getNotebookTitle(note.NotebookId), goNowToDatetime(note.UpdatedTime), note.Desc);
|
|
}
|
|
if(!note.IsBlog) {
|
|
tmp = $(tmp);
|
|
tmp.find(".item-blog").hide();
|
|
}
|
|
Note.noteItemListO.append(tmp);
|
|
|
|
/*
|
|
// 共享的note也放在Note的cache一份
|
|
if(isShared) {
|
|
note.IsShared = true; // 注明是共享的
|
|
}
|
|
|
|
// 不清空
|
|
// 之前是addNoteCache, 如果是搜索出的, 会把内容都重置了
|
|
Note.setNoteCache(note, false);
|
|
|
|
// 如果是共享的笔记本, 缓存也放在Share下
|
|
if(isShared) {
|
|
Share.setCache(note);
|
|
}
|
|
*/
|
|
}
|
|
};
|
|
|
|
Note._seqForNew = 0;
|
|
Note.clearSeqForNew = function () {
|
|
this._seqForNew = 0;
|
|
};
|
|
Note.newNoteSeq = function () {
|
|
return --this._seqForNew;
|
|
};
|
|
|
|
// 新建一个笔记
|
|
// 要切换到当前的notebook下去新建笔记
|
|
// isShare时fromUserId才有用
|
|
// 3.8 add isMarkdown
|
|
Note.newNote = function(notebookId, isShare, fromUserId, isMarkdown) {
|
|
// 切换编辑器
|
|
switchEditor(isMarkdown);
|
|
Note.hideEditorMask();
|
|
|
|
// 防止从共享read only跳到添加
|
|
Note.hideReadOnly();
|
|
|
|
Note.stopInterval();
|
|
// 保存当前的笔记
|
|
Note.curChangedSaveIt();
|
|
|
|
Note.batch.reset();
|
|
|
|
var note = {NoteId: getObjectId(), Title: "", Tags:[], Content:"", NotebookId: notebookId, IsNew: true, FromUserId: fromUserId, IsMarkdown: isMarkdown}; // 是新的
|
|
// 添加到缓存中
|
|
Note.addNoteCache(note);
|
|
|
|
// 清空附件数
|
|
Attach.clearNoteAttachNum();
|
|
|
|
// 是否是为共享的notebook添加笔记, 如果是, 则还要记录fromUserId
|
|
var newItem = "";
|
|
|
|
var baseClasses = "item-my";
|
|
if(isShare) {
|
|
baseClasses = "item-shared";
|
|
}
|
|
|
|
var notebook = Notebook.getNotebook(notebookId);
|
|
var notebookTitle = notebook ? notebook.Title : "";
|
|
var curDate = getCurDate();
|
|
if(isShare) {
|
|
newItem = tt(Note.newItemTpl, baseClasses, this.newNoteSeq(), fromUserId, note.NoteId, note.Title, notebookTitle, curDate, "");
|
|
} else {
|
|
newItem = tt(Note.newItemTpl, baseClasses, this.newNoteSeq(), "", note.NoteId, note.Title, notebookTitle, curDate, "");
|
|
}
|
|
|
|
// notebook是否是Blog
|
|
if(!notebook.IsBlog) {
|
|
newItem = $(newItem);
|
|
newItem.find(".item-blog").hide();
|
|
}
|
|
|
|
// 是否在当前notebook下, 不是则切换过去, 并得到该notebook下所有的notes, 追加到后面!
|
|
if(!Notebook.isCurNotebook(notebookId)) {
|
|
// 先清空所有
|
|
Note.clearAll();
|
|
|
|
// 插入到第一个位置
|
|
Note.noteItemListO.prepend(newItem);
|
|
|
|
// 改变为当前的notebookId
|
|
// 会得到该notebookId的其它笔记
|
|
if(!isShare) {
|
|
Notebook.changeNotebookForNewNote(notebookId);
|
|
} else {
|
|
Share.changeNotebookForNewNote(notebookId);
|
|
}
|
|
} else {
|
|
// 插入到第一个位置
|
|
Note.noteItemListO.prepend(newItem);
|
|
}
|
|
|
|
Note.selectTarget($(tt('[noteId="?"]', note.NoteId)));
|
|
|
|
$("#noteTitle").focus();
|
|
|
|
Note.renderNote(note);
|
|
Note.renderNoteContent(note);
|
|
Note.setCurNoteId(note.NoteId);
|
|
|
|
// 更新数量
|
|
Notebook.incrNotebookNumberNotes(notebookId)
|
|
|
|
// 切换到写模式
|
|
Note.toggleWriteable(true);
|
|
};
|
|
|
|
// 删除或移动笔记后, 渲染下一个或上一个
|
|
Note.changeToNext = function(target) {
|
|
var $target = $(target);
|
|
var next = $target.next();
|
|
if(!next.length) {
|
|
var prev = $target.prev();
|
|
if(prev.length) {
|
|
next = prev;
|
|
} else {
|
|
// 就它一个
|
|
Note.showEditorMask();
|
|
return;
|
|
}
|
|
}
|
|
|
|
Note.changeNote(next.attr("noteId"));
|
|
};
|
|
|
|
// 要删除noteIds, 找下一个可以的
|
|
Note.changeToNextSkipNotes = function(noteIds) {
|
|
var me = Note;
|
|
if (isEmpty(noteIds)) {
|
|
return;
|
|
}
|
|
|
|
// 全删除了
|
|
if (me.$itemList.find('li').length == noteIds.length) {
|
|
me.showEditorMask();
|
|
return;
|
|
}
|
|
|
|
// 如果只有一个笔记, 且当前活跃的又不是要删除的, 则不用change
|
|
if (noteIds.length == 1) {
|
|
var $actives = me.$itemList.find('.item-active');
|
|
if ($actives.length == 1 && $actives.attr('noteId') != noteIds[0]) {
|
|
return;
|
|
}
|
|
}
|
|
|
|
var $start = me.getTargetById(noteIds[0]);
|
|
var $next = $start.next();
|
|
var i = 1;
|
|
var len = noteIds.length;
|
|
var find = false;
|
|
while($next.length) {
|
|
// 超出了noteIds
|
|
if (i >= len) {
|
|
find = true;
|
|
break;
|
|
}
|
|
// 不在删除的列表中
|
|
if ($next.attr('noteId') != me.getTargetById(noteIds[i]).attr('noteId')) {
|
|
find = true;
|
|
break;
|
|
}
|
|
|
|
$next = $next.next();
|
|
i++;
|
|
}
|
|
|
|
// 找不到, 证明是要到前一个了
|
|
if (!find) {
|
|
$next = $start.prev();
|
|
}
|
|
|
|
if ($next) {
|
|
me.changeNote($next.attr("noteId"));
|
|
}
|
|
};
|
|
|
|
// 删除笔记
|
|
// 1. 先隐藏, 成功后再移除DOM
|
|
// 2. ajax之 noteId
|
|
// Share.deleteSharedNote调用
|
|
Note.deleteNote = function(target, contextmenuItem, isShared) {
|
|
var me = Note;
|
|
|
|
var noteIds;
|
|
if (me.inBatch) {
|
|
noteIds = me.getBatchNoteIds();
|
|
}
|
|
else {
|
|
noteIds = [$(target).attr('noteId')];
|
|
}
|
|
if (isEmpty(noteIds)) {
|
|
return;
|
|
}
|
|
|
|
// 如果删除的是已选中的, 赶紧设置curNoteId = null
|
|
if(noteIds.length == 1 && $(target).hasClass("item-active")) {
|
|
// -1 停止定时器
|
|
Note.stopInterval();
|
|
// 不保存
|
|
me.clearCurNoteId();
|
|
// 清空信息
|
|
Note.clearNoteInfo();
|
|
}
|
|
|
|
var $actives;
|
|
if(noteIds.length == 1) {
|
|
$actives = $(target);
|
|
}
|
|
else {
|
|
$actives = me.$itemList.find('.item-active');
|
|
}
|
|
|
|
// 1
|
|
$actives.hide();
|
|
// 2
|
|
ajaxPost('/note/deleteNote', {noteIds: noteIds, isShared: isShared}, function(ret) {
|
|
if(ret) {
|
|
Note.changeToNextSkipNotes(noteIds);
|
|
$actives.remove();
|
|
|
|
// 删除缓存
|
|
for (var i = 0; i < noteIds.length; ++i) {
|
|
var noteId = noteIds[i];
|
|
var note = me.getNote(noteId);
|
|
if (note) {
|
|
// 减少数量
|
|
Notebook.minusNotebookNumberNotes(note.NotebookId);
|
|
Note.clearCacheByNotebookId(note.NotebookId);
|
|
delete Note.cache[noteId];
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
me.batch.reset();
|
|
};
|
|
|
|
// 显示共享信息
|
|
Note.listNoteShareUserInfo = function(target) {
|
|
var noteId = $(target).attr("noteId");
|
|
showDialogRemote("/share/listNoteShareUserInfo", {noteId: noteId});
|
|
};
|
|
|
|
// 共享笔记
|
|
Note.shareNote = function(target) {
|
|
var title = $(target).find(".item-title").text();
|
|
showDialog("dialogShareNote", {title: getMsg("shareToFriends") + "-" + title});
|
|
|
|
setTimeout(function() {
|
|
$("#friendsEmail").focus();
|
|
}, 500);
|
|
|
|
var noteId = $(target).attr("noteId");
|
|
shareNoteOrNotebook(noteId, true);
|
|
};
|
|
|
|
// 下载
|
|
Note.download = function(url, params) {
|
|
var inputs = '';
|
|
for (var i in params) {
|
|
inputs += '<input name="' + i + '" value="' + params[i] + '">';
|
|
}
|
|
$('<form target="mdImageManager" action="' + url + '" method="GET">' + inputs + '</form>').appendTo('body').submit().remove();
|
|
};
|
|
|
|
// 导出成PDF
|
|
Note.exportPDF = function(target) {
|
|
var noteId = $(target).attr("noteId");
|
|
$('<form target="mdImageManager" action="/note/exportPdf" method="GET"><input name="noteId" value="' + noteId + '"/></form>').appendTo('body').submit().remove();
|
|
};
|
|
|
|
//--------------
|
|
// read only
|
|
|
|
Note.showReadOnly = function() {
|
|
Note.isReadOnly = true;
|
|
// $("#noteRead").show();
|
|
|
|
$('#note').addClass('read-only');
|
|
};
|
|
Note.hideReadOnly = function() {
|
|
Note.isReadOnly = false;
|
|
$('#note').removeClass('read-only');
|
|
$("#noteRead").hide();
|
|
};
|
|
// read only
|
|
Note.renderNoteReadOnly = function(note) {
|
|
Note.showReadOnly();
|
|
$("#noteReadTitle").html(note.Title || getMsg("unTitled"));
|
|
|
|
Tag.renderReadOnlyTags(note.Tags);
|
|
|
|
$("#noteReadCreatedTime").html(goNowToDatetime(note.CreatedTime));
|
|
$("#noteReadUpdatedTime").html(goNowToDatetime(note.UpdatedTime));
|
|
};
|
|
|
|
//---------------------------
|
|
// 搜索
|
|
// 有点小复杂, 因为速度过快会导致没加载完, 然后就保存上一个 => 致使标题没有
|
|
// 为什么会标题没有?
|
|
Note.lastSearch = null;
|
|
Note.lastKey = null; // 判断是否与上一个相等, 相等就不查询, 如果是等了很久再按enter?
|
|
Note.lastSearchTime = new Date();
|
|
Note.isOver2Seconds = false;
|
|
Note.isSameSearch = function(key) {
|
|
// 判断时间是否超过了1秒, 超过了就认为是不同的
|
|
var now = new Date();
|
|
var duration = now.getTime() - Note.lastSearchTime.getTime();
|
|
Note.isOver2Seconds = duration > 2000 ? true : false;
|
|
if(!Note.lastKey || Note.lastKey != key || duration > 1000) {
|
|
Note.lastKey = key;
|
|
Note.lastSearchTime = now;
|
|
return false;
|
|
}
|
|
|
|
if(key == Note.lastKey) {
|
|
return true;
|
|
}
|
|
|
|
Note.lastSearchTime = now;
|
|
Note.lastKey = key;
|
|
return false;
|
|
};
|
|
|
|
Note.searchNote = function() {
|
|
var val = $("#searchNoteInput").val();
|
|
if(!val) {
|
|
// 定位到all
|
|
Notebook.changeNotebook("0");
|
|
return;
|
|
}
|
|
// 判断是否与上一个是相同的搜索, 是则不搜索
|
|
if(Note.isSameSearch(val)) {
|
|
return;
|
|
}
|
|
|
|
// 之前有, 还有结束的
|
|
if(Note.lastSearch) {
|
|
Note.lastSearch.abort();
|
|
}
|
|
|
|
// 步骤与tag的搜索一样
|
|
// 1
|
|
Note.curChangedSaveIt();
|
|
|
|
// 2 先清空所有
|
|
Note.clearAll();
|
|
|
|
// 发送请求之
|
|
// 先取消上一个
|
|
showLoading();
|
|
Notebook.showNoteAndEditorLoading();
|
|
Note.lastSearch = $.post("/note/searchNote", {key: val}, function(notes) {
|
|
hideLoading();
|
|
Notebook.hideNoteAndEditorLoading();
|
|
if(notes) {
|
|
// 成功后设为空
|
|
Note.lastSearch = null;
|
|
// renderNotes只是note列表加载, 右侧笔记详情还没加载
|
|
// 这个时候, 定位第一个, 保存之前的,
|
|
// 如果: 第一次搜索, renderNotes OK, 还没等到changeNote时
|
|
// 第二次搜索来到, Note.curChangedSaveIt();
|
|
// 导致没有标题了
|
|
// 不是这个原因, 下面的Note.changeNote会导致保存
|
|
|
|
// 设空, 防止发生上述情况
|
|
// Note.clearCurNoteId();
|
|
|
|
Note.renderNotes(notes);
|
|
if(!isEmpty(notes)) {
|
|
Note.changeNote(notes[0].NoteId, false/*, true || Note.isOver2Seconds*/); // isShare, needSaveChanged?, 超过2秒就要保存
|
|
}
|
|
} else {
|
|
// abort的
|
|
}
|
|
});
|
|
// Note.lastSearch.abort();
|
|
};
|
|
|
|
Note.$itemList = $('#noteItemList');
|
|
Note.getTargetById = function(noteId) {
|
|
return this.$itemList.find('li[noteId="' + noteId + '"]');
|
|
};
|
|
|
|
//----------
|
|
//设为blog/unset
|
|
Note.setNote2Blog = function(target) {
|
|
Note._setBlog(target, true);
|
|
};
|
|
Note.unsetNote2Blog = function(target) {
|
|
Note._setBlog(target, false);
|
|
};
|
|
Note._setBlog = function(target, isBlog) {
|
|
var me = Note;
|
|
// 批量操作
|
|
var noteIds;
|
|
if (Note.inBatch) {
|
|
noteIds = me.getBatchNoteIds();
|
|
}
|
|
else {
|
|
noteIds = [$(target).attr("noteId")];
|
|
}
|
|
ajaxPost("/note/setNote2Blog", {noteIds: noteIds, isBlog: isBlog}, function(ret) {
|
|
if(ret) {
|
|
for (var i = 0; i < noteIds.length; ++i) {
|
|
var noteId = noteIds[i];
|
|
var $t = me.getTargetById(noteId);
|
|
if(isBlog) {
|
|
$t.find(".item-blog").show();
|
|
} else {
|
|
$t.find(".item-blog").hide();
|
|
}
|
|
me.setNoteCache({NoteId: noteId, IsBlog: isBlog}, false); // 不清空NotesByNotebookId缓存
|
|
}
|
|
}
|
|
});
|
|
};
|
|
|
|
// 设置notebook的blog状态
|
|
// 当修改notebook是否是blog时调用
|
|
Note.setAllNoteBlogStatus = function(notebookId, isBlog) {
|
|
if(!notebookId) {
|
|
return;
|
|
}
|
|
var notes = Note.getNotesByNotebookId(notebookId);
|
|
if(!isArray(notes)) {
|
|
return;
|
|
}
|
|
var len = notes.length;
|
|
if(len == 0) {
|
|
for(var i in Note.cache) {
|
|
if(Note.cache[i].NotebookId == notebookId) {
|
|
Note.cache[i].IsBlog = isBlog;
|
|
}
|
|
}
|
|
} else {
|
|
for(var i = 0; i < len; ++i) {
|
|
notes[i].IsBlog = isBlog;
|
|
}
|
|
}
|
|
};
|
|
|
|
// 移动
|
|
Note.moveNote = function(target, data) {
|
|
var me = Note;
|
|
// 批量操作
|
|
var noteIds;
|
|
if (Note.inBatch) {
|
|
noteIds = me.getBatchNoteIds();
|
|
}
|
|
else {
|
|
noteIds = [$(target).attr('noteId')];
|
|
}
|
|
|
|
// 当前在该笔记本下
|
|
var toNotebookId = data.notebookId;
|
|
if (Notebook.getCurNotebookId() == toNotebookId) {
|
|
return;
|
|
}
|
|
|
|
if (noteIds.length == 1) {
|
|
var note = me.getNote(noteIds[0]);
|
|
if(!note.IsTrash && note.NotebookId == toNotebookId) {
|
|
return;
|
|
}
|
|
}
|
|
|
|
ajaxPost("/note/moveNote", {noteIds: noteIds, notebookId: toNotebookId}, function(ret) {
|
|
if(ret) {
|
|
|
|
me.clearCacheByNotebookId(toNotebookId);
|
|
|
|
for (var i = 0; i < noteIds.length; ++i) {
|
|
var noteId = noteIds[i];
|
|
var note = me.getNote(noteId);
|
|
if (note) {
|
|
// 修改笔记数量
|
|
if (note.NotebookId != toNotebookId) {
|
|
Notebook.incrNotebookNumberNotes(toNotebookId);
|
|
if (!note.IsTrash) {
|
|
Notebook.minusNotebookNumberNotes(note.NotebookId);
|
|
}
|
|
}
|
|
else if (note.IsTrash) {
|
|
Notebook.incrNotebookNumberNotes(note.NotebookId);
|
|
}
|
|
|
|
me.clearCacheByNotebookId(note.NotebookId);
|
|
|
|
// 设置缓存
|
|
note.NotebookId = toNotebookId;
|
|
note.IsTrash = false;
|
|
note.UpdatedTime = new Date();
|
|
me.setNoteCache(note);
|
|
}
|
|
}
|
|
|
|
var $actives;
|
|
if(noteIds.length == 1) {
|
|
$actives = target;
|
|
}
|
|
else {
|
|
$actives = me.$itemList.find('.item-active');
|
|
}
|
|
// 不在all下, 就删除之
|
|
if(!Notebook.curActiveNotebookIsAll()) {
|
|
me.changeToNextSkipNotes(noteIds);
|
|
$actives.remove();
|
|
}
|
|
// 在all下, 不要删除
|
|
else {
|
|
// 不移动, 那么要改变其notebook title
|
|
$actives.find(".note-notebook").html(Notebook.getNotebookTitle(toNotebookId));
|
|
|
|
me.changeNote($actives.eq(0).attr('noteId'));
|
|
}
|
|
}
|
|
});
|
|
|
|
// 重置, 因为可能移动后笔记下没笔记了
|
|
me.batch.reset();
|
|
};
|
|
|
|
// 复制
|
|
// data是自动传来的, 是contextmenu数据
|
|
Note.copyNote = function(target, data, isShared) {
|
|
var me = Note;
|
|
|
|
var toNotebookId = data.notebookId;
|
|
var noteIds;
|
|
if (Note.inBatch) {
|
|
noteIds = me.getBatchNoteIds();
|
|
}
|
|
else {
|
|
noteIds = [$(target).attr('noteId')];
|
|
}
|
|
|
|
// 得到需要复制的
|
|
var needNoteIds = [];
|
|
for (var i = 0; i < noteIds.length; ++i) {
|
|
var noteId = noteIds[i];
|
|
var note = me.getNote(noteId);
|
|
if (note) {
|
|
// trash不能复制, 不能复制给自己
|
|
if (note.IsTrash || note.NotebookId == toNotebookId) {
|
|
continue;
|
|
}
|
|
needNoteIds.push(noteId);
|
|
}
|
|
}
|
|
if (needNoteIds.length == 0) {
|
|
return;
|
|
}
|
|
|
|
var url = "/note/copyNote";
|
|
var data = {noteIds: needNoteIds, notebookId: toNotebookId};
|
|
if(isShared) {
|
|
url = "/note/copySharedNote";
|
|
var note = me.getNote(needNoteIds[0]);
|
|
data.fromUserId = note.UserId;
|
|
}
|
|
|
|
ajaxPost(url, data, function(ret) {
|
|
if(reIsOk(ret)) {
|
|
var notes = ret.Item;
|
|
if (isEmpty(notes)) {
|
|
return;
|
|
}
|
|
|
|
// 重新清空cache 之后的
|
|
Note.clearCacheByNotebookId(toNotebookId);
|
|
for (var i = 0; i < notes.length; ++i) {
|
|
var note = notes[i];
|
|
if (!note.NoteId) {
|
|
continue;
|
|
}
|
|
// 改变缓存, 添加之
|
|
Note.setNoteCache(note);
|
|
|
|
// 增加数量
|
|
Notebook.incrNotebookNumberNotes(toNotebookId)
|
|
}
|
|
}
|
|
});
|
|
};
|
|
|
|
// 删除笔记标签
|
|
// item = {noteId => usn}
|
|
Note.deleteNoteTag = function(item, tag) {
|
|
if(!item) {
|
|
return;
|
|
}
|
|
for(var noteId in item) {
|
|
var note = Note.getNote(noteId);
|
|
if(note) {
|
|
note.Tags = note.Tags || [];
|
|
for(var i in note.Tags) {
|
|
if(note.Tags[i] == tag) {
|
|
note.Tags.splice(i, 1);
|
|
continue;
|
|
}
|
|
}
|
|
// 如果当前笔记是展示的笔记, 则重新renderTags
|
|
if(noteId == Note.curNoteId) {
|
|
Tag.renderTags(note.Tags);
|
|
}
|
|
}
|
|
}
|
|
};
|
|
|
|
// readonly
|
|
Note.readOnly = true; // 默认为false要好?
|
|
LEA.readOnly = true;
|
|
// 切换只读模式
|
|
Note.toggleReadOnly = function(needSave) {
|
|
if(LEA.em && LEA.em.isWriting()) { // 写作模式下
|
|
return Note.toggleWriteable();
|
|
}
|
|
|
|
var me = this;
|
|
var note = me.getCurNote();
|
|
|
|
// tinymce
|
|
var $editor = $('#editor');
|
|
$editor.addClass('read-only').removeClass('all-tool'); // 不要全部的
|
|
|
|
// 不可写
|
|
$('#editorContent').attr('contenteditable', false);
|
|
|
|
// markdown
|
|
$('#mdEditor').addClass('read-only');
|
|
$('#note').addClass('read-only-editor');
|
|
|
|
if(!note) {
|
|
return;
|
|
}
|
|
|
|
$('.info-toolbar').removeClass('invisible');
|
|
if(note.IsMarkdown) {
|
|
$('#mdInfoToolbar .created-time').html(goNowToDatetime(note.CreatedTime));
|
|
$('#mdInfoToolbar .updated-time').html(goNowToDatetime(note.UpdatedTime));
|
|
}
|
|
else {
|
|
$('#infoToolbar .created-time').html(goNowToDatetime(note.CreatedTime));
|
|
$('#infoToolbar .updated-time').html(goNowToDatetime(note.UpdatedTime));
|
|
}
|
|
|
|
// 保存之
|
|
if (needSave) {
|
|
Note.curChangedSaveIt();
|
|
}
|
|
|
|
Note.readOnly = true;
|
|
LEA.readOnly = true;
|
|
|
|
if(!note.IsMarkdown) {
|
|
// 里面的pre也设为不可写
|
|
$('#editorContent pre').each(function() {
|
|
LeaAce.setAceReadOnly($(this), true);
|
|
});
|
|
}
|
|
};
|
|
// 切换到编辑模式
|
|
LEA.toggleWriteable = Note.toggleWriteable = function(isFromNewNote) {
|
|
var me = Note;
|
|
|
|
// $('#infoToolbar').hide();
|
|
$('#editor').removeClass('read-only');
|
|
$('#note').removeClass('read-only-editor');
|
|
$('#editorContent').attr('contenteditable', true);
|
|
|
|
// markdown
|
|
$('#mdEditor').removeClass('read-only');
|
|
|
|
var note = me.getCurNote();
|
|
if(!note) {
|
|
return;
|
|
}
|
|
|
|
Note.readOnly = false;
|
|
LEA.readOnly = false;
|
|
|
|
if(!note.IsMarkdown) {
|
|
// 里面的pre也设为不可写
|
|
$('#editorContent pre').each(function() {
|
|
LeaAce.setAceReadOnly($(this), false);
|
|
});
|
|
isFromNewNote || tinymce.activeEditor.focus();
|
|
}
|
|
else {
|
|
if(MD) {
|
|
isFromNewNote || MD.focus();
|
|
MD.onResize();
|
|
}
|
|
}
|
|
};
|
|
|
|
// page ctrl+e也会
|
|
Note.toggleWriteableAndReadOnly = function () {
|
|
if (LEA.readOnly) {
|
|
Note.toggleWriteable();
|
|
}
|
|
else {
|
|
Note.toggleReadOnly(true);
|
|
}
|
|
};
|
|
|
|
Note.getPostUrl = function (note) {
|
|
var urlTitle = note.UrlTitle || note.NoteId;
|
|
return UserInfo.PostUrl + '/' + urlTitle;
|
|
};
|
|
|
|
// 这里速度不慢, 很快
|
|
Note.getContextNotebooks = function(notebooks) {
|
|
var moves = [];
|
|
var copys = [];
|
|
var copys2 = [];
|
|
for(var i in notebooks) {
|
|
var notebook = notebooks[i];
|
|
var move = {text: notebook.Title, notebookId: notebook.NotebookId, action: Note.moveNote}
|
|
var copy = {text: notebook.Title, notebookId: notebook.NotebookId, action: Note.copyNote}
|
|
var copy2 = {text: notebook.Title, notebookId: notebook.NotebookId, action: Share.copySharedNote}
|
|
if(!isEmpty(notebook.Subs)) {
|
|
var mc = Note.getContextNotebooks(notebook.Subs);
|
|
move.items = mc[0];
|
|
copy.items = mc[1];
|
|
copy2.items = mc[2];
|
|
move.type = "group";
|
|
move.width = 150;
|
|
copy.type = "group";
|
|
copy.width = 150;
|
|
copy2.type = "group";
|
|
copy2.width = 150;
|
|
}
|
|
moves.push(move);
|
|
copys.push(copy);
|
|
copys2.push(copy2);
|
|
}
|
|
return [moves, copys, copys2];
|
|
};
|
|
// Notebook调用
|
|
Note.contextmenu = null;
|
|
Note.notebooksCopy = []; // share会用到
|
|
Note.initContextmenu = function() {
|
|
var self = Note;
|
|
if(Note.contextmenu) {
|
|
Note.contextmenu.destroy();
|
|
}
|
|
// 得到可移动的notebook
|
|
var notebooks = Notebook.everNotebooks;
|
|
var mc = self.getContextNotebooks(notebooks);
|
|
|
|
var notebooksMove = mc[0];
|
|
var notebooksCopy = mc[1];
|
|
self.notebooksCopy = mc[2];
|
|
|
|
//---------------------
|
|
// context menu
|
|
//---------------------
|
|
var noteListMenu = {
|
|
width: 180,
|
|
items: [
|
|
{ text: getMsg("shareToFriends"), alias: 'shareToFriends', icon: "", faIcon: "fa-share-square-o", action: Note.listNoteShareUserInfo},
|
|
{ type: "splitLine" },
|
|
{ text: getMsg("publicAsBlog"), alias: 'set2Blog', faIcon: "fa-bold", action: Note.setNote2Blog },
|
|
{ text: getMsg("cancelPublic"), alias: 'unset2Blog', faIcon: "fa-undo", action: Note.unsetNote2Blog },
|
|
{ type: "splitLine" },
|
|
// { text: "分享到社区", alias: 'html2Image', icon: "", action: Note.html2Image},
|
|
{ text: getMsg("exportPdf"), alias: 'exportPDF', faIcon: "fa-file-pdf-o", action: Note.exportPDF},
|
|
{ type: "splitLine" },
|
|
{ text: getMsg("delete"), icon: "", faIcon: "fa-trash-o", action: Note.deleteNote },
|
|
{ text: getMsg("move"), alias: "move", faIcon: "fa-arrow-right",
|
|
type: "group",
|
|
width: 180,
|
|
items: notebooksMove
|
|
},
|
|
{ text: getMsg("copy"), alias: "copy", icon:"", faIcon: "fa-copy",
|
|
type: "group",
|
|
width: 180,
|
|
items: notebooksCopy
|
|
}
|
|
],
|
|
onShow: applyrule,
|
|
onContextMenu: beforeContextMenu,
|
|
|
|
parent: "#noteItemList",
|
|
children: ".item-my",
|
|
}
|
|
|
|
function applyrule(menu) {
|
|
var noteId = $(this).attr("noteId");
|
|
|
|
// 要disable的items
|
|
var items = [];
|
|
|
|
// 批量模式下不能分享, 导出pdf
|
|
if (Note.inBatch) {
|
|
items.push("shareToFriends");
|
|
items.push('exportPDF');
|
|
|
|
// 如果在trash下
|
|
if(Notebook.curActiveNotebookIsTrash()) {
|
|
items.push("shareStatus");
|
|
items.push("unset2Blog");
|
|
items.push("set2Blog");
|
|
items.push("copy");
|
|
}
|
|
} else {
|
|
var note = Note.getNote(noteId);
|
|
if(!note) {
|
|
return;
|
|
}
|
|
|
|
// 如果是trash, 什么都不能做
|
|
if(note.IsTrash || Notebook.curActiveNotebookIsTrash()) {
|
|
items.push("shareToFriends");
|
|
items.push("shareStatus");
|
|
items.push("unset2Blog");
|
|
items.push("set2Blog");
|
|
items.push("copy");
|
|
} else {
|
|
if(!note.IsBlog) {
|
|
items.push("unset2Blog");
|
|
} else {
|
|
items.push("set2Blog");
|
|
}
|
|
|
|
// 移动与复制不能是本notebook下
|
|
var notebookTitle = Notebook.getNotebookTitle(note.NotebookId);
|
|
items.push("move." + notebookTitle);
|
|
items.push("copy." + notebookTitle);
|
|
}
|
|
}
|
|
|
|
// diable 这里
|
|
menu.applyrule({
|
|
name: "target..",
|
|
disable: true,
|
|
items: items
|
|
});
|
|
}
|
|
|
|
function beforeContextMenu() {
|
|
return this.id != "target3";
|
|
}
|
|
|
|
Note.contextmenu = $("#noteItemList .item-my").contextmenu(noteListMenu);
|
|
};
|
|
|
|
// 附件
|
|
// 笔记的附件需要ajax获取
|
|
// 建一张附件表? attachId, noteId, 其它信息
|
|
// note里有attach_nums字段记录个数
|
|
// [ok]
|
|
var Attach = {
|
|
loadedNoteAttachs: {}, // noteId => [attch1Info, attach2Info...] // 按笔记
|
|
attachsMap: {}, // attachId => attachInfo
|
|
init: function() {
|
|
var self = this;
|
|
// 显示attachs
|
|
$("#showAttach").click(function() {
|
|
// self._bookmark = tinymce.activeEditor.selection.getBookmark();
|
|
self.renderAttachs(Note.curNoteId);
|
|
});
|
|
// 防止点击隐藏
|
|
self.attachListO.click(function(e) {
|
|
e.stopPropagation();
|
|
});
|
|
// 删除
|
|
self.attachListO.on("click", ".delete-attach", function(e) {
|
|
e.stopPropagation();
|
|
var attachId = $(this).closest('li').data("id");
|
|
var t = this;
|
|
if(confirm(getMsg("Are you sure to delete it ?"))) {
|
|
$(t).button("loading");
|
|
ajaxPost("/attach/deleteAttach", {attachId: attachId}, function(re) {
|
|
$(t).button("reset");
|
|
if(reIsOk(re)) {
|
|
self.deleteAttach(attachId);
|
|
} else {
|
|
alert(re.Msg);
|
|
}
|
|
});
|
|
}
|
|
});
|
|
// 下载
|
|
self.attachListO.on("click", ".download-attach", function(e) {
|
|
e.stopPropagation();
|
|
var attachId = $(this).closest('li').data("id");
|
|
Note.download("/attach/download", {attachId:attachId});
|
|
});
|
|
// 下载全部
|
|
self.downloadAllBtnO.click(function() {
|
|
Note.download("/attach/downloadAll", {noteId: Note.curNoteId});
|
|
});
|
|
|
|
// make link
|
|
self.attachListO.on("click", ".link-attach", function(e) {
|
|
e.stopPropagation();
|
|
var attachId = $(this).closest('li').data("id");
|
|
var attach = self.attachsMap[attachId];
|
|
var src = UrlPrefix + "/api/file/getAttach?fileId=" + attachId;
|
|
Note.toggleWriteable();
|
|
if(LEA.isMarkdownEditor() && MD) {
|
|
MD.insertLink(src, attach.Title);
|
|
} else {
|
|
// tinymce.activeEditor.selection.moveToBookmark(self._bookmark);
|
|
tinymce.activeEditor.insertContent('<a target="_blank" href="' + src + '">' + attach.Title + '</a>');
|
|
}
|
|
});
|
|
|
|
// make all link
|
|
/*
|
|
self.linkAllBtnO.on("click",function(e) {
|
|
e.stopPropagation();
|
|
var note = Note.getCurNote();
|
|
if(!note) {
|
|
return;
|
|
}
|
|
var src = UrlPrefix + "/attach/downloadAll?noteId=" + Note.curNoteId
|
|
var title = note.Title ? note.Title + ".tar.gz" : "all.tar.gz";
|
|
|
|
if(LEA.isMarkdownEditor() && MD) {
|
|
MD.insertLink(src, title);
|
|
} else {
|
|
tinymce.activeEditor.insertContent('<a target="_blank" href="' + src + '">' + title + '</a>');
|
|
}
|
|
});
|
|
*/
|
|
},
|
|
attachListO: $("#attachList"),
|
|
attachNumO: $("#attachNum"),
|
|
attachDropdownO: $("#attachDropdown"),
|
|
downloadAllBtnO: $("#downloadAllBtn"),
|
|
linkAllBtnO: $("#linkAllBtn"),
|
|
// 添加笔记时
|
|
clearNoteAttachNum: function() {
|
|
var self = this;
|
|
self.attachNumO.html("").hide();
|
|
},
|
|
renderNoteAttachNum: function(noteId, needHide) {
|
|
var self = this;
|
|
var note = Note.getNote(noteId);
|
|
if(note.AttachNum) {
|
|
self.attachNumO.html("(" + note.AttachNum + ")").show();
|
|
self.downloadAllBtnO.show();
|
|
self.linkAllBtnO.show();
|
|
} else {
|
|
self.attachNumO.hide();
|
|
self.downloadAllBtnO.hide();
|
|
self.linkAllBtnO.hide();
|
|
}
|
|
|
|
// 隐藏掉
|
|
if(needHide) {
|
|
self.attachDropdownO.removeClass("open");
|
|
}
|
|
},
|
|
_renderAttachs: function(attachs) {
|
|
var self = this;
|
|
// foreach 循环之
|
|
/*
|
|
<li class="clearfix">
|
|
<div class="attach-title">leanote官abcefedafadfadfadfadfad方文档.doc</div>
|
|
<div class="attach-process">
|
|
<button class="btn btn-sm btn-warning">Delete</button>
|
|
<button class="btn btn-sm btn-deafult">Download</button>
|
|
</div>
|
|
</li>
|
|
*/
|
|
var html = "";
|
|
var attachNum = attachs.length;
|
|
var titleDelete = getMsg('Delete');
|
|
var titleDownload = getMsg('Download');
|
|
var titleLink = getMsg('Insert link into content');
|
|
for(var i = 0; i < attachNum; ++i) {
|
|
var each = attachs[i];
|
|
html += '<li class="clearfix" data-id="' + each.AttachId + '">' +
|
|
'<div class="attach-title">' + each.Title + '</div>' +
|
|
'<div class="attach-process"> ' +
|
|
' <button class="btn btn-sm btn-warning delete-attach" data-loading-text="..." title="' + titleDelete + '"><i class="fa fa-trash-o"></i></button> ' +
|
|
' <button type="button" class="btn btn-sm btn-primary download-attach" title="' + titleDownload + '"><i class="fa fa-download"></i></button> ' +
|
|
' <button type="button" class="btn btn-sm btn-default link-attach" title="' + titleLink + '"><i class="fa fa-link"></i></button> ' +
|
|
'</div>' +
|
|
'</li>';
|
|
self.attachsMap[each.AttachId] = each;
|
|
}
|
|
self.attachListO.html(html);
|
|
|
|
// 设置数量
|
|
var note = Note.getCurNote();
|
|
if(note) {
|
|
note.AttachNum = attachNum;
|
|
self.renderNoteAttachNum(note.NoteId, false);
|
|
}
|
|
},
|
|
// 渲染noteId的附件
|
|
// 当点击"附件"时加载,
|
|
// TODO 判断是否已loaded
|
|
_bookmark: null,
|
|
renderAttachs: function(noteId) {
|
|
var self = this;
|
|
|
|
if(self.loadedNoteAttachs[noteId]) {
|
|
self._renderAttachs(self.loadedNoteAttachs[noteId]);
|
|
return;
|
|
}
|
|
// 显示loading
|
|
self.attachListO.html('<li class="loading"><img src="/images/loading-24.gif"/></li>');
|
|
// ajax获取noteAttachs
|
|
ajaxGet("/attach/getAttachs", {noteId: noteId}, function(ret) {
|
|
var list = [];
|
|
if(ret.Ok) {
|
|
list = ret.List;
|
|
if(!list) {
|
|
list = [];
|
|
}
|
|
}
|
|
// 添加到缓存中
|
|
self.loadedNoteAttachs[noteId] = list;
|
|
self._renderAttachs(list);
|
|
});
|
|
},
|
|
// 添加附件, attachment_upload上传调用
|
|
addAttach: function(attachInfo) {
|
|
var self = this;
|
|
if(!self.loadedNoteAttachs[attachInfo.NoteId]) {
|
|
self.loadedNoteAttachs[attachInfo.NoteId] = [];
|
|
}
|
|
self.loadedNoteAttachs[attachInfo.NoteId].push(attachInfo);
|
|
self.renderAttachs(attachInfo.NoteId);
|
|
},
|
|
// 删除
|
|
deleteAttach: function(attachId) {
|
|
var self = this;
|
|
var noteId = Note.curNoteId;
|
|
var attachs = self.loadedNoteAttachs[noteId];
|
|
for(var i = 0; i < attachs.length; ++i) {
|
|
if(attachs[i].AttachId == attachId) {
|
|
// 删除之, 并render之
|
|
attachs.splice(i, 1);
|
|
break;
|
|
}
|
|
}
|
|
// self.loadedNoteAttachs[noteId] = attachs;
|
|
self.renderAttachs(noteId);
|
|
},
|
|
|
|
// 下载
|
|
downloadAttach: function(fileId) {
|
|
var self = this;
|
|
},
|
|
downloadAll: function() {
|
|
}
|
|
};
|
|
|
|
// 批量操作
|
|
Note.inBatch = false;
|
|
Note.getBatchNoteIds = function () {
|
|
var noteIds = [];
|
|
var items = Note.$itemList.find('.item-active');
|
|
for (var i = 0; i < items.length; ++i) {
|
|
noteIds.push(items.eq(i).attr('noteId'));
|
|
}
|
|
return noteIds;
|
|
};
|
|
Note.batch = {
|
|
$noteItemList: $("#noteItemList"),
|
|
|
|
cancelInBatch: function () {
|
|
Note.inBatch = false;
|
|
this.$body.removeClass('batch');
|
|
},
|
|
setInBatch: function () {
|
|
Note.inBatch = true;
|
|
this.$body.addClass('batch');
|
|
},
|
|
|
|
// 是否是多选, 至少选了2个
|
|
isInBatch: function () {
|
|
var me = this;
|
|
var items = me.$noteItemList.find('.item-active');
|
|
if (items.length >= 2) {
|
|
return true;
|
|
}
|
|
return false;
|
|
},
|
|
|
|
// 得到开始的笔记
|
|
_startNoteO: null, // 开始选择的笔记
|
|
getStartNoteO: function () {
|
|
var me = this;
|
|
if (!me._startNoteO) {
|
|
me._startNoteO = me.getCurSelected();
|
|
}
|
|
return me._startNoteO;
|
|
},
|
|
|
|
// 清空以start开头已选择的
|
|
// 用于shift
|
|
_selectByStart: {}, // start.NoteId => [target1, target2]
|
|
clearByStart: function (noteId) {
|
|
var me = this;
|
|
if (!noteId) {
|
|
return;
|
|
}
|
|
var targets = this._selectByStart[noteId];
|
|
if (isEmpty(targets)) {
|
|
return;
|
|
}
|
|
for(var i = 0; i < targets.length; ++i) {
|
|
me.clearTarget(targets[i]);
|
|
}
|
|
},
|
|
selectTo: function ($to) {
|
|
var $start = this.getStartNoteO();
|
|
if (!$start) {
|
|
alert('nono start');
|
|
}
|
|
|
|
var startSeq = +$start.data('seq');
|
|
var toSeq = +$to.data('seq');
|
|
|
|
var $start2, $to2, startSeq2, toSeq2;
|
|
if (startSeq < toSeq) {
|
|
$start2 = $start;
|
|
$to2 = $to;
|
|
startSeq2 = startSeq;
|
|
toSeq2 = toSeq;
|
|
}
|
|
else {
|
|
$start2 = $to;
|
|
$to2 = $start;
|
|
startSeq2 = toSeq;
|
|
toSeq2 = startSeq;
|
|
}
|
|
|
|
// 先清空之
|
|
// 清空以$start为首的, 已选的笔记
|
|
var startNoteId = $start.attr('noteId');
|
|
this.clearByStart(startNoteId);
|
|
|
|
var $now = $start2;
|
|
this._selectByStart[startNoteId] = [];
|
|
for (var i = startSeq2; i <= toSeq2; ++i) {
|
|
this.selectTarget($now);
|
|
this._selectByStart[startNoteId].push($now);
|
|
$now = $now.next();
|
|
}
|
|
},
|
|
|
|
selectAll: function () {
|
|
this.$noteItemList.find('li').addClass('item-active');
|
|
},
|
|
|
|
clearAllSelect: function () {
|
|
Note.clearSelect();
|
|
},
|
|
|
|
selectTarget: function ($target) {
|
|
if ($target) {
|
|
$target.addClass('item-active');
|
|
}
|
|
},
|
|
clearTarget: function ($target) {
|
|
if ($target) {
|
|
$target.removeClass('item-active');
|
|
}
|
|
},
|
|
|
|
// multi操作
|
|
// 选择之某一
|
|
// 如果之前已选择了, 则取消选择
|
|
select: function ($target) {
|
|
var me = this;
|
|
// 之前已选中
|
|
if ($target.hasClass('item-active')) {
|
|
var isInBatch = this.isInBatch();
|
|
if (isInBatch) {
|
|
$target.removeClass('item-active');
|
|
}
|
|
}
|
|
else {
|
|
me._startNoteO = $target;
|
|
this.selectTarget($target);
|
|
}
|
|
},
|
|
|
|
// 得到当前选中的元素
|
|
getCurSelected: function () {
|
|
return this.$noteItemList.find('.item-active');
|
|
},
|
|
|
|
// 当重新render后
|
|
reset: function () {
|
|
this.cancelInBatch();
|
|
this._selectByStart = {};
|
|
this._startMove = false;
|
|
this._startNoteO = null;
|
|
this.clearRender();
|
|
},
|
|
|
|
// 可以多选
|
|
canBatch: function () {
|
|
return !LEA.em.isWritingMode;
|
|
},
|
|
|
|
init: function() {
|
|
var me = this;
|
|
me.$noteItemList.on("click", ".item", function(e) {
|
|
var $this = $(this);
|
|
var noteId = $this.attr("noteId");
|
|
if(!noteId) {
|
|
return;
|
|
}
|
|
|
|
var isMulti = false;
|
|
var isConti= false;
|
|
if (me.canBatch()) {
|
|
if (e.shiftKey) {
|
|
isConti = true;
|
|
}
|
|
else {
|
|
isMulti = e.metaKey || e.ctrlKey;
|
|
}
|
|
}
|
|
|
|
//----------
|
|
// 多选操作
|
|
//----------
|
|
if (isMulti || isConti) {
|
|
Note.curChangedSaveIt();
|
|
}
|
|
|
|
// 多选
|
|
if (isMulti) {
|
|
me.select($this);
|
|
|
|
// 连续选
|
|
} else if (isConti) {
|
|
// 选择 开始位置到结束位置
|
|
// 当前点击的是结束位置
|
|
me.selectTo($this);
|
|
}
|
|
|
|
//---------
|
|
// 单选
|
|
//---------
|
|
|
|
// 否则, 不是多选, 清空item-active
|
|
else {
|
|
Note.selectTarget($this);
|
|
}
|
|
|
|
me.finalFix();
|
|
});
|
|
|
|
//----------
|
|
|
|
// 鼠标拖动开始
|
|
me._startMove = false;
|
|
me.$noteItemList.on("mousedown", ".item", function(e) {
|
|
if (!me.canBatch()) {
|
|
return;
|
|
}
|
|
|
|
// 右键
|
|
if (me.isContextMenu(e)) {
|
|
return;
|
|
}
|
|
|
|
if (!me._startMove && (e.metaKey || e.ctrlKey || e.shiftKey)) {
|
|
return;
|
|
}
|
|
|
|
me._startNoteO = $(this);
|
|
me._startMove = true;
|
|
});
|
|
|
|
// 鼠标正在拖动
|
|
me.$noteItemList.on("mousemove", ".item", function(e) {
|
|
if (me.canBatch() && me._startMove) {
|
|
|
|
Note.curChangedSaveIt();
|
|
|
|
me.clearAllSelect();
|
|
|
|
me.selectTo($(this));
|
|
|
|
me.finalFix(true);
|
|
}
|
|
});
|
|
|
|
var $body = $('body');
|
|
$body.on('mouseup', function() {
|
|
me._startMove = false;
|
|
});
|
|
|
|
// ctrl + all
|
|
$body.keydown(function (e) {
|
|
if (e.target && e.target.nodeName === 'BODY') {
|
|
if ((e.ctrlKey || e.metaKey) && e.which === 65) {
|
|
e.preventDefault();
|
|
|
|
if(me.canBatch()) {
|
|
Note.curChangedSaveIt();
|
|
|
|
me.selectAll();
|
|
me.finalFix();
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
// 不让拖动
|
|
me.$noteItemList.on("dragstart", function(e) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
});
|
|
|
|
me.initContextmenu();
|
|
},
|
|
|
|
initContextmenu: function () {
|
|
var me = this;
|
|
|
|
me.$batchMask.on('contextmenu', function (e) {
|
|
e.preventDefault();
|
|
!Note.nowIsInShared ? Note.contextmenu.showMenu(e) : Share.contextmenu.showMenu(e);
|
|
});
|
|
|
|
me.$batchMask.find('.batch-info .fa').click(function (e) {
|
|
e.preventDefault();
|
|
e.pageX -= 90;
|
|
e.pageY += 10;
|
|
|
|
// 这导致其它dropdown不能隐藏
|
|
e.stopPropagation();
|
|
// 所以
|
|
$(document).click();
|
|
!Note.nowIsInShared ? Note.contextmenu.showMenu(e) : Share.contextmenu.showMenu(e);
|
|
});
|
|
},
|
|
|
|
$body: $('body'),
|
|
finalFix: function (isMove) {
|
|
var me = this;
|
|
// 选择了几个? 如果 >= 2则是批量操作
|
|
if (me.isInBatch()) {
|
|
// 清空当前笔记, 不让自动保存
|
|
Note.clearCurNoteId();
|
|
me.renderBatchNotes();
|
|
me.setInBatch();
|
|
|
|
// 单个处理
|
|
} else {
|
|
me.clearRender();
|
|
me.cancelInBatch();
|
|
|
|
// 为什么还要得到当前选中的, 因为有可能是取消选择
|
|
// 得到当前选中的
|
|
var $target = me.getCurSelected();
|
|
if ($target) {
|
|
var noteId = $target.attr('noteId');
|
|
|
|
if (!isMove) {
|
|
me._startNoteO = $target;
|
|
}
|
|
|
|
// 手机端处理
|
|
Mobile.changeNote(noteId);
|
|
// 当前的和所选的是一个, 不改变
|
|
if(Note.curNoteId != noteId) {
|
|
// 不用重定向到notebook
|
|
Note.changeNoteForPjax(noteId, true, false);
|
|
}
|
|
}
|
|
}
|
|
},
|
|
|
|
// 判断是否是右击
|
|
isContextMenu: function(evt) {
|
|
if((evt.which != undefined && evt.which==1) || evt.button == 1)
|
|
return false;
|
|
else if((evt.which != undefined && evt.which == 3) || evt.button == 2)
|
|
return true;
|
|
return false;
|
|
},
|
|
|
|
//==========
|
|
_notes: {},
|
|
clearRender: function () {
|
|
this._notes = {};
|
|
this.$batchCtn.html('');
|
|
this.hideMask();
|
|
},
|
|
showMask: function () {
|
|
this.$batchMask.css({'z-index': 99}).show();
|
|
},
|
|
hideMask: function () {
|
|
this.$batchMask.css({'z-index': -2}).hide();
|
|
},
|
|
renderBatchNotes: function () {
|
|
var me = this;
|
|
me.showMask();
|
|
|
|
var selectedTargets = me.$noteItemList.find('.item-active');
|
|
me.$batchNum.html(selectedTargets.length);
|
|
|
|
var ids = {};
|
|
for (var i = 0; i < selectedTargets.length; ++i) {
|
|
var noteId = selectedTargets.eq(i).attr('noteId');
|
|
me.addTo(noteId);
|
|
ids[noteId] = 1;
|
|
}
|
|
for (var noteId in me._notes) {
|
|
if (!ids[noteId]) {
|
|
var $tmp = me._notes[noteId];
|
|
$tmp.css({'margin-left': '-800px'/*, 'margin-top': '100px'*/});
|
|
setTimeout(function() {
|
|
$tmp.remove();
|
|
}, 500);
|
|
delete me._notes[noteId];
|
|
}
|
|
}
|
|
},
|
|
$batchMask: $('#batchMask'),
|
|
$batchCtn: $('#batchCtn'),
|
|
$batchNum: $('#batchMask .batch-info span'),
|
|
_i: 1,
|
|
getRotate: function () {
|
|
var me = this;
|
|
var time = me._i++;
|
|
var e = time % 2 === 0 ? 1 : -1;
|
|
var rotate = e * Math.random() * 70;
|
|
var margins = [0, 10, 20, 30, 40];
|
|
var margin = e * margins[time % 5] * 3;
|
|
// if (e < 0) {
|
|
margin -= 80;
|
|
// }
|
|
return [e * Math.random() * 30, margin];
|
|
},
|
|
addTo: function(noteId) {
|
|
var me = this;
|
|
if (me._notes[noteId]) {
|
|
return;
|
|
}
|
|
var note = Note.getNote(noteId);
|
|
var title = note.Title || getMsg('unTitled');
|
|
var desc = note.Desc || '...';
|
|
var $note = $('<div class="batch-note"><div class="title">' + title + '</div><div class="content">' + desc + '</div></div>');
|
|
me._notes[noteId] = $note;
|
|
var rotate = me.getRotate();
|
|
me.$batchCtn.append($note);
|
|
setTimeout(function () {
|
|
$note.css({transform: 'rotate(' + rotate[0] + 'deg)', 'margin-left': rotate[1] + 'px'});
|
|
});
|
|
}
|
|
};
|
|
|
|
//------------------- 事件
|
|
$(function() {
|
|
// 附件初始化
|
|
Attach.init();
|
|
|
|
//-----------------
|
|
// 点击笔记展示之
|
|
// 避免iphone, ipad两次点击
|
|
// http://stackoverflow.com/questions/3038898/ipad-iphone-hover-problem-causes-the-user-to-double-click-a-link
|
|
$("#noteItemList").on("mouseenter", ".item", function(event) {
|
|
if(LEA.isIpad || LEA.isIphone) {
|
|
$(this).trigger("click");
|
|
}
|
|
});
|
|
|
|
Note.batch.init();
|
|
|
|
//------------------
|
|
// 新建笔记
|
|
// 1. 直接点击新建 OR
|
|
// 2. 点击nav for new note
|
|
$("#newNoteBtn, #editorMask .note").click(function() {
|
|
var notebookId = $("#curNotebookForNewNote").attr('notebookId');
|
|
Note.newNote(notebookId);
|
|
});
|
|
$("#newNoteMarkdownBtn, #editorMask .markdown").click(function() {
|
|
var notebookId = $("#curNotebookForNewNote").attr('notebookId');
|
|
Note.newNote(notebookId, false, "", true);
|
|
});
|
|
$("#notebookNavForNewNote").on("click", "li div", function() {
|
|
var notebookId = $(this).attr("notebookId");
|
|
if($(this).hasClass("new-note-right")) {
|
|
Note.newNote(notebookId, false, "", true);
|
|
} else {
|
|
Note.newNote(notebookId);
|
|
}
|
|
});
|
|
$("#searchNotebookForAdd").click(function(e) {
|
|
e.stopPropagation();
|
|
});
|
|
$("#searchNotebookForAdd").keyup(function() {
|
|
var key = $(this).val();
|
|
Notebook.searchNotebookForAddNote(key);
|
|
});
|
|
$("#searchNotebookForList").keyup(function() {
|
|
var key = $(this).val();
|
|
Notebook.searchNotebookForList(key);
|
|
});
|
|
|
|
// note title 里按tab, 切换到编辑区
|
|
$('#noteTitle').on("keydown", function(e) {
|
|
var keyCode = e.keyCode || e.witch;
|
|
// tab
|
|
if (keyCode == 9) {
|
|
// 一举两得, 即切换到了writable, 又focus了
|
|
Note.toggleWriteable();
|
|
e.preventDefault();
|
|
}
|
|
});
|
|
|
|
//---------------------------
|
|
// 搜索, 按enter才搜索
|
|
/*
|
|
$("#searchNoteInput").on("keyup", function(e) {
|
|
Note.searchNote();
|
|
});
|
|
*/
|
|
$("#searchNoteInput").on("keydown", function(e) {
|
|
var keyCode = e.keyCode || e.witch;
|
|
if(keyCode == 13 || keyCode == 108) {
|
|
e.preventDefault();
|
|
Note.searchNote();
|
|
return false;
|
|
}
|
|
});
|
|
|
|
$("#saveBtn").click(function() {
|
|
// 只有在这里, 才会force
|
|
Note.curChangedSaveIt(true);
|
|
});
|
|
|
|
// blog
|
|
Note.$itemList.on("click", ".item-blog", function(e) {
|
|
e.preventDefault();
|
|
// 这导致其它dropdown不能隐藏
|
|
e.stopPropagation();
|
|
// 所以
|
|
$(document).click();
|
|
|
|
// 得到ID
|
|
var noteId = $(this).parent().attr('noteId');
|
|
var note = Note.getNote(noteId);
|
|
if (note) {
|
|
window.open(Note.getPostUrl(note));
|
|
}
|
|
});
|
|
|
|
// note setting
|
|
Note.$itemList.on("click", ".item-my .item-setting", function(e) {
|
|
e.preventDefault();
|
|
|
|
// 这导致其它dropdown不能隐藏
|
|
e.stopPropagation();
|
|
// 所以
|
|
$(document).click();
|
|
|
|
var $p = $(this).parent();
|
|
Note.contextmenu.showMenu(e, $p);
|
|
});
|
|
|
|
// readony
|
|
// 修改
|
|
$('.toolbar-update').click(function() {
|
|
Note.toggleWriteable();
|
|
});
|
|
$("#editBtn").click(function() {
|
|
Note.toggleWriteableAndReadOnly();
|
|
});
|
|
|
|
//
|
|
// 笔记内容里的链接跳转
|
|
$('#editorContent').on('click', 'a', function (e) {
|
|
if (Note.readOnly) {
|
|
var href = $(this).attr('href');
|
|
// 是一个hash
|
|
if (href && href[0] == '#') {
|
|
return;
|
|
}
|
|
e.preventDefault();
|
|
window.open(href);
|
|
}
|
|
});
|
|
$('#preview-contents').on('click', 'a', function (e) {
|
|
var href = $(this).attr('href');
|
|
// 是一个hash
|
|
if (href && href[0] == '#') {
|
|
return;
|
|
}
|
|
e.preventDefault();
|
|
window.open(href);
|
|
});
|
|
});
|
|
|
|
// 定时器启动
|
|
Note.startInterval();
|