summaryrefslogtreecommitdiff
path: root/app/assets/javascripts/monitoring/components/graph_group.vue
diff options
context:
space:
mode:
authorMike Greiling <mike@pixelcog.com>2017-08-30 00:16:23 -0500
committerMike Greiling <mike@pixelcog.com>2017-08-30 00:16:23 -0500
commit147d55d24f602411fd3db5fa6aacbf12046efbc8 (patch)
tree3fab6c3daf54e6a18db367133c425ec44700ebed /app/assets/javascripts/monitoring/components/graph_group.vue
parent4138c20c30a92c29f22e7e85d56ffcb17f725efa (diff)
downloadgitlab-ce-147d55d24f602411fd3db5fa6aacbf12046efbc8.tar.gz
extract prometheus graph group elements into their own component
Diffstat (limited to 'app/assets/javascripts/monitoring/components/graph_group.vue')
-rw-r--r--app/assets/javascripts/monitoring/components/graph_group.vue21
1 files changed, 21 insertions, 0 deletions
diff --git a/app/assets/javascripts/monitoring/components/graph_group.vue b/app/assets/javascripts/monitoring/components/graph_group.vue
new file mode 100644
index 00000000000..32c90fda8cc
--- /dev/null
+++ b/app/assets/javascripts/monitoring/components/graph_group.vue
@@ -0,0 +1,21 @@
+<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>