dependencyDashboard.jsp
3.84 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
112
113
114
115
116
117
118
119
<%@ page contentType="text/html; charset=utf-8" %>
<%@ taglib prefix="a" uri="/WEB-INF/app.tld"%>
<%@ taglib prefix="w" uri="http://www.unidal.org/web/core"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="res" uri="http://www.unidal.org/webres"%>
<jsp:useBean id="ctx" type="com.dianping.cat.report.page.dependency.Context" scope="request"/>
<jsp:useBean id="payload" type="com.dianping.cat.report.page.dependency.Payload" scope="request"/>
<jsp:useBean id="model" type="com.dianping.cat.report.page.dependency.Model" scope="request"/>
<res:bean id="res" />
<style>
.tooltip-inner {
max-width:36555px;
}
.tab-content table {
max-width: 100%;
background-color: transparent;
border-collapse: collapse;
border-spacing: 0;
}
</style>
<c:choose>
<c:when test="${payload.fullScreen}">
<res:useCss value='${res.css.local.table_css}' target="head-css" />
<res:useCss value='${res.css.local.body_css}' target="head-css" />
<res:useCss value="${res.css.local['bootstrap.css']}" target="head-css" />
<res:useJs value="${res.js.local['jquery-1.7.1.js']}" target="head-js" />
<res:useJs value="${res.js.local['bootstrap.min.js']}" target="head-js" />
<res:useJs value="${res.js.local['jquery.dataTables.min.js']}" target="head-js" />
<res:useJs value="${res.js.local['raphael-min.js']}" target="head-js" />
<res:useJs value="${res.js.local['dependencyConfig.js']}" target="head-js" />
<res:useJs value="${res.js.local['jquery.validate.min.js']}" target="head-js" />
<res:useJs value="${res.js.local['startopo.js']}" target="head-js" />
<div class="report">
<div id="fullScreenData">
<div class="text-center" id="container" style="width:1400px;height:1600px;border:solid 1px #ccc;"></div>
<br/>
</div>
</div>
</c:when>
<c:otherwise>
<res:useJs value="${res.js.local['raphael-min.js']}" target="head-js" />
<res:useJs value="${res.js.local['startopo.js']}" target="head-js" />
<a:report title="Dependency Report"
navUrlPrefix="domain=${model.domain}&op=dashboard">
<jsp:attribute name="subtitle">${w:format(model.reportStart,'yyyy-MM-dd HH:mm:ss')} to ${w:format(model.reportEnd,'yyyy-MM-dd HH:mm:ss')}</jsp:attribute>
<jsp:body>
<div class="report">
<div class="row-fluid">
<div class="span12 text-center">
<%@ include file="dependencyTimeNav.jsp"%>
</div></div>
<div id="fullScreenData">
<div class="text-center" id="container" style="width:100%;height:1600px;border:solid 1px #ccc;"></div>
<br/>
</div>
</div>
</jsp:body>
</a:report>
</c:otherwise>
</c:choose>
<script type="text/javascript">
$(document).ready(function() {
$('#minute'+${model.minute}).addClass('disabled');
$('.hreftip').tooltip({container:'body', html:true, delay:{show:0, hide:0}});
$('.position').hide();
$('.switch').hide();
$('#Dashboard_report').addClass("open active");
$('#dashbord_application').addClass("active");
$('#Dependency_report').removeClass("open active");
var data = ${model.dashboardGraph};
var format = ${model.format};
var option = {
typeMap:{
database:'circle',
project:'rect',
service:'lozenge'
},
colorMap:{
"1":'#2fbf2f',
"2":'#bfa22f',
"3":'#b94a48',
"4":'#772fbf'
},
legendMap:{
"1":"good",
"2":"warning",
"3":"error"
},
paddingInside:5,
col:3,
colInside:5,
//模块距上沿距离
paddingUp: 10,
//小方块间的间隔比率
blockPaddingRatio: 0.2,
leftTitlePaddingRatio: 0.05,
showLeft: false,
showUp: true
};
option['format'] = format;
new StarTopoList('container', data, option);
});
</script>
<style>
.pagination{
margin:4px 0;
}
.pagination ul{
margin-top:0px;
}
.pagination ul > li > a, .pagination ul > li > span{
padding:3px 10px;
}
</style>