<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <base th:href="${#request.getContextPath() + '/'}">
    <title th:text="${systemTitle}"></title>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="icon" type="image/ico" href="assets/favicon.ico"/>
    <link rel="stylesheet" href="assets/fonts/font-awesome/css/font-awesome.css">
    <link rel="stylesheet" href="assets/layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="assets/layuiadmin/style/admin.css" media="all">
    <link rel="stylesheet" href="assets/layuiadmin/style/default-main.css" media="all">
    <style th:if="${menuMode eq 'floatLeft'}">
        .layui-side-menu-hidden {display: none;}
        .layui-layout-admin .layui-layout-left, .layadmin-pagetabs, .layui-layout-admin .layui-body, .layui-layout-admin .layui-footer {left: 0px}
        @media screen and (max-width: 992px) {
            .layui-layout-admin .layui-side {
                transform: none;
                -webkit-transform: none;
                width: 220px;
            }
            .layui-layout-admin .layui-layout-left,
            .layadmin-pagetabs,
            .layui-layout-admin .layui-body,
            .layui-layout-admin .layui-footer {
                left: 0;
            }
        }
    </style>
</head>
<body class="layui-layout-body">
<div id="LAY_app">
    <div class="layui-layout layui-layout-admin">
        <div class="layui-header">
            <!-- 头部区域 -->
            <ul class="layui-nav layui-layout-left">
                <li class="layui-nav-item layadmin-flexible layui-side-menu-show" lay-unselect>
                    <a href="javascript:void(0);" layadmin-event="flexible" title="侧边伸缩">
                        <i class="layui-icon layui-icon-shrink-right" id="LAY_app_flexible"></i>
                    </a>
                </li>
                <li class="layui-nav-item layui-hide-xs" lay-unselect>
                    <a th:href="@{${navPage}}" title="首页">
                        <i class="layui-icon layui-icon-website"></i>
                    </a>
                </li>
                <li class="layui-nav-item" lay-unselect>
                    <a href="javascript:void(0);" layadmin-event="refresh" title="刷新">
                        <i class="layui-icon layui-icon-refresh-3"></i>
                    </a>
                </li>
            </ul>
            <ul class="layui-nav layui-layout-right" lay-filter="layadmin-layout-right">
                <li class="layui-nav-item layui-hide-xs" lay-unselect>
                    <a href="javascript:void(0);" layadmin-event="theme">
                        <i class="layui-icon layui-icon-theme"></i>
                    </a>
                </li>
                <li class="layui-nav-item layui-hide-xs" lay-unselect>
                    <a href="javascript:void(0);" layadmin-event="note">
                        <i class="layui-icon layui-icon-note"></i>
                    </a>
                </li>
                <li class="layui-nav-item" lay-unselect>
                    <a href="javascript:void(0);">
                        <cite th:text="${userUsername}"></cite>
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a id="LAY-changePassword" lay-href="javascript:void(0);">修改密码</a></dd>
                        <hr>
                        <dd id="LAY-logout" style="text-align: center;"><a href="javascript:void(0);">退出</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item layui-hide-xs" lay-unselect>
                    <a href="javascript:void(0);" layadmin-event="fullscreen">
                        <i class="layui-icon layui-icon-screen-full"></i>
                    </a>
                </li>
                <li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-unselect>
                    <a href="javascript:void(0);" layadmin-event="more"><i class="layui-icon layui-icon-more-vertical"></i></a>
                </li>
            </ul>
        </div>

        <!-- 侧边菜单 -->
        <div id="sideMenu" class="layui-side layui-side-menu layui-side-menu-hidden">
            <div class="layui-side-scroll">
                <div class="layui-logo">
                    <span th:text="${systemTitle}" style="font-weight: bold;"></span>
                </div>

                <ul class="layui-nav layui-nav-tree" lay-shrink="all" id="LAY-system-side-menu" lay-filter="layadmin-system-side-menu">
                    <li data-name="component" class="layui-nav-item" th:each="menu1: ${menus}" th:title="${menu1.menuSummary}">
                        <a href="javascript:void(0);" th:if="${!#lists.isEmpty(menu1.subMenus)}" th:attr="lay-tips=${menu1.menuName}" lay-direction="2">
                            <span class="layui-icon">
                                <i th:class="${menu1.menuIcon}"></i>
                            </span>
                            <cite th:text="${menu1.menuName}"></cite>
                        </a>
                        <a href="javascript:void(0);" th:if="${#lists.isEmpty(menu1.subMenus)}" th:attr="lay-tips=${menu1.menuName},lay-href=${menu1.menuUrl} ,lay-open-type=${menu1.openType}" lay-direction="2">
                            <span class="layui-icon">
                                <i th:class="${menu1.menuIcon}"></i>
                            </span>
                            <cite th:text="${menu1.menuName}"></cite>
                        </a>

                        <dl class="layui-nav-child" th:if="${!#lists.isEmpty(menu1.subMenus)}">
                            <dd data-name="grid" th:each="menu2: ${menu1.subMenus}" th:title="${menu2.menuSummary}">
                                <a href="javascript:void(0);" th:if="${!#lists.isEmpty(menu2.subMenus)}">
                                    <span class="layui-icon">
                                        <i th:class="${menu2.menuIcon}"></i>
                                    </span>
                                    <cite th:text="${menu2.menuName}"></cite>
                                </a>
                                <a href="javascript:void(0);" th:if="${#lists.isEmpty(menu2.subMenus)}" th:attr="lay-href=${menu2.menuUrl}, lay-open-type=${menu2.openType}">
                                    <span class="layui-icon">
                                        <i th:class="${menu2.menuIcon}"></i>
                                    </span>
                                    <cite th:text="${menu2.menuName}"></cite>
                                </a>

                                <dl class="layui-nav-child" th:if="${!#lists.isEmpty(menu2.subMenus)}">
                                    <dd data-name="list" th:each="menu3: ${menu2.subMenus}" th:title="${menu3.menuSummary}">
                                        <a href="javascript:void(0)" th:text="${menu3.menuName}" th:attr="lay-href=${menu3.menuUrl}, lay-open-type=${menu3.openType}"></a>
                                    </dd>
                                </dl>
                            </dd>
                        </dl>
                    </li>
                </ul>
            </div>
        </div>

        <!-- 页面标签 -->
        <div class="layadmin-pagetabs auto-hide-menu" id="LAY_app_tabs">
            <div class="layui-icon layadmin-tabs-control layui-icon-prev" layadmin-event="leftPage"></div>
            <div class="layui-icon layadmin-tabs-control layui-icon-next" layadmin-event="rightPage"></div>
            <div class="layui-icon layadmin-tabs-control layui-icon-down">
                <ul class="layui-nav layadmin-tabs-select" lay-filter="layadmin-pagetabs-nav">
                    <li class="layui-nav-item" lay-unselect>
                        <a href="javascript:void(0);"></a>
                        <dl class="layui-nav-child layui-anim-fadein">
                            <dd layadmin-event="closeThisTabs"><a href="javascript:void(0);">关闭当前标签页</a></dd>
                            <dd layadmin-event="closeOtherTabs"><a href="javascript:void(0);">关闭其它标签页</a></dd>
                            <dd layadmin-event="closeAllTabs"><a href="javascript:void(0);">关闭全部标签页</a></dd>
                        </dl>
                    </li>
                </ul>
            </div>
            <div class="layui-tab" lay-unauto lay-allowClose="true" lay-filter="layadmin-layout-tabs">
                <ul class="layui-tab-title" id="LAY_app_tabsheader">
                    <li lay-id="default.html" lay-attr="default.html" class="layui-this"><i class="layui-icon layui-icon-home"></i></li>
                </ul>
            </div>
        </div>

        <!-- 主体内容 -->
        <div class="layui-body auto-hide-menu" id="LAY_app_body">
            <div class="layadmin-tabsbody-item layui-show">
                <iframe id="defaultIFrame" frameborder="0" class="layadmin-iframe"></iframe>
            </div>
        </div>

        <!-- 辅助元素，一般用于移动设备下遮罩 -->
        <div class="layadmin-body-shade" layadmin-event="shade"></div>
    </div>
</div>
<script src="assets/layuiadmin/layui/layui.js"></script>
<script>
    layui.config({
        base: 'assets/layuiadmin/' //静态资源所在路径
    }).extend({
        index: 'lib/index' //主入口模块
    }).use(['index', 'element', 'restajax', 'datamessage', 'dialog'], function() {
        var element = layui.element;
        var $ = layui.$;

        var layer = layui.layer;
        window.dialog = layui.dialog;
        window.restAjax = layui.restajax;
        window.dataMessage = layui.datamessage;

        function changePassword() {
            top.dialog.open({
                url: top.restAjax.path('route/user/update-password', []),
                title: '修改密码',
                width: '400px',
                height: '290px',
                onClose: function() {}
            });
        }

        function checkPasswordStatus() {
            top.restAjax.get(top.restAjax.path('api/user/get-password-status', []), {}, null, function(code, data) {
                if(data.data == 'change') {
                    changePassword();
                } else if(data.data == 'remind') {
                    layer.open({
                        title: '警告！',
                        content: '密码已过期，为确保账号安全，请尽快修改密码！',
                        auto: ['100px', '80px'],
                        offset: 'rb'
                    });
                }
            }, function(code, data) {
                top.dialog.message(data.msg);
            });
        }
        checkPasswordStatus();

        $('#LAY-changePassword').on('click', function() {
            changePassword()
        });
        $('#defaultIFrame').attr('src', 'default-home');
        $('#LAY-logout').on('click', function() {
            top.dialog.confirm('确认退出?', function() {
                window.location.href = 'logout';
            });
        });

        /** 左浮动菜单 start **/
        var hideSideMenuTimeout = null;
        $('.layui-side-menu-show').on('mouseover', function(event) {
            $('#sideMenu').removeClass('layui-side-menu-hidden');
        });
        $('#sideMenu').on('mouseout', function(event) {
            if(hideSideMenuTimeout) {
                return;
            }
            hideSideMenuTimeout = setTimeout(function() {
                $('#sideMenu').addClass('layui-side-menu-hidden')
            }, 100);
        });
        $('#sideMenu').on('mouseover', function(event) {
            if(hideSideMenuTimeout) {
                clearTimeout(hideSideMenuTimeout);
                hideSideMenuTimeout = null;
            }
        });
        /** 左浮动菜单 end **/
    });
</script>
</body>
</html>

