Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
doujutun3207
flink
提交
4825c8c5
F
flink
项目概览
doujutun3207
/
flink
与 Fork 源项目一致
从无法访问的项目Fork
通知
24
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
F
flink
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
4825c8c5
编写于
8月 19, 2015
作者:
P
Piotr Godek
提交者:
Stephan Ewen
9月 17, 2015
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
[FLINK-2357] [web dashboard] Added tooltips to timeline
上级
f9d177bc
变更
9
展开全部
隐藏空白更改
内联
并排
Showing
9 changed file
with
7146 addition
and
162 deletion
+7146
-162
flink-runtime-web/web-dashboard/app/scripts/modules/jobs/jobs.dir.coffee
...eb/web-dashboard/app/scripts/modules/jobs/jobs.dir.coffee
+0
-10
flink-runtime-web/web-dashboard/app/styles/timeline.styl
flink-runtime-web/web-dashboard/app/styles/timeline.styl
+3
-0
flink-runtime-web/web-dashboard/bower.json
flink-runtime-web/web-dashboard/bower.json
+2
-1
flink-runtime-web/web-dashboard/gulpfile.js
flink-runtime-web/web-dashboard/gulpfile.js
+2
-2
flink-runtime-web/web-dashboard/vendor-local/d3-timeline.js
flink-runtime-web/web-dashboard/vendor-local/d3-timeline.js
+22
-8
flink-runtime-web/web-dashboard/web/css/index.css
flink-runtime-web/web-dashboard/web/css/index.css
+4
-0
flink-runtime-web/web-dashboard/web/css/vendor.css
flink-runtime-web/web-dashboard/web/css/vendor.css
+619
-1
flink-runtime-web/web-dashboard/web/js/index.js
flink-runtime-web/web-dashboard/web/js/index.js
+5
-11
flink-runtime-web/web-dashboard/web/js/vendor.js
flink-runtime-web/web-dashboard/web/js/vendor.js
+6489
-129
未找到文件。
flink-runtime-web/web-dashboard/app/scripts/modules/jobs/jobs.dir.coffee
浏览文件 @
4825c8c5
...
...
@@ -83,11 +83,6 @@ angular.module('flinkApp')
.
datum
(
testData
)
.
call
(
chart
)
svgG
=
svg
.
select
(
"g"
)
bbox
=
svgG
[
0
][
0
].
getBBox
()
svg
.
attr
(
'height'
,
bbox
.
height
+
30
)
analyzeTime
(
scope
.
data
)
return
...
...
@@ -159,11 +154,6 @@ angular.module('flinkApp')
.
datum
(
testData
)
.
call
(
chart
)
svgG
=
svg
.
select
(
"g"
)
bbox
=
svgG
[
0
][
0
].
getBBox
()
svg
.
attr
(
'height'
,
bbox
.
height
+
30
)
scope
.
$watch
attrs
.
job
,
(
data
)
->
analyzeTime
(
data
)
if
data
...
...
flink-runtime-web/web-dashboard/app/styles/timeline.styl
浏览文件 @
4825c8c5
...
...
@@ -33,3 +33,6 @@
.timeline-insidelabel, .timeline-series
cursor: auto
.qtip-timeline-bar
font-size: 14px
line-height: 1.4
flink-runtime-web/web-dashboard/bower.json
浏览文件 @
4825c8c5
...
...
@@ -21,7 +21,8 @@
"dagre-d3"
:
"~0.4.8"
,
"font-awesome"
:
"~4.3.0"
,
"angular-moment"
:
"~0.9.2"
,
"moment-duration-format"
:
"~1.3.0"
"moment-duration-format"
:
"~1.3.0"
,
"qtip2"
:
"~2.2.1"
},
"overrides"
:
{
"dagre-d3"
:
{
...
...
flink-runtime-web/web-dashboard/gulpfile.js
浏览文件 @
4825c8c5
...
...
@@ -44,7 +44,7 @@ var environment = 'development';
var
paths
=
{
src
:
'
./app/
'
,
dest
:
'
./web/
'
,
vendor
:
'
./
vendor
/
'
,
vendor
:
'
./
bower_components
/
'
,
vendorLocal
:
'
./vendor-local/
'
,
assets
:
'
./assets/
'
,
tmp
:
'
./tmp/
'
...
...
@@ -76,7 +76,7 @@ gulp.task('bootstrap', function () {
});
gulp
.
task
(
'
vendor-styles
'
,
[
'
bootstrap
'
],
function
()
{
stream
=
gulp
.
src
(
mainBowerFiles
().
concat
([
paths
.
tmp
+
'
css/bootstrap_custom.css
'
]))
stream
=
gulp
.
src
(
mainBowerFiles
().
concat
([
paths
.
tmp
+
'
css/bootstrap_custom.css
'
])
.
concat
([
paths
.
vendor
+
'
qtip2/jquery.qtip.css
'
])
)
.
pipe
(
filter
([
'
*.css
'
,
'
!bootstrap.css
'
]))
.
pipe
(
sourcemaps
.
init
())
.
pipe
(
concat
(
"
vendor.css
"
))
...
...
flink-runtime-web/web-dashboard/vendor-local/d3-timeline.js
浏览文件 @
4825c8c5
...
...
@@ -159,8 +159,6 @@
}
if
(
timeAxisTick
)
{
console
.
log
(
'
here
'
);
g
.
append
(
"
g
"
)
.
attr
(
"
class
"
,
"
axis axis-tick
"
)
.
attr
(
"
transform
"
,
"
translate(
"
+
0
+
"
,
"
+
...
...
@@ -215,7 +213,7 @@
.
attr
(
"
width
"
,
getTextWidth
)
.
attr
(
"
height
"
,
itemHeight
);
nel
var
bar
=
nel
.
append
(
function
(
d
,
i
)
{
return
document
.
createElementNS
(
d3
.
ns
.
prefix
.
svg
,
"
display
"
in
d
?
d
.
display
:
display
);
})
...
...
@@ -273,11 +271,6 @@
.
attr
(
"
width
"
,
getTextWidth
)
.
attr
(
"
height
"
,
itemHeight
)
.
attr
(
"
clip-path
"
,
"
url(#
"
+
prefix
+
"
-timeline-textclip-
"
+
i
+
"
-
"
+
index
+
"
)
"
)
// .attr("width", function (d, i) {
// // console.log((d.ending_time - d.starting_time) * scaleFactor);
// return (d.ending_time - d.starting_time) * scaleFactor;
// })
.
text
(
function
(
d
)
{
return
d
.
label
;
})
...
...
@@ -286,6 +279,22 @@
});
;
g
.
selectAll
(
"
svg .bar-container
"
).
each
(
function
(
d
,
i
)
{
$
(
this
).
qtip
({
content
:
{
text
:
d
.
label
},
position
:
{
my
:
'
bottom left
'
,
at
:
'
top left
'
},
style
:
{
classes
:
'
qtip-light qtip-timeline-bar
'
}
});
});
if
(
rowSeperatorsColor
)
{
var
lineYAxis
=
(
itemHeight
+
itemMargin
/
2
+
margin
.
top
+
(
itemHeight
+
itemMargin
)
*
yAxisMapping
[
index
]);
gParent
.
append
(
"
svg:line
"
)
...
...
@@ -357,6 +366,8 @@
});
var
move
=
function
()
{
$
(
'
.qtip.qtip-timeline-bar
'
).
qtip
(
'
hide
'
);
g
.
selectAll
(
"
.bar-type-scheduled .timeline-series
"
)
.
attr
(
"
x
"
,
getXPos
);
...
...
@@ -414,6 +425,9 @@
var
gSize
=
g
[
0
][
0
].
getBoundingClientRect
();
setHeight
();
bbox
=
g
[
0
][
0
].
getBBox
();
gParent
.
attr
(
'
height
'
,
bbox
.
height
+
30
);
function
getBorderStart
(
d
,
i
)
{
return
xScale
(
d
.
starting_time
);
}
...
...
flink-runtime-web/web-dashboard/web/css/index.css
浏览文件 @
4825c8c5
...
...
@@ -408,6 +408,10 @@ svg.graph .node-label {
.timeline-canvas.secondary
.timeline-series
{
cursor
:
auto
;
}
.qtip-timeline-bar
{
font-size
:
14px
;
line-height
:
1.4
;
}
@media
(
min-width
:
768px
)
{
#sidebar
{
left
:
0
;
...
...
flink-runtime-web/web-dashboard/web/css/vendor.css
浏览文件 @
4825c8c5
此差异已折叠。
点击以展开。
flink-runtime-web/web-dashboard/web/js/index.js
浏览文件 @
4825c8c5
此差异已折叠。
点击以展开。
flink-runtime-web/web-dashboard/web/js/vendor.js
浏览文件 @
4825c8c5
此差异已折叠。
点击以展开。
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录