mirror of
https://github.com/alerta/alerta.git
synced 2025-01-30 19:46:21 +00:00
328 lines
16 KiB
HTML
328 lines
16 KiB
HTML
<html lang="en">
|
|
<head>
|
|
<!-- link href='http://fonts.googleapis.com/css?family=Sintony:400,700' rel='stylesheet' type='text/css' -->
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<script type="text/javascript" language="javascript" src="/alerta/dashboard/v2/assets/DataTables/media/js/jquery.js"></script>
|
|
<script type="text/javascript" language="javascript" src="/alerta/dashboard/v2/assets/DataTables/media/js/jquery.dataTables.min.js"></script>
|
|
|
|
<link href="/alerta/dashboard/v2/assets/bootstrap/css/bootstrap.css" rel="stylesheet">
|
|
<style type="text/css">
|
|
body {
|
|
padding-top: 60px;
|
|
padding-bottom: 40px;
|
|
}
|
|
</style>
|
|
<link href="/alerta/dashboard/v2/assets/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
|
|
<link href="/alerta/dashboard/v2/assets/DataTables/bootstrap/dataTables.bootstrap.css" rel="stylesheet">
|
|
<link href="/alerta/dashboard/v2/assets/css/custom.css" rel="stylesheet">
|
|
<link href="/alerta/dashboard/v2/assets/DataTables/extras/TableTools/media/css/TableTools.css" rel="stylesheet">
|
|
</head>
|
|
|
|
<body>
|
|
<div class="navbar navbar-inverse 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>
|
|
{% block navigation %}
|
|
<div class="nav-collapse">
|
|
<ul class="nav">
|
|
<li class="active"><a href="index.html">Production</a></li>
|
|
<li class=""><a href="dev.html">Development</a></li>
|
|
<li class=""><a href="infra.html">Infrastructure</a></li>
|
|
<li class=""><a href="/Kibana">History</a></li>
|
|
<li class=""><a href="about.html">About</a></li>
|
|
</ul>
|
|
</div><!--/.nav-collapse -->
|
|
{% endblock %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container">
|
|
|
|
<div class="row-fluid">
|
|
<div class ="span6">
|
|
<div id="status-select" class="btn-group" data-toggle="buttons-checkbox">
|
|
<button id="status-select-open" type="button" class="btn active" value="open">Open <span id="count-open" class="label">0</span></button>
|
|
<button id="status-select-ack" type="button" class="btn" value="ack">Ack <span id="count-ack" class="label">0</span></button>
|
|
<button id="status-select-closed" type="button" class="btn" value="closed">Closed <span id="count-closed" class="label">0</span></button>
|
|
</div>
|
|
</div>
|
|
<div class ="span6" align="right">
|
|
<span id="from-date-select" class="btn-group" data-toggle="buttons-radio">
|
|
<button type="button" class="btn" name="last" value="300">5m</button>
|
|
<button type="button" class="btn" name="last" value="900">15m</button>
|
|
<button type="button" class="btn" name="last" value="3600">1h</button>
|
|
<button type="button" class="btn" name="last" value="86400">1d</button>
|
|
<button type="button" class="btn active" name="last" value="0">All</button>
|
|
</span>
|
|
<span>
|
|
<button id="refresh-all" class="console-button btn" align="right"><i class="icon-refresh"></i><span class="refresh-button-text"> Refresh</span></button>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
<table width="100%">
|
|
<tr>
|
|
<span id="heartbeat-alerts"></span>
|
|
<div id="console-alert" class="alert alert-info initially-hidden">
|
|
<a class="close" data-dismiss="alert" href="#">×</a>
|
|
<strong>Warning!</strong> <span id="warning-text"></span>
|
|
</div>
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
{% block status_indicators %}
|
|
<div class="row show-grid status-indicators">
|
|
<div class="span12">
|
|
|
|
<div class="row show-grid">
|
|
<div class="span3">
|
|
<table class="table table-bordered table-condensed status-indicator" id="R2R1" data-label="R2R1">
|
|
<thead id="R2R1-overall" class="status-indicator-overall">
|
|
<tr>
|
|
<th colspan="6" id="R2R1-status">R2 & R1</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr id="R2R1-status-indicator">
|
|
<td id="R2R1-critical" class="status-indicator-count"><b>0</b></td>
|
|
<td id="R2R1-major" class="status-indicator-count"><b>0</b></td>
|
|
<td id="R2R1-minor" class="status-indicator-count"><b>0</b></td>
|
|
<td id="R2R1-warning" class="status-indicator-count"><b>0</b></td>
|
|
<td id="R2R1-normal" class="status-indicator-count"><b>0</b></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="span3">
|
|
<table class="table table-bordered table-condensed status-indicator" id="FrontendMobile" data-label="FrontendMobile">
|
|
<thead id="FrontendMobile-overall" class="status-indicator-overall">
|
|
<tr>
|
|
<th colspan="6" id="FrontendMobile-status">Frontend & Mobile</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr id="FrontendMobile-status-indicator">
|
|
<td id="FrontendMobile-critical" class="status-indicator-count"><b>0</b></td>
|
|
<td id="FrontendMobile-major" class="status-indicator-count"><b>0</b></td>
|
|
<td id="FrontendMobile-minor" class="status-indicator-count"><b>0</b></td>
|
|
<td id="FrontendMobile-warning" class="status-indicator-count"><b>0</b></td>
|
|
<td id="FrontendMobile-normal" class="status-indicator-count"><b>0</b></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="span3">
|
|
<table class="table table-bordered table-condensed status-indicator" id="ContentAPI" data-label="ContentAPI">
|
|
<thead id="ContentAPI-overall" class="status-indicator-overall">
|
|
<tr>
|
|
<th colspan="6" id="ContentAPI-status">Content API</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr id="ContentAPI-status-indicator">
|
|
<td id="ContentAPI-critical" class="status-indicator-count"><b>0</b></td>
|
|
<td id="ContentAPI-major" class="status-indicator-count"><b>0</b></td>
|
|
<td id="ContentAPI-minor" class="status-indicator-count"><b>0</b></td>
|
|
<td id="ContentAPI-warning" class="status-indicator-count"><b>0</b></td>
|
|
<td id="ContentAPI-normal" class="status-indicator-count"><b>0</b></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="span3">
|
|
<table class="table table-bordered table-condensed status-indicator" id="Shared" data-label="Shared">
|
|
<thead id="Shared-overall" class="status-indicator-overall">
|
|
<tr>
|
|
<th colspan="6" id="Shared-status">Shared Services</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr id="Shared-status-indicator">
|
|
<td id="Shared-critical" class="status-indicator-count"><b>0</b></td>
|
|
<td id="Shared-major" class="status-indicator-count"><b>0</b></td>
|
|
<td id="Shared-minor" class="status-indicator-count"><b>0</b></td>
|
|
<td id="Shared-warning" class="status-indicator-count"><b>0</b></td>
|
|
<td id="Shared-normal" class="status-indicator-count"><b>0</b></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div> <!-- row -->
|
|
|
|
|
|
<div class="row show-grid">
|
|
<div class="span3">
|
|
<table class="table table-bordered table-condensed status-indicator" id="D2MicroApps" data-label="D2MicroApps">
|
|
<thead id="D2MicroApps-overall" class="status-indicator-overall">
|
|
<tr>
|
|
<th colspan="6" id="D2MicroApps-status">D2 & Micro Apps</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr id="D2MicroApps-status-indicator">
|
|
<td id="D2MicroApps-critical" class="status-indicator-count"><b>0</b></td>
|
|
<td id="D2MicroApps-major" class="status-indicator-count"><b>0</b></td>
|
|
<td id="D2MicroApps-minor" class="status-indicator-count"><b>0</b></td>
|
|
<td id="D2MicroApps-warning" class="status-indicator-count"><b>0</b></td>
|
|
<td id="D2MicroApps-normal" class="status-indicator-count"><b>0</b></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="span3">
|
|
<table class="table table-bordered table-condensed status-indicator" id="FlexibleIdentity" data-label="FlexibleIdentity">
|
|
<thead id="FlexibleIdentity-overall" class="status-indicator-overall">
|
|
<tr>
|
|
<th colspan="6" id="FlexibleIdentity-status">Flexible Content & Identity</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr id="FlexibleIdentity-status-indicator">
|
|
<td id="FlexibleIdentity-critical" class="status-indicator-count"><b>0</b></td>
|
|
<td id="FlexibleIdentity-major" class="status-indicator-count"><b>0</b></td>
|
|
<td id="FlexibleIdentity-minor" class="status-indicator-count"><b>0</b></td>
|
|
<td id="FlexibleIdentity-warning" class="status-indicator-count"><b>0</b></td>
|
|
<td id="FlexibleIdentity-normal" class="status-indicator-count"><b>0</b></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="span3">
|
|
<table class="table table-bordered table-condensed status-indicator" id="Other" data-label="Other">
|
|
<thead id="Other-overall" class="status-indicator-overall">
|
|
<tr>
|
|
<th colspan="6" id="Other-status">Other Services</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr id="Other-status-indicator">
|
|
<td id="Other-critical" class="status-indicator-count"><b>0</b></td>
|
|
<td id="Other-major" class="status-indicator-count"><b>0</b></td>
|
|
<td id="Other-minor" class="status-indicator-count"><b>0</b></td>
|
|
<td id="Other-warning" class="status-indicator-count"><b>0</b></td>
|
|
<td id="Other-normal" class="status-indicator-count"><b>0</b></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="span3">
|
|
<table class="table table-bordered table-condensed status-indicator" id="Network" data-label="Network">
|
|
<thead id="Network-overall" class="status-indicator-overall">
|
|
<tr>
|
|
<th colspan="6" id="Network-status">Network Services</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr id="Network-status-indicator">
|
|
<td id="Network-critical" class="status-indicator-count"><b>0</b></td>
|
|
<td id="Network-major" class="status-indicator-count"><b>0</b></td>
|
|
<td id="Network-minor" class="status-indicator-count"><b>0</b></td>
|
|
<td id="Network-warning" class="status-indicator-count"><b>0</b></td>
|
|
<td id="Network-normal" class="status-indicator-count"><b>0</b></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div> <!-- row -->
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|
|
|
|
<!-- Alert Details -->
|
|
<div class="row-fluid show-grid">
|
|
<div class="span12">
|
|
|
|
<table cellpadding="0" cellspacing="0" border="0" class="display table table-bordered table-condensed alerts-display" id="alerts">
|
|
<thead>
|
|
<tr>
|
|
<th>Severity</th>
|
|
<th>Status</th>
|
|
<th>Last Receive Time</th>
|
|
<th>Dupl.</th>
|
|
<th>Environment</th>
|
|
<th>Service</th>
|
|
<th>Resource</th>
|
|
<th>Event</th>
|
|
<th>Value</th>
|
|
<th>Text</th>
|
|
<th>Severity Code</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
|
|
</tbody>
|
|
<tfoot>
|
|
<tr>
|
|
<th>Severity</th>
|
|
<th>Status</th>
|
|
<th>Last Receive Time</th>
|
|
<th>Dupl.</th>
|
|
<th>Environment</th>
|
|
<th>Service</th>
|
|
<th>Resource</th>
|
|
<th>Event</th>
|
|
<th>Value</th>
|
|
<th>Text</th>
|
|
<th>Severity Code</th>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
|
|
</div>
|
|
</div>
|
|
<!-- end Alert Details -->
|
|
|
|
</div>
|
|
<!-- end container -->
|
|
|
|
<script>
|
|
var api_host = "{{ config['api_host'] }}";
|
|
var api_port = {{ config['api_port'] }};
|
|
</script>
|
|
|
|
<script src="/alerta/dashboard/v2/assets/js/console.js"></script>
|
|
<script src="/alerta/dashboard/v2/assets/js/purl.js"></script>
|
|
|
|
{% block initialiser %}
|
|
|
|
<script>
|
|
$(document).ready(function() {
|
|
|
|
heartbeatAlerts();
|
|
|
|
var env_filter = '&environment=PROD&environment=INFRA';
|
|
var asiFilters = {
|
|
'R2R1': '&service=R2&service=R1',
|
|
'FrontendMobile': '&service=Frontend&service=Mobile',
|
|
'ContentAPI': '&service=ContentAPI',
|
|
'Shared': '&service=SharedSvcs',
|
|
'D2MicroApps': '&service=Discussion&service=MicroApp',
|
|
'FlexibleIdentity': '&service=FlexibleContent&service=Identity',
|
|
'Other': '&service!=~R2|R1|Frontend|Mobile|ContentAPI|Shared|Discussion|MicroApp|FlexibleContent|Identity|Network',
|
|
'Network': '&service=Network'
|
|
};
|
|
updateStatusCounts(env_filter, true);
|
|
updateAllIndicators(env_filter, asiFilters, true);
|
|
updateAlertsTable(env_filter, asiFilters);
|
|
|
|
});
|
|
</script>
|
|
{% endblock %}
|
|
|
|
<script src="/alerta/dashboard/v2/assets/DataTables/extras/TableTools/media/js/TableTools.min.js"></script>
|
|
<script src="/alerta/dashboard/v2/assets/DataTables/bootstrap/dataTables.bootstrap.js"></script>
|
|
<script src="/alerta/dashboard/v2/assets/bootstrap/js/bootstrap-collapse.js"></script>
|
|
<script src="/alerta/dashboard/v2/assets/bootstrap/js/bootstrap-alert.js"></script>
|
|
|
|
</body>
|
|
</html>
|