MISP
/
misp-dashboard
mirror of https://github.com/MISP/misp-dashboard
2
0
Fork 0
Code Issues Releases Wiki Activity

Added led feed indicator

pull/18/head
Sami Mokaddem 2017-10-23 17:25:41 +02:00
parent d24a41cf39
commit 14103fb0a7
2 changed files with 39 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
static/js/index/index.js
View File

@ -1,4 +1,6 @@
var feedStatusFreqCheck = 1000*15;
var maxNumPoint = hours_spanned; var maxNumPoint = hours_spanned;
var keepaliveTime = 0;
var emptyArray = []; var emptyArray = [];
for(i=0; i<maxNumPoint; i++) { for(i=0; i<maxNumPoint; i++) {
emptyArray.push([i, 0]); emptyArray.push([i, 0]);
@ -147,6 +149,17 @@ $(document).ready(function () {
}); });
function ledColorManager() {
if(new Date().getTime() - keepaliveTime > feedStatusFreqCheck) { // no feed
$("#status_led").removeClass("led_green");
$("#status_led").addClass("led_red");
} else {
$("#status_led").removeClass("led_red");
$("#status_led").addClass("led_green");
}
setTimeout(function(){ ledColorManager(); }, feedStatusFreqCheck);
}
// LOG TABLE // LOG TABLE
function updateLogTable(feedName, log) { function updateLogTable(feedName, log) {
@ -177,6 +190,9 @@ function updateLogTable(feedName, log) {
tableBody.deleteRow(0); tableBody.deleteRow(0);
} }
} }
} else if (feedName == "Keepalive") {
keepaliveTime = new Date().getTime();
ledColorManager();
} else { } else {
// do nothing // do nothing
return; return;

23
templates/index.html
View File

@ -29,6 +29,28 @@ table {
overflow-y: scroll; overflow-y: scroll;
} }
.led_green {
float: right;
margin: auto auto;
margin-top: 12.5px;
width: 24px;
height: 24px;
background-color: #ABFF00;
border-radius: 50%;
box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #304701 0 -1px 9px, #89FF00 0 2px 12px;
}
.led_red {
float: right;
margin: auto auto;
margin-top: 12.5px;
width: 24px;
height: 24px;
background-color: #F82222;
border-radius: 50%;
box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #304701 0 -1px 9px, #FF0303 0 2px 12px;
}
.marker_animation { .marker_animation {
stroke: darkred; stroke: darkred;
position: absolute; position: absolute;
@ -71,6 +93,7 @@ small {
<nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0; padding-left: 15px;"> <nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0; padding-left: 15px;">
<div class="navbar-header"> <div class="navbar-header">
<a class="navbar-brand" href="{{ url_for('index') }}">Misp feed dashboard</a> <a class="navbar-brand" href="{{ url_for('index') }}">Misp feed dashboard</a>
<div id="status_led" class="led_red"></div>
</div> </div>
<!-- /.navbar-header --> <!-- /.navbar-header -->