Commit 5331eb07 authored by Mike Greiling's avatar Mike Greiling

remove prometheus panel styling on cluster monitoring page

parent cbf6edfb
...@@ -26,6 +26,11 @@ ...@@ -26,6 +26,11 @@
required: false, required: false,
default: true, default: true,
}, },
showPanels: {
type: Boolean,
required: false,
default: true,
},
forceSmallGraph: { forceSmallGraph: {
type: Boolean, type: Boolean,
required: false, required: false,
...@@ -159,6 +164,7 @@ ...@@ -159,6 +164,7 @@
v-for="(groupData, index) in store.groups" v-for="(groupData, index) in store.groups"
:key="index" :key="index"
:name="groupData.group" :name="groupData.group"
:show-panels="showPanels"
> >
<graph <graph
v-for="(graphData, index) in groupData.metrics" v-for="(graphData, index) in groupData.metrics"
......
...@@ -5,12 +5,20 @@ ...@@ -5,12 +5,20 @@
type: String, type: String,
required: true, required: true,
}, },
showPanels: {
type: Boolean,
required: false,
default: true,
},
}, },
}; };
</script> </script>
<template> <template>
<div class="panel panel-default prometheus-panel"> <div
v-if="showPanels"
class="panel panel-default prometheus-panel"
>
<div class="panel-heading"> <div class="panel-heading">
<h4>{{ name }}</h4> <h4>{{ name }}</h4>
</div> </div>
...@@ -18,4 +26,10 @@ ...@@ -18,4 +26,10 @@
<slot></slot> <slot></slot>
</div> </div>
</div> </div>
<div
v-else
class="prometheus-graph-group"
>
<slot></slot>
</div>
</template> </template>
...@@ -10,7 +10,12 @@ export default () => { ...@@ -10,7 +10,12 @@ export default () => {
el, el,
render(createElement) { render(createElement) {
return createElement(Dashboard, { return createElement(Dashboard, {
props: { ...el.dataset, showLegend: false, forceSmallGraph: true }, props: {
...el.dataset,
showLegend: false,
showPanels: false,
forceSmallGraph: true,
},
}); });
}, },
}); });
......
...@@ -383,14 +383,17 @@ ...@@ -383,14 +383,17 @@
} }
} }
#cluster-health .prometheus-state { #cluster-health {
.prometheus-state {
.state-svg img { .state-svg img {
max-height: 120px; max-height: 120px;
} }
.state-description, .state-description,
.state-button { .state-button {
display: none; display: none;
} }
}
} }
.environments-actions { .environments-actions {
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment