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 @@ @@ -13,35 +13,37 @@
13 <head> 13 <head>
14 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 14 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
15 15
16 - <title>项目发布</title> 16 + <title>AWS Hystrix</title>
17 <link rel="stylesheet" href="<%=basePath %>css/unicorn.main.css"/> 17 <link rel="stylesheet" href="<%=basePath %>css/unicorn.main.css"/>
18 <link rel="stylesheet" href="<%=basePath %>css/unicorn.grey.css"/> 18 <link rel="stylesheet" href="<%=basePath %>css/unicorn.grey.css"/>
19 <link rel="stylesheet" href="<%=basePath %>css/bootstrap.min.css"/> 19 <link rel="stylesheet" href="<%=basePath %>css/bootstrap.min.css"/>
20 - <link href="<%=basePath%>css/style.default.css" rel="stylesheet">  
21 - <link href="<%=basePath%>css/morris.css" rel="stylesheet">  
22 - <link href="<%=basePath%>css/select2.css" rel="stylesheet"/>  
23 -  
24 </head> 20 </head>
25 21
26 -<body ><%--style="background-color: #444444;font-size: 14px"--%> 22 +<body style='background-color: #444444;font-size: 14px'>
27 23
28 <!-- 头部 --> 24 <!-- 头部 -->
29 <div id="head"> 25 <div id="head">
30 </div> 26 </div>
31 27
  28 +<div id="content">
  29 + <div>
32 30
  31 + <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"
  32 + id="iframepage" frameborder="0" scrolling="yes" width="100%" height="900px">
33 33
  34 + </iframe>
34 35
  36 + </div>
  37 +</div>
35 38
  39 +<script src="<%=basePath %>js/jquery-1.12.0.min.js" charset="UTF-8" type="text/javascript"></script>
36 <script src="<%=basePath %>script/common/genarate_left_panel.js"></script> 40 <script src="<%=basePath %>script/common/genarate_left_panel.js"></script>
37 <script type="text/javascript"> 41 <script type="text/javascript">
38 - $("#li_projectRelease").addClass("active");  
39 -</script>  
40 -<script language="JavaScript">  
41 - window.onbeforeunload = function () {  
42 - return "真的离开?";  
43 - }  
44 42
  43 + $("#li_hystrix").addClass("active open");
  44 + $("#li_hystrix_aws").addClass("active");
  45 +
  46 + setInterval(function(){location.replace(location.href)},20 * 60 * 1000);
45 </script> 47 </script>
46 </body> 48 </body>
47 </html> 49 </html>
1 -<%--  
2 - Created by IntelliJ IDEA.  
3 - User: yoho  
4 - Date: 2016/7/21  
5 - Time: 14:49  
6 - To change this template use File | Settings | File Templates.  
7 ---%>  
8 -<%@ page contentType="text/html;charset=UTF-8" language="java" %>  
9 -<html> 1 +<%@page language="java" contentType="text/html;charset=utf-8" %>
  2 +<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
  3 +
  4 +<%
  5 + String path = request.getContextPath();
  6 + String basePath = request.getScheme() + "://"
  7 + + request.getServerName() + ":" + request.getServerPort()
  8 + + path + "/";
  9 +%>
  10 +
  11 +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  12 +<html lang="en">
10 <head> 13 <head>
11 - <title></title> 14 + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  15 +
  16 + <title>QCloud Hystrix</title>
  17 + <link rel="stylesheet" href="<%=basePath %>css/unicorn.main.css"/>
  18 + <link rel="stylesheet" href="<%=basePath %>css/unicorn.grey.css"/>
  19 + <link rel="stylesheet" href="<%=basePath %>css/bootstrap.min.css"/>
12 </head> 20 </head>
13 -<body>  
14 21
  22 +<body style='background-color: #444444;font-size: 14px'>
  23 +
  24 +<!-- 头部 -->
  25 +<div id="head">
  26 +</div>
  27 +
  28 +<div id="content">
  29 + <div>
  30 +
  31 + <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"
  32 + name = "iframepage" id="iframepage" frameborder="0" scrolling="yes" width="100%" height="900px">
  33 +
  34 + </iframe>
  35 +
  36 + </div>
  37 +</div>
  38 +
  39 +<script src="<%=basePath %>js/jquery-1.12.0.min.js" charset="UTF-8" type="text/javascript"></script>
  40 +<script src="<%=basePath %>script/common/genarate_left_panel.js"></script>
  41 +<script type="text/javascript">
  42 +
  43 + $("#li_hystrix").addClass("active open");
  44 + $("#li_hystrix_qcloud").addClass("active");
  45 +
  46 + setInterval(function(){location.replace(location.href)},20 * 60 * 1000);
  47 +
  48 +</script>
15 </body> 49 </body>
16 </html> 50 </html>
@@ -22,6 +22,12 @@ innerHTML += "<li id='li_redisInfo'><a id='li_redisInfo_a' href=''><i class='ico @@ -22,6 +22,12 @@ innerHTML += "<li id='li_redisInfo'><a id='li_redisInfo_a' href=''><i class='ico
22 innerHTML += "<li id='li_nginxview'><a id='li_nginxview_a' href=''><i class='icon icon-th'></i> <span>Nginx监控</span></a></li>"; 22 innerHTML += "<li id='li_nginxview'><a id='li_nginxview_a' href=''><i class='icon icon-th'></i> <span>Nginx监控</span></a></li>";
23 innerHTML += "<li id='li_projectRelease'><a id='li_projectRelease_a' href=''><i class='icon icon-th'></i> <span>项目发布</span></a></li>"; 23 innerHTML += "<li id='li_projectRelease'><a id='li_projectRelease_a' href=''><i class='icon icon-th'></i> <span>项目发布</span></a></li>";
24 24
  25 +/*Hystrix*/
  26 +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>";
  27 +innerHTML += "<ul><li id='li_hystrix_aws'><a id='a_hystrix_aws' href=''>AWS</a></li>";
  28 +innerHTML += "<li id='li_hystrix_qcloud'><a id='a_hystrix_qcloud' href=''>QCloud</a></li>";
  29 +innerHTML += "</ul></li>";
  30 +
25 /*switch*/ 31 /*switch*/
26 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>"; 32 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>";
27 innerHTML += "<ul><li id='li_nginxswitch'><a id='li_nginxswitch_a' href=''>nginx切换</a></li>"; 33 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 @@ -62,6 +68,8 @@ document.getElementById("li_user_a").setAttribute("href", path + "/manage/toUser
62 document.getElementById("li_module_a").setAttribute("href", path + "/manage/toModule"); 68 document.getElementById("li_module_a").setAttribute("href", path + "/manage/toModule");
63 document.getElementById("li_nginxswitch_a").setAttribute("href", path + "/nginxswitch/toNginxSwitch"); 69 document.getElementById("li_nginxswitch_a").setAttribute("href", path + "/nginxswitch/toNginxSwitch");
64 //document.getElementById("li_dnsswitch_a").setAttribute("href", path + "/dnspod/toDns"); 70 //document.getElementById("li_dnsswitch_a").setAttribute("href", path + "/dnspod/toDns");
  71 +document.getElementById("a_hystrix_aws").setAttribute("href", path + "/hystrix/aws");
  72 +document.getElementById("a_hystrix_qcloud").setAttribute("href", path + "/hystrix/qcloud");
65 73
66 function getUrlBasePath() { 74 function getUrlBasePath() {
67 var location = ( window.location + '').split('/'); 75 var location = ( window.location + '').split('/');