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 @@
<li class="" id="ProjectRelease"><a href="?page_type=projectRelease"><i
class="icon icon-th"></i><span>项目发布</span></a>
</li>
<li class="submenu">
<a href="#"><i class="icon icon-th-list"></i> <span>其他</span></a>
<ul>
<li class="">
<a href="#" id="rabbitmqMenu"><i class="icon icon-th-list"></i> <span>rabbitmq dashboard</span></a>
<ul style="display:none" id="rabbitmqUl">
<li><a href="http://rabbit-aws.yohops.com/" target="_blank">aws交易</a></li>
<li><a href="http://rabbit-aws-common.yohops.com/" target="_blank">aws通用</a></li>
<li><a href="http://rabbit-qq.yohops.com/" target="_blank">qq交易</a></li>
<li><a href="http://rabbit-qq-common.yohops.com/" target="_blank">qq通用</a></li>
</ul>
</li>
<li class="">
<a href="#" id="monitorMenu"><i class="icon icon-th-list"></i> <span>微服务监控</span></a>
<ul style="display:none" id="monitorUl">
<li><a href="http://aws-monitor.yohops.com/" target="_blank">aws</a></li>
<li><a href="http://aws-monitor.yohops.com/" target="_blank">Qcloud</a></li>
</ul>
</li>
<li><a href="http://g.yohops.com" target="_blank">grafana dashboard</a></li>
<li><a href="http://zk.yohops.com" target="_blank">zookeeper dashboard</a></li>
<li><a href="http://dev.yohops.com" target="_blank">开发运维信息查询</a></li>
<li><a href="http://kibana.yoho.cn/" target="_blank">kibana</a></li>
</ul>
</li>
<li class="" id="others"><a href="?page_type=others"><i class="icon icon-th"></i><span>Nginx监控预览</span></a>
</li>
</ul>
</div>
<!-- 右侧具体内容 -->
... ... @@ -156,7 +133,8 @@
"projectRelease": '/jsp/project/projectRelease.jsp',
"rabbitInfo": '/jsp/mobject/rabbitmq.jsp',
"zkMonitor":'/jsp/zkMonitor/zkMonitorList.jsp',
"dashBoard":'/jsp/dashBoard/dashBoard.jsp'
"dashBoard":'/jsp/dashBoard/dashBoard.jsp',
"others":'/jsp/dashBoard/dashBoard.jsp'
};
var page_type = "<%=page_type %>";
var page_url = "<%=page_url %>";
... ...
<%@page language="java" contentType="text/html;charset=utf-8" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="<%=basePath %>css/bootstrap.min.css"/>
<link rel="stylesheet" href="<%=basePath %>css/bootstrap-datetimepicker.css"/>
<link href="<%=basePath %>js/bootstrap-plugin/css/bootstrap.table.css" rel="stylesheet" media="screen"/>
<link rel="stylesheet" href="<%=basePath %>css/bootstrap-responsive.min.css"/>
<link rel="stylesheet" href="<%=basePath %>css/fullcalendar.css"/>
<link rel="stylesheet" href="<%=basePath %>css/unicorn.main.css"/>
<link rel="stylesheet" href="<%=basePath %>css/unicorn.grey.css"/>
<link rel="stylesheet" href="<%=basePath %>css/jquery-ui.css"/>
<link rel="stylesheet" href="<%=basePath %>css/uniform.css"/>
<link rel="stylesheet" href="<%=basePath %>css/select2.css"/>
<link rel="stylesheet" href="<%=basePath %>js/jstree/themes/proton/style.css"/>
<link rel="stylesheet" href="<%=basePath %>css/select2.css"/>
<link rel="stylesheet" href="<%=basePath %>css/yoho.css"/>
<script src="<%=basePath %>js/excanvas.min.js" charset="UTF-8" type="text/javascript"></script>
<script src="<%=basePath %>js/jquery-1.12.0.min.js" charset="UTF-8" type="text/javascript"></script>
<script src="<%=basePath %>js/jquery-ui.custom.js" charset="UTF-8" type="text/javascript"></script>
<script src="<%=basePath %>/js/bootstrap.min.js"></script>
<script src="<%=basePath %>/js/unicorn.js"></script>
<script src="<%=basePath %>js/bootstrap-plugin/datetimepicker/moment-with-locales.js" charset="UTF-8"
type="text/javascript"></script>
<script src="<%=basePath %>js/bootstrap-plugin/datetimepicker/bootstrap-datetimepicker.js" charset="UTF-8"
type="text/javascript"></script>
<script src="<%=basePath %>js/global.js" charset="UTF-8" type="text/javascript"></script>
<script src="<%=basePath %>js/bootstrap-plugin/bootstrap.pagination.js" charset="UTF-8"
type="text/javascript"></script>
<script src="<%=basePath %>js/bootstrap-plugin/bootstrap.table.js" charset="UTF-8" type="text/javascript"></script>
<script src="<%=basePath %>js/bootstrap-plugin/bootstrap.dialog.js" charset="UTF-8" type="text/javascript"></script>
<script src="<%=basePath %>js/bootstrap-plugin/bootstrap.form.js" charset="UTF-8" type="text/javascript"></script>
<script src="<%=basePath %>js/bootstrap-plugin/bootstrap.panel.js" charset="UTF-8" type="text/javascript"></script>
<script src="<%=basePath %>js/bootstrap-plugin/bootstrap.alerts.js" charset="UTF-8" type="text/javascript"></script>
<script src="<%=basePath %>js/bootstrap-plugin/bootstrap.accordion.js" charset="UTF-8"
type="text/javascript"></script>
<script src="<%=basePath %>js/bootstrap-plugin/bootstrap.breadcrumb.js" charset="UTF-8"
type="text/javascript"></script>
<script src="<%=basePath %>js/bootstrap-plugin/bootstrap.validate.js" charset="UTF-8"
type="text/javascript"></script>
<script src="<%=basePath %>js/bootstrap-plugin/bootstrap.form.js" charset="UTF-8" type="text/javascript"></script>
<script src="<%=basePath %>js/layer/layer.js" charset="UTF-8" type="text/javascript"></script>
<script src="<%=basePath %>js/bootstrap-plugin/bootstrap.select.js" charset="UTF-8" type="text/javascript"></script>
<script src="<%=basePath %>js/jstree/jstree.min.js"></script>
<script src="<%=basePath %>js/jquery.toaster.js"></script>
<link rel="stylesheet" href="<%=basePath%>css/font-awesome.min.css">
<title>YOHO!运维</title>
</head>
<body>
<!-- 头部 -->
<div id="head">
<h5 style="color: #E0EEE0;font-style:oblique;font-weight:900;font-size:200%;margin-left: 45px;margin-top: 40px;">
YOHO</h5>
</div>
<!-- 左侧菜单项 -->
<div id="sidebar">
</div>
<!-- 右侧具体内容 -->
<div id="content">
<div id="breadcrumb">
<a href="#" title="Go to Home" class="tip-bottom"><i
class="icon-home"></i> Home</a> <a href="#" class="current">常用链接</a>
</div>
<!-- 内容 -->
<div class="container-fluid">
<div class="widget-box">
<div class="col-lg-3 col-md-6" style="margin-top: 45px; width: 33.3%;">
<div class="panel panel-primary">
<div class="panel-heading">
<div class="row">
<div class="col-xs-3" style="margin-left: 25px;">
<i class="fa fa-globe fa-5x"></i>
</div>
<div class="col-xs-9 text-right" style="width: 250px;margin-left: 25px;">
<div>rabbitmq dashboard</div>
</div>
</div>
</div>
<a href="http://rabbit-aws.yohops.com/" target="_blank">
<div class="panel-footer">
<span class="pull-left">aws交易</span> <span class="pull-right"><i
class="fa fa-arrow-circle-right"></i></span>
<div class="clearfix"></div>
</div>
</a> <a href="http://rabbit-aws-common.yohops.com/" target="_blank">
<div class="panel-footer">
<span class="pull-left">aws通用</span> <span class="pull-right"><i
class="fa fa-arrow-circle-right"></i></span>
<div class="clearfix"></div>
</div>
</a> <a href="http://rabbit-qq.yohops.com/" target="_blank">
<div class="panel-footer">
<span class="pull-left">qq交易</span> <span class="pull-right"><i
class="fa fa-arrow-circle-right"></i></span>
<div class="clearfix"></div>
</div>
</a> <a href="http://rabbit-qq-common.yohops.com/" target="_blank">
<div class="panel-footer">
<span class="pull-left">qq通用</span> <span class="pull-right"><i
class="fa fa-arrow-circle-right"></i></span>
<div class="clearfix"></div>
</div>
</a>
</div>
</div>
<div class="col-lg-3 col-md-6" style="margin-top: 45px; width: 33.3%;">
<div class="panel panel-primary">
<div class="panel-heading">
<div class="row">
<div class="col-xs-3" style="margin-left: 25px;">
<i class="fa fa-tasks fa-5x"></i>
</div>
<div class="col-xs-9 text-right" style="width: 250px;margin-left: 25px;">
<div>微服务监控</div>
</div>
</div>
</div>
<a href="http://aws-monitor.yohops.com/" target="_blank">
<div class="panel-footer">
<span class="pull-left">aws</span> <span class="pull-right"><i
class="fa fa-arrow-circle-right"></i></span>
<div class="clearfix"></div>
</div>
</a> <a href="http://qq-monitor.yohops.com" target="_blank">
<div class="panel-footer">
<span class="pull-left">Qcloud</span> <span class="pull-right"><i
class="fa fa-arrow-circle-right"></i></span>
<div class="clearfix"></div>
</div>
</a>
</div>
</div>
<div class="col-lg-3 col-md-6" style="margin-top: 45px; width: 33.3%;">
<div class="panel panel-primary">
<div class="panel-heading">
<div class="row">
<div class="col-xs-3" style="margin-left: 25px;">
<i class="fa fa-support fa-5x"></i>
</div>
<div class="col-xs-9 text-right" style="width: 250px;margin-left: 25px;">
<div>grafana dashboard</div>
</div>
</div>
</div>
<a href="http://g.yohops.com" target="_blank">
<div class="panel-footer">
<span class="pull-left">grafana dashboard</span> <span
class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
<div class="clearfix"></div>
</div>
</a>
</div>
</div>
<div class="widget-box">
<div class="col-lg-3 col-md-6" style="margin-top: 45px; width: 33.3%;">
<div class="panel panel-primary">
<div class="panel-heading">
<div class="row">
<div class="col-xs-3" style="margin-left: 25px;">
<i class="fa fa-filter fa-5x"></i>
</div>
<div class="col-xs-9 text-right" style="width: 250px;margin-left: 25px;">
<div>zookeeper dashboard</div>
</div>
</div>
</div>
<a href="http://zk.yohops.com" target="_blank">
<div class="panel-footer">
<span class="pull-left">zookeeper dashboard</span> <span
class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
<div class="clearfix"></div>
</div>
</a>
</div>
</div>
<div class="col-lg-3 col-md-6" style="margin-top: 45px; width: 33.3%;">
<div class="panel panel-primary">
<div class="panel-heading">
<div class="row">
<div class="col-xs-3" style="margin-left: 25px;">
<i class="fa fa-briefcase fa-5x"></i>
</div>
<div class="col-xs-9 text-right" style="width: 250px;margin-left: 25px;">
<div>开发运维信息查询</div>
</div>
</div>
</div>
<a href="http://dev.yohops.com" target="_blank">
<div class="panel-footer">
<span class="pull-left">开发运维信息查询</span> <span class="pull-right"><i
class="fa fa-arrow-circle-right"></i></span>
<div class="clearfix"></div>
</div>
</a>
</div>
</div>
<div class="col-lg-3 col-md-6" style="margin-top: 45px; width: 33.3%;">
<div class="panel panel-primary">
<div class="panel-heading">
<div class="row">
<div class="col-xs-3" style="margin-left: 25px;">
<i class="fa fa-arrows-alt fa-5x"></i>
</div>
<div class="col-xs-9 text-right" style="width: 250px;margin-left: 25px;">
<div>kibana</div>
</div>
</div>
</div>
<a href="http://kibana.yoho.cn/" target="_blank">
<div class="panel-footer">
<span class="pull-left">kibana</span> <span class="pull-right"><i
class="fa fa-arrow-circle-right"></i></span>
<div class="clearfix"></div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
<script src="<%=basePath %>script/common/genarate_left_panel.js"></script>
<script type="text/javascript">
$("#li_others").addClass("active");
</script>
... ...
... ... @@ -14,30 +14,7 @@ innerHTML += "<li id='li_projectRelease'><a id='li_projectRelease_a' href=''><i
/*主体*/
/*其他*/
innerHTML += "<li class='submenu'>";
innerHTML += "<a href=''><i class='icon icon-th-list'></i> <span>其他</span></a>";
innerHTML += "<ul>";
innerHTML += "<li>";
innerHTML += "<a href='#' id='rabbitmqMenu'><i class='icon icon-th-list'></i> <span>rabbitmq dashboard</span></a>";
innerHTML += "<ul style='display:none' id='rabbitmqUl'>";
innerHTML += "<li><a href='http://rabbit-aws.yohops.com/' target='_blank'>aws交易</a></li>";
innerHTML += "<li><a href='http://rabbit-aws-common.yohops.com/' target='_blank'>aws通用</a></li>";
innerHTML += "<li><a href='http://rabbit-qq.yohops.com/' target='_blank'>qq交易</a></li>";
innerHTML += "<li><a href='http://rabbit-qq-common.yohops.com/' target='_blank'>qq通用</a></li>";
innerHTML += "</ul>";
innerHTML += "</li>";
innerHTML += "<li>";
innerHTML += "<a href='#' id='monitorMenu'><i class='icon icon-th-list'></i> <span>微服务监控</span></a>";
innerHTML += "<ul style='display:none' id='monitorUl'>";
innerHTML += "<li><a href='http://aws-monitor.yohops.com/' target='_blank'>aws</a></li>";
innerHTML += "<li><a href='http://aws-monitor.yohops.com/' target='_blank'>Qcloud</a></li>";
innerHTML += "</ul>";
innerHTML += "<li><a href='http://g.yohops.com' target='_blank'>grafana dashboard</a></li>";
innerHTML += "<li><a href='http://zk.yohops.com' target='_blank'>zookeeper dashboard</a></li>";
innerHTML += "<li><a href='http://dev.yohops.com' target='_blank'>开发运维信息查询</a></li>";
innerHTML += "<li><a href='http://kibana.yoho.cn/' target='_blank'>kibana</a></li>";
innerHTML += "</ul>";
innerHTML += "</li>";
innerHTML += "<li id='li_others'><a id='li_others_a' href=''><i class='icon icon-th'></i> <span>其他</span></a></li>";
/*其他*/
innerHTML += "</ul>";
... ... @@ -54,6 +31,7 @@ document.getElementById("li_rabbitview_a").setAttribute("href", path + "/rabbitm
document.getElementById("li_redisInfo_a").setAttribute("href", path + "/redisInfo/toRedisInfo");
document.getElementById("li_nginxview_a").setAttribute("href", path + "/nginx/toNginxView");
document.getElementById("li_projectRelease_a").setAttribute("href", path + "/project/toProject");
document.getElementById("li_others_a").setAttribute("href", path + "/jsp/dashBoard/others.jsp");
function getUrlBasePath() {
... ...