176 lines
7 KiB
HTML
176 lines
7 KiB
HTML
<?xml version="1.0" encoding="UTF-8" ?>
|
|
<!DOCTYPE html>
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<title>StatoolInfos</title>
|
|
<meta charset="UTF-8" />
|
|
<meta name="keywords" content="statoolinfos,devinsy,federation" />
|
|
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
|
|
<link rel="stylesheet" type="text/css" href="statoolinfos.css" />
|
|
<script src="sorttable.js" />
|
|
<script src="Chart.bundle.min.js"></script>
|
|
</head>
|
|
<body>
|
|
<div style="width:1150px; margin: 0 auto 0 auto;">
|
|
<h2>Disponibilité des services</h2>
|
|
<div style="margin-left: 0px; margin-bottom: 10px;">
|
|
<a id="allButton" class="button" href="#">Tout</a>
|
|
<a href="#" id="alertButton" class="button">Alertes</a>
|
|
<a href="#" id="fixedButton" class="button">Rétablis</a>
|
|
<a id="nokButton" class="button" href="#">Indisponibles</a>
|
|
</div>
|
|
|
|
<div class="legend right" style="float: right; margin-top: -150px;">
|
|
<div class="row">
|
|
<div class="column left">
|
|
<img src="status-ok.png" title="" style="height: 16px; width: 10px;" />Journée sans erreur<br/>
|
|
<img src="status-warning.png" title="" style="height: 16px; width: 10px;" />Erreur rétablie<br/>
|
|
<img src="status-alert.png" title="" style="height: 16px; width: 10px;" />Erreur en cours<br/>
|
|
<img src="status-error.png" title="" style="height: 16px; width: 10px;" />Erreurs continues<br/>
|
|
<img src="status-void.png" title="" style="height: 16px; width: 10px;" />Absence de donnée<br/>
|
|
<img src="dialog-warning.svg" title="" /> =
|
|
<img src="status-alert.png" title="" style="height: 16px; width: 10px;" /> +
|
|
<img src="status-error.png" title="" style="height: 16px; width: 10px;" /> +
|
|
<img src="status-void.png" title="" style="height: 16px; width: 10px;" /><br/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="uptimeCounts">
|
|
<ul>
|
|
<li>Actuellement : </li>
|
|
<li><img src="status-ok.png" title="Nominaux" /><span id="okCount">n/a</span></li>
|
|
<li><img src="status-warning.png" title="Erreurs rétablies" /><span id="warningCount">n/a</span></li>
|
|
<li><img src="status-alert.png" title="Erreurs en cours" /><span id="alertCount">n/a</span></li>
|
|
<li><img src="status-error.png" title="Erreurs continues" /><span id="errorCount">n/a</span></li>
|
|
<li><img src="status-void.png" title="Absences de données" /><span id="voidCount">n/a</span></li>
|
|
<li><img src="dialog-warning.svg" title="Alertes" /><span id="unavailableCount">n/a</span></li>
|
|
</ul>
|
|
</div>
|
|
<table id="uptimeTable" class="center_table table_classic left uptimeTable">
|
|
<thead>
|
|
<tr id="lineHeader">
|
|
<th id="lineName" style="padding-top: 0; padding-bottom: 0;">Service</th>
|
|
<th id="lineName" style="padding-top: 0; padding-bottom: 0;">Organisation</th>
|
|
<td id="lineHeader-21">X</td>
|
|
<td id="lineHeader-20">X</td>
|
|
<td id="lineHeader-19">X</td>
|
|
<td id="lineHeader-18">X</td>
|
|
<td id="lineHeader-17">X</td>
|
|
<td id="lineHeader-16">X</td>
|
|
<td id="lineHeader-15">X</td>
|
|
<td id="lineHeader-14">X</td>
|
|
<td id="lineHeader-13">X</td>
|
|
<td id="lineHeader-12">X</td>
|
|
<td id="lineHeader-11">X</td>
|
|
<td id="lineHeader-10">X</td>
|
|
<td id="lineHeader-9">X</td>
|
|
<td id="lineHeader-8">X</td>
|
|
<td id="lineHeader-7">X</td>
|
|
<td id="lineHeader-6">X</td>
|
|
<td id="lineHeader-5">X</td>
|
|
<td id="lineHeader-4">X</td>
|
|
<td id="lineHeader-3">X</td>
|
|
<td id="lineHeader-2">X</td>
|
|
<td id="lineHeader-1">X</td>
|
|
<td id="lineHeader-0">X</td>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr id="line">
|
|
<td id="lineName" style="padding-top: 0; padding-bottom: 0;">
|
|
<a href="#" id="lineNameLink">
|
|
<img id="lineLogo" src="" style="width: 26px; height: 26px; padding-top:0; padding-bottom: 0; vertical-align: middle;"/>
|
|
 <span id="lineNameValue">n/a</span>
|
|
</a>
|
|
</td>
|
|
<td id="lineOrganization" style="padding-top: 0; padding-bottom: 0;">
|
|
<a href="#" id="lineOrganizationLink">
|
|
<img id="lineOrganizationLogo" src="" style="width: 26px; height: 26px; padding-top:0; padding-bottom: 0; vertical-align: middle;"/>
|
|
 <span id="lineOrganizationValue">n/a</span>
|
|
</a>
|
|
</td>
|
|
<td id="uptime-21"><img id="statusImg-21" src="status-void.png" /></td>
|
|
<td id="uptime-20"><img id="statusImg-20" src="status-void.png" /></td>
|
|
<td id="uptime-19"><img id="statusImg-19" src="status-void.png" /></td>
|
|
<td id="uptime-18"><img id="statusImg-18" src="status-void.png" /></td>
|
|
<td id="uptime-17"><img id="statusImg-17" src="status-void.png" /></td>
|
|
<td id="uptime-16"><img id="statusImg-16" src="status-void.png" /></td>
|
|
<td id="uptime-15"><img id="statusImg-15" src="status-void.png" /></td>
|
|
<td id="uptime-14"><img id="statusImg-14" src="status-void.png" /></td>
|
|
<td id="uptime-13"><img id="statusImg-13" src="status-void.png" /></td>
|
|
<td id="uptime-12"><img id="statusImg-12" src="status-void.png" /></td>
|
|
<td id="uptime-11"><img id="statusImg-11" src="status-void.png" /></td>
|
|
<td id="uptime-10"><img id="statusImg-10" src="status-void.png" /></td>
|
|
<td id="uptime-9"><img id="statusImg-9" src="status-void.png" /></td>
|
|
<td id="uptime-8"><img id="statusImg-8" src="status-void.png" /></td>
|
|
<td id="uptime-7"><img id="statusImg-7" src="status-void.png" /></td>
|
|
<td id="uptime-6"><img id="statusImg-6" src="status-void.png" /></td>
|
|
<td id="uptime-5"><img id="statusImg-5" src="status-void.png" /></td>
|
|
<td id="uptime-4"><img id="statusImg-4" src="status-void.png" /></td>
|
|
<td id="uptime-3"><img id="statusImg-3" src="status-void.png" /></td>
|
|
<td id="uptime-2"><img id="statusImg-2" src="status-void.png" /></td>
|
|
<td id="uptime-1"><img id="statusImg-1" src="status-void.png" /></td>
|
|
<td id="uptime-0"><img id="statusImg-0" src="status-void.png" /></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<script type="text/javascript">
|
|
$(document).ready(function()
|
|
{
|
|
var table = $('#uptimeTable').DataTable(
|
|
{
|
|
paging: false,
|
|
ordering: true,
|
|
"order": [[ 0, "asc" ]],
|
|
language: dataTableFrench
|
|
});
|
|
|
|
$("#allButton").click(function()
|
|
{
|
|
$.fn.dataTable.ext.search.pop();
|
|
table.draw();
|
|
});
|
|
|
|
$("#nokButton").click(function()
|
|
{
|
|
$.fn.dataTable.ext.search.pop();
|
|
$.fn.dataTable.ext.search.push(
|
|
function(settings, data, dataIndex)
|
|
{
|
|
var result;
|
|
return !(table.cell(dataIndex, 23).data().includes('status-ok') || table.cell(dataIndex, 23).data().includes('status-warning'));
|
|
}
|
|
);
|
|
table.draw();
|
|
});
|
|
|
|
$("#fixedButton").click(function()
|
|
{
|
|
$.fn.dataTable.ext.search.pop();
|
|
$.fn.dataTable.ext.search.push(
|
|
function(settings, data, dataIndex)
|
|
{
|
|
return table.cell(dataIndex, 23).data().includes('status-warning');
|
|
}
|
|
);
|
|
table.draw();
|
|
});
|
|
|
|
$("#alertButton").click(function()
|
|
{
|
|
$.fn.dataTable.ext.search.pop();
|
|
$.fn.dataTable.ext.search.push(
|
|
function(settings, data, dataIndex)
|
|
{
|
|
return !table.cell(dataIndex, 23).data().includes('status-ok');
|
|
}
|
|
);
|
|
table.draw();
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|