Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
梦中观雨
cat
提交
52a9c6db
C
cat
项目概览
梦中观雨
/
cat
与 Fork 源项目一致
从无法访问的项目Fork
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
C
cat
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
52a9c6db
编写于
9月 03, 2013
作者:
Y
yong.you
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
add the metric full screen
上级
3555f3b0
变更
4
隐藏空白更改
内联
并排
Showing
4 changed file
with
87 addition
and
64 deletion
+87
-64
cat-home/src/main/webapp/jsp/report/dependency/dependencyOpNav.jsp
...src/main/webapp/jsp/report/dependency/dependencyOpNav.jsp
+4
-0
cat-home/src/main/webapp/jsp/report/metric/dashboard.jsp
cat-home/src/main/webapp/jsp/report/metric/dashboard.jsp
+55
-64
cat-home/src/main/webapp/jsp/report/metric/detail.jsp
cat-home/src/main/webapp/jsp/report/metric/detail.jsp
+24
-0
cat-home/src/main/webapp/jsp/report/metric/metricOpNav.jsp
cat-home/src/main/webapp/jsp/report/metric/metricOpNav.jsp
+4
-0
未找到文件。
cat-home/src/main/webapp/jsp/report/dependency/dependencyOpNav.jsp
浏览文件 @
52a9c6db
...
...
@@ -24,6 +24,10 @@ $(document).ready(function() {
var
refresh
=
$
{
payload
.
refresh
};
var
frequency
=
$
{
payload
.
frequency
};
var
fullscreen
=
$
{
payload
.
fullScreen
};
if
(
fullscreen
){
$
(
'
#fullScreen
'
).
addClass
(
'
btn-danger
'
);
}
if
(
refresh
){
$
(
'
#refresh${payload.frequency}
'
).
addClass
(
'
btn-danger
'
);
setInterval
(
function
(){
...
...
cat-home/src/main/webapp/jsp/report/metric/dashboard.jsp
浏览文件 @
52a9c6db
...
...
@@ -7,12 +7,46 @@
<jsp:useBean
id=
"payload"
type=
"com.dianping.cat.report.page.metric.Payload"
scope=
"request"
/>
<jsp:useBean
id=
"model"
type=
"com.dianping.cat.report.page.metric.Model"
scope=
"request"
/>
<a:body>
<res:bean
id=
"res"
/>
<res:useCss
value=
'
${
res
.
css
.
local
.
table_css
}
'
target=
"head-css"
/>
<res:useJs
value=
"
${
res
.
js
.
local
[
'svgchart.latest.min.js'
]
}
"
target=
"head-js"
/>
<res:useJs
value=
"
${
res
.
js
.
local
[
'baseGraph.js'
]
}
"
target=
"head-js"
/>
<c:choose>
<c:when
test=
"
${
payload
.
fullScreen
}
"
>
<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"
/>
<%@ include
file=
"detail.jsp"
%>
</c:when>
<c:otherwise>
<a:body>
<div
class=
"report"
>
<table
class=
"header"
>
<tr>
<td
class=
"title"
>
From ${w:format(model.startTime,'yyyy-MM-dd HH:mm:ss')} to ${w:format(model.endTime,'yyyy-MM-dd HH:mm:ss')}
</td>
<td
class=
"nav"
>
<c:forEach
var=
"nav"
items=
"
${
model
.
navs
}
"
>
[
<a
href=
"${model.baseUri}?date=${model.date}&domain=${model.domain}&step=${nav.hours}&product=${payload.product}&test=${payload.test}&${navUrlPrefix}"
>
${nav.title}
</a>
]
</c:forEach>
[
<a
href=
"${model.baseUri}?${navUrlPrefix}&product=${payload.product}"
>
now
</a>
]
</td>
</tr>
</table>
</br>
<%@ include
file=
"detail.jsp"
%>
<table
class=
"footer"
>
<tr>
<td>
[ end ]
</td>
</tr>
</table>
</div>
</a:body>
</c:otherwise>
</c:choose>
<script
type=
"text/javascript"
>
$
(
document
).
ready
(
function
()
{
<c:forEach
var=
"item"
items=
"
${
model
.
lineCharts
}
"
varStatus=
"status"
>
...
...
@@ -21,67 +55,24 @@
</c:forEach>
});
</script>
<div
class=
"report"
>
<table
class=
"header"
>
<tr>
<td
class=
"title"
>
From ${w:format(model.startTime,'yyyy-MM-dd HH:mm:ss')} to ${w:format(model.endTime,'yyyy-MM-dd HH:mm:ss')}
</td>
<td
class=
"nav"
>
<c:forEach
var=
"nav"
items=
"
${
model
.
navs
}
"
>
[
<a
href=
"${model.baseUri}?date=${model.date}&domain=${model.domain}&step=${nav.hours}&product=${payload.product}&test=${payload.test}&${navUrlPrefix}"
>
${nav.title}
</a>
]
</c:forEach>
[
<a
href=
"${model.baseUri}?${navUrlPrefix}&product=${payload.product}"
>
now
</a>
]
</td>
</tr>
</table>
</br>
<div
class=
"container-fluid"
>
<%@ include
file=
"metricOpNav.jsp"
%>
<div
class=
"row-fluid"
>
<div
class=
"span2"
>
<div
class=
"well sidebar-nav"
>
<ul
class=
"nav nav-list"
>
<li
class=
'nav-header active'
id=
"${item.id}"
><a
href=
"?op=dashboard&date=${model.date}&domain=${model.domain}"
><strong>
业务大盘
</strong></a></li>
<c:forEach
var=
"item"
items=
"
${
model
.
productLines
}
"
varStatus=
"status"
>
<li
class=
'nav-header'
id=
"${item.id}"
><a
href=
"?date=${model.date}&domain=${model.domain}&product=${item.id}"
><strong>
${item.title}
</strong></a></li>
</c:forEach>
<li
>
</li>
</ul>
</div>
<!--/.well -->
</div>
<!--/span-->
<div
class=
"span10"
>
<h3
class=
'text-red'
>
说明:图中纵轴数据为10分钟数据之和
</h3>
<c:forEach
var=
"item"
items=
"
${
model
.
lineCharts
}
"
varStatus=
"status"
>
<div
style=
"float:left;"
>
<h5
class=
"text-center text-error"
>
${item.title}
</h5>
<div
id=
"${item.title}"
class=
"metricGraph"
></div>
</div>
</c:forEach>
</div>
<table
class=
"footer"
>
<tr>
<td>
[ end ]
</td>
</tr>
</table>
</div>
</a:body>
<style
type=
"text/css"
>
.row-fluid
.span2
{
width
:
10%
;
}
.row-fluid
.span10
{
width
:
87%
;
}
.well
{
padding
:
10px
10px
10px
19
p
;
}
.nav-list
li
a
{
padding
:
2px
15px
;
}
.nav
li
+
.nav-header
{
margin-top
:
2px
;
}
.nav-header
{
padding
:
5px
3px
;
}
.row-fluid
.span2
{
width
:
10%
;
}
.row-fluid
.span10
{
width
:
87%
;
}
.well
{
padding
:
10px
10px
10px
19
p
;
}
.nav-list
li
a
{
padding
:
2px
15px
;
}
.nav
li
+
.nav-header
{
margin-top
:
2px
;
}
.nav-header
{
padding
:
5px
3px
;
}
</style>
cat-home/src/main/webapp/jsp/report/metric/detail.jsp
0 → 100644
浏览文件 @
52a9c6db
<%@ page
contentType=
"text/html; charset=utf-8"
%>
<%@ include
file=
"metricOpNav.jsp"
%>
<div
class=
"row-fluid"
>
<div
class=
"span2"
>
<div
class=
"well sidebar-nav"
>
<ul
class=
"nav nav-list"
>
<li
class=
'nav-header active'
id=
"${item.id}"
><a
href=
"?op=dashboard&date=${model.date}&domain=${model.domain}"
><strong>
业务大盘
</strong></a></li>
<c:forEach
var=
"item"
items=
"
${
model
.
productLines
}
"
varStatus=
"status"
>
<li
class=
'nav-header'
id=
"${item.id}"
><a
href=
"?date=${model.date}&domain=${model.domain}&product=${item.id}"
><strong>
${item.title}
</strong></a></li>
</c:forEach>
<li
>
</li>
</ul>
</div>
<!--/.well -->
</div>
<!--/span-->
<div
class=
"span10"
>
<h3
class=
'text-red'
>
说明:图中纵轴数据为10分钟数据之和
</h3>
<c:forEach
var=
"item"
items=
"
${
model
.
lineCharts
}
"
varStatus=
"status"
>
<div
style=
"float:left;"
>
<h5
class=
"text-center text-error"
>
${item.title}
</h5>
<div
id=
"${item.title}"
class=
"metricGraph"
></div>
</div>
</c:forEach>
</div></div>
\ No newline at end of file
cat-home/src/main/webapp/jsp/report/metric/metricOpNav.jsp
浏览文件 @
52a9c6db
...
...
@@ -21,6 +21,10 @@
$
(
document
).
ready
(
function
()
{
var
refresh
=
$
{
payload
.
refresh
};
var
frequency
=
$
{
payload
.
frequency
};
var
fullscreen
=
$
{
payload
.
fullScreen
};
if
(
fullscreen
){
$
(
'
#fullScreen
'
).
addClass
(
'
btn-danger
'
);
}
if
(
refresh
){
$
(
'
#refresh${payload.frequency}
'
).
addClass
(
'
btn-danger
'
);
setInterval
(
function
(){
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录