{include 'admin/layout/header'}
<link rel="stylesheet" href="__ADMIN_STATIC__/css/index.css?random={extendSetting('random')}">
<script src="__ADMIN_STATIC__/js/pop_window.js?random={extendSetting('random')}"></script>
<div class="ltcms-wrapper">
    <div class="header">
        <div class="ltcms-logo" data-src="{LTCMS_ROUTE_PREFIX}/welcome">
            <div><img src="__ADMIN_STATIC__/img/LT.png" alt=""></div>
            <p>LTCMS</p>
        </div>
         <!--<img id="list" src="__ADMIN_STATIC__/img/list.png" alt="">-->
        <i id="list" class="iconfont icon-liebiaoxiangzuo"></i>
        <p style="color:white;margin-left:5px;">
            {php $loginData=ltcmsLoginInfo();}
            {if $loginData}
                {$loginData['nickname']}
                <span style="cursor:pointer;color:#ffffff;" class="ajaxBtn" data-submit-url="/api/ltcmsUsers/logout" data-close="1" >退出</span>
            {else}
                <a href="{LTCMS_ROUTE_PREFIX}/ltcmsLogin" style="cursor:pointer;color:#ffffff;" target="body_frame">登录</a>
            {/if}
        </p>
        <a href="{config('app.url')}" target="_blank" class="site"><i class="iconfont icon-wangzhan"></i>预览网站</a>
        <div id="avator">
            <img src="__ADMIN_STATIC__/img/avator.png" alt="">
            <ul id="account">
                <li onclick="pop('修改密码','{LTCMS_ROUTE_PREFIX}/memberAdmin/modifyPwdSelf', '700px', '400px')" >
                    <!-- <img src="__ADMIN_STATIC__/img/reset_password.png" alt=""> -->
                    <i class="iconfont icon-xiugaimima" ></i>修改密码
                </li>
                <li>
                    <!-- <img src="__ADMIN_STATIC__/img/logout.png" alt=""> -->
                    <a href="{LTCMS_ROUTE_PREFIX}/logout"><i class="iconfont icon-tuichudenglu"></i>退出登录</a>
                </li>
            </ul>
        </div>
    </div>
    <div class="ltcms-container">
        <aside id="ltcms-aside">

            <ul class="ltcms-aside-list">
                <!--  动态插入导航菜单-->
            </ul>
        </aside>
        <section>
            <iframe src="" frameborder="0" name="body_frame" id="iframe"></iframe>
            <div class="ltcms-footer">
                <p>Powered By <a href="http://www.ltcms.com" target="_blank">LTCMS</a> @ 2023-2099 Inc.</p>
            </div>
        </section>
    </div>
