You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
222 lines
5.3 KiB
222 lines
5.3 KiB
<style>
|
|
.pm-node {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.pm-node text {
|
|
font-family: Roboto, Droid, 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
}
|
|
|
|
.pm-link {
|
|
fill: none;
|
|
stroke: #D4D3D4;
|
|
stroke-width: 1px;
|
|
}
|
|
|
|
.proactive-monitoring-tree.active-drag-move:hover {
|
|
cursor: move;
|
|
}
|
|
|
|
.pm-perf-message-container {
|
|
float:left;
|
|
padding-top:17px;
|
|
}
|
|
|
|
.pm-perf-message-container .splunk-message-container {
|
|
padding: 0px;
|
|
}
|
|
|
|
.alert.alert-hide-icon .icon-alert:before {
|
|
content: " ";
|
|
}
|
|
|
|
.proactive-monitoring-tree {
|
|
position: relative;
|
|
top: 0px;
|
|
left: 0px;
|
|
}
|
|
|
|
.proactive-monitoring-node-tooltip-container {
|
|
position: absolute;
|
|
z-index: 1500;
|
|
}
|
|
|
|
.proactive-monitoring-tree-controls-container {
|
|
position: absolute;
|
|
z-index: 1000;
|
|
top: 0px;
|
|
left: 0px;
|
|
background-color: #F5F5F5;
|
|
border-right: 1px solid #CCCCCC;
|
|
border-bottom: 1px solid #CCCCCC;
|
|
border-top-left-radius: 4px;
|
|
border-bottom-right-radius: 4px;
|
|
}
|
|
|
|
.pm-tree-button-container, .pm-tree-legend-container, .pm-tree-legend-undefined-container {
|
|
padding: 5px;
|
|
}
|
|
|
|
.pm-tree-legend-container, .pm-tree-legend-undefined-container {
|
|
border-left-width: 1px;
|
|
border-left-style: solid;
|
|
border-left-color: #CCCCCC;
|
|
}
|
|
|
|
|
|
.pm-tree-icon {
|
|
color: #FFFFFF;
|
|
vertical-align: middle;
|
|
font-size: 12px;
|
|
padding-top: 2px;
|
|
display: block;
|
|
}
|
|
|
|
div.pm-tree-icon-circle {
|
|
display: inline-block;
|
|
width: 20px;
|
|
height: 20px;
|
|
border-radius: 10px;
|
|
background-color: #6B6B6B;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
}
|
|
div.pm-tree-icon-circle:hover {
|
|
background-color: #333333;
|
|
}
|
|
|
|
span.pm-tree-legend-label {
|
|
vertical-align: middle;
|
|
font-size: 10px;
|
|
}
|
|
|
|
div.pm-tree-legend-circle {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
width: 14px;
|
|
height: 14px;
|
|
border-radius: 7px;
|
|
}
|
|
|
|
div.pm-tree-legend-circle.pm-tree-legend-unknown {
|
|
background-color: #D5D5D5;
|
|
}
|
|
|
|
div.pm-tree-legend-circle.pm-tree-legend-normal {
|
|
background-color: #57A116;
|
|
}
|
|
|
|
div.pm-tree-legend-circle.pm-tree-legend-warning {
|
|
background-color: #DE9400;
|
|
}
|
|
|
|
div.pm-tree-legend-circle.pm-tree-legend-critical {
|
|
background-color: #C44545;
|
|
}
|
|
|
|
|
|
.proactive-monitoring-leaf-node > text.name-label {
|
|
font-size: 11px;
|
|
text-anchor: start;
|
|
}
|
|
|
|
.proactive-monitoring-leaf-node > text.node-label {
|
|
fill: #FFFFFF;
|
|
font-size: 8px;
|
|
font-weight: normal;
|
|
text-anchor: middle;
|
|
letter-spacing: 1px;
|
|
}
|
|
|
|
.proactive-monitoring-parent-node > text.name-label {
|
|
font-size: 14px;
|
|
text-anchor: start;
|
|
}
|
|
|
|
.proactive-monitoring-parent-node > text.node-label {
|
|
fill: #FFFFFF;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
text-anchor: middle;
|
|
}
|
|
|
|
</style>
|
|
<div class="proactive-monitoring-tree-controls-container">
|
|
<table>
|
|
<tbody>
|
|
<tr>
|
|
<td style="vertical-align: top;">
|
|
<div class="pm-tree-button-container">
|
|
<ul style="list-style:none;margin:0px;">
|
|
<li style="margin-bottom:4px;">
|
|
<div class="pm-tree-icon-circle pm-tree-action-zoomin" title="Zoom In">
|
|
<span class="icon-plus pm-tree-icon"></span>
|
|
</div>
|
|
</li>
|
|
<li style="margin-bottom:4px;">
|
|
<div class="pm-tree-icon-circle pm-tree-action-zoomout" title="Zoom Out">
|
|
<span class="icon-minus pm-tree-icon"></span>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="pm-tree-icon-circle pm-tree-action-center" title="Center View">
|
|
<span class="icon-location pm-tree-icon"></span>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</td>
|
|
<td class="pm-tree-legend-container" style="display:none;">
|
|
<ul style="list-style:none;margin:0px;">
|
|
<li style="margin-bottom:4px;">
|
|
<div class="pm-tree-legend-circle pm-tree-legend-critical"></div>
|
|
<span class="pm-tree-legend-label">Critcal Threshold </span>
|
|
<span class="pm-tree-legend-label pm-tree-legend-comparator"></span>
|
|
<span class="pm-tree-legend-label pm-tree-legend-critical"></span>
|
|
</li>
|
|
<li style="margin-bottom:4px;">
|
|
<div class="pm-tree-legend-circle pm-tree-legend-warning"></div>
|
|
<span class="pm-tree-legend-label">Warning Threshold </span>
|
|
<span class="pm-tree-legend-label pm-tree-legend-comparator"></span>
|
|
<span class="pm-tree-legend-label pm-tree-legend-warning"></span>
|
|
</li>
|
|
<li style="margin-bottom:4px;">
|
|
<div class="pm-tree-legend-circle pm-tree-legend-normal"></div>
|
|
<span class="pm-tree-legend-label">Normal Threshold</span>
|
|
</li>
|
|
<li>
|
|
<div class="pm-tree-legend-circle pm-tree-legend-unknown"></div>
|
|
<span class="pm-tree-legend-label">Unknown/Offline</span>
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td class="pm-tree-legend-undefined-container">
|
|
<ul style="list-style:none;margin:0px;">
|
|
<li style="margin-bottom:4px;">
|
|
<div class="alert alert-warning">
|
|
<i class="icon-alert"></i>
|
|
No threshold data for selected metric. Please use
|
|
<br/>
|
|
<a onclick="linkConfigPage();">
|
|
Threshold configuration page
|
|
<script>
|
|
function linkConfigPage(){
|
|
var SWCVMware = require("/static/app/DA-ITSI-CP-vmware-dashboards/swc-vmware-cp/index.js");
|
|
const utils = SWCVMware.MVCUtils;
|
|
utils.redirect("config",true);
|
|
}
|
|
</script>
|
|
</a>
|
|
to set threshold value
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="pm-tree-legend-circle pm-tree-legend-unknown"></div>
|
|
<span class="pm-tree-legend-label">Unknown/Offline</span>
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div> |