forked from mirror/MrDoc
315 lines
13 KiB
HTML
315 lines
13 KiB
HTML
|
{% load staticfiles %}
|
||
|
|
<!DOCTYPE html>
|
||
|
|
<html lang="zh-cn">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<title>搜索{{kw}}结果 - {{ project.name }} - MrDoc</title>
|
||
|
|
<link href="{% static 'layui/css/layui.css' %}" rel="stylesheet">
|
||
|
|
<link rel="stylesheet" href="{% static 'editor.md/css/editormd.css' %}" />
|
||
|
|
<link rel="stylesheet" href="{% static 'prism/prism.css' %}" />
|
||
|
|
<link rel="stylesheet" href="{% static 'katex/katex.min.css' %}" />
|
||
|
|
<link rel="stylesheet" href="{% static 'share.js/css/share.min.css' %}" />
|
||
|
|
<link rel="icon" href="{% static 'favicon_16.png' %}"/>
|
||
|
|
<link href="{% static 'mrdoc.css' %}" rel="stylesheet">
|
||
|
|
<style>
|
||
|
|
.doc-content ul li{
|
||
|
|
list-style:disc;
|
||
|
|
}
|
||
|
|
.doc-content ul > li > ul > li{
|
||
|
|
list-style-type: circle;
|
||
|
|
}
|
||
|
|
.doc-content ol li{
|
||
|
|
list-style-type: decimal;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="doc">
|
||
|
|
<!-- 左侧目录栏 -->
|
||
|
|
<div class="doc-summary">
|
||
|
|
<form action="{% url 'pro_index' pro_id=project.id %}" method="get">
|
||
|
|
<div id="doc-search-input">
|
||
|
|
<input type="text" name="kw" placeholder="输入并回车搜索" value="" class="layui-input doc-search-input">
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
<div class="project-title">
|
||
|
|
<a href="{% url 'pro_index' pro_id=project.id %}">{{ project.name }}</a>
|
||
|
|
</div>
|
||
|
|
<hr>
|
||
|
|
{% load doc_filter %}
|
||
|
|
<nav>
|
||
|
|
<ul class="summary">
|
||
|
|
<!-- 一级目录 -->
|
||
|
|
{% for docs in project_docs %}
|
||
|
|
<li>
|
||
|
|
{% if docs.id|get_next_doc %}
|
||
|
|
<div style="display:flex;justify-content:space-between;">
|
||
|
|
<a href="{% url 'doc' pro_id=docs.top_doc doc_id=docs.id %}">{{ docs.name }}</a>
|
||
|
|
<i class="fa fa-chevron-left switch-toc" style="padding:15px;"></i>
|
||
|
|
</div>
|
||
|
|
<ul class="sub-menu toc-close">
|
||
|
|
<!-- 二级目录 -->
|
||
|
|
{% for node in docs.id|get_next_doc %}
|
||
|
|
<li>
|
||
|
|
{% if node.id|get_next_doc %}
|
||
|
|
<div style="display:flex;justify-content:space-between;">
|
||
|
|
<a href="{% url 'doc' pro_id=node.top_doc doc_id=node.id %}">{{ node.name }}</a>
|
||
|
|
<i class="fa fa-chevron-left switch-toc" style="padding:15px;"></i>
|
||
|
|
</div>
|
||
|
|
<ul class="sub-menu toc-close">
|
||
|
|
<!-- 三级目录 -->
|
||
|
|
{% for doc in node.id|get_next_doc %}
|
||
|
|
<li><a href="{% url 'doc' pro_id=doc.top_doc doc_id=doc.id %}">{{ doc.name }}</a></li>
|
||
|
|
{% endfor %}
|
||
|
|
</ul>
|
||
|
|
{% else %}
|
||
|
|
<a href="{% url 'doc' pro_id=node.top_doc doc_id=node.id %}">{{ node.name }}</a>
|
||
|
|
{% endif %}
|
||
|
|
</li>
|
||
|
|
{% endfor %}
|
||
|
|
</ul>
|
||
|
|
{% else %}
|
||
|
|
<a href="{% url 'doc' pro_id=docs.top_doc doc_id=docs.id %}">{{ docs.name }}</a>
|
||
|
|
{% endif %}
|
||
|
|
</li>
|
||
|
|
{% endfor %}
|
||
|
|
</ul>
|
||
|
|
</nav>
|
||
|
|
<div class="bq">
|
||
|
|
<a href="" class="mrdoc-link">本文档使用MrDoc发布</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- 左侧目录栏结束 -->
|
||
|
|
|
||
|
|
<!-- 右侧文档栏 -->
|
||
|
|
<div class="doc-body">
|
||
|
|
<!-- 文档导航 -->
|
||
|
|
<div class="doc-header" role="navigation">
|
||
|
|
<a class="btn pull-right" aria-label="" href="{% url 'pro_list' %}">
|
||
|
|
<i class="fa fa-home"></i> 返回首页
|
||
|
|
</a>
|
||
|
|
<a class="btn pull-left js-toolbar-action" aria-label="" href="javascript:void(0);" title="切换侧边栏">
|
||
|
|
<i class="fa fa-align-justify"></i>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<a class="btn pull-left font-small" href="javascript:void(0);" title="缩小字体">
|
||
|
|
<i class="fa fa-font">-</i>
|
||
|
|
</a>
|
||
|
|
<div class="dropdown pull-left font-settings ">
|
||
|
|
<a class="btn toggle-dropdown font-large" href="javascript:void(0);" title="放大字体">
|
||
|
|
<i class="fa fa-font">+</i>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<a class="btn pull-left font-switch" href="javascript:void(0);" title="切换字体类型">
|
||
|
|
<i class="fa fa-text-height"></i>
|
||
|
|
</a>
|
||
|
|
{% if request.user == doc.create_user %}
|
||
|
|
<a class="btn pull-left" aria-label="" href="{% url 'modify_doc' doc_id=doc.id %}">
|
||
|
|
<i class="fa fa-edit"></i> 修改文档
|
||
|
|
</a>
|
||
|
|
<a class="btn pull-left" aria-label="" href="{% url 'create_doc' %}" target="_blank">
|
||
|
|
<i class="fa fa-edit"></i> 新建文档
|
||
|
|
</a>
|
||
|
|
{% endif %}
|
||
|
|
</div>
|
||
|
|
<!-- 文档主体 -->
|
||
|
|
<div class="doc-body-content">
|
||
|
|
<div class="doc-body-content-div">
|
||
|
|
<!-- 文档内容 -->
|
||
|
|
<div class="doc-content">
|
||
|
|
<!-- 标题 -->
|
||
|
|
<div class="doc-info">
|
||
|
|
<!-- 文集标题 -->
|
||
|
|
<h1>搜索{{kw}}共有{{ search_result.count }}个结果 - {{project.name}}</h1>
|
||
|
|
<hr>
|
||
|
|
|
||
|
|
<!-- 广告代码开始 -->
|
||
|
|
{% if ad_code %}
|
||
|
|
<div class="ad-code">
|
||
|
|
{{ ad_code | safe }}
|
||
|
|
</div>
|
||
|
|
{% endif %}
|
||
|
|
<!-- 广告代码结束 -->
|
||
|
|
</div>
|
||
|
|
<!-- 标题结束 -->
|
||
|
|
|
||
|
|
<!-- 正文开始 -->
|
||
|
|
<div class="markdown-body" id="content">
|
||
|
|
{% for result in search_result %}
|
||
|
|
<div>
|
||
|
|
<h3><a href="{% url 'doc' pro_id=project.id doc_id=result.id %}" target="_blank">{{ result.name }}</a></h3>
|
||
|
|
<p>{{ result.pre_content|truncatechars:300 }}</p>
|
||
|
|
</div>
|
||
|
|
{% endfor %}
|
||
|
|
</div>
|
||
|
|
<!-- 正文结束 -->
|
||
|
|
</div>
|
||
|
|
<!-- 文档目录 -->
|
||
|
|
<div class="doc-cata">
|
||
|
|
<div id="toc-container"></div>
|
||
|
|
</div>
|
||
|
|
<!-- 社交分享 -->
|
||
|
|
<div class="share-div" style="margin-top: 10px;padding:10px;text-align: center;background-color: #fafafa">
|
||
|
|
分享到：<span class="social-share"></span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- 右侧文档栏结束 -->
|
||
|
|
<div class="toTop"><i class="layui-icon layui-icon-top" style="font-size: 50px;"></i></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<script src="https://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
|
||
|
|
<script src="{% static 'layui/layui.all.js' %}"></script>
|
||
|
|
<script src="{% static 'prism/prism.js' %}"></script>
|
||
|
|
<script src="{% static 'editor.md/lib/marked.min.js' %}"></script>
|
||
|
|
<script src="{% static 'editor.md/lib/prettify.min.js' %}"></script>
|
||
|
|
<script src="{% static 'editor.md/lib/raphael.min.js' %}"></script>
|
||
|
|
<script src="{% static 'editor.md/lib/underscore.min.js' %}"></script>
|
||
|
|
<script src="{% static 'editor.md/lib/sequence-diagram.min.js' %}"></script>
|
||
|
|
<script src="{% static 'editor.md/lib/flowchart.min.js' %}"></script>
|
||
|
|
<script src="{% static 'editor.md/lib/jquery.flowchart.min.js' %}"></script>
|
||
|
|
<script src="{% static 'editor.md/editormd.min.js' %}"></script>
|
||
|
|
<script src="{% static 'share.js/js/social-share.min.js' %}"></script>
|
||
|
|
{% block custom_script %}
|
||
|
|
<script>
|
||
|
|
$.ajaxSetup({
|
||
|
|
data: {csrfmiddlewaretoken: '{{ csrf_token }}' },
|
||
|
|
});
|
||
|
|
//为当前页面的目录链接添加蓝色样式
|
||
|
|
$("nav li a").each(function (i) {
|
||
|
|
var $me = $(this);
|
||
|
|
var lochref = $.trim(window.location.href);
|
||
|
|
var mehref = $.trim($me.get(0).href);
|
||
|
|
if (lochref.indexOf(mehref) != -1) {
|
||
|
|
//console.log($me,lochref,mehref)
|
||
|
|
$me.closest("li").addClass("active");
|
||
|
|
//展开当前文档的上级目录
|
||
|
|
$me.parent("li").parent('ul.sub-menu').toggleClass("toc-close toc-open"); //展开二级目录
|
||
|
|
$me.parent("div").parent('li').parent('ul.sub-menu').toggleClass("toc-close toc-open"); //展开还有子级的二级目录
|
||
|
|
$me.parent("li").parent('ul').parent('li').parent('ul.sub-menu').toggleClass("toc-close toc-open"); //展开三级目录
|
||
|
|
$me.parents("ul.sub-menu").prevAll("div").children("i").toggleClass("fa-chevron-left fa-chevron-down");//切换图标
|
||
|
|
} else {
|
||
|
|
//console.log(lochref,mehref)
|
||
|
|
$me.closest("li").removeClass("active");
|
||
|
|
}
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
<!-- 页面初始化字体设置 -->
|
||
|
|
<script>
|
||
|
|
font_stauts = window.localStorage.getItem('font-sans')
|
||
|
|
//font_size = window.localStorage.getItem('font-size')
|
||
|
|
if(font_stauts == 'serif'){
|
||
|
|
$(".doc-content").toggleClass("switch-font")
|
||
|
|
$("#content").toggleClass("switch-font")
|
||
|
|
}
|
||
|
|
if(window.localStorage.getItem('font-size')){
|
||
|
|
font_size = window.localStorage.getItem('font-size')
|
||
|
|
console.log(font_size)
|
||
|
|
//$('.doc-info h1').css({'font-size':font_size+'rem'})
|
||
|
|
$('#content').css({'font-size':font_size+'rem'})
|
||
|
|
}else{
|
||
|
|
window.localStorage.setItem('font-size',0.8)
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
<!-- 返回顶部 -->
|
||
|
|
<script type="text/javascript">
|
||
|
|
$(document).ready(function() {
|
||
|
|
// 初始时，“返回顶部”标签隐藏
|
||
|
|
$(".toTop").hide();
|
||
|
|
$(window).scroll(function() {
|
||
|
|
// 若滚动的高度，超出指定的高度后，“返回顶部”的标签出现。
|
||
|
|
if($(document).scrollTop() >= 150) {
|
||
|
|
$(".toTop").show();
|
||
|
|
} else {
|
||
|
|
$(".toTop").hide();
|
||
|
|
}
|
||
|
|
})
|
||
|
|
// 绑定点击事件，实现返回顶部的效果
|
||
|
|
$(".toTop").click(function() {
|
||
|
|
$(document).scrollTop(0);
|
||
|
|
});
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
<!-- 切换隐藏侧边栏 -->
|
||
|
|
<script>
|
||
|
|
// 切换侧边栏
|
||
|
|
$(function(){
|
||
|
|
$(".js-toolbar-action").click(toggleSidebar);
|
||
|
|
});
|
||
|
|
//切换侧边栏显示隐藏
|
||
|
|
function toggleSidebar(){
|
||
|
|
console.log("切换侧边栏")
|
||
|
|
$("body").toggleClass("big-page");
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
<!-- 切换内容字体 -->
|
||
|
|
<script>
|
||
|
|
//切换文档内容字体类型
|
||
|
|
$(function(){
|
||
|
|
$('.font-switch').click(switchFont);
|
||
|
|
});
|
||
|
|
function switchFont(){
|
||
|
|
if(font_stauts == 'serif'){
|
||
|
|
$(".doc-content").toggleClass("switch-font")
|
||
|
|
$("#content").toggleClass("switch-font")
|
||
|
|
window.localStorage.setItem('font-sans','sans')
|
||
|
|
}else{
|
||
|
|
$(".doc-content").toggleClass("switch-font")
|
||
|
|
$("#content").toggleClass("switch-font")
|
||
|
|
window.localStorage.setItem('font-sans','serif')
|
||
|
|
}
|
||
|
|
};
|
||
|
|
//放大字体
|
||
|
|
$(function(){
|
||
|
|
$('.font-large').click(largeFont);
|
||
|
|
});
|
||
|
|
function largeFont(){
|
||
|
|
var font_size = window.localStorage.getItem('font-size')
|
||
|
|
console.log(font_size)
|
||
|
|
if(parseFloat(font_size) < 1.4){
|
||
|
|
size = parseFloat(font_size) + 0.1
|
||
|
|
//$('.doc-info h1').css({'font-size':size+'rem'})
|
||
|
|
$('#content').css({'font-size':size+'rem'})
|
||
|
|
window.localStorage.setItem('font-size',size)
|
||
|
|
}else{
|
||
|
|
console.log("xxx")
|
||
|
|
}
|
||
|
|
};
|
||
|
|
//缩小字体
|
||
|
|
$(function(){
|
||
|
|
$('.font-small').click(smallFont);
|
||
|
|
});
|
||
|
|
function smallFont(){
|
||
|
|
var font_size = window.localStorage.getItem('font-size')
|
||
|
|
//console.log(font_size)
|
||
|
|
if(parseFloat(font_size) >= 0.6){
|
||
|
|
size = parseFloat(font_size) - 0.2
|
||
|
|
//$('.doc-info h1').css({'font-size':size+'rem'})
|
||
|
|
$('#content').css({'font-size':size+'rem'})
|
||
|
|
window.localStorage.setItem('font-size',size)
|
||
|
|
}else{
|
||
|
|
console.log("xxx")
|
||
|
|
}
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
<!-- 展开收起左边目录 -->
|
||
|
|
<script>
|
||
|
|
$(function(){
|
||
|
|
$(".switch-toc").click(SwitchToc);
|
||
|
|
});
|
||
|
|
function SwitchToc(i){
|
||
|
|
var $me = $(this);
|
||
|
|
$(this).parent().next("ul").toggleClass("toc-close"); //切换展开收起样式
|
||
|
|
$(this).toggleClass("fa-chevron-left fa-chevron-down");//切换图标
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<!-- 统计代码开始 -->
|
||
|
|
{{ static | safe }}
|
||
|
|
<!-- 统计代码结束 -->
|
||
|
|
{% endblock %}
|
||
|
|
</body>
|
||
|
|
</html>
|