Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
李少辉-开发者
gitlab-foss
提交
147d55d2
G
gitlab-foss
项目概览
李少辉-开发者
/
gitlab-foss
通知
15
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
G
gitlab-foss
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
147d55d2
编写于
8月 30, 2017
作者:
M
Mike Greiling
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
extract prometheus graph group elements into their own component
上级
4138c20c
变更
2
显示空白变更内容
内联
并排
Showing
2 changed file
with
34 addition
and
16 deletion
+34
-16
app/assets/javascripts/monitoring/components/dashboard.vue
app/assets/javascripts/monitoring/components/dashboard.vue
+13
-16
app/assets/javascripts/monitoring/components/graph_group.vue
app/assets/javascripts/monitoring/components/graph_group.vue
+21
-0
未找到文件。
app/assets/javascripts/monitoring/components/dashboard.vue
浏览文件 @
147d55d2
...
@@ -3,6 +3,7 @@
...
@@ -3,6 +3,7 @@
import
_
from
'
underscore
'
;
import
_
from
'
underscore
'
;
import
statusCodes
from
'
../../lib/utils/http_status
'
;
import
statusCodes
from
'
../../lib/utils/http_status
'
;
import
MonitoringService
from
'
../services/monitoring_service
'
;
import
MonitoringService
from
'
../services/monitoring_service
'
;
import
GraphGroup
from
'
./graph_group.vue
'
;
import
GraphRow
from
'
./graph_row.vue
'
;
import
GraphRow
from
'
./graph_row.vue
'
;
import
EmptyState
from
'
./empty_state.vue
'
;
import
EmptyState
from
'
./empty_state.vue
'
;
import
MonitoringStore
from
'
../stores/monitoring_store
'
;
import
MonitoringStore
from
'
../stores/monitoring_store
'
;
...
@@ -31,6 +32,7 @@
...
@@ -31,6 +32,7 @@
},
},
components
:
{
components
:
{
GraphGroup
,
GraphRow
,
GraphRow
,
EmptyState
,
EmptyState
,
},
},
...
@@ -120,15 +122,11 @@
...
@@ -120,15 +122,11 @@
<
template
>
<
template
>
<div
v-if=
"!showEmptyState"
class=
"prometheus-graphs"
>
<div
v-if=
"!showEmptyState"
class=
"prometheus-graphs"
>
<
div
<
graph-group
v-for=
"(groupData, index) in store.groups"
v-for=
"(groupData, index) in store.groups"
:key=
"index"
:key=
"index"
class=
"panel panel-default prometheus-panel
"
:name=
"groupData.group
"
>
>
<div
class=
"panel-heading"
>
<h4>
{{
groupData
.
group
}}
</h4>
</div>
<div
class=
"panel-body"
>
<graph-row
<graph-row
v-for=
"(row, index) in groupData.metrics"
v-for=
"(row, index) in groupData.metrics"
:key=
"index"
:key=
"index"
...
@@ -136,13 +134,12 @@
...
@@ -136,13 +134,12 @@
:update-aspect-ratio=
"updateAspectRatio"
:update-aspect-ratio=
"updateAspectRatio"
:deployment-data=
"store.deploymentData"
:deployment-data=
"store.deploymentData"
/>
/>
</div>
</graph-group>
</div>
</div>
</div>
<empty-state
<empty-state
v-else
:selected-state=
"state"
:selected-state=
"state"
:documentation-path=
"documentationPath"
:documentation-path=
"documentationPath"
:settings-path=
"settingsPath"
:settings-path=
"settingsPath"
v-else
/>
/>
</
template
>
</
template
>
app/assets/javascripts/monitoring/components/graph_group.vue
0 → 100644
浏览文件 @
147d55d2
<
script
>
export
default
{
props
:
{
name
:
{
type
:
String
,
required
:
true
,
},
},
};
</
script
>
<
template
>
<div
class=
"panel panel-default prometheus-panel"
>
<div
class=
"panel-heading"
>
<h4>
{{
name
}}
</h4>
</div>
<div
class=
"panel-body"
>
<slot
/>
</div>
</div>
</
template
>
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录