</div>
<script src="__ADMIN_STATIC__/js/index.js?random={extendSetting('random')}"></script>
<script>
    const menuIdsInfoJson = {$menuIdsInfoJson};
    const funcIdsInfoJson = {$funcIdsInfoJson};

    window.onload = function () {

        //添加一级导航
        var renderTime = performance.now();
        console.log('页面即将渲染时间为：' + renderTime + '毫秒');
        // for (let key in menuIdsInfoJson) {
        //     console.log(key + ': ' + menuIdsInfoJson[key]);
        //     // 创建要插入的HTML元素
        //     var menu = $('<div id="menu_"'+menuIdsInfoJson[key].id+' onclick="switchMenu('+key+')" class="site"><a>'+menuIdsInfoJson[key].name+'</a></div>');
        //     // 找到要插入的位置
        //     var position = $('#list');
        //     // 在之后插入
        //     position.after(menu);
        // }
        if (menuIdsInfoJson){
           switchMenu(0)  //默认展示第一个
        }
        $("#iframe").attr("src", "{LTCMS_ROUTE_PREFIX}/welcome"); //最后再加载iframe,防止加载菜单卡主

    };

    function switchMenu(id) {
/*            <ul class="ltcms-aside-list">
                <li class="first-menu">
                    <div class="list-title a">
                        <img class="img1" src="__ADMIN_STATIC__/img/系统设置.png" alt="">
                        <span class="first-menu-name">系统设置</span>
                        <img class="img" src="__ADMIN_STATIC__/img/右箭头.png" alt="">
                    </div>
                    <ul>
                        <li class="second-menu" data-src="{LTCMS_ROUTE_PREFIX}/setting/site">网站设置</li>
                        <li class="second-menu" data-src="{LTCMS_ROUTE_PREFIX}/setting/seo">SEO优化</li>
                        <!--<li class="second-menu" data-src="{LTCMS_ROUTE_PREFIX}/setting/optimize">性能优化</li>-->
                    </ul>
                </li> */

        $(".first-menu").remove() ;
        for (let i = 0; i < menuIdsInfoJson[id].children.length; i++) {
            let ulId=menuIdsInfoJson[0].children[i].id;
            let temp='                <li class="first-menu">\n' +
                '                    <div class="list-title a">\n' +
                '                        <i class="iconfont img1 '+ menuIdsInfoJson[0].children[i].icon+'"></i>\n' +
                '                        <span class="first-menu-name">'+menuIdsInfoJson[0].children[i].name+'</span>\n' +
                '                        <i class="iconfont icon-xiangyou img"></i>\n' +
                '                    </div>\n' +
                '                    <ul id="Ul_'+ulId+'" >\n' +
                '                    </ul>\n' +
                '                </li>'

            $(".ltcms-aside-list").append(temp) ;
            addFunc(ulId)
        }

        // 局部页面跳转
        // var iframe = document.querySelector("#iframe");
        // let secondMenu = $(".first-menu ul li");
        // secondMenu.click(function(event) {
        //     $(".first-menu ul li").css({"color": "#86a2d3"});
        //     $(this).css({"color": "#4285FF"});
        //     iframe.src = event.target.dataset.src;
        //     $(".first-menu").removeClass("active2");
        //     $(this).parent().parent().addClass("active2");
        // })

        var iframe = document.querySelector("#iframe");
        let secondMenu = $(".first-menu ul li");

        $(".ltcms-logo").click(function() {
            iframe.src = $(this).data("src");
            $(".first-menu ul li").css({"color": "#fff"});
            $(".first-menu ul li").slideUp();
            $(".first-menu-name").removeClass('active1');
            $(".first-menu").removeClass('active2');
            $(".img").removeClass('active3');
            $(".first-menu ul li").removeClass('active5');
        })
        $(".first-menu ul li").click(function(event) {
            $(".first-menu ul li").removeClass("active5");
            $(this).addClass("active5");
            iframe.src = event.target.dataset.src;
            $(".first-menu").removeClass("active2");
            $(this).parent().parent().addClass("active2");
        })
        }

    /**
     * 移除最左侧的/
     * @param str
     * @returns {void|string|XML}
     */
    function removeLeadingSlash(str) {
        return str.replace(/^\//, '');
    }

    function addFunc(menuId) {
        /*console.log(menuId);*/
        /*
            <ul>
                <li class="second-menu" data-src="{LTCMS_ROUTE_PREFIX}/setting/site">网站设置</li>
                <li class="second-menu" data-src="{LTCMS_ROUTE_PREFIX}/setting/seo">SEO优化</li>
                <!--<li class="second-menu" data-src="{LTCMS_ROUTE_PREFIX}/setting/optimize">性能优化</li>-->
            </ul>
        */

        for (let i = 0; i < funcIdsInfoJson.length; i++) {
            if (funcIdsInfoJson[i].menuId === menuId && funcIdsInfoJson[i].isShow === 1) {
                let str = funcIdsInfoJson[i].route;
                str = removeLeadingSlash(str);
                str = "{LTCMS_ROUTE_PREFIX}/" + str;
                let temp = '<li data-src="' + str + '">' + funcIdsInfoJson[i].actionName + '</li>';
                $("#Ul_" + menuId).append(temp);
            }
        }
    }
</script>
{include 'admin/layout/footer'}