ops / monitor-ui · Commits

Go to a project

Authored by skinny.wu
Commit 8e05a687abde318c3594013ee6d4fe8ba3652702 1 parent 6a0c4f07

hystrix网页 iframe嵌入

Inline Side-by-side
Showing 3 changed files with 67 additions and 23 deletions
... ... @@ -13,35 +13,37 @@
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>项目发布</title>
<title>AWS Hystrix</title>
<link rel="stylesheet" href="<%=basePath %>css/unicorn.main.css"/>
<link rel="stylesheet" href="<%=basePath %>css/unicorn.grey.css"/>
<link rel="stylesheet" href="<%=basePath %>css/bootstrap.min.css"/>
<link href="<%=basePath%>css/style.default.css" rel="stylesheet">
<link href="<%=basePath%>css/morris.css" rel="stylesheet">
<link href="<%=basePath%>css/select2.css" rel="stylesheet"/>
</head>
<body ><%--style="background-color: #444444;font-size: 14px"--%>
<body style='background-color: #444444;font-size: 14px'>
<!-- 头部 -->
<div id="head">
</div>
<div id="content">
<div>
<iframe src="http://aws-monitor.yohops.com/monitor/monitor.html?streams=%5B%7B%22name%22%3A%22%22%2C%22stream%22%3A%22http%3A%2F%2F127.0.0.1%3A8080%2Fturbine%2Fturbine.stream%3Fcluster%3Dyhpro%22%2C%22auth%22%3A%22%22%2C%22delay%22%3A%22%22%7D%5D"
id="iframepage" frameborder="0" scrolling="yes" width="100%" height="900px">
</iframe>
</div>
</div>
<script src="<%=basePath %>js/jquery-1.12.0.min.js" charset="UTF-8" type="text/javascript"></script>
<script src="<%=basePath %>script/common/genarate_left_panel.js"></script>
<script type="text/javascript">
$("#li_projectRelease").addClass("active");
</script>
<script language="JavaScript">
window.onbeforeunload = function () {
return "真的离开?";
}
$("#li_hystrix").addClass("active open");
$("#li_hystrix_aws").addClass("active");
setInterval(function(){location.replace(location.href)},20 * 60 * 1000);
</script>
</body>
</html>
... ...
<%--
Created by IntelliJ IDEA.
User: yoho
Date: 2016/7/21
Time: 14:49
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<%@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 lang="en">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>QCloud Hystrix</title>
<link rel="stylesheet" href="<%=basePath %>css/unicorn.main.css"/>
<link rel="stylesheet" href="<%=basePath %>css/unicorn.grey.css"/>
<link rel="stylesheet" href="<%=basePath %>css/bootstrap.min.css"/>
</head>
<body>
<body style='background-color: #444444;font-size: 14px'>
<!-- 头部 -->
<div id="head">
</div>
<div id="content">
<div>
<iframe src="http://qq-monitor.yohops.com/monitor/monitor.html?streams=%5B%7B%22name%22%3A%22%22%2C%22stream%22%3A%22http%3A%2F%2F127.0.0.1%3A8080%2Fturbine%2Fturbine.stream%3Fcluster%3Dyhpro%22%2C%22auth%22%3A%22%22%2C%22delay%22%3A%22%22%7D%5D"
name = "iframepage" id="iframepage" frameborder="0" scrolling="yes" width="100%" height="900px">
</iframe>
</div>
</div>
<script src="<%=basePath %>js/jquery-1.12.0.min.js" charset="UTF-8" type="text/javascript"></script>
<script src="<%=basePath %>script/common/genarate_left_panel.js"></script>
<script type="text/javascript">
$("#li_hystrix").addClass("active open");
$("#li_hystrix_qcloud").addClass("active");
setInterval(function(){location.replace(location.href)},20 * 60 * 1000);
</script>
</body>
</html>
... ...
... ... @@ -22,6 +22,12 @@ innerHTML += "<li id='li_redisInfo'><a id='li_redisInfo_a' href=''><i class='ico
innerHTML += "<li id='li_nginxview'><a id='li_nginxview_a' href=''><i class='icon icon-th'></i> <span>Nginx监控</span></a></li>";
innerHTML += "<li id='li_projectRelease'><a id='li_projectRelease_a' href=''><i class='icon icon-th'></i> <span>项目发布</span></a></li>";
/*Hystrix*/
innerHTML += "<li class='submenu' id='li_hystrix'><a id='a_hystrix' href='#'><i class='icon icon-th-list'></i> <span>Hystrix</span><span class='label'>2</span></a>";
innerHTML += "<ul><li id='li_hystrix_aws'><a id='a_hystrix_aws' href=''>AWS</a></li>";
innerHTML += "<li id='li_hystrix_qcloud'><a id='a_hystrix_qcloud' href=''>QCloud</a></li>";
innerHTML += "</ul></li>";
/*switch*/
innerHTML += "<li class='submenu' id='li_switch'><a id='li_switch_a' href='#'><i class='icon icon-th-list'></i> <span>关键切换</span><span class='label'>2</span></a>";
innerHTML += "<ul><li id='li_nginxswitch'><a id='li_nginxswitch_a' href=''>nginx切换</a></li>";
... ... @@ -62,6 +68,8 @@ document.getElementById("li_user_a").setAttribute("href", path + "/manage/toUser
document.getElementById("li_module_a").setAttribute("href", path + "/manage/toModule");
document.getElementById("li_nginxswitch_a").setAttribute("href", path + "/nginxswitch/toNginxSwitch");
//document.getElementById("li_dnsswitch_a").setAttribute("href", path + "/dnspod/toDns");
document.getElementById("a_hystrix_aws").setAttribute("href", path + "/hystrix/aws");
document.getElementById("a_hystrix_qcloud").setAttribute("href", path + "/hystrix/qcloud");
function getUrlBasePath() {
var location = ( window.location + '').split('/');
... ...