笔记信息, 历史记录, 提示, 附件优化

https://github.com/leanote/leanote/issues/224
2015-10-10 16:10:54 +08:00
parent 274875c6c4
commit 320263eefa
58 changed files with 2078 additions and 5398 deletions
--- a/public/js/plugins/history.js
+++ b/public/js/plugins/history.js
@ -0,0 +1,161 @@
+/**
+ * @file 历史记录
+ * @author  life
+ * 
+ */
+define('history', [], function() {
+
+    var tpl = ['<div class="modal fade history-modal" tabindex="-1" role="dialog" aria-hidden="true">',
+            '<div class="modal-dialog modal-lg ">',
+                '<div class="modal-content">',
+                    '<div class="modal-header">',
+                        '<h4 class="modal-title" class="modalTitle">' + + '</h4>',
+                    '</div>',
+                    '<div class="modal-body clearfix">',
+                        '<div class="history-list-wrap pull-left">',
+                            '<div class="history-list-header">' + getMsg('history') +' (<span class="history-num"></span>)</div>',
+                            '<div class="history-list list-group"></div>',
+                        '</div>',
+                        '<div class="history-content-wrap pull-left">',
+                            '<div class="history-content-header">',
+                                '<a class="btn btn-primary back">' + getMsg('restoreFromThisVersion') + '</a>',
+                                '<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>',
+                            '</div>',
+                            '<div class="history-content"></div>',
+                        '</div>',
+                    '</div>',
+                    '<div class="modal-footer hide">',
+                        '<button type="button" class="btn btn-default" data-dismiss="modal">' + getMsg('close') + '</button>',
+                    '</div>',
+                '</div>',
+            '</div>',
+       '</div>'].join('');
+    var $tpl = $(tpl);
+
+    var $historyContent = $tpl.find('.history-content');
+    var $historyList = $tpl.find('.history-list');
+    var $historyNum = $tpl.find('.history-num');
+    var view = {
+        note: null,
+        list: [],
+        curIndex: 0,
+
+        renderContent: function (i) {
+            var content = this.list[i].Content;
+            this.curIndex = i;
+
+            var wrap = '<div>';
+            var wrapEnd = '</div>';
+            if (this.note.IsMarkdown) {
+                wrap = '<pre>';
+                wrapEnd = '</pre>';
+            }
+            $historyContent.html(wrap + content + wrapEnd);
+
+            var as = $historyList.find('a');
+            as.removeClass('active');
+            as.eq(i).addClass('active');
+        },
+        render: function (list) {
+            var navs = '';
+            this.list = list;
+            if (list) {
+                for(var i = 0; i < list.length; ++i) {
+                    var content = list[i];
+                    navs += '<a class="list-group-item" data-index="' + i + '"><span class="badge">#' + (i+1)+ '</span>' + goNowToDatetime(content.UpdatedTime) + '</a>';
+                }
+            }
+            $historyList.html(navs);
+
+            this.renderContent(0);
+            $historyNum.html(list.length);
+            // show
+            $tpl.modal({show: true});
+        },
+
+        bind: function () {
+            var me = this;
+            $("#contentHistory").click(function() {
+                me.getHistories();
+            });
+
+            $historyList.on('click', 'a', function () {
+                var index = $(this).data('index');
+                me.renderContent(index);
+            });
+
+            // 还原
+            $tpl.find('.back').click(function() {
+                if(confirm(getMsg("confirmBackup"))) {
+                    // 保存当前版本
+                    Note.curChangedSaveIt(true);
+
+                    // 设置之
+                    note = Note.cache[Note.curNoteId];
+                    setEditorContent(me.list[me.curIndex].Content, note.IsMarkdown);
+
+                    $tpl.modal('hide');
+                    // 保存
+                    Note.curChangedSaveIt(true);
+                }
+            });
+        },
+
+        getHistories: function () {
+            var me = this;
+            var note = Note.getCurNote();
+            me.note = note;
+            ajaxGet("/noteContentHistory/listHistories", {noteId: Note.curNoteId}, function(re) {
+                if(!isArray(re)) {
+                    alert(getMsg('noHistories'));
+                    return;
+                }
+
+                me.render(re);
+
+                return;
+
+                // 组装成一个tab
+                var str = "<p>" + getMsg("historiesNum") + '</p><div id="historyList"><table class="table table-hover">';
+                note = Note.cache[Note.curNoteId];
+                var s = "div"
+                if(note.IsMarkdown) {
+                    s = "pre";
+                }
+                for (i in re) {
+                    var content = re[i]
+                    content.Ab = Note.genAbstract(content.Content, 200);
+                    // 为什么不用tt(), 因为content可能含??
+                    str += '<tr><td seq="' +  i + '">#' + (i+1) +'<' + s + ' class="each-content">' + content.Ab + '</' + s + '> <div class="btns">' + getMsg("datetime") + ': <span class="label label-default">' + goNowToDatetime(content.UpdatedTime) + '</span> <button class="btn btn-default all">' + getMsg("unfold") + '</button> <button class="btn btn-primary back">' + getMsg('restoreFromThisVersion') + '</button></div></td></tr>';
+                }
+                str += "</table></div>";
+                $content.html(str);
+                $("#historyList .all").click(function() {
+                    $p = $(this).parent().parent();
+                    var seq = $p.attr("seq");
+                    var $c = $p.find(".each-content");
+                    var info = re[seq]; 
+                    if(!info.unfold) { // 默认是折叠的
+                        $(this).text(getMsg("fold")); // 折叠
+                        $c.html(info.Content);
+                        info.unfold = true;
+                    } else {
+                        $(this).text(getMsg("unfold")); // 展开
+                        $c.html(info.Ab);
+                        info.unfold = false
+                    }
+                });
+
+               
+            });
+        },
+
+        init: function () {
+            var me = this;
+            this.bind();
+
+        }
+    };
+
+    view.init();
+});