{% extends 'app_doc/editor/create_base.html' %}
{% load static %}
{% load i18n %}
{% block title %}修改文档 - {{doc.name}} {% endblock %}

{% block custom_style %}
    <style>
        ul li{
            list-style:disc;
        }
        ul > li > ul > li{
            list-style-type: circle;
        }
        ol li{
            list-style-type: decimal;
        }
    </style>
{% endblock %}

{% block head_toolbar %}
    <ul class="layui-nav layui-form">
        <a class="btn pull-left js-toolbar-action" aria-label="" href="javascript:void(0);" title="切换侧边栏">
            <i class="fa fa-align-justify"></i>
        </a>
        <li class="layui-nav-item mrdoc-import-doc-item">
            <a href="javascript:;">文档</a>
            <dl class="layui-nav-child mrdoc-import-doc-child">
                <dd><a target="_blank" href="{% url 'create_doc'%}?pid={{doc.top_doc}}">新建文档</a></dd>
                <dd><a target="_blank" href="{% url 'doc' doc.top_doc doc.id %}">查看文档</a></dd>
                <dd><a href="javascript:void(0);" id="doc-history">文档历史</a></dd>
                <dd><a href="javascript:void(0);" id="doc-tag-set">文档标签</a></dd>
                <hr>
                <dd><input type="checkbox" name="open-children" title="展开下级目录" lay-skin="primary" {%if doc.open_children %}checked{% endif %}></dd>
                <dd><input type="checkbox" name="show-children" title="显示下级文档" lay-skin="primary" {%if doc.show_children %}checked{% endif %}></dd>
                <hr>
                <dd><a href="javascript:;" onclick="moveDoc()" title="复制或移动此文档到其他文集">复制/移动文档</a></dd>
                <dd><a href="javascript:;" onclick="delDoc()" title="删除此文档">删除文档</a></dd>
            </dl>  
        </li>

        {% if doc.editor_mode != 4 %}
        <li class="layui-nav-item mrdoc-import-doc-item">
          <a href="javascript:;">导入</a>
          <dl class="layui-nav-child mrdoc-import-doc-child"> <!-- 二级菜单 -->
            <dd><a href="javascript:void(0);" id="sel-doctemp">
                    <svg t="1608814405819" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3399" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"><defs><style type="text/css"></style></defs><path d="M0 0h475.904v335.36H0z" fill="#52adff" p-id="3400"></path><path d="M591.36 667.050667H1024V1024H591.36z" fill="#1892ff" p-id="3401"></path><path d="M0 450.730667h475.904V1024H0z" fill="#83c5fd" p-id="3402"></path><path d="M591.36 0H1024v551.68H591.36z" fill="#52afff" p-id="3403"></path></svg>
                    文档模板</a>
            </dd>
            <input type="file" id="insert-local-file" onchange="insertLocalFile(this)" style="display:none;">
            <dd><a href="javascript:void(0);" id="sel-local" onclick="selectLocalFile()">
                <svg t="1608814859854" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4936" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"><defs><style type="text/css"></style></defs><path d="M967.610182 280.878545v626.455273a113.361455 113.361455 0 0 1-113.361455 113.384727H173.870545A113.361455 113.361455 0 0 1 60.509091 907.333818V113.594182A113.291636 113.291636 0 0 1 173.847273 0.209455h513.093818l280.669091 280.599272v0.069818z" fill="#2475FE" p-id="4937"></path><path d="M686.964364 167.493818V0.069818l280.669091 280.669091h-167.214546A113.361455 113.361455 0 0 1 687.010909 167.330909l-0.069818 0.139636z" fill="#8AB3F7" p-id="4938"></path><path d="M346.763636 425.402182h311.901091v58.740363H346.786909v-58.740363z m185.134546 58.740363v256.791273h-58.647273V484.212364h58.647273v-0.069819z" fill="#FFFFFF" p-id="4939"></path></svg>
                文本文件</a></dd>
            <dd><a href="javascript:void(0);" id="doc-cache-btn">
                <svg t="1608814983993" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6507" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"><defs><style type="text/css"></style></defs><path d="M0 0h1024v1024H0z" fill="#D8D8D8" fill-opacity="0" p-id="6508"></path><path d="M58.514286 220.7744h819.2a58.514286 58.514286 0 0 1 58.514285 58.514286v367.381943a117.028571 117.028571 0 0 1-117.028571 117.028571H175.542857a117.028571 117.028571 0 0 1-117.028571-117.028571V220.7744z" fill="#005DE8" opacity=".2" p-id="6509"></path><path d="M402.373486 193.653029m29.257143 0l104.360228 0q29.257143 0 29.257143 29.257142l0 22.9376q0 29.257143-29.257143 29.257143l-104.360228 0q-29.257143 0-29.257143-29.257143l0-22.9376q0-29.257143 29.257143-29.257142Z" fill="#FFDB00" p-id="6510"></path><path d="M245.467429 193.653029m29.257142 0l134.582858 0q29.257143 0 29.257142 29.257142l0 22.9376q0 29.257143-29.257142 29.257143l-134.582858 0q-29.257143 0-29.257142-29.257143l0-22.9376q0-29.257143 29.257142-29.257142Z" fill="#3289FF" p-id="6511"></path><path d="M194.852571 175.542857c48.830171 0 90.667886 29.9008 108.222172 72.411429H877.714286a58.514286 58.514286 0 0 1 58.514285 58.514285V732.306286a58.514286 58.514286 0 0 1-58.514285 58.514285H117.028571a58.514286 58.514286 0 0 1-58.514285-58.514285V234.057143a58.514286 58.514286 0 0 1 58.514285-58.514286h77.824z" fill="#005DE8" p-id="6512"></path><path d="M221.827657 617.033143c16.852114 0 33.440914-3.159771 44.763429-7.3728v-44.500114a124.5184 124.5184 0 0 1-42.130286 6.582857c-25.8048 0-37.390629-9.479314-37.390629-48.713143 0-37.390629 10.269257-49.7664 36.600686-49.7664 15.008914 0 28.437943 2.369829 40.813714 6.846171V435.6096c-11.322514-4.213029-27.121371-6.582857-45.026742-6.582857-54.769371 0-89.790171 23.434971-89.790172 94.0032 0 76.624457 36.337371 94.0032 92.16 94.0032z m132.183772-147.192686c-10.269257 0-25.541486 0.526629-36.337372 2.369829v41.866971a172.909714 172.909714 0 0 1 29.227886-2.369828l7.519086 0.146285c14.628571 0.643657 18.666057 3.8912 19.338971 16.442515h-29.227886c-41.340343 0-60.035657 12.112457-60.035657 44.763428 0 30.544457 18.695314 43.973486 48.449829 43.973486 25.014857 0 37.127314-8.689371 41.340343-15.798857l3.949714 13.165714h45.290057v-96.636343c0-33.1776-19.748571-47.9232-69.514971-47.9232z m-5.266286 110.065372c-10.269257 0-15.798857-1.8432-15.798857-9.216 0-7.723886 4.213029-10.357029 17.086171-10.737372l23.727543-0.058514v11.0592c-3.949714 5.002971-12.639086 8.952686-25.014857 8.952686z m174.577371 37.127314c13.165714 0 30.017829-2.106514 38.180572-5.5296v-39.760457a74.986057 74.986057 0 0 1-28.437943 4.739657c-21.855086 0-32.914286-6.582857-32.914286-33.1776 0-26.331429 11.585829-33.704229 31.861029-33.704229 9.742629 0 18.168686 1.053257 27.648 4.476343v-40.5504c-9.479314-2.896457-23.698286-3.949714-36.337372-3.949714-46.343314 0-73.728 15.272229-73.728 73.728s27.384686 73.728 73.728 73.728z m158.5152-147.456c-23.9616 0-37.390629 7.636114-43.973485 17.905371V414.281143h-50.029715V614.4h50.029715v-92.16c1.8432-7.636114 7.3728-13.165714 20.2752-13.165714 15.798857 0 20.2752 2.896457 20.2752 20.538514V614.4h50.029714v-96.109714c0-34.494171-13.165714-48.713143-46.606629-48.713143z m209.334857 64.512c0-43.446857-13.692343-64.512-64.248685-64.512-47.133257 0-74.517943 15.272229-74.517943 73.728s27.384686 73.728 72.148114 73.728c28.174629 0 50.819657-5.266286 59.509029-11.322514v-36.864c-8.426057 5.002971-30.281143 10.269257-49.503086 10.269257-18.168686 0-29.4912-5.002971-32.387657-17.378743l87.420343-5.266286c0.789943-2.106514 1.579886-10.795886 1.579885-22.381714z m-89.263542-6.319543c1.053257-17.642057 8.426057-21.591771 25.278171-21.591771 15.798857 0 19.748571 7.3728 19.748571 18.168685l-45.026742 3.423086z" fill="#FFFFFF" p-id="6513"></path></svg>
                文档缓存</a></dd>
            <dd><a href="javascript:void(0);" id="import-doc-docx">
                <svg t="1608815050013" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7356" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"><defs><style type="text/css"></style></defs><path d="M535.119473 0h69.599248v95.247413C729.226717 96.331138 853.614299 93.92286 977.881468 96.331138a40.459078 40.459078 0 0 1 44.914393 45.516463c2.047037 234.566322 0 469.614299 1.204139 703.819379-1.204139 24.082785 2.287865 50.694262-11.318909 72.248354-16.978363 12.041392-38.893697 10.837253-58.761994 12.041392h-349.200376V1023.518344h-72.248354C354.980245 990.886171 177.490122 960.541863 0 928.752587V95.488241C178.33302 63.578551 356.786453 32.511759 535.119473 0z" fill="#2A5699" p-id="7357"></path><path d="M604.718721 131.010348H988.598307v761.979304H604.718721v-95.247413h302.479774v-48.165569H604.718721v-59.002822h302.479774v-48.16557H604.718721v-59.002822h302.479774v-48.165569H604.718721v-60.206961h302.479774V428.673565H604.718721v-60.206961h302.479774v-46.96143H604.718721v-59.604892h302.479774V214.336783H604.718721zM240.827846 341.373471c22.156162-1.324553 44.19191-2.287865 66.348071-3.492003 15.533396 80.4365 31.30762 160.632173 48.165569 240.827845 13.125118-82.724365 27.695202-165.087488 41.783632-247.571025 23.239887-0.842897 46.479774-2.167451 69.719661-3.612418-26.370649 115.356538-49.369708 231.796802-78.148636 346.430856-19.386642 10.355597-48.165569 0-71.52587 1.204139C301.034807 596.169332 283.093133 517.779868 269.245532 438.667921c-13.606773 76.944497-31.30762 153.16651-46.841016 229.508937-22.39699-1.204139-44.793979-2.528692-67.311383-4.094073-19.266228-104.760113-42.024459-208.918156-60.206962-313.919097 19.868297-0.963311 39.857008-1.806209 60.206962-2.528693 12.041392 75.860771 25.648166 151.360301 36.124177 227.341487 16.135466-77.907808 32.873001-155.695202 49.610536-233.603011z" fill="#FFFFFF" p-id="7358"></path></svg>
                Word文档(.docx)</a></dd>
          </dl>
        </li>

        
        <li class="layui-nav-item mrdoc-import-doc-item">
            <a href="javascript:;">编辑器</a>
            <dl class="layui-nav-child mrdoc-import-doc-child"> <!-- 二级菜单 -->
              <dd><a href="?pid={{pid}}&eid=1">EditorMD{% if editor_mode == 1 %}<span class="layui-badge-dot layui-bg-blue"> </span>{% endif %}</a></dd>
              <dd><a href="?pid={{pid}}&eid=2">Vditor{% if editor_mode == 2 %}<span class="layui-badge-dot layui-bg-blue"> </span>{% endif %}</a></dd>
              <dd><a href="?pid={{pid}}&eid=3">富文本{% if editor_mode == 3 %}<span class="layui-badge-dot layui-bg-blue"> </span>{% endif %}</a></dd>
            </dl>
        </li>
        {% endif %}

        <li class="layui-nav-item mrdoc-import-doc-item">
            <a href="javascript:;"><i class="fa fa-dashboard layui-hide-md"></i><span class="layui-hide-xs">管理</span></a>
            <dl class="layui-nav-child mrdoc-import-doc-child"> <!-- 二级菜单 -->
                <dd><a href="{% url 'pro_list' %}" target="_blank">首页</a></dd>
                <dd><a href="{% url 'user_center' %}" target="_blank">个人中心</a></dd>
            </dl>  
        </li>        
        <button class="layui-btn layui-btn-sm layui-btn-normal layui-btn-radius pull-right" style="margin-top:10px;" title="发布文档" id="modify_pub_doc">发布</button>
        <button class="layui-btn layui-btn-sm layui-btn-primary layui-btn-radius pull-right" style="margin-top:10px;" title="保存文档为草稿状态" id="modify_save_doc">保存</button>

    </ul>
{% endblock %}

