lsm/mindoc
1
0
Fork 0
mirror of https://github.com/mindoc-org/mindoc.git synced 2025-09-20 02:37:59 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

refactor:1、重构文档阅读页面JS逻辑

Browse Source 
2、重构CDN相关函数，增加版本号参数
3、优化添加模板UI
This commit is contained in:
lifei6671
2018-08-15 15:33:22 +08:00
parent ce67a87e40
commit 63c5716dfb
39 changed files with 150 additions and 113 deletions
Download Patch File Download Diff File Expand all files Collapse all files

122
static/js/kancloud.js
View File

@@ -1,3 +1,60 @@
var events = function () {
var articleOpen = function (event, $param) {
var prevState = window.history.state || {};
if ('pushState' in history) {
if ($param.$id) {
prevState.$id === $param.$id || window.history.pushState($param, $param.$id, $param.$url);
} else {
window.history.pushState($param, $param.$id, $param.$url);
window.history.replaceState($param, $param.$id, $param.$url);
}
} else {
window.location.hash = $param.$url;
}
initHighlighting();
$(".manual-right").scrollTop(0);
//使用layer相册功能查看图片
layer.photos({photos: "#page-content"});
};
if(window.sessionStorage){
return {
data: function ($key, $value) {
if(typeof $value === "undefined"){
var data = window.sessionStorage.getItem($key);
return JSON.parse(data);
} else {
$value = JSON.stringify($value);
return window.sessionStorage.setItem($key,$value);
}
},
trigger: function ($e, $obj) {
articleOpen($e, $obj);
}
}
}else{
return {
data : function ($key, $value) {
if(typeof $value === "undefined"){
return $("body").data($key);
}else{
return $('body').data($key, $value);
}
},
trigger: function ($e, $obj) {
if($e === "article.open"){
articleOpen($e, $obj);
}else {
$('body').trigger('article.open', $obj);
}
}
}
}
}();
/***
* 加载文档到阅读区
* @param $url
@@ -9,25 +66,23 @@ function loadDocument($url, $id, $callback) {
url : $url,
type : "GET",
beforeSend : function (xhr) {
var body = events.data('body_' + $id);
var title = events.data('title_' + $id);
var doc_title = events.data('doc_title_' + $id);
var doc_info = events.data('doc_info_' + $id);
if (body && title && doc_title) {
var data = events.data("document_" + $id);
if(data) {
if (typeof $callback === "function") {
body = $callback(body);
data.body = $callback(data.body);
}
$("#page-content").html(body);
$("title").text(title);
$("#article-title").text(doc_title);
$("#article-info").text(doc_info);
$("#page-content").html(data.body);
$("title").text(data.title);
$("#article-title").text(data.doc_title);
$("#article-info").text(data.doc_info);
events.trigger('article.open', { $url : $url, $id : $id });
events.trigger('article.open', {$url: $url, $id: $id});
return false;
}
NProgress.start();
},
success : function (res) {
@@ -47,10 +102,7 @@ function loadDocument($url, $id, $callback) {
$("#article-title").text(doc_title);
$("#article-info").text(doc_info);
events.data('body_' + $id, body);
events.data('title_' + $id, title);
events.data('doc_title_' + $id, doc_title);
events.data('doc_info_' + $id, doc_info);
events.data('document_' + $id, res.data);
events.trigger('article.open', { $url : $url, $id : $id });
} else if (res.errcode === 6000) {
@@ -86,7 +138,7 @@ function initHighlighting() {
}
var events = $("body");
$(function () {
$(".view-backtop").on("click", function () {
@@ -117,13 +169,7 @@ $(function () {
}
}).on('select_node.jstree', function (node, selected, event) {
$(".m-manual").removeClass('manual-mobile-show-left');
var url = selected.node.a_attr.href;
if (url === window.location.href) {
return false;
}
loadDocument(url, selected.node.id);
loadDocument(selected.node.a_attr.href, selected.node.id);
});
$("#slidebar").on("click", function () {
@@ -145,34 +191,6 @@ $(function () {
}
});
// 处理打开事件
events.on('article.open', function (event, $param) {
var prevState = window.history.state || {};
if ('pushState' in history) {
// if ($param.$init === false) {
// window.history.replaceState($param, $param.$id, $param.$url);
// } else {
// window.history.pushState($param, $param.$id, $param.$url);
// }
if ($param.$id) {
prevState.$id === $param.$id || window.history.pushState($param, $param.$id, $param.$url);
} else {
window.history.pushState($param, $param.$id, $param.$url);
window.history.replaceState($param, $param.$id, $param.$url);
}
} else {
window.location.hash = $param.$url;
}
initHighlighting();
$(".manual-right").scrollTop(0);
//使用layer相册功能查看图片
layer.photos({photos: "#page-content"});
});
$(".navg-item[data-mode]").on("click", function () {
var mode = $(this).data('mode');
$(this).siblings().removeClass('active').end().addClass('active');