Hey all,
So I have a dashboard I created with the status of multiple different processes. Each panel shows a check-circle and then changes color based on the status (Good=Green, Degraded=Yellow, Outage=Red). Everything is working well, but the next thing I would like to add is a panel at the top of the page (that is also centered in the middle of the screen) that shows the overall status of all the panels. So for an example, if I have 5 panels, and 4 of them are showing "Outage", then at the top of the page you would see something like "Status" and it would be the color red. Or if I have 5 panels and 5 of them were showing "Good", then at the top of the page you would see "Status" but it would be the color green.
Is something like this possible?
<form>
<label>At-a-Glance/SPOG Dashboard Test</label>
<fieldset submitButton="false">
<input type="time" token="time">
<label></label>
<default>
<earliest>-1m@m</earliest>
<latest>@m</latest>
</default>
</input>
<input type="dropdown" token="span" searchWhenChanged="true">
<label>Span</label>
<choice value="1s">1s</choice>
<choice value="5s">5s</choice>
<choice value="10s">10s</choice>
<choice value="15s">15s</choice>
<choice value="1m">1m</choice>
<choice value="5m">5m</choice>
<choice value="10m">10m</choice>
<choice value="15m">15m</choice>
<default>1m</default>
<initialValue>1m</initialValue>
</input>
</fieldset>
<row>
<panel id="mode10aag">
<title>Mode 10</title>
<html depends="$alwaysHideCSS$">
<style>
#mode10aag{
width:230px !important;
}
</style>
</html>
<viz type="status_indicator_app.status_indicator">
<search>
<query>
| eval Warning=case(TotalRate<10,"Outage", TotalRate>10 AND TotalRate<27,"Degraded", TotalRate>27,"Good")
| eval Status= case(TotalRate<10,"check-circle", TotalRate>10 AND TotalRate<27,"check-circle", TotalRate>27,"check-circle")
| eval color=case(TotalRate<10,"#FF0000", TotalRate>10 AND TotalRate<27,"#ffff00", TotalRate>27,"#65a637")
| table icon Status color Warning TotalRate _time</query>
<earliest>$time.earliest$</earliest>
<latest>$time.latest$</latest>
<sampleRatio>1</sampleRatio>
<refresh>1m</refresh>
<refreshType>delay</refreshType>
</search>
<option name="drilldown">none</option>
<option name="height">119</option>
<option name="refresh.display">progressbar</option>
<option name="status_indicator_app.status_indicator.colorBy">field_value</option>
<option name="status_indicator_app.status_indicator.fillTarget">text</option>
<option name="status_indicator_app.status_indicator.fixIcon">warning</option>
<option name="status_indicator_app.status_indicator.icon">field_value</option>
<option name="status_indicator_app.status_indicator.precision">0</option>
<option name="status_indicator_app.status_indicator.showOption">2</option>
<option name="status_indicator_app.status_indicator.staticColor">#555</option>
<option name="status_indicator_app.status_indicator.useColors">true</option>
<option name="status_indicator_app.status_indicator.useThousandSeparator">true</option>
<option name="trellis.enabled">0</option>
<option name="trellis.scales.shared">1</option>
<option name="trellis.size">medium</option>
</viz>
</panel>
<panel id="logintimesaag">
<title>Login Times</title>
<html depends="$alwaysHideCSS$">
<style>
#logintimesaag{
width:230px !important;
}
</style>
</html>
<viz type="status_indicator_app.status_indicator">
<search>
<query>
| eval Warning=case(TotalRate>5,"Outage", TotalRate>1 AND TotalRate<5,"Degraded", TotalRate<1,"Good")
| eval Status= case(TotalRate>5,"check-circle", TotalRate>1 AND TotalRate<5,"check-circle", TotalRate<1,"check-circle")
| eval color=case(TotalRate>5,"#FF0000", TotalRate>1 AND TotalRate<5,"#ffff00", TotalRate<1,"#65a637")
| table icon Status color Warning TotalRate _time</query>
<earliest>$time.earliest$</earliest>
<latest>$time.latest$</latest>
<sampleRatio>1</sampleRatio>
<refresh>1m</refresh>
<refreshType>delay</refreshType>
</search>
<option name="drilldown">none</option>
<option name="height">119</option>
<option name="refresh.display">progressbar</option>
<option name="status_indicator_app.status_indicator.colorBy">field_value</option>
<option name="status_indicator_app.status_indicator.fillTarget">text</option>
<option name="status_indicator_app.status_indicator.fixIcon">warning</option>
<option name="status_indicator_app.status_indicator.icon">field_value</option>
<option name="status_indicator_app.status_indicator.precision">0</option>
<option name="status_indicator_app.status_indicator.showOption">2</option>
<option name="status_indicator_app.status_indicator.staticColor">#555</option>
<option name="status_indicator_app.status_indicator.useColors">true</option>
<option name="status_indicator_app.status_indicator.useThousandSeparator">true</option>
<option name="trellis.enabled">0</option>
<option name="trellis.scales.shared">1</option>
<option name="trellis.size">medium</option>
</viz>
</panel>
</row>
</form>
... View more