leanote/desktop-app
1
0
Fork 0
mirror of https://github.com/leanote/desktop-app.git synced 2025-10-19 10:07:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

Switch view by change noteItemList's classList

Browse Source
This commit is contained in:
LucasYuNju
2016-12-28 16:08:41 +08:00
parent 4dd0b881ad
commit ff79dfc7c3
1 changed files with 23 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
public/js/app/note.js
View File

@@ -20,31 +20,31 @@ Note.cacheByNotebookId = {all: {}};
Note.notebookIds = {}; // notebookId => true Note.notebookIds = {}; // notebookId => true
// 初始化模版字符串 // 初始化模版字符串
(function() { // blog, star, settings
Note.itemTpl = {}; var itemIsBlog = '<div class="item-blog"><i class="fa fa-bold" title="' + getMsg('Blog') + '"></i></div><div class="item-conflict-info"><i class="fa fa-bug" title="' + getMsg('Conflict') + '!!"></i></div><div class="item-star"><i class="fa fa-star-o" title="' + getMsg('Star') + '"></i></div><div class="item-setting"><i class="fa fa-cog" title="' + getMsg('Setting') + '"></i></div>';
Note.itemTplNoImg = {}; Note.itemTplNoImg = '<li href="#" class="item summary-item ?" data-seq="?" noteId="?">';
// blog, star, settings Note.itemTplNoImg += 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>';
var itemIsBlog = '<div class="item-blog"><i class="fa fa-bold" title="' + getMsg('Blog') + '"></i></div><div class="item-conflict-info"><i class="fa fa-bug" title="' + getMsg('Conflict') + '!!"></i></div><div class="item-star"><i class="fa fa-star-o" title="' + getMsg('Star') + '"></i></div><div class="item-setting"><i class="fa fa-cog" title="' + getMsg('Setting') + '"></i></div>'; Note.itemTpl = '<li href="#" class="item summary-item ? item-image" data-seq="?" noteId="?"><div class="item-thumb" style=""><img src="?"/></div>';
Note.itemTpl += 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>';
// list view Note.switchView = function(view) {
Note.itemTplNoImg.list = '<li href="#" class="item list-item ?" data-seq="?" noteId="?">'; if (view === 'list') {
Note.itemTplNoImg.list += itemIsBlog + '<div class="item-desc"><p class="item-title">?</p><p class="hidden">?</p><p class="hidden">?</p><p class="hidden">?</p></div></li>'; $('#noteItemList').removeClass('snippet-view');
Note.itemTpl.list = '<li href="#" class="item list-item ?" data-seq="?" noteId="?"><p class="hidden">?</p>'; $('#noteItemList').addClass('list-view');
Note.itemTpl.list += itemIsBlog + '<div class="item-desc"><p class="item-title">?</p><p class="hidden">?</p><p class="hidden">?</p><p class="hidden">?</p></div></li>'; }
else if (view === 'snippet') {
// summary view $('#noteItemList').removeClass('list-view');
Note.itemTplNoImg.summary = '<li href="#" class="item summary-item ?" data-seq="?" noteId="?">'; $('#noteItemList').addClass('snippet-view');
Note.itemTplNoImg.summary += 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>'; }
Note.itemTpl.summary = '<li href="#" class="item summary-item ? item-image" data-seq="?" noteId="?"><div class="item-thumb" style=""><img src="?"/></div>'; }
Note.itemTpl.summary += 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>'; Note.switchView(Config.view || 'summary');
})();
Note.getItemTpl = function() { Note.getItemTpl = function() {
return Note.itemTpl[Config.view || 'summary']; return Note.itemTpl;
} }
Note.getItemTplNoImg = function() { Note.getItemTplNoImg = function() {
return Note.itemTplNoImg[Config.view ||'summary']; return Note.itemTplNoImg;
} }
// 定时保存信息 // 定时保存信息
@@ -3223,15 +3223,14 @@ $(function() {
// 切换列表视图 // 切换列表视图
$("#viewModeDropdown").click(function() { $("#viewModeDropdown").click(function() {
console.log("*******");
var themeSubmenus = new gui.Menu(); var themeSubmenus = new gui.Menu();
themeSubmenus.append(new gui.MenuItem({ themeSubmenus.append(new gui.MenuItem({
checked: Config.view === "summary", checked: Config.view === "snippet",
label: "摘要视图", label: "摘要视图",
type: "checkbox", type: "checkbox",
click: function() { click: function() {
Config.view = 'summary'; Config.view = 'snippet';
Notebook.renderCurNotebook(); Note.switchView('snippet');
Api.writeConfig(Config); Api.writeConfig(Config);
} }
})); }));
@@ -3241,7 +3240,7 @@ $(function() {
type: "checkbox", type: "checkbox",
click: function() { click: function() {
Config.view = 'list'; Config.view = 'list';
Notebook.renderCurNotebook(); Note.switchView('list');
Api.writeConfig(Config); Api.writeConfig(Config);
} }
})); }));