{% block left_opera %}
    <div class="layui-form" style="padding:0 10px 10px 10px;" lay-filter="left_form">
        <div class="layui-row">
            <div class="doc-form-label" style="margin-bottom: 10px;">
                {% if doc.status == 0 %}
                <strong>*当前文档状态：<span style="text-decoration:underline">草稿</span></strong>
                {% elif doc.status == 1 %}
                <strong>*当前文档状态：<span style="text-decoration:underline">已发布</span></strong>
                {% endif %}
            </div>

            <div class="layui-col-md12" style="margin-bottom: 10px;">
                <div class="layui-input-inblock">
                <select name="pro_id" lay-verify="required"  lay-filter="project" id="project">
                    <option value="{{ project.id }}">{{ project.name }}</option>
                </select>
                </div>
            </div>
            
            <div class="layui-row">
                <div class="layui-col-md12" style="margin-bottom: 10px;">
                    <span>点击文档树选择上级（可选）或</span>
                    <button class="layui-btn layui-btn-xs layui-btn-primary" id="clearParentDoc">取消上级</button>
                    <input type="text" id="parent-doc" hidden> 
                </div>
                <div class="layui-col-md12">
                    <input type="number" class="layui-input" placeholder="输入文档排序值，默认99" id="sort" value="{{doc.sort}}">
                </div>
            </div>
            
            <div class="layui-colla-content layui-show" style="max-height: 100%;overflow: hidden;overflow-y: hidden;overflow-x: scroll;">
                <div id="doc-tree"></div>
            </div>
        </div>
        

    </div>
{% endblock %}

{% block content %}
    <div class="create-doc-form">
        <div class="layui-form">
            <!-- 标题 -->
            <div style="padding-bottom:0px;">
                <div class="layui-input-block" style="margin-left:0px;">
                    <input type="text" name="doc-name" id="doc-name" required lay-verify="required" placeholder="请输入文档标题" value="{{ doc.name }}" class="layui-input">
                </div>
            </div>
            <br/>
        </div>
    </div>

    <div id="editor-md" class="layui-col-xs12">
        {% if editor_mode == 1 %}
            <textarea style="display:none;">{{ doc.pre_content }}</textarea>
        {% elif editor_mode == 3 %}
            {{ doc.content | safe }}
        {% elif editor_mode == 4 %}
            <div id="luckysheet" style="margin:0px;padding:0px;position:absolute;width:100%;height:600px;left: 0px;top: 0px;"></div>
            <textarea id="sheet_table_content" style="display: none;">{{ doc.pre_content }}</textarea>
        {% else %}
            {{ doc.pre_content }}
        {% endif %}
    </div>
{% endblock %}

{% block custom_div %}
    {% include 'app_doc/editor/tpl_editor_div_doc.html' %}
{% endblock %}

{% block custom_script %}
    <script>
        form.val("left_form",{
            "select_editor_mode": '{{editor_mode}}'
        })
        form.on('select(select_editor_mode)',function(data){
            //console.log(data.value)
            layer.open({
                    type:0,
                    title:'切换编辑器',
                    area:'300px;',
                    id:'change_editor',//配置ID
                    content: "页面将重载，未提交的修改将丢失！",
                    btn:['确定切换','取消返回'], //添加按钮
                    btnAlign:'c', //按钮居中
                    yes:function (index,layero) {
                        eurl = "{% url 'modify_doc' doc_id=doc.id %}"+"?eid=" + data.value.toString();                        
                        $(location).attr('href', eurl);
                    },
                    btn2: function(index, layero){
                   //暂时不需要返回
                }
                });
        })



        //获取文档数和上级文档信息
        $(function(){
            layer.load(1);
            var doc_parent_id = '{{ doc.parent_doc }}';
            $.post("{% url 'get_pro_doc_tree' %}",{'pro_id':$("#project").val()},function(r){
                if(r.status){
                    layer.closeAll("loading");
                    var doc_tree = tree.render({
                        elem:"#doc-tree",
                        id:'docTree',
                        onlyIconControl:true,
                        data:r.data,
                        click: function(obj){
                            if(obj.data.level != 3){
                                console.log(obj.data.id,doc_parent_id)
                                if(obj.data.id != '{{ doc.id }}' ){
                                    $('#parent-doc').val(obj.data.id);// 设置上级文档
                                    $("div.layui-tree-set").each(function(i){
                                        var $me = $(this)
                                        if($me.data('id') == obj.data.id){
                                            // console.log('点击了')
                                            layer.msg("你选择了上级文档："+obj.data.title)
                                            $me.find('span.layui-tree-txt').first().addClass('selected-parent-doc')
                                        }else{
                                            $me.find('span.layui-tree-txt').first().removeClass('selected-parent-doc')
                                        }
                                    });
                                }else{
                                    layer.msg("不可选择自己作为上级")
                                };
                                
                            }else{
                                layer.msg("第三级文档不能作为上级文档")
                            };
                            
                        }
                    });
                    $('#parent-doc').val(doc_parent_id);// 设置上级文档
                    $("div.layui-tree-set").each(function(i){
                        var $me = $(this)
                        if($me.data('id') == doc_parent_id){
                            $me.find('span.layui-tree-txt').first().addClass('selected-parent-doc')
                        }else{
                            $me.find('span.layui-tree-txt').first().removeClass('selected-parent-doc')
                        }
                    });
                }else{
                    layer.msg("获取下级文档失败！")
                }
            });
        });
        // 修改文档
        modifyDoc = function(status){
            $('button.layui-btn').attr("disabled",true);
            $('button.layui-btn').addClass('layui-btn-disabled');
            layer.load(1);
            if(editor_mode == 1){
                var content = editor.getHTML()
                var pre_content = editor.getMarkdown()
            }else if(editor_mode == 2){
                var content = editor.getHTML()
                var pre_content = editor.getValue()
            }else if(editor_mode == 3){
                var content = editor.getHTML()
                var pre_content = editor.getText()
            }else if(editor_mode == 4){
                var content  = '';
                var pre_content = JSON.stringify(luckysheet.getAllSheets());
            }
            var data = {
                'doc_id':'{{ doc.id }}',
                'project':$("#project").val(),
                'doc_tag':$("#tagsinputval").val(),
                'parent_doc':$("#parent-doc").val(),
                'doc_name':$("#doc-name").val(),
                'content':content,
                'pre_content':pre_content,
                'sort':$("#sort").val(),
                'editor_mode':'{{editor_mode}}',
                'status':status,
                'open_children':$('input:checkbox[name="open-children"]:checked').val(),
                'show_children':$('input:checkbox[name="show-children"]:checked').val(),
            }
            $.post("{% url 'modify_doc' doc_id=doc.id %}",data,function(r){
                layer.closeAll("loading");
                if(r.status){
                    //修改成功
                    window.localStorage.removeItem('mrdoc_doc_cache') // 清空文档缓存
                    if(status === 1){
                        layer.msg('发布成功',function(){
                            md_changed = false;
                            window.location.href = "{% url 'doc' pro_id=doc.top_doc doc_id=doc.id %}";
                        });
                    }else{
                        layer.msg('保存成功',{time:1000},function(){
                            md_changed = false;
                            $('button.layui-btn').attr("disabled",false);
                            $('button.layui-btn').removeClass('layui-btn-disabled');
                        });
                    }
                }else{
                    //修改失败
                    layer.msg('保存失败');
                    $('button.layui-btn').attr("disabled",false);
                    $('button.layui-btn').removeClass('layui-btn-disabled');
                }
            });
        };
        $("#modify_save_doc").click(function(){
            modifyDoc(0);
        })
        $("#modify_pub_doc").click(function(){
            modifyDoc(1);
        })
        //选择文档模板
        $("#sel-doctemp").click(function(){
            layer.open({
                type: 1,
                id:'temp-div',
                content: $('#doctemp-list'),
                area:['530px','400px'],
            });
        });
        //插入模板
        insertTemp = function(doctemp_id){
            layer.load();
            $.post("{% url 'get_doctemp' %}",{'doctemp_id':doctemp_id},function(r){
                if(r.status){
                    if(editor_mode == 1){
                        editor.insertValue(r.data);
                    }else if(editor_mode == 2){
                        editor.insertValue(r.data);
                    }
                    layer.closeAll()
                }else{
                    layer.closeAll("loading");
                    layer.msg(r.data)
                }
            });
        };
        //插入本地文本文件
        function insertLocalFile(input) {
            var file = input.files[0];
            //filename = file.name.split(".")[0]; // 文件名
            //支持chrome IE10
            if (window.FileReader) {
                var reader = new FileReader();
                reader.onload = function() {
                    console.log(this.result);
                    editor.insertValue(this.result);
                }
                reader.readAsText(file);
            }
            //支持IE 7 8 9 10
            else if (typeof window.ActiveXObject != 'undefined'){
                var xmlDoc;
                xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
                xmlDoc.async = false;
                xmlDoc.load(input.value);
                console.log(xmlDoc.xml);
                editor.insertValue(xmlDoc.xml);
            }
            //支持FF
            else if (document.implementation && document.implementation.createDocument) {
                var xmlDoc;
                xmlDoc = document.implementation.createDocument("", "", null);
                xmlDoc.async = false;
                xmlDoc.load(input.value);
                console.log(xmlDoc.xml);
                editor.insertValue(xmlDoc.xml);
            } else {
                alert('error');
            }
        };
        //选择本地文本文件
        function selectLocalFile(){
            $("#insert-local-file").trigger("click");
        };
        // 查看历史记录
        $("#doc-history").click(function(){
            layer.open({
                type: 1,
                title:'查看当前文档的历史版本',
                id:'history-div',
                content: $('#history-list'),
                area:['530px','300px'],
            });
        });
        //清除所选上级文档
        $("#clearParentDoc").click(function(){
            $('#parent-doc').val("");
            $("span.layui-tree-txt").each(function(i){
                var $me = $(this)
                $me.removeClass('selected-parent-doc')
            });
        });
        // 插入历史版本
        insertHistory = function(doc_id,history_id){
            layer.load(1);
            var url = "{% url 'diff_doc' 0 1 %}";
            url = url.replace(0,'{0}').replace(1,'{1}');
            url = url.replace('{0}',doc_id).replace('{1}',history_id)
            $.post(url,function(r){
                layer.closeAll("loading");
                if(r.status){
                    editor.setMarkdown(r.data);
                }else{
                    layer.msg(r.data)
                }
            });
        };
        // 删除文档
        delDoc = function(doc_id){
            layer.open({
                type:1,
                title:'删除文档',
                area:'300px;',
                id:'delPro',//配置ID
                content:'<div style="margin-left:10px;">警告：此操作将删除此文档！</div>',
                btn:['确定','取消'], //添加按钮
                btnAlign:'c', //按钮居中
                yes:function (index,layero) {
                    layer.load(1);
                    data = {
                        'doc_id':'{{ doc.id }}',
                    };
                    $.post("{% url 'del_doc' %}",data,function(r){
                        layer.closeAll('loading')
                        if(r.status){
                            //修改成功
                            layer.msg("文档已删除，即将跳转至文集")
                            // window.location.reload();
                            window.location.href = "{% url 'pro_index' doc.top_doc %}"
                            //layer.close(index)
                        }else{
                            //修改失败，提示
                            // console.log(r)
                            layer.msg(r.data)
                        }
                    })
                },
            });
        };
        // 移动文档
        moveDoc = function(doc_id){
            layer.open({
                type:1,
                title:'复制或移动此文档到指定文集',
                id:'moveDoc',
                area:'450px;',
                content:$('#move-project'),
                success:function(layero,index){
                    form.render(null, 'move-projects'); // 重新渲染弹出框的表单
                    // 移动文集 - 侦听选择文集 - 获取文集的文档
                    form.on('select(moveProject)', function(data){
                        // console.log(data.value); //得到被选中的值
                        $('#move-parent-id').val(0);
                        //获取文集的下级文档
                        $.post("{% url 'get_pro_doc_tree' %}",{'pro_id':data.value},function(r){
                            if(r.status){
                                var doc_tree = tree.render({
                                    elem:"#move-doc-tree",
                                    id:'moveDocTree',
                                    onlyIconControl:true,
                                    data:r.data,
                                    text: {
                                        defaultNodeName: '未命名' //节点默认名称
                                        ,none: '文集暂无文档' //数据为空时的提示文本
                                        },
                                    click: function(obj){
                                        if(obj.data.level != 3){
                                            $('#move-parent-id').val(obj.data.id);// 设置上级文档
                                            $("div.layui-tree-set").each(function(i){
                                                var $me = $(this)
                                                if($me.data('id') == obj.data.id){
                                                    // console.log('点击了')
                                                    layer.msg("选择了上级文档："+obj.data.title)
                                                    $me.find('span.layui-tree-txt').first().addClass('selected-parent-doc')
                                                }else{
                                                    $me.find('span.layui-tree-txt').first().removeClass('selected-parent-doc')
                                                }
                                            });
                                        }else{
                                            layer.msg("第三级文档不能作为上级文档")
                                        }
                                        
                                    }
                                });
                            }else{
                                layer.msg("获取下级文档失败！")
                            }
                        });
                    });
                },
                cancel: function(index, layero){ 
                    $("#move-project").hide();
}   
            })
        };
        // 提交移动文档
        submitMoveDoc = function(){
            var data = {
                move_type:$("input:radio[name='move-type']:checked").val(),
                pro_id:$("#moveProject").val(),
                parent_id:$("#move-parent-id").val(),
                doc_id:'{{doc.id}}'
            };
            if(data.pro_id === ''){
                layer.msg("必须选择一个文集")
                return
            }
            console.log(data)
            layer.load(1)
            $.post("{% url 'move_doc' %}",data,function(r){
                layer.closeAll('loading')
                if(r.status){
                    window.location.href = '/project-'+r.data.pro_id + '/doc-' + r.data.doc_id + '/'
                }else{
                    layer.msg(r.data)
                }
            });

        };


    </script>
{% endblock %}