frame.html 6.73 KB
<html xmlns:th="http://www.thymeleaf.org">
<head></head>
<body th:fragment="frame">
<header class="main-header">
    <!-- Logo -->
    <a href="/" class="logo">
        <!-- mini logo for sidebar mini 50x50 pixels -->
        <span class="logo-mini"><b>ACP</b></span>
        <!-- logo for regular state and mobile devices -->
        <span class="logo-lg"><b>审核云平台系统</b></span>
    </a>
    <!-- Header Navbar: style can be found in header.less -->
    <script>
        $(document).ready(function () {
            $("#dropdown").click(function () {
                $("#dropdown-menu").toggle();
            });
        });
        $(document).bind("click", function () {
            $('#dropdown-menu').hide();
        });
    </script>
    <nav class="navbar navbar-static-top" role="navigation">
        <!-- Sidebar toggle button-->
        <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
            <span class="sr-only">Toggle navigation</span>
        </a>
        <div class="navbar-custom-menu">
            <ul class="nav navbar-nav">
                <li class="dropdown messages-menu" style="margin: 0 auto">
            <span class="label label-primary" style="height: 2em;
line-height: 2em; margin: 0 auto;font-size: 2em"
                  th:text="${session.sessionUser.company}+'('+${session.sessionUser.spid}+')'">
            </span>
                </li>
                <!-- User Account: style can be found in dropdown.less -->
                <li class="dropdown user user-menu">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="dropdown">
                        <img th:src="@{${session.sessionUser.logo}}" class="user-image" alt="User Image">
                        <span class="hidden-xs" th:text="${session.sessionUser.userName}">
                        </span>

                    </a>
                    <ul class="dropdown-menu" id="dropdown-menu">
                        <li class="user-header">
                            <img th:src="@{${session.sessionUser.logo}}" class="img-circle" alt="User Image">
                            <p th:text="${session.sessionUser.email}">

                            </p>
                        </li>
                        <li class="user-footer">
                            <div class="pull-left" th:if="${session.sessionUser.spid==0 }">
                                <a style="background:#3c8dbc"
                                   href="http://console.open.cnlive.com/open/console/user/info" target="black"
                                   class="btn btn-default btn-flat">账号管理</a>
                            </div>
                            <div class="pull-right">
                                <a style="background:#3c8dbc" href="/users/logout"
                                   class="btn btn-default btn-flat">注销</a>
                            </div>
                        </li>
                    </ul>
                </li>
                <!-- Control Sidebar Toggle Button -->
            </ul>
        </div>
    </nav>
</header>

<aside class="main-sidebar">
    <!-- sidebar: style can be found in sidebar.less -->
    <section class="sidebar">
        <!-- sidebar menu: : style can be found in sidebar.less -->
        <ul class="sidebar-menu">
            <li class="header">菜单导航</li>
            <li class="treeview active">
                <a href="#">
                    <span class="menu-item-top">审核云</span>
                </a>
                <ul class="treeview-menu">
                    <li class="active"><a href="/videos/page?state=0&receive=0&page=1&pageSize=10" id="/videos/page">点播审核</a></li>
                    <li><a href="/audio/page?state=0&receive=0&page=1&pageSize=10" id="/audio/page"> 音频审核</a></li>
                    <li><a href="/live/page?shenhe_state=0&page=1&pageSize=20" id="/live/page"> 直播审核</a></li>
                    <li><a href="/comments/page?state=0&receive=0&page=1&pageSize=10" id="/comments/page"> 评论审核</a></li>
                    <li><a href="/content/page?receive_status=0&page=1&pageSize=10" id="/content/page"> 图文审核</a></li>
                    <li><a href="/topic/page?shenhe_status=0&receive=0&page=1&pageSize=10" id="/topic/page"> 话题审核</a></li>
                    <li><a href="/channel/page?shenhe_status=0&receive=0&page=1&pageSize=10" id="/channel/page"> 频道审核</a></li>
                    <li><a href="/liveApply/page?shenhe_state=0&receive=0&page=1&pageSize=10" id="/liveApply/page">直播申请审核</a></li>
                </ul>
            </li>
            <li class="treeview" th:if="${session.sessionUser.spid==0 || session.sessionUser.spid==60}">
                <a href="#">
                    <span class="menu-item-top">系统管理</span>
                </a>
                <ul class="treeview-menu">
                    <li><a href="/users/page?page=1&pageSize=10" id="/users/page"> 审核云用户管理</a></li>
                    <li><a href="/sites/page?page=1&pageSize=10" id="/sites/page"> SP白名单管理</a></li>
                    <li><a href="/email/page?page=1&pageSize=10" id="/email/page"> 邮件消息管理</a></li>
                    <li><a href="/usersFree/page?page=1&pageSize=10" id="/usersFree/page"> 网++白名单管理</a></li>
                    <li><a href="/notSpeak/page?page=1&pageSize=10" id="/notSpeak/page"> 网++禁言管理</a></li>
                    <li><a href="/activity/page?pageNum=1&pageSize=10" id="/activity/page"> 活动管理</a></li>
                    <li><a href="/log/page?pageNum=1&pageSize=10" id="/log/page"> 日志管理</a></li>
                </ul>
            </li>
        </ul>
    </section>
    <!-- /.sidebar -->
</aside>

<script>
    $(document).ready(function () {
        var url = window.location.pathname;
        $('ul.treeview-menu>li').removeClass("active");
        $('.sidebar-menu>li').removeClass("active");
        $('ul.treeview-menu>li').find('a[id="' + url + '"]').closest('li').addClass('active');  //二级链接高亮
        $('ul.treeview-menu>li').find('a[id="' + url + '"]').closest('li.treeview').addClass('active');  //一级栏目[含二级链接]高亮
        $('.sidebar-menu>li').find('a[id="' + url + '"]').closest('li').addClass('active');  //一级栏目[不含二级链接]高亮
    });
</script>

<style type="text/css">
    .tooltip-inner {
        background-color: #00acd6;
        color: #fff;
    }

    .tooltip.top .tooltip-arrow {
        border-top-color: #00acd6;
    }

    .tooltip.right .tooltip-arrow {
        border-right-color: #00acd6;
    }

    .tooltip.bottom .tooltip-arrow {
        border-bottom-color: #00acd6;
    }

    .tooltip.left .tooltip-arrow {
        border-left-color: #00acd6;
    }
</style>
</body>
</html>