mirror of
https://github.com/alerta/alerta.git
synced 2025-01-29 03:11:34 +00:00
375 lines
15 KiB
HTML
375 lines
15 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Alert Console</title>
|
|
<link href="css/bootstrap.css" rel="stylesheet">
|
|
<link href="css/bootstrap-responsive.css" rel="stylesheet">
|
|
<link href="css/custom.css" rel="stylesheet">
|
|
<meta http-equiv="refresh" content="900">
|
|
</head>
|
|
|
|
<body>
|
|
<div class="navbar navbar-fixed-top">
|
|
<div class="navbar-inner">
|
|
<div class="container">
|
|
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
</a>
|
|
<a class="brand" href="./index.html">Alert Console</a>
|
|
<div class="nav-collapse">
|
|
<ul class="nav">
|
|
<li class="active"><a href="./index.php">Production</a></li>
|
|
<li class=""><a href="./release.php">Release</a></li>
|
|
<li class=""><a href="./qa.php">QA</a></li>
|
|
<li class=""><a href="./test.php">Test</a></li>
|
|
<li class=""><a href="./code.php">Code</a></li>
|
|
<li class=""><a href="./dev.php">Development</a></li>
|
|
<li class=""><a href="./stage.php">Stage</a></li>
|
|
<li class=""><a href="./lwp.php">LWP</a></li>
|
|
<li class=""><a href="./infra.php">Infrastructure</a></li>
|
|
<li class=""><a href="/Kibana">History</a></li>
|
|
<li class=""><a href="./about.php">About</a></li>
|
|
</ul>
|
|
</div><!--/.nav-collapse -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="container">
|
|
<span id="heartbeat-alerts"></span>
|
|
<div id="console-alert" class="alert alert-info initially-hidden">
|
|
<button class="close" data-dismiss="alert" onclick="">×</button>
|
|
<strong>Warning!</strong> <span id="warning-text"></span>
|
|
</div>
|
|
</table>
|
|
|
|
<table width="100%">
|
|
<td>
|
|
<table class="table table-bordered table-condensed" id="status-counts">
|
|
<tbody>
|
|
<tr id="Alert-status" class="status">
|
|
<td><span class="label">OPEN</span></td>
|
|
<td id="alert-open">0</td>
|
|
<td><span class="label">ACK</span></td>
|
|
<td id="alert-ack">0</td>
|
|
<td><span class="label">CLOSED</span></td>
|
|
<td id="alert-closed">0</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td><td>
|
|
<div align="right">
|
|
<select id="limit-select" class="btn" name="limit" onchange="updateLimit(this.value)">
|
|
<option value="0">No limit</option>
|
|
<option value="100">Only 100</option>
|
|
<option value="500">Only 500</option>
|
|
<option value="1000">Only 1000</option>
|
|
<option value="5000">Only 5000</option>
|
|
</select>
|
|
<select id="from-date-select" class="btn" name="last" onchange="updateFromDate(this.value)">
|
|
<option value="0">All alerts</option>
|
|
<option value="120">Last 2 minutes</option>
|
|
<option value="300">Last 5 minutes</option>
|
|
<option value="600">Last 10 minutes</option>
|
|
<option value="1800">Last 30 minutes</option>
|
|
<option value="3600">Last 1 hour</option>
|
|
</select>
|
|
<button class="btn" id="toggle-ACK" class="toggle-ACK"><span><i class="icon-minus"></i> Hide</span><span class="initially-hidden"><i class="icon-plus"></i> Show</span> Acknowledged</button>
|
|
<button class="btn" id="toggle-NORMAL" class="toggle-NORMAL"><span><i class="icon-minus"></i> Hide</span><span class="initially-hidden"><i class="icon-plus"></i> Show</span> Normals</button>
|
|
<button id="refresh-all" class="console-button btn"><i class="icon-refresh"></i> Refresh Now</button>
|
|
</div>
|
|
</td>
|
|
</table>
|
|
|
|
|
|
<div class="row show-grid">
|
|
<div class="span12">
|
|
<strong>Alert Summary</strong>
|
|
<div class="row show-grid">
|
|
<div class="span3">
|
|
<table class="table table-bordered table-condensed summary" id="OS" data-label="OS">
|
|
<thead>
|
|
<tr> <th colspan="6" id="OS-status">OS</th> </tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr id="OS-warnings" class="warnings">
|
|
<td id="OS-critical">0</td>
|
|
<td id="OS-major">0</td>
|
|
<td id="OS-minor">0</td>
|
|
<td id="OS-warning">0</td>
|
|
<td id="OS-normal">0</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="span3">
|
|
<table class="table table-bordered table-condensed summary" id="Network" data-label="Network">
|
|
<thead>
|
|
<tr> <th colspan="6" id="Network-status">Network</th> </tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr id="Network-warnings" class="warnings">
|
|
<td id="Network-critical">0</td>
|
|
<td id="Network-major">0</td>
|
|
<td id="Network-minor">0</td>
|
|
<td id="Network-warning">0</td>
|
|
<td id="Network-normal">0</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="span3">
|
|
<table class="table table-bordered table-condensed summary" id="Cloud" data-label="Cloud">
|
|
<thead>
|
|
<tr> <th colspan="6" id="Cloud-status">Cloud</th> </tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr id="Cloud-warnings" class="warnings">
|
|
<td id="Cloud-critical">0</td>
|
|
<td id="Cloud-major">0</td>
|
|
<td id="Cloud-minor">0</td>
|
|
<td id="Cloud-warning">0</td>
|
|
<td id="Cloud-normal">0</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="span3">
|
|
<table class="table table-bordered table-condensed summary" id="Puppet" data-label="Puppet">
|
|
<thead>
|
|
<tr> <th colspan="6" id="Puppet-status">Puppet</th> </tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr id="Puppet-warnings" class="warnings">
|
|
<td id="Puppet-critical">0</td>
|
|
<td id="Puppet-major">0</td>
|
|
<td id="Puppet-minor">0</td>
|
|
<td id="Puppet-warning">0</td>
|
|
<td id="Puppet-normal">0</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="row show-grid">
|
|
<div class="span3">
|
|
<table class="table table-bordered table-condensed summary" id="Linux" data-label="Linux">
|
|
<thead>
|
|
<tr> <th colspan="6" id="Linux-status">Linux Servers</th> </tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr id="Linux-warnings" class="warnings">
|
|
<td id="Linux-critical">0</td>
|
|
<td id="Linux-major">0</td>
|
|
<td id="Linux-minor">0</td>
|
|
<td id="Linux-warning">0</td>
|
|
<td id="Linux-normal">0</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="span3">
|
|
<table class="table table-bordered table-condensed summary" id="Syslog" data-label="Syslog">
|
|
<thead>
|
|
<tr> <th colspan="6" id="Syslog-status">Syslog</th> </tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr id="Syslog-warnings" class="warnings">
|
|
<td id="Syslog-critical">0</td>
|
|
<td id="Syslog-major">0</td>
|
|
<td id="Syslog-minor">0</td>
|
|
<td id="Syslog-warning">0</td>
|
|
<td id="Syslog-normal">0</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="span3">
|
|
<table class="table table-bordered table-condensed summary" id="Web" data-label="Web">
|
|
<thead>
|
|
<tr> <th colspan="6" id="Web-status">Web</th> </tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr id="Web-warnings" class="warnings">
|
|
<td id="Web-critical">0</td>
|
|
<td id="Web-major">0</td>
|
|
<td id="Web-minor">0</td>
|
|
<td id="Web-warning">0</td>
|
|
<td id="Web-normal">0</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="span3">
|
|
<table class="table table-bordered table-condensed summary" id="Ganglia" data-label="Ganglia">
|
|
<thead>
|
|
<tr> <th colspan="6" id="Ganglia-status">Ganglia</th> </tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr id="Ganglia-warnings" class="warnings">
|
|
<td id="Ganglia-critical">0</td>
|
|
<td id="Ganglia-major">0</td>
|
|
<td id="Ganglia-minor">0</td>
|
|
<td id="Ganglia-warning">0</td>
|
|
<td id="Ganglia-normal">0</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="row show-grid">
|
|
<div class="span3">
|
|
<table class="table table-bordered table-condensed summary" id="Solaris" data-label="Solaris">
|
|
<thead>
|
|
<tr> <th colspan="6" id="Solaris-status">Solaris Servers</th> </tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr id="Solaris-warnings" class="warnings">
|
|
<td id="Solaris-critical">0</td>
|
|
<td id="Solaris-major">0</td>
|
|
<td id="Solaris-minor">0</td>
|
|
<td id="Solaris-warning">0</td>
|
|
<td id="Solaris-normal">0</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="span3">
|
|
<table class="table table-bordered table-condensed summary" id="Acknowledged" data-label="Acknowledged">
|
|
<thead>
|
|
<tr> <th colspan="6" id="Acknowledged-status">Acknowledged</th> </tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr id="Acknowledged-warnings" class="warnings">
|
|
<td id="Acknowledged-critical">0</td>
|
|
<td id="Acknowledged-major">0</td>
|
|
<td id="Acknowledged-minor">0</td>
|
|
<td id="Acknowledged-warning">0</td>
|
|
<td id="Acknowledged-normal">0</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="span3">
|
|
<table class="table table-bordered table-condensed summary" id="Deploys" data-label="Deploys">
|
|
<thead>
|
|
<tr> <th colspan="6" id="Deploys-status">Deploys</th> </tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr id="Deploys-warnings" class="warnings">
|
|
<td id="Deploys-critical">0</td>
|
|
<td id="Deploys-major">0</td>
|
|
<td id="Deploys-minor">0</td>
|
|
<td id="Deploys-warning">0</td>
|
|
<td id="Deploys-normal">0</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="span3">
|
|
<table class="table table-bordered table-condensed summary" id="Reboot" data-label="Reboot">
|
|
<thead>
|
|
<tr> <th colspan="6" id="Reboot-status">Server Reboots</th> </tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr id="Reboot-warnings" class="warnings">
|
|
<td id="Reboot-critical">0</td>
|
|
<td id="Reboot-major">0</td>
|
|
<td id="Reboot-minor">0</td>
|
|
<td id="Reboot-warning">0</td>
|
|
<td id="Reboot-normal">0</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Alert Details -->
|
|
<div class="row show-grid">
|
|
<div class="span12">
|
|
<table class="table table-bordered table-condensed" id="alert-details">
|
|
<caption class="alerts-caption">
|
|
Infrastructure - <span id="alert-details-caption">R2</span> alert details
|
|
</caption>
|
|
<thead>
|
|
<tr> <th></th><th>Severity</th><th>Status</th><th>Last Receive Time</th><th>Dupl. Count</th><th>Env.</th><th>Service</th><th>Cluster</th><th>Resource</th><th>Event</th><th>Value</th><th>Text</th></tr>
|
|
</thead>
|
|
<tbody id="OS-alerts" class="serviceAlerts initially-hidden">
|
|
</tbody>
|
|
<tbody id="Linux-alerts" class="serviceAlerts initially-hidden">
|
|
</tbody>
|
|
<tbody id="Solaris-alerts" class="serviceAlerts initially-hidden">
|
|
</tbody>
|
|
<tbody id="Network-alerts" class="serviceAlerts initially-hidden">
|
|
</tbody>
|
|
<tbody id="Cloud-alerts" class="serviceAlerts initially-hidden">
|
|
</tbody>
|
|
<tbody id="Puppet-alerts" class="serviceAlerts initially-hidden">
|
|
</tbody>
|
|
<tbody id="Syslog-alerts" class="serviceAlerts initially-hidden">
|
|
</tbody>
|
|
<tbody id="Web-alerts" class="serviceAlerts initially-hidden">
|
|
</tbody>
|
|
<tbody id="Ganglia-alerts" class="serviceAlerts initially-hidden">
|
|
</tbody>
|
|
<tbody id="Acknowledged-alerts" class="serviceAlerts initially-hidden">
|
|
</tbody>
|
|
<tbody id="Deploys-alerts" class="serviceAlerts initially-hidden">
|
|
</tbody>
|
|
<tbody id="Reboot-alerts" class="serviceAlerts initially-hidden">
|
|
</tbody>
|
|
</table>
|
|
|
|
</div>
|
|
</div>
|
|
<!-- end Alert Details -->
|
|
|
|
</div> <!-- end container -->
|
|
<script src="js/jquery-1.7.1.min.js"></script>
|
|
<script src="js/bootstrap.js"></script>
|
|
<script src="js/bootstrap-tooltip.js"></script>
|
|
<script src="js/console.js"></script>
|
|
|
|
<script>
|
|
$(document).ready(function() {
|
|
|
|
heartbeatAlerts();
|
|
|
|
var envfilter = 'environment=INFRA';
|
|
var statusfilter = '';
|
|
var services = { 'OS': 'group=OS',
|
|
'Linux': 'tags=os:linux',
|
|
'Solaris': 'tags=os:sunos',
|
|
|
|
'Network': 'service=^Network',
|
|
'Syslog': 'group=Syslog',
|
|
'Acknowledged': 'status=ACK',
|
|
|
|
'Cloud': 'service=OpenStack|AWS',
|
|
'Web': 'group=Web',
|
|
'Deploys': 'group=Deploys',
|
|
|
|
'Puppet': 'group=Puppet',
|
|
'Ganglia': 'group=Ganglia',
|
|
'Reboot': 'event=ServerReboot'
|
|
};
|
|
|
|
loadStatus(statusfilter, true);
|
|
loadAlerts(services, true);
|
|
|
|
$('#refresh-all').click(function() {
|
|
loadStatus(statusfilter, false);
|
|
loadAlerts(services, false)
|
|
});
|
|
});
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|