ops / monitor-ui · Commits

Go to a project

Authored by fanzelei
Commit 61b445beb5c60c4ae4c7f49ab34cca73802c7bfa 1 parent f994e2ba

update

Inline Side-by-side
Showing 3 changed files with 263 additions and 50 deletions
@@ -109,31 +109,8 @@ @@ -109,31 +109,8 @@
109 <li class="" id="ProjectRelease"><a href="?page_type=projectRelease"><i 109 <li class="" id="ProjectRelease"><a href="?page_type=projectRelease"><i
110 class="icon icon-th"></i><span>项目发布</span></a> 110 class="icon icon-th"></i><span>项目发布</span></a>
111 </li> 111 </li>
112 - <li class="submenu">  
113 - <a href="#"><i class="icon icon-th-list"></i> <span>其他</span></a>  
114 - <ul>  
115 - <li class="">  
116 - <a href="#" id="rabbitmqMenu"><i class="icon icon-th-list"></i> <span>rabbitmq dashboard</span></a>  
117 - <ul style="display:none" id="rabbitmqUl">  
118 - <li><a href="http://rabbit-aws.yohops.com/" target="_blank">aws交易</a></li>  
119 - <li><a href="http://rabbit-aws-common.yohops.com/" target="_blank">aws通用</a></li>  
120 - <li><a href="http://rabbit-qq.yohops.com/" target="_blank">qq交易</a></li>  
121 - <li><a href="http://rabbit-qq-common.yohops.com/" target="_blank">qq通用</a></li>  
122 - </ul>  
123 - </li>  
124 - <li class="">  
125 - <a href="#" id="monitorMenu"><i class="icon icon-th-list"></i> <span>微服务监控</span></a>  
126 - <ul style="display:none" id="monitorUl">  
127 - <li><a href="http://aws-monitor.yohops.com/" target="_blank">aws</a></li>  
128 - <li><a href="http://aws-monitor.yohops.com/" target="_blank">Qcloud</a></li>  
129 - </ul>  
130 - </li>  
131 - <li><a href="http://g.yohops.com" target="_blank">grafana dashboard</a></li>  
132 - <li><a href="http://zk.yohops.com" target="_blank">zookeeper dashboard</a></li>  
133 - <li><a href="http://dev.yohops.com" target="_blank">开发运维信息查询</a></li>  
134 - <li><a href="http://kibana.yoho.cn/" target="_blank">kibana</a></li>  
135 - </ul>  
136 - </li> 112 + <li class="" id="others"><a href="?page_type=others"><i class="icon icon-th"></i><span>Nginx监控预览</span></a>
  113 + </li>
137 </ul> 114 </ul>
138 </div> 115 </div>
139 <!-- 右侧具体内容 --> 116 <!-- 右侧具体内容 -->
@@ -156,7 +133,8 @@ @@ -156,7 +133,8 @@
156 "projectRelease": '/jsp/project/projectRelease.jsp', 133 "projectRelease": '/jsp/project/projectRelease.jsp',
157 "rabbitInfo": '/jsp/mobject/rabbitmq.jsp', 134 "rabbitInfo": '/jsp/mobject/rabbitmq.jsp',
158 "zkMonitor":'/jsp/zkMonitor/zkMonitorList.jsp', 135 "zkMonitor":'/jsp/zkMonitor/zkMonitorList.jsp',
159 - "dashBoard":'/jsp/dashBoard/dashBoard.jsp' 136 + "dashBoard":'/jsp/dashBoard/dashBoard.jsp',
  137 + "others":'/jsp/dashBoard/dashBoard.jsp'
160 }; 138 };
161 var page_type = "<%=page_type %>"; 139 var page_type = "<%=page_type %>";
162 var page_url = "<%=page_url %>"; 140 var page_url = "<%=page_url %>";
  1 +<%@page language="java" contentType="text/html;charset=utf-8" %>
  2 +<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
  3 +<%
  4 + String path = request.getContextPath();
  5 + String basePath = request.getScheme() + "://"
  6 + + request.getServerName() + ":" + request.getServerPort()
  7 + + path + "/";
  8 +%>
  9 +
  10 +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  11 +<html>
  12 +<head>
  13 + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  14 + <link rel="stylesheet" href="<%=basePath %>css/bootstrap.min.css"/>
  15 + <link rel="stylesheet" href="<%=basePath %>css/bootstrap-datetimepicker.css"/>
  16 + <link href="<%=basePath %>js/bootstrap-plugin/css/bootstrap.table.css" rel="stylesheet" media="screen"/>
  17 + <link rel="stylesheet" href="<%=basePath %>css/bootstrap-responsive.min.css"/>
  18 + <link rel="stylesheet" href="<%=basePath %>css/fullcalendar.css"/>
  19 + <link rel="stylesheet" href="<%=basePath %>css/unicorn.main.css"/>
  20 + <link rel="stylesheet" href="<%=basePath %>css/unicorn.grey.css"/>
  21 + <link rel="stylesheet" href="<%=basePath %>css/jquery-ui.css"/>
  22 + <link rel="stylesheet" href="<%=basePath %>css/uniform.css"/>
  23 + <link rel="stylesheet" href="<%=basePath %>css/select2.css"/>
  24 + <link rel="stylesheet" href="<%=basePath %>js/jstree/themes/proton/style.css"/>
  25 + <link rel="stylesheet" href="<%=basePath %>css/select2.css"/>
  26 + <link rel="stylesheet" href="<%=basePath %>css/yoho.css"/>
  27 + <script src="<%=basePath %>js/excanvas.min.js" charset="UTF-8" type="text/javascript"></script>
  28 + <script src="<%=basePath %>js/jquery-1.12.0.min.js" charset="UTF-8" type="text/javascript"></script>
  29 + <script src="<%=basePath %>js/jquery-ui.custom.js" charset="UTF-8" type="text/javascript"></script>
  30 + <script src="<%=basePath %>/js/bootstrap.min.js"></script>
  31 + <script src="<%=basePath %>/js/unicorn.js"></script>
  32 + <script src="<%=basePath %>js/bootstrap-plugin/datetimepicker/moment-with-locales.js" charset="UTF-8"
  33 + type="text/javascript"></script>
  34 + <script src="<%=basePath %>js/bootstrap-plugin/datetimepicker/bootstrap-datetimepicker.js" charset="UTF-8"
  35 + type="text/javascript"></script>
  36 + <script src="<%=basePath %>js/global.js" charset="UTF-8" type="text/javascript"></script>
  37 + <script src="<%=basePath %>js/bootstrap-plugin/bootstrap.pagination.js" charset="UTF-8"
  38 + type="text/javascript"></script>
  39 + <script src="<%=basePath %>js/bootstrap-plugin/bootstrap.table.js" charset="UTF-8" type="text/javascript"></script>
  40 + <script src="<%=basePath %>js/bootstrap-plugin/bootstrap.dialog.js" charset="UTF-8" type="text/javascript"></script>
  41 + <script src="<%=basePath %>js/bootstrap-plugin/bootstrap.form.js" charset="UTF-8" type="text/javascript"></script>
  42 + <script src="<%=basePath %>js/bootstrap-plugin/bootstrap.panel.js" charset="UTF-8" type="text/javascript"></script>
  43 + <script src="<%=basePath %>js/bootstrap-plugin/bootstrap.alerts.js" charset="UTF-8" type="text/javascript"></script>
  44 + <script src="<%=basePath %>js/bootstrap-plugin/bootstrap.accordion.js" charset="UTF-8"
  45 + type="text/javascript"></script>
  46 + <script src="<%=basePath %>js/bootstrap-plugin/bootstrap.breadcrumb.js" charset="UTF-8"
  47 + type="text/javascript"></script>
  48 + <script src="<%=basePath %>js/bootstrap-plugin/bootstrap.validate.js" charset="UTF-8"
  49 + type="text/javascript"></script>
  50 + <script src="<%=basePath %>js/bootstrap-plugin/bootstrap.form.js" charset="UTF-8" type="text/javascript"></script>
  51 + <script src="<%=basePath %>js/layer/layer.js" charset="UTF-8" type="text/javascript"></script>
  52 + <script src="<%=basePath %>js/bootstrap-plugin/bootstrap.select.js" charset="UTF-8" type="text/javascript"></script>
  53 + <script src="<%=basePath %>js/jstree/jstree.min.js"></script>
  54 + <script src="<%=basePath %>js/jquery.toaster.js"></script>
  55 + <link rel="stylesheet" href="<%=basePath%>css/font-awesome.min.css">
  56 +
  57 + <title>YOHO!运维</title>
  58 +</head>
  59 +<body>
  60 +
  61 +<!-- 头部 -->
  62 +<div id="head">
  63 + <h5 style="color: #E0EEE0;font-style:oblique;font-weight:900;font-size:200%;margin-left: 45px;margin-top: 40px;">
  64 + YOHO</h5>
  65 +</div>
  66 +
  67 +<!-- 左侧菜单项 -->
  68 +<div id="sidebar">
  69 +
  70 +</div>
  71 +<!-- 右侧具体内容 -->
  72 +<div id="content">
  73 +
  74 + <div id="breadcrumb">
  75 + <a href="#" title="Go to Home" class="tip-bottom"><i
  76 + class="icon-home"></i> Home</a> <a href="#" class="current">常用链接</a>
  77 + </div>
  78 + <!-- 内容 -->
  79 + <div class="container-fluid">
  80 + <div class="widget-box">
  81 + <div class="col-lg-3 col-md-6" style="margin-top: 45px; width: 33.3%;">
  82 + <div class="panel panel-primary">
  83 + <div class="panel-heading">
  84 + <div class="row">
  85 + <div class="col-xs-3" style="margin-left: 25px;">
  86 + <i class="fa fa-globe fa-5x"></i>
  87 + </div>
  88 + <div class="col-xs-9 text-right" style="width: 250px;margin-left: 25px;">
  89 + <div>rabbitmq dashboard</div>
  90 + </div>
  91 + </div>
  92 + </div>
  93 + <a href="http://rabbit-aws.yohops.com/" target="_blank">
  94 + <div class="panel-footer">
  95 + <span class="pull-left">aws交易</span> <span class="pull-right"><i
  96 + class="fa fa-arrow-circle-right"></i></span>
  97 +
  98 + <div class="clearfix"></div>
  99 + </div>
  100 + </a> <a href="http://rabbit-aws-common.yohops.com/" target="_blank">
  101 + <div class="panel-footer">
  102 + <span class="pull-left">aws通用</span> <span class="pull-right"><i
  103 + class="fa fa-arrow-circle-right"></i></span>
  104 +
  105 + <div class="clearfix"></div>
  106 + </div>
  107 + </a> <a href="http://rabbit-qq.yohops.com/" target="_blank">
  108 + <div class="panel-footer">
  109 + <span class="pull-left">qq交易</span> <span class="pull-right"><i
  110 + class="fa fa-arrow-circle-right"></i></span>
  111 +
  112 + <div class="clearfix"></div>
  113 + </div>
  114 + </a> <a href="http://rabbit-qq-common.yohops.com/" target="_blank">
  115 + <div class="panel-footer">
  116 + <span class="pull-left">qq通用</span> <span class="pull-right"><i
  117 + class="fa fa-arrow-circle-right"></i></span>
  118 +
  119 + <div class="clearfix"></div>
  120 + </div>
  121 + </a>
  122 + </div>
  123 + </div>
  124 +
  125 + <div class="col-lg-3 col-md-6" style="margin-top: 45px; width: 33.3%;">
  126 + <div class="panel panel-primary">
  127 + <div class="panel-heading">
  128 + <div class="row">
  129 + <div class="col-xs-3" style="margin-left: 25px;">
  130 + <i class="fa fa-tasks fa-5x"></i>
  131 + </div>
  132 + <div class="col-xs-9 text-right" style="width: 250px;margin-left: 25px;">
  133 + <div>微服务监控</div>
  134 + </div>
  135 + </div>
  136 + </div>
  137 + <a href="http://aws-monitor.yohops.com/" target="_blank">
  138 + <div class="panel-footer">
  139 + <span class="pull-left">aws</span> <span class="pull-right"><i
  140 + class="fa fa-arrow-circle-right"></i></span>
  141 +
  142 + <div class="clearfix"></div>
  143 + </div>
  144 + </a> <a href="http://qq-monitor.yohops.com" target="_blank">
  145 + <div class="panel-footer">
  146 + <span class="pull-left">Qcloud</span> <span class="pull-right"><i
  147 + class="fa fa-arrow-circle-right"></i></span>
  148 +
  149 + <div class="clearfix"></div>
  150 + </div>
  151 + </a>
  152 + </div>
  153 + </div>
  154 +
  155 + <div class="col-lg-3 col-md-6" style="margin-top: 45px; width: 33.3%;">
  156 + <div class="panel panel-primary">
  157 + <div class="panel-heading">
  158 + <div class="row">
  159 + <div class="col-xs-3" style="margin-left: 25px;">
  160 + <i class="fa fa-support fa-5x"></i>
  161 + </div>
  162 + <div class="col-xs-9 text-right" style="width: 250px;margin-left: 25px;">
  163 + <div>grafana dashboard</div>
  164 + </div>
  165 + </div>
  166 + </div>
  167 + <a href="http://g.yohops.com" target="_blank">
  168 + <div class="panel-footer">
  169 + <span class="pull-left">grafana dashboard</span> <span
  170 + class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
  171 +
  172 + <div class="clearfix"></div>
  173 + </div>
  174 + </a>
  175 + </div>
  176 + </div>
  177 +
  178 + <div class="widget-box">
  179 +
  180 +
  181 + <div class="col-lg-3 col-md-6" style="margin-top: 45px; width: 33.3%;">
  182 + <div class="panel panel-primary">
  183 + <div class="panel-heading">
  184 + <div class="row">
  185 + <div class="col-xs-3" style="margin-left: 25px;">
  186 + <i class="fa fa-filter fa-5x"></i>
  187 + </div>
  188 + <div class="col-xs-9 text-right" style="width: 250px;margin-left: 25px;">
  189 + <div>zookeeper dashboard</div>
  190 + </div>
  191 + </div>
  192 + </div>
  193 + <a href="http://zk.yohops.com" target="_blank">
  194 + <div class="panel-footer">
  195 + <span class="pull-left">zookeeper dashboard</span> <span
  196 + class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
  197 +
  198 + <div class="clearfix"></div>
  199 + </div>
  200 + </a>
  201 + </div>
  202 + </div>
  203 +
  204 + <div class="col-lg-3 col-md-6" style="margin-top: 45px; width: 33.3%;">
  205 + <div class="panel panel-primary">
  206 + <div class="panel-heading">
  207 + <div class="row">
  208 + <div class="col-xs-3" style="margin-left: 25px;">
  209 + <i class="fa fa-briefcase fa-5x"></i>
  210 + </div>
  211 + <div class="col-xs-9 text-right" style="width: 250px;margin-left: 25px;">
  212 + <div>开发运维信息查询</div>
  213 + </div>
  214 + </div>
  215 + </div>
  216 + <a href="http://dev.yohops.com" target="_blank">
  217 + <div class="panel-footer">
  218 + <span class="pull-left">开发运维信息查询</span> <span class="pull-right"><i
  219 + class="fa fa-arrow-circle-right"></i></span>
  220 +
  221 + <div class="clearfix"></div>
  222 + </div>
  223 + </a>
  224 + </div>
  225 + </div>
  226 +
  227 + <div class="col-lg-3 col-md-6" style="margin-top: 45px; width: 33.3%;">
  228 + <div class="panel panel-primary">
  229 + <div class="panel-heading">
  230 + <div class="row">
  231 + <div class="col-xs-3" style="margin-left: 25px;">
  232 + <i class="fa fa-arrows-alt fa-5x"></i>
  233 + </div>
  234 + <div class="col-xs-9 text-right" style="width: 250px;margin-left: 25px;">
  235 + <div>kibana</div>
  236 + </div>
  237 + </div>
  238 + </div>
  239 + <a href="http://kibana.yoho.cn/" target="_blank">
  240 + <div class="panel-footer">
  241 + <span class="pull-left">kibana</span> <span class="pull-right"><i
  242 + class="fa fa-arrow-circle-right"></i></span>
  243 +
  244 + <div class="clearfix"></div>
  245 + </div>
  246 + </a>
  247 + </div>
  248 + </div>
  249 + </div>
  250 + </div>
  251 + </div>
  252 +</div>
  253 +</body>
  254 +<script src="<%=basePath %>script/common/genarate_left_panel.js"></script>
  255 +<script type="text/javascript">
  256 + $("#li_others").addClass("active");
  257 +</script>
@@ -14,30 +14,7 @@ innerHTML += "<li id='li_projectRelease'><a id='li_projectRelease_a' href=''><i @@ -14,30 +14,7 @@ innerHTML += "<li id='li_projectRelease'><a id='li_projectRelease_a' href=''><i
14 /*主体*/ 14 /*主体*/
15 15
16 /*其他*/ 16 /*其他*/
17 -innerHTML += "<li class='submenu'>";  
18 -innerHTML += "<a href=''><i class='icon icon-th-list'></i> <span>其他</span></a>";  
19 -innerHTML += "<ul>";  
20 -innerHTML += "<li>";  
21 -innerHTML += "<a href='#' id='rabbitmqMenu'><i class='icon icon-th-list'></i> <span>rabbitmq dashboard</span></a>";  
22 -innerHTML += "<ul style='display:none' id='rabbitmqUl'>";  
23 -innerHTML += "<li><a href='http://rabbit-aws.yohops.com/' target='_blank'>aws交易</a></li>";  
24 -innerHTML += "<li><a href='http://rabbit-aws-common.yohops.com/' target='_blank'>aws通用</a></li>";  
25 -innerHTML += "<li><a href='http://rabbit-qq.yohops.com/' target='_blank'>qq交易</a></li>";  
26 -innerHTML += "<li><a href='http://rabbit-qq-common.yohops.com/' target='_blank'>qq通用</a></li>";  
27 -innerHTML += "</ul>";  
28 -innerHTML += "</li>";  
29 -innerHTML += "<li>";  
30 -innerHTML += "<a href='#' id='monitorMenu'><i class='icon icon-th-list'></i> <span>微服务监控</span></a>";  
31 -innerHTML += "<ul style='display:none' id='monitorUl'>";  
32 -innerHTML += "<li><a href='http://aws-monitor.yohops.com/' target='_blank'>aws</a></li>";  
33 -innerHTML += "<li><a href='http://aws-monitor.yohops.com/' target='_blank'>Qcloud</a></li>";  
34 -innerHTML += "</ul>";  
35 -innerHTML += "<li><a href='http://g.yohops.com' target='_blank'>grafana dashboard</a></li>";  
36 -innerHTML += "<li><a href='http://zk.yohops.com' target='_blank'>zookeeper dashboard</a></li>";  
37 -innerHTML += "<li><a href='http://dev.yohops.com' target='_blank'>开发运维信息查询</a></li>";  
38 -innerHTML += "<li><a href='http://kibana.yoho.cn/' target='_blank'>kibana</a></li>";  
39 -innerHTML += "</ul>";  
40 -innerHTML += "</li>"; 17 +innerHTML += "<li id='li_others'><a id='li_others_a' href=''><i class='icon icon-th'></i> <span>其他</span></a></li>";
41 /*其他*/ 18 /*其他*/
42 19
43 innerHTML += "</ul>"; 20 innerHTML += "</ul>";
@@ -54,6 +31,7 @@ document.getElementById("li_rabbitview_a").setAttribute("href", path + "/rabbitm @@ -54,6 +31,7 @@ document.getElementById("li_rabbitview_a").setAttribute("href", path + "/rabbitm
54 document.getElementById("li_redisInfo_a").setAttribute("href", path + "/redisInfo/toRedisInfo"); 31 document.getElementById("li_redisInfo_a").setAttribute("href", path + "/redisInfo/toRedisInfo");
55 document.getElementById("li_nginxview_a").setAttribute("href", path + "/nginx/toNginxView"); 32 document.getElementById("li_nginxview_a").setAttribute("href", path + "/nginx/toNginxView");
56 document.getElementById("li_projectRelease_a").setAttribute("href", path + "/project/toProject"); 33 document.getElementById("li_projectRelease_a").setAttribute("href", path + "/project/toProject");
  34 +document.getElementById("li_others_a").setAttribute("href", path + "/jsp/dashBoard/others.jsp");
57 35
58 36
59 function getUrlBasePath() { 37 function getUrlBasePath() {