frame.html
4.23 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<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 -->
<nav class="navbar navbar-static-top" role="navigation">
<!-- Sidebar toggle button-->
<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">
<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">
<!-- User image -->
<li class="user-header">
<img th:src="@{${session.sessionUser.logo}}" class="img-circle" alt="User Image">
<p th:text="${session.sessionUser.email}">
</p>
</li>
<!-- Menu Footer-->
<li class="user-footer">
<div class="pull-right">
<a 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"></i> 点播审核</a></li>
<li><a href="/comments/page"> 评论审核</a></li>
</ul>
</li>
<li class="treeview" th:if="${session.sessionUser.spid==0 or session.sessionUser.master}">
<a href="#">
<span class="menu-item-top">系统管理</span>
</a>
<ul class="treeview-menu">
<li><a href="/sites/page"> 白名单管理</a></li>
</ul>
</li>
</ul>
</section>
<!-- /.sidebar -->
</aside>
<script>
$(document).ready(function () {
var url = window.location.pathname;
$('ul.treeview-menu>li').find('a[href="' + url + '"]').closest('li').addClass('active'); //二级链接高亮
$('ul.treeview-menu>li').find('a[href="' + url + '"]').closest('li.treeview').addClass('active'); //一级栏目[含二级链接]高亮
$('.sidebar-menu>li').find('a[href="' + 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>