MrDoc/template/app_doc/docs_base.html

396 lines
19 KiB
HTML
Raw Normal View History

2020-11-30 21:50:40 +08:00
{% load static %}
2020-12-02 21:25:59 +08:00
{% load i18n %}
2019-12-15 15:45:05 +08:00
<!DOCTYPE html>
<html lang="zh-cn" style="font-size: 15px;">
2019-12-15 15:45:05 +08:00
<head>
<meta charset="UTF-8">
<meta name=renderer content=webkit>
2019-12-15 15:45:05 +08:00
<meta http-equiv="X-UA-Compatible" content="IE=Edgechrome=1">
<meta http-equiv="Cache-Control" content="no-transform" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<meta http-equiv="Cache-Control" content="max-age=7200" />
<!-- <meta name="referrer" content="no-referrer"> -->
2019-12-15 15:45:05 +08:00
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
2020-10-18 08:05:41 +08:00
<meta name="keywords" content="{% block keyword %}{% endblock %}{{site_keywords}}"/>
2020-02-17 23:02:53 +08:00
<meta name="description" content="{% block description %}{% endblock %}" />
2021-05-31 07:47:53 +08:00
<!-- OGP分享协议开始 -->
<meta property="og:type" content="website">
<meta property="og:title" content="{% block ogp_title %}{% endblock %}">
<meta property="og:description" content="{% block ogp_desc %}{% endblock %}">
<meta property="og:image" content="{{request.scheme}}://{{request.META.HTTP_HOST}}{% static 'search/mrdoc_logo_300.png' %}">
<meta property="og:url" content="{{request.scheme}}://{{request.META.HTTP_HOST}}{{request.path_info}}">
<!-- OGP分享协议结束 -->
<title>{% block title %}{% endblock %} - {% if site_name != None and site_name != '' %}{{site_name}} {% else %}{% trans "站点标题" %}{% endif %}</title>
<link href="{% static 'layui/css/layui.css' %}?version={{mrdoc_version}}" rel="stylesheet">
2021-04-16 20:52:46 +08:00
{% if doc.editor_mode != 4 %}
<link rel="stylesheet" href="{% static 'editor.md/css/editormd.css' %}?version={{mrdoc_version}}" />
{% endif %}
{% if doc.editor_mode == 2 %}
<link rel="stylesheet" href="{% static 'vditor/dist/index.css' %}?version={{mrdoc_version}}" />
{% endif %}
{% if doc.editor_mode == 4 %}
<!-- 在线表格 -->
<link rel='stylesheet' href="{% static 'luckysheet/dist/plugins/css/pluginsCss.css' %}?version={{mrdoc_version}}" />
<link rel='stylesheet' href="{% static 'luckysheet/dist/plugins/plugins.css' %}?version={{mrdoc_version}}" />
<link rel='stylesheet' href="{% static 'luckysheet/dist/css/luckysheet.css' %}?version={{mrdoc_version}}" />
<link rel='stylesheet' href="{% static 'luckysheet/dist/assets/iconfont/iconfont.css' %}?version={{mrdoc_version}}" />
{% endif %}
2020-08-07 21:36:37 +08:00
<link href="{% static 'viewerjs/viewer.min.css' %}?version={{mrdoc_version}}" rel="stylesheet">
2020-07-31 21:53:56 +08:00
<link rel="icon" href="{% static 'search/mrdoc_logo_300.png' %}" sizes="192x192" />
2020-08-07 21:36:37 +08:00
<link href="{% static 'mrdoc/mrdoc.css' %}?version={{mrdoc_version}}" rel="stylesheet">
2020-11-26 20:58:33 +08:00
<link href="{% static 'mrdoc/mrdoc-docs.css' %}?version={{mrdoc_version}}" rel="stylesheet">
<link href="{% static 'iconFont/iconfont.css' %}?version={{mrdoc_version}}" rel="stylesheet">
2019-12-15 15:45:05 +08:00
<style>
2020-12-06 10:16:10 +08:00
{% if img_scale %}
.markdown-body p img{
max-width: 350px;
}
{% endif %}
/* html{
filter: invert(1) hue-rotate(180deg);
} */
2019-12-15 15:45:05 +08:00
</style>
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
</head>
<body class="big-page">
<div class="doc layui-fluid" style="padding-left:0px;">
2019-12-15 15:45:05 +08:00
<!-- 左侧目录栏 -->
<div class="doc-summary">
<!-- 文档搜索 -->
<form action="{% url 'pro_index' pro_id=project.id %}" method="get">
<div id="doc-search-input">
2021-03-22 22:54:20 +08:00
<input type="text" name="kw" placeholder="{% trans '在文集内搜索文档' %}" value="" class="layui-input doc-search-input">
2019-12-15 15:45:05 +08:00
</div>
</form>
<!-- 文集名称 -->
<div class="project-title">
2020-12-22 21:02:57 +08:00
{% if project.icon %}
<svg class="icon" aria-hidden="true"><use xlink:href="#{{project.icon}}"></use></svg>
{% endif %}
2020-01-15 21:03:44 +08:00
<a href="{% url 'pro_index' pro_id=project.id %}">{{ project.name }}
{% if project.role == 1 %}
<i class="layui-icon layui-icon-password" title="{% trans '私密文档' %}"></i>
2020-01-15 21:03:44 +08:00
{% endif %}
</a>
{% if request.user.is_authenticated %}
{% if is_collect_pro %}
<i class="layui-icon layui-icon-star-fill collected" style="cursor: pointer;" title="已收藏文集,点击取消" id="collect_pro"></i>
{% else %}
<i class="layui-icon layui-icon-star" style="cursor: pointer;" title="收藏文集" id="collect_pro"></i>
{% endif %}
{% else %}
<i class="layui-icon layui-icon-star" style="cursor: pointer;" title="请登录后收藏"></i>
{% endif %}
<p>
{% if colla_user > 0 %}
<span style="font-size:12px;color:gray;font-weight:100;">{% trans "* 此为协作文集" %}</span>
{% endif %}
</p>
2019-12-15 15:45:05 +08:00
</div>
<hr>
<!-- 遍历文集大纲 -->
<!-- 如果文集的文档数量超过999使用异步加载文集目录 -->
{% if toc_cnt > 999 %}
<div style="text-align: center;" id='loading-project-toc'><i class="fa fa-spinner fa-pulse"></i>{% trans "文集大纲加载中……" %}</div>
{% load doc_filter %}
<nav>
<ul class="summary" id="project-toc"></ul>
</nav>
{% else %}
<!-- 文档数量小于999使用同步加载文集目录 -->
2019-12-15 15:45:05 +08:00
<nav>
<ul class="summary">
<!-- 一级目录 -->
{% for docs in toc_list %}
<li>
{% if docs.children %}
<div style="display:flex;justify-content:space-between;">
<a href="{% url 'doc' pro_id=pro_id doc_id=docs.id %}" title="{{docs.name}}">{% if docs.editor_mode == 4 %}<i class="layui-icon layui-icon-table"></i>{% else %}<i class="iconfont mrdoc-icon-wendang"></i>{% endif %} {{ docs.name }}</a>
2020-11-16 21:32:08 +08:00
{% if docs.open_children %}
<i class="layui-icon layui-icon-down switch-toc"></i>
2020-11-16 21:32:08 +08:00
{% else %}
<i class="layui-icon layui-icon-left switch-toc"></i>
2020-11-16 21:32:08 +08:00
{% endif %}
</div>
2020-11-16 21:32:08 +08:00
{% if docs.open_children %}
<ul class="sub-menu">
{% else %}
<ul class="sub-menu toc-close">
{% endif %}
<!-- 二级目录 -->
{% for node in docs.children %}
<li>
{% if node.id|get_next_doc %}
<div style="display:flex;justify-content:space-between;">
<a href="{% url 'doc' pro_id=pro_id doc_id=node.id %}" title="{{node.name}}"><i class="{% if node.editor_mode == 4 %}layui-icon layui-icon-table {% else %}iconfont mrdoc-icon-wendang{% endif %}"></i> {{ node.name }}</a>
2020-11-16 21:32:08 +08:00
{% if node.open_children %}
<i class="layui-icon layui-icon-down switch-toc"></i>
2020-11-16 21:32:08 +08:00
{% else %}
<i class="layui-icon layui-icon-left switch-toc"></i>
2020-11-16 21:32:08 +08:00
{% endif %}
</div>
2020-11-16 21:32:08 +08:00
{% if node.open_children %}
<ul class="sub-menu">
{% else %}
<ul class="sub-menu toc-close">
{% endif %}
<!-- 三级目录 -->
{% for doc in node.children %}
<li><a href="{% url 'doc' pro_id=pro_id doc_id=doc.id %}" title="{{doc.name}}"><i class="{% if doc.editor_mode == 4 %}layui-icon layui-icon-table {% else %}iconfont mrdoc-icon-wendang{% endif %}"></i> {{ doc.name }}</a></li>
{% endfor %}
</ul>
{% else %}
<a href="{% url 'doc' pro_id=pro_id doc_id=node.id %}" title="{{node.name}}"><i class="{% if node.editor_mode == 4 %}layui-icon layui-icon-table {% else %}iconfont mrdoc-icon-wendang{% endif %}"></i> {{ node.name }}</a>
{% endif %}
</li>
{% endfor %}
</ul>
{% else %}
<a href="{% url 'doc' pro_id=pro_id doc_id=docs.id %}" title="{{docs.name}}"><i class="{% if docs.editor_mode == 4 %}layui-icon layui-icon-table {% else %}iconfont mrdoc-icon-wendang{% endif %}"></i> {{ docs.name }}</a>
{% endif %}
</li>
{% endfor %}
</ul>
2019-12-15 15:45:05 +08:00
</nav>
{% endif %}
2019-12-15 15:45:05 +08:00
<div class="bq">
<a href="javascript:void(0);" class="mrdoc-link" id="dashang">{% trans "本文档使用 MrDoc 发布" %}</a>
2019-12-15 15:45:05 +08:00
</div>
2020-05-21 10:24:30 +08:00
<!-- 右下角广告块 -->
<!-- 广告代码开始 -->
{% if debug %}
{% else %}
{% if ad_code_3 %}
2021-01-05 20:37:26 +08:00
<div class="ad-code" id="ad-code-3"></div>
2020-05-21 10:24:30 +08:00
{% endif %}
{% endif %}
<!-- 广告代码结束 -->
2019-12-15 15:45:05 +08:00
</div>
<!-- 左侧目录栏结束 -->
<!-- 右侧文档栏 -->
<div class="doc-body">
<!-- 文档导航 -->
<div class="doc-header" role="navigation">
<a class="btn pull-left js-toolbar-action" aria-label="" href="javascript:void(0);" title="{% trans '切换侧边栏' %}">
<i class="layui-icon layui-icon-slider"></i>
2019-12-15 15:45:05 +08:00
</a>
<a class="btn pull-left font-small" href="javascript:void(0);" title="{% trans '缩小字体' %}">
2019-12-15 15:45:05 +08:00
<i class="fa fa-font">-</i>
</a>
<a class="btn pull-left font-large" href="javascript:void(0);" title="{% trans '放大字体' %}">
2019-12-15 15:45:05 +08:00
<i class="fa fa-font">+</i>
</a>
<a class="btn pull-left font-switch" href="javascript:void(0);" title="{% trans '切换字体类型' %}">
2019-12-15 15:45:05 +08:00
<i class="fa fa-text-height"></i>
</a>
<!-- 顶部工具栏 -->
{% block head_toolbar %}
{% endblock %}
<a class="btn pull-right" aria-label="" href="{% url 'pro_list' %}">
<i class="layui-icon layui-icon-home"></i> <span class="layui-hide-xs">{% trans "首页" %}</span>
2019-12-15 15:45:05 +08:00
</a>
</div>
<!-- 文档主体 -->
<div class="doc-body-content">
<div class="doc-body-content-div">
{% if project.is_watermark %}
<div id="wm"></div>
{% endif %}
2019-12-15 15:45:05 +08:00
<!-- 文档内容 -->
2021-03-06 10:39:36 +08:00
<div class="doc-content" id="doc-content">
2019-12-15 15:45:05 +08:00
<!-- 标题 -->
<div class="doc-info">
<!-- 页面主体头信息 -->
{% block content_head %}
{% endblock %}
2019-12-15 15:45:05 +08:00
<!-- 广告代码开始 -->
2020-01-15 21:03:44 +08:00
{% if debug %}
{% else %}
{% if ad_code %}
2021-01-05 20:37:26 +08:00
<div class="ad-code" id="ad-code-1"></div>
2020-01-15 21:03:44 +08:00
{% endif %}
2019-12-15 15:45:05 +08:00
{% endif %}
<!-- 广告代码结束 -->
</div>
<!-- 标题结束 -->
<!-- 正文开始 -->
2020-05-02 21:21:51 +08:00
<div class="markdown-body" id="content" style="padding: 20px;padding-top: 5px;">
2019-12-15 15:45:05 +08:00
{% block page_content %}
{% endblock %}
</div>
<!-- 正文结束 -->
<div class="markdown-body" style="padding-left: 20px;">
{% block children_content %}
{% endblock %}
</div>
2019-12-15 15:45:05 +08:00
</div>
2020-07-20 21:38:29 +08:00
<hr>
<!-- 分享栏 -->
2020-10-28 21:39:33 +08:00
<div style="color: rgba(0,0,0,.65);padding-bottom: 10px;margin-top: 10px;">
2020-07-31 20:23:23 +08:00
{% block doc_bottom_block %}
{% endblock %}
2020-08-30 13:51:26 +08:00
</div>
<!-- 广告代码开始 -->
{% if debug %}
{% else %}
2020-05-21 10:24:30 +08:00
{% if ad_code_2 %}
2021-01-05 20:41:50 +08:00
<div class="ad-code" id="ad-code-2"></div>
{% endif %}
{% endif %}
<!-- 广告代码结束 -->
2020-01-15 21:03:44 +08:00
{% block doc_previous_next %}{% endblock %}
2019-12-15 15:45:05 +08:00
</div>
</div>
</div>
<!-- 右侧文档栏结束 -->
2020-10-18 08:05:41 +08:00
<!-- 右下角工具按钮 -->
2020-11-16 21:32:08 +08:00
<div class="fixed-tool-bar">
<div class="toTop" ><i class="layui-icon layui-icon-up"></i></div>
2020-10-18 08:05:41 +08:00
{% block right_widget %} {% endblock %}
</div>
2019-12-15 15:45:05 +08:00
</div>
2020-11-29 14:03:39 +08:00
<!-- 分享选项卡模板 -->
<div id="share_div" style="display: none;">
<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
<ul class="layui-tab-title">
<li class="layui-this">{% trans "微信扫一扫" %}</li>
<li>{% trans "复制链接" %}</li>
2020-11-29 14:03:39 +08:00
</ul>
<div class="layui-tab-content" style="height: 100px;">
<div class="layui-tab-item layui-show" align='center'>
<p style="font-weight: 700;margin-bottom: 10px;">{% trans "手机扫一扫进行分享" %}</p>
2020-11-29 14:03:39 +08:00
<div id="url_qrcode"></div>
</div>
<div class="layui-tab-item" align='center'>
<input type="text" id="copy_crt_url" name="current_url" class="layui-input" /><br>
<button class="layui-btn layui-btn-radius layui-btn-xs" style="background-color: #333;" id="copy_doc_url"">{% trans "复制链接" %}</button>
2020-11-29 14:03:39 +08:00
</div>
</div>
</div>
</div>
2020-07-31 20:44:14 +08:00
2020-11-29 14:03:39 +08:00
<!-- 打赏选项卡模板 -->
<div id="dashang_img" style="display: none;">
2021-05-01 07:48:46 +08:00
<div>
2020-11-29 14:03:39 +08:00
<div class="layui-tab-content" style="height: 100px;">
2021-05-01 07:48:46 +08:00
<div style="text-align: center;font-size: 16px;font-weight: 500;padding-top: 10px;">关于 MrDoc</div><hr>
<div style="padding: 10px;"><a href="https://zmister.com/mrdoc/" target="_blank">觅道文档MrDoc</a><a href="https://zmister.com/" target="_blank"><strong>州的先生</strong></a>开发并开源的在线文档系统,其适合作为个人和小型团队的云笔记、文档和知识库管理工具。</div>
<div style="padding: 10px;">如果觅道文档给你或你的团队带来了帮助,欢迎对作者进行一些打赏捐助,这将有力支持作者持续投入精力更新和维护觅道文档,感谢你的捐助!<a href="http://mrdoc.zmister.com/project-7/doc-1366/" target="_blank">>>>捐助鸣谢列表</a></div>
<div class="" style="display:flex;justify-content:space-around;flex-wrap:wrap;">
<div class="" align='center' style="">
<p>微信</p>
<img src="{% static 'dashang/dashang_wx.webp' %}" style="width: 180px;height: auto;" />
</div>
2020-07-31 20:36:44 +08:00
2021-05-01 07:48:46 +08:00
<div class="" align='center'>
<p>支付宝</p>
<img src="{% static 'dashang/dashang_alipay.webp' %}" style="width: 180px;height: auto;" />
</div>
<div class="" align='center'>
<p>QQ</p>
<img src="{% static 'dashang/dashang_qq.webp' %}" style="width: 180px;height: auto;" />
</div>
<div class="" align='center'>
<p>PayPal</p>
<a href="https://paypal.me/zmister" target="_blank">
<img src="{% static 'dashang/dashang_paypal.png' %}" style="width: 180px;height: auto;" />
</a>
</div>
2020-11-29 14:03:39 +08:00
</div>
2021-05-01 07:48:46 +08:00
</div>
</div>
2021-03-16 21:46:34 +08:00
</div>
2020-11-29 14:03:39 +08:00
<script src="{% static 'jquery/3.1.1/jquery.min.js' %}"></script>
2021-03-21 17:36:20 +08:00
<script src="{% static 'layui/layui.all.js' %}?version={{mrdoc_version}}"></script>
<script src="{% static 'viewerjs/viewer.min.js' %}?version={{mrdoc_version}}"></script>
<script src="{% static 'qrcodejs/qrcode.min.js' %}?version={{mrdoc_version}}"></script>
2020-11-29 14:03:39 +08:00
<script src="{% static 'mrdoc/mrdoc-docs.js' %}?version={{mrdoc_version}}"></script>
2021-03-21 17:36:20 +08:00
<script src="{% static 'iconFont/iconfont.js' %}?version={{mrdoc_version}}"></script>
<script src="{% static 'editor.md/lib/purify.min.js' %}?version={{mrdoc_version}}"></script>
<script>
2021-03-21 17:36:20 +08:00
var layer = layui.layer;
2021-03-16 21:46:34 +08:00
{% if toc_cnt > 999 %}
// 如果文集的文档数量大于999使用异步加载左侧文集大纲
getProjectToc();
{% endif %}
2020-06-07 09:50:32 +08:00
</script>
2020-07-31 20:36:44 +08:00
{% if doc.editor_mode == 2 %}
2021-01-05 20:58:05 +08:00
<script src="{% static 'vditor/dist/method.min.js' %}?version={{mrdoc_version}}"></script>
{% elif doc.editor_mode == 1 %}
2021-03-21 17:36:20 +08:00
<script src="{% static 'editor.md/lib/marked.min.js' %}?version={{mrdoc_version}}"></script>
2020-07-31 20:23:23 +08:00
<script src="{% static 'editor.md/editormd.js' %}?version={{mrdoc_version}}"></script>
{% elif doc.editor_mode == 4 %}
<!-- 在线表格 -->
<script src="{% static 'luckysheet/dist/plugins/js/plugin.js' %}?version={{mrdoc_version}}"></script>
<script src="{% static 'luckysheet/dist/luckysheet.umd.js' %}?version={{mrdoc_version}}"></script>
{% endif %}
2020-08-07 21:36:37 +08:00
2021-01-05 20:37:26 +08:00
<!-- 动态添加广告代码 -->
2021-01-05 20:58:05 +08:00
{% if debug %}
{% else %}
2021-01-05 20:37:26 +08:00
<div id="ad-1">
{{ad_code|safe}}
</div>
<div id="ad-2">
{{ad_code_2|safe}}
</div>
<div id="ad-3">
{{ad_code_3|safe}}
</div>
<script>
2021-01-05 20:41:50 +08:00
$("#ad-1").appendTo($("#ad-code-1"));
$("#ad-2").appendTo($("#ad-code-2"));
$("#ad-3").appendTo($("#ad-code-3"));
2021-01-05 20:37:26 +08:00
</script>
2021-01-05 20:58:05 +08:00
{% endif %}
2021-03-16 21:46:34 +08:00
<!-- 广告代码结束 -->
2021-01-05 20:37:26 +08:00
2020-06-21 21:44:10 +08:00
<!-- 统计代码开始 -->
{% if debug %}
{% else %}
{{ static_code | safe }}
{% endif %}
<!-- 统计代码结束 -->
{% block custom_script %}
2019-12-15 15:45:05 +08:00
{% endblock %}
<script>
{% if project.is_watermark %}
initWhterMark('{{project.watermark_value}}')
{% endif %}
// 外部链接添加图标
document.addEventListener('DOMContentLoaded', function() {
Array.prototype.filter.call(document.links, function(link) {
return link.hostname && link.hostname !== location.hostname;
})
.forEach(function(link) {
link.target = '_blank';
// console.log(link,$(link).children('img').length)
2021-06-04 08:17:56 +08:00
// console.log(link,$(link).children().length)
if($(link).children().length == 0){
link.classList.add('external');
}
});
});
// 高亮搜索词
keyLight('doc-content',getQueryVariable("highlight"))
</script>
2019-12-15 15:45:05 +08:00
</body>
</html>