From 688783633d95343b75b0d46c893d0a1d59d3c28b Mon Sep 17 00:00:00 2001
From: yangjian <zmister@qq.com>
Date: Fri, 31 Jul 2020 20:36:44 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E6=96=87=E9=9B=86=E7=9B=AE?=
 =?UTF-8?q?=E5=BD=95=E5=8A=A0=E8=BD=BD=E9=A1=BA=E5=BA=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 template/app_doc/docs_base.html | 82 ++++++++++++++++++++++++++++++++-
 1 file changed, 80 insertions(+), 2 deletions(-)

diff --git a/template/app_doc/docs_base.html b/template/app_doc/docs_base.html
index b85dc18..6a6943c 100644
--- a/template/app_doc/docs_base.html
+++ b/template/app_doc/docs_base.html
@@ -250,11 +250,84 @@
 
 <script src="{% static 'jquery/3.1.1/jquery.min.js' %}"></script>
 
-<!-- 小屏自动收起左侧文集大纲 -->
+<!-- 生成文集目录大纲 -->
 <script>
     $.ajaxSetup({
         data: {csrfmiddlewaretoken: '{{ csrf_token }}' },
     });
+    // 生成文集目录
+    getProjectToc = function(){
+        $.post("{% url 'get_pro_doc_tree' %}",{'pro_id':'{{project.id}}'},function(r){
+            $("#loading-project-toc").hide();
+            if(r.status){
+                var toc_str = ""
+                layui.each(r.data,function(index,item){
+                    toc_str += "<li>"
+                    if(item['children'] != undefined){ // 存在二级文档
+                        li = '<div style="display:flex;justify-content:space-between;">' + 
+                            '<a href="/project-'+'{{project.id}}'+'/doc-'+item.id+'/" title="'+item.title+'">'+item.title+'</a>' +
+                            '<i class="fa fa-chevron-left switch-toc" style="padding:15px;"></i>'+
+                        '</div>'+
+                        '<ul class="sub-menu toc-close">'
+                        toc_str += li
+                        layui.each(item['children'],function(index,item){// 遍历二级文档
+                            toc_str += '<li>'
+                            if(item['children'] != undefined){ //存在三级文档
+                                li = '<div style="display:flex;justify-content:space-between;">' + 
+                                    '<a href="/project-'+'{{project.id}}'+'/doc-'+item.id+'/" title="'+item.title+'">'+item.title+'</a>' +
+                                    '<i class="fa fa-chevron-left switch-toc" style="padding:15px;"></i>'+
+                                '</div>'+'<ul class="sub-menu toc-close">'
+                                toc_str += li
+                                layui.each(item['children'],function(index,item){ // 遍历三级文档
+                                    li = '<li><a href="/project-'+'{{project.id}}'+'/doc-'+item.id+'/" title="'+item.title+'">'+item.title+'</a></li>'
+                                    toc_str += li
+                                })
+                                toc_str += '</ul>'
+                            }else{// 不存在三级文档
+                                li = '<a href="/project-'+'{{project.id}}'+'/doc-'+item.id+'/" title="'+item.title+'">'+item.title+'</a>'
+                                toc_str += li
+                            }
+                            toc_str += '</li>'
+                        })    
+                        toc_str += '</ul>'
+                    }else{//不存在二级文档
+                       li = '<a href="/project-'+'{{project.id}}'+'/doc-'+item.id+'/" title="'+item.title+'">'+item.title+'</a>'
+                       toc_str += li
+                    }
+                    toc_str += '</li>'
+                });
+                $('#project-toc').append(toc_str)
+                tagCurrentDoc();
+            }else{
+                layer.msg("获取文集目录失败！")
+            }
+        });
+    };
+    getProjectToc();
+    //为当前页面的目录链接添加蓝色样式
+    tagCurrentDoc = function(){
+        $("nav li a").each(function (i) {
+            var $me = $(this);
+            var lochref = $.trim(window.location.href); // 获取当前URL
+            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>
     //加载页面时执行一次
     changeSidebar();
     //监听浏览器宽度的改变
@@ -274,6 +347,7 @@
         }
     }
 </script>
+
 <script src="{% static 'layui/layui.all.js' %}"></script>
 
 <!-- 生成文集目录大纲 -->
@@ -326,6 +400,7 @@
             }
         });
     };
+    getProjectToc();
     //为当前页面的目录链接添加蓝色样式
     tagCurrentDoc = function(){
         $("nav li a").each(function (i) {
@@ -346,7 +421,6 @@
             }
         });
     };
-    getProjectToc();
 </script>
 
 <script src="{% static 'editor.md/lib/marked.min.js' %}"></script>
@@ -544,17 +618,21 @@
           <div class="layui-tab-item layui-show" align='center'>
             <img src="{% static 'dashang/dashang_wx.jpg' %}" style="width: 300px;height: auto;" />
           </div>
+
           <div class="layui-tab-item" align='center'>
             <img src="{% static 'dashang/dashang_alipay.jpg' %}" style="width: 300px;height: auto;" />
           </div>
+          
           <div class="layui-tab-item" align='center'>
             <img src="{% static 'dashang/dashang_qq.png' %}" style="width: 300px;height: auto;" />
           </div>
+          
           <div class="layui-tab-item" align='center'>
             <a href="https://paypal.me/zmister" target="_blank">
                 <img src="{% static 'dashang/dashang_paypal.png' %}" style="width: 280px;height: auto;" />
             </a>
           </div>
+          
           <div class="layui-tab-item" align='center'>
             <p><a href="" target="_blank">GitHub：https://github.com/zmister2016/MrDoc</a></p>
             <br>