2019-12-15 15:45:05 +08:00
|
|
|
|
<!-- 继承自模板:app_doc/docs_base.html -->
|
|
|
|
|
{% extends 'app_doc/docs_base.html' %}
|
|
|
|
|
<!-- 引入静态文件 -->
|
2019-12-08 18:59:49 +08:00
|
|
|
|
{% load staticfiles %}
|
|
|
|
|
|
2020-02-17 23:02:53 +08:00
|
|
|
|
{% block keyword %}{{ doc.name }},{{ project.name }},{% endblock %}
|
|
|
|
|
{% block description %}{{doc.pre_content | slice:"0:100"}}{% endblock %}
|
2019-12-15 15:45:05 +08:00
|
|
|
|
{% block title %}{{ doc.name }} - {{ project.name }}{% endblock %}
|
2019-12-08 18:59:49 +08:00
|
|
|
|
|
2019-12-15 15:45:05 +08:00
|
|
|
|
{% block head_toolbar %}
|
2020-08-07 21:36:37 +08:00
|
|
|
|
{% if request.user == doc.create_user or request.user == project.create_user %}
|
2020-04-03 21:05:27 +08:00
|
|
|
|
<span class="btn pull-left">|</span>
|
2019-12-15 15:45:05 +08:00
|
|
|
|
<a class="btn pull-left" aria-label="" href="{% url 'modify_doc' doc_id=doc.id %}">
|
2020-04-03 21:05:27 +08:00
|
|
|
|
<i class="fa fa-edit"></i> <span class="layui-hide-xs">修改</span>
|
2019-12-15 15:45:05 +08:00
|
|
|
|
</a>
|
2020-02-27 20:58:37 +08:00
|
|
|
|
<a class="btn pull-left" aria-label="" href="{% url 'create_doc' %}?pid={{project.id}}" target="_blank">
|
2020-04-06 17:36:04 +08:00
|
|
|
|
<i class="fa fa-plus-square"></i> <span class="layui-hide-xs">添加</span>
|
2020-04-03 21:05:27 +08:00
|
|
|
|
</a>
|
|
|
|
|
<a class="btn pull-left" aria-label="" href="{% url 'manage_doc' %}" target="_blank">
|
2020-04-06 17:36:04 +08:00
|
|
|
|
<i class="fa fa-cubes"></i> <span class="layui-hide-xs">管理</span>
|
2020-04-03 21:05:27 +08:00
|
|
|
|
</a>
|
|
|
|
|
{% elif colla_user > 0 %}
|
|
|
|
|
<span class="btn pull-left">|</span>
|
|
|
|
|
{% if colla_user_role == 1 %}
|
|
|
|
|
<a class="btn pull-left" aria-label="" href="{% url 'modify_doc' doc_id=doc.id %}">
|
|
|
|
|
<i class="fa fa-edit"></i> <span class="layui-hide-xs">修改</span>
|
|
|
|
|
</a>
|
|
|
|
|
{% endif %}
|
|
|
|
|
<a class="btn pull-left" aria-label="" href="{% url 'create_doc' %}?pid={{project.id}}" target="_blank">
|
2020-04-06 17:36:04 +08:00
|
|
|
|
<i class="fa fa-plus-square"></i> <span class="layui-hide-xs">添加</span>
|
2019-12-15 15:45:05 +08:00
|
|
|
|
</a>
|
2020-03-21 16:52:11 +08:00
|
|
|
|
{% endif %}
|
2020-03-21 16:11:21 +08:00
|
|
|
|
<!-- 文档目录 -->
|
2020-08-07 21:36:37 +08:00
|
|
|
|
<div id="toc-container" class='sidebar'></div>
|
2020-08-30 13:51:26 +08:00
|
|
|
|
|
2019-12-15 15:45:05 +08:00
|
|
|
|
{% endblock %}
|
2019-12-08 18:59:49 +08:00
|
|
|
|
|
2019-12-15 15:45:05 +08:00
|
|
|
|
{% block content_head %}
|
|
|
|
|
<h1>{{ doc.name }}</h1><hr>
|
2020-03-21 16:11:21 +08:00
|
|
|
|
|
2020-08-30 13:51:26 +08:00
|
|
|
|
<!-- <p style="" class="project-doc-content-head">
|
2020-03-21 16:11:21 +08:00
|
|
|
|
<i class="fa fa-user"></i> 作者:{{ doc.create_user.username }}
|
2019-12-15 15:45:05 +08:00
|
|
|
|
<i class="fa fa-edit"></i> 最后修改于:{{ doc.modify_time }}
|
2020-08-30 13:51:26 +08:00
|
|
|
|
</p> -->
|
2020-03-21 16:11:21 +08:00
|
|
|
|
|
2019-12-15 15:45:05 +08:00
|
|
|
|
{% endblock %}
|
2019-12-08 18:59:49 +08:00
|
|
|
|
|
2019-12-15 15:45:05 +08:00
|
|
|
|
{% block page_content %}
|
2020-03-21 16:11:21 +08:00
|
|
|
|
<textarea style="display: none;">{{ doc.pre_content }}</textarea>
|
|
|
|
|
|
2020-01-15 21:03:44 +08:00
|
|
|
|
{% endblock %}
|
|
|
|
|
|
2020-07-31 20:23:23 +08:00
|
|
|
|
{% block doc_bottom_block %}
|
2020-08-30 13:51:26 +08:00
|
|
|
|
<div class="layui-row" style="margin-bottom: 10px;padding-left: 20px;">
|
|
|
|
|
{% if doc_tags.count > 0 %}
|
|
|
|
|
<i class="fa fa-tag"></i>
|
|
|
|
|
{% for tag in doc_tags %}
|
|
|
|
|
<a href="{% url 'tag_docs' tag.tag.id %}" style="font-size: 12px;line-height: 14px;height: 16px;padding: 0 5px;margin-left: 0;">{{tag.tag.name}}</a>
|
|
|
|
|
{% endfor %}
|
|
|
|
|
{% endif %}
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="layui-row layui-col-space20" style="padding-left: 20px;">
|
|
|
|
|
<span>
|
|
|
|
|
<i class="fa fa-user"></i> {{ doc.create_user.username }}
|
|
|
|
|
</span>
|
|
|
|
|
<span tooltip="更新于:{{doc.modify_time}}">
|
|
|
|
|
<i class="fa fa-clock-o"></i> {{ doc.modify_time }}
|
|
|
|
|
</span>
|
|
|
|
|
|
|
|
|
|
<button id="share" class="doc-bottom-btn" tooltip="分享本文档">
|
|
|
|
|
<i class="fa fa-share-alt" ></i> 分享
|
|
|
|
|
</button>
|
|
|
|
|
|
|
|
|
|
{% if request.user == doc.create_user or request.user.is_superuser %}
|
|
|
|
|
<button class="doc-bottom-btn" tooltip="下载文档Markdown" id="download_doc">
|
|
|
|
|
<i class="fa fa-download"></i> 下载
|
|
|
|
|
</button>
|
|
|
|
|
{% endif %}
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
2020-07-31 20:23:23 +08:00
|
|
|
|
{% endblock %}
|
|
|
|
|
|
2020-01-15 21:03:44 +08:00
|
|
|
|
{% block doc_previous_next %}
|
|
|
|
|
{% load doc_filter %}
|
2020-07-20 21:38:29 +08:00
|
|
|
|
<div class="layui-row" style="margin-top: 10px;padding:10px;display:flex;justify-content:space-around;">
|
|
|
|
|
<!-- <hr> -->
|
2020-01-15 21:03:44 +08:00
|
|
|
|
<div>
|
|
|
|
|
{% if doc.id|get_doc_previous == None %}
|
2020-04-06 17:36:04 +08:00
|
|
|
|
<button class="layui-btn layui-btn-disabled layui-btn-sm layui-btn-radius"><i class="layui-icon layui-icon-prev "></i>上一篇</button>
|
2020-01-15 21:03:44 +08:00
|
|
|
|
{% else %}
|
2020-04-06 17:36:04 +08:00
|
|
|
|
<a href="{% url 'doc' doc.top_doc doc.id|get_doc_previous %}" class="layui-btn layui-btn-primary layui-btn-sm layui-btn-radius"><i class="layui-icon layui-icon-prev "></i>上一篇</a>
|
2020-01-15 21:03:44 +08:00
|
|
|
|
{% endif %}
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
{% if doc.id|get_doc_next == None %}
|
2020-04-06 17:36:04 +08:00
|
|
|
|
<button class="layui-btn layui-btn-disabled layui-btn-sm layui-btn-radius">下一篇<i class="layui-icon layui-icon-next"></i></button>
|
2020-01-15 21:03:44 +08:00
|
|
|
|
{% else %}
|
2020-04-06 17:36:04 +08:00
|
|
|
|
<a href="{% url 'doc' doc.top_doc doc.id|get_doc_next %}" class="layui-btn layui-btn-primary layui-btn-sm layui-btn-radius">下一篇<i class="layui-icon layui-icon-next"></i></a>
|
2020-01-15 21:03:44 +08:00
|
|
|
|
{% endif %}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2020-03-21 16:11:21 +08:00
|
|
|
|
{% endblock %}
|
|
|
|
|
|
2020-08-07 21:36:37 +08:00
|
|
|
|
{% block right_widget %}
|
|
|
|
|
<div class="tocMenu" style="display: none;">目录</div>
|
|
|
|
|
{% endblock %}
|
|
|
|
|
|
2020-03-21 16:11:21 +08:00
|
|
|
|
{% block custom_script %}
|
2020-07-31 20:23:23 +08:00
|
|
|
|
<!-- 下载选项卡模板 -->
|
|
|
|
|
<div id="download_div" style="display: none;">
|
|
|
|
|
<div class="layui-row" style="margin: 10px;">
|
|
|
|
|
<a class="" download='{{doc.name}}.md' href="{% url 'download_doc_md' doc.id %}" target="_blank">
|
|
|
|
|
<i class="fa fa-download"></i> 下载Markdown文件
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2020-08-07 21:36:37 +08:00
|
|
|
|
<script src="{% static 'toc/doctoc.js' %}"></script>
|
2020-06-13 09:21:28 +08:00
|
|
|
|
<script src="{% static 'viewerjs/viewer.js' %}"></script>
|
2020-03-21 16:11:21 +08:00
|
|
|
|
<script>
|
|
|
|
|
var layer = layui.layer;
|
2020-06-07 09:50:32 +08:00
|
|
|
|
// 手机屏幕上默认最小化目录
|
2020-08-30 13:51:26 +08:00
|
|
|
|
if(window.outerWidth < 1300){
|
2020-06-07 09:50:32 +08:00
|
|
|
|
console.log('最小化目录');
|
2020-08-07 21:36:37 +08:00
|
|
|
|
// setTimeout(function(){
|
|
|
|
|
$(".sidebar").toggleClass("doc-toc-hide");
|
|
|
|
|
// },300)
|
2020-06-07 09:50:32 +08:00
|
|
|
|
}
|
2020-08-07 21:36:37 +08:00
|
|
|
|
// 切换文档目录显示与否
|
|
|
|
|
$(".tocMenu").click(function() {
|
|
|
|
|
console.log("隐藏文档目录")
|
|
|
|
|
$(".sidebar").toggleClass("doc-toc-hide");
|
|
|
|
|
});
|
|
|
|
|
|
2020-04-03 21:05:27 +08:00
|
|
|
|
//修改a标签链接新窗口打开
|
|
|
|
|
$('#content').on('click','a',function(e){
|
|
|
|
|
e.target.target = '_blank';
|
|
|
|
|
});
|
2020-06-13 09:21:28 +08:00
|
|
|
|
// 图片放大显示
|
|
|
|
|
var img_options = {
|
|
|
|
|
url: 'data-original',
|
|
|
|
|
fullscreen:false,//全屏
|
|
|
|
|
rotatable:false,//旋转
|
|
|
|
|
scalable:false,//翻转
|
|
|
|
|
button:false,//关闭按钮
|
|
|
|
|
toolbar:false,
|
|
|
|
|
title:false,
|
|
|
|
|
};
|
|
|
|
|
var viewer = new Viewer(document.getElementById('content'), img_options);
|
2020-07-31 20:23:23 +08:00
|
|
|
|
|
|
|
|
|
// 显示文档下载弹出框
|
|
|
|
|
$("#download_doc").click(function(r){
|
|
|
|
|
var layer = layui.layer;
|
|
|
|
|
layer.open({
|
|
|
|
|
type: 1,
|
|
|
|
|
title: false,
|
|
|
|
|
closeBtn: 0,
|
|
|
|
|
area: ['350px','150px'],
|
|
|
|
|
shadeClose: true,
|
|
|
|
|
content: $('#download_div')
|
|
|
|
|
});
|
|
|
|
|
});
|
2020-03-21 16:11:21 +08:00
|
|
|
|
</script>
|
2020-06-13 09:21:28 +08:00
|
|
|
|
|
|
|
|
|
|
2019-12-15 15:45:05 +08:00
|
|
|
|
{% endblock %}
|