{include file='common/head.html'}
<link rel="stylesheet" href="{APP_THEME_DIR}/zTree/zTreeStyle.css?v=1" type="text/css">
<script type="text/javascript" src="{APP_THEME_DIR}/zTree/jquery.ztree.core.min.js"></script>
<style>
body,html{height:100%;}
body{overflow-x:hidden;}
.layui-body{padding:0;}
.title-cate{position:fixed;z-index:999999999;padding:5px 5px 5px 15px;width:145px;height:25px;border-bottom:1px solid #dae6f0;background:#fff;color:#333;font-size:14px;line-height:25px;}
.title-cate i{margin-right:5px;}
.allshow{float:right;margin:5px;}
#aside{overflow:hidden;box-sizing:border-box;width:170px;border-right:5px solid #dae6f0;}
#aside,#content_main{position:absolute;height:100%;background:#fff;}
#content_main{top:0;right:0;z-index:0;display:block;visibility:visible;margin:0;padding:0;width:calc(100% - 170px);inset:0 0 0 170px;}
#content_body{position:absolute;top:0;right:0;bottom:0;left:0;}
.pReload{margin-bottom:5px;padding-left:10px;color:#999;font-size:12px;cursor:pointer;}
.pReload:hover{color:#333;}
.ztree{padding:40px 6px 10px!important;}
.ztree li{line-height:26px;}
.ztree .node_name{font-size:14px!important;}
.ztree li a{overflow:hidden;max-width:135px;vertical-align:middle;text-overflow:ellipsis;}
#aside:hover{overflow-y:auto;}
#aside:hover .ztree{overflow-x:auto;}
::-webkit-scrollbar{width:0;height:0;background-color:#f5f5f5;}
::-webkit-scrollbar-track{border-radius:10px;background-color:#f7f7f7;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);box-shadow:inset 0 0 6px rgba(0,0,0,.3);}
::-webkit-scrollbar-thumb{border-radius:10px;background-color:#c8c8c8;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1);box-shadow:inset 0 0 6px rgba(0,0,0,.1);}
</style>
<script>
    var zNodes = [
        {foreach $sorts(key,value)}
        {if($value->url)}
        {id:[value->id],pId: [value->pid],name:'[value->filename]',url:'{url./admin/Editor/edits/}&url=[value->url]',target:'content_body',open:true,isParent:false},
        {else}
            {if($value->id == '10000001' || $value->id == '10000002')}
                {id:[value->id],pId: [value->pid],name:'[value->filename]',url:'javascript:;',target:'content_body',open:true,isParent:true},
            {else}
                 {id:[value->id],pId: [value->pid],name:'[value->filename]',url:'javascript:;',target:'content_body',open:false,isParent:true},
            {/if}
        {/if}
        {/foreach}
    ];

    var setting = {
        view:{
            dblClickExpand:false
            ,showLine:true
            ,showIcon: true
        },
        data:{
            simpleData:{
                enable:true
            }
        },
        callback:{
            beforeExpand:beforeExpand
            ,onExpand:onExpand
            ,onClick:onClick
        }
    };
    var curExpandNode=null;
    function beforeExpand(treeId,treeNode) {
        var pNode=curExpandNode?curExpandNode.getParentNode():null;
        var treeNodeP=treeNode.parentTId?treeNode.getParentNode():null;
        var zTree=$.fn.zTree.getZTreeObj("tree");
        for(var i=0,l=!treeNodeP?0:treeNodeP.children.length;i<l; i++){
            if(treeNode!==treeNodeP.children[i]){zTree.expandNode(treeNodeP.children[i],false);}
        };
        while (pNode){
            if(pNode===treeNode){break;}
            pNode=pNode.getParentNode();
        };
        if(!pNode){singlePath(treeNode);}
    };
    function singlePath(newNode) {
        if (newNode === curExpandNode) return;
        if (curExpandNode && curExpandNode.open==true) {
            var zTree = $.fn.zTree.getZTreeObj("tree");
            if (newNode.parentTId === curExpandNode.parentTId) {
                zTree.expandNode(curExpandNode, false);
            } else {
                var newParents = [];
                while (newNode) {
                    newNode = newNode.getParentNode();
                    if (newNode === curExpandNode) {
                        newParents = null;
                        break;
                    } else if (newNode) {
                        newParents.push(newNode);
                    }
                }
                if (newParents!=null) {
                    var oldNode = curExpandNode;
                    var oldParents = [];
                    while (oldNode) {
                        oldNode = oldNode.getParentNode();
                        if (oldNode) {
                            oldParents.push(oldNode);
                        }
                    }
                    if (newParents.length>0) {
                        zTree.expandNode(oldParents[Math.abs(oldParents.length-newParents.length)-1], false);
                    } else {
                        zTree.expandNode(oldParents[oldParents.length-1], false);
                    }
                }
            }
        }
        curExpandNode = newNode;
    };

    function onExpand(event,treeId,treeNode){curExpandNode=treeNode;};
    
    function onClick(e,treeId,treeNode){
        var zTree=$.fn.zTree.getZTreeObj("tree");
        zTree.expandNode(treeNode,null,null,null,true);
    }

    $(function(){
        $.fn.zTree.init($("#tree"),setting,zNodes);
        $(".ui-layout-north li:first-child").click();
    });

    function expandAll(obj){
        var expand = $(obj).attr('data-expand');
        var zTree = $.fn.zTree.getZTreeObj("tree");
        if ('shrink' == expand) { // 展开时收缩
            zTree.expandAll(false);
            $(obj).attr('data-expand', 'spread').attr('title', '点击全部展开').html('展开');
        } else { // 收缩时展开
            zTree.expandAll(true);
            $(obj).attr('data-expand', 'shrink').attr('title', '点击全部收缩').html('收缩');
        }
    }
</script>
<div class="layui-body">
<div id="aside">
    <div class="title-cate"><i class="layui-icon layui-icon-theme"></i> 模板编辑 <a href="javascript:;" onclick="expandAll(this);" data-expand="shrink" class="layui-badge layui-bg-orange allshow">收缩</a></div>
    <ul id="tree" class="ztree"></ul>
</div>
<div id="content_main">
    <iframe name="content_body" id="content_body" src="{url./admin/Editor/edit}" frameborder="0" width="100%" height="100%"></iframe>
</div>
</div>
<!-- 右侧主体结束 -->
<script>
    window.onload = function() {
        $('.node_name').each(function(){
            var reg=new RegExp("&#039;","g"); //创建正则RegExp对象   
            var stringObj=$(this).text();   
            var newstr=stringObj.replace(reg,"'");   
            $(this).text(newstr);
        })
    }
</script>
{include file='common/foot.html'}