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

Added typeahead plot for categ and tag

pull/9/head
Sami Mokaddem 2017-11-21 09:17:02 +01:00
parent 914514023b
commit 7d5603ab54
1 changed files with 34 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
static/js/trendings.js
View File

@ -10,6 +10,7 @@ var tagLine = ["#tagLine"];
var sightingLineWidget; var sightingLineWidget;
var discLine = ["#discussionLine"]; var discLine = ["#discussionLine"];
var allData; var allData;
var globalColorMapping = {};
/* OPTIONS */ /* OPTIONS */
var datePickerOptions = { var datePickerOptions = {
@ -85,7 +86,7 @@ var typeaheadOption_categ = {
} }
}, },
updater: function(categ) { updater: function(categ) {
console.log(categ); updateLineForLabel(categLine, categ, undefined, url_getTrendingCateg);
} }
} }
var typeaheadOption_tag = { var typeaheadOption_tag = {
@ -100,11 +101,20 @@ var typeaheadOption_tag = {
} }
}, },
updater: function(tag) { updater: function(tag) {
console.log(tag); updateLineForLabel(tagLine, tag, undefined, url_getTrendingTag);
} }
} }
/* FUNCTIONS */ /* FUNCTIONS */
function getColor(label) {
try {
return globalColorMapping[label];
} catch(err) {
return undefined;
}
}
function innerPieLabelFormatter(label, series) { function innerPieLabelFormatter(label, series) {
var count = series.data[0][1]; var count = series.data[0][1];
return '<div ' return '<div '
@ -166,7 +176,15 @@ function generateEmptyAndFillData(data, specificLabel, colorMapping) {
for(var item_arr of items) { for(var item_arr of items) {
var count = item_arr[1]; var count = item_arr[1];
var itemStr = JSON.stringify(item_arr[0]); var itemStr = JSON.stringify(item_arr[0]);
if (specificLabel === undefined || specificLabel == item_arr[0]) { if (specificLabel === undefined || specificLabel == item_arr[0]) { // no tag
if(toPlot_obj[itemStr] === undefined)
toPlot_obj[itemStr] = {};
toPlot_obj[itemStr][date] = count;
} else if (specificLabel == item_arr[0].name) { // tag
if(toPlot_obj[itemStr] === undefined)
toPlot_obj[itemStr] = {};
toPlot_obj[itemStr][date] = count;
} else if (specificLabel == itemStr.substring(1, itemStr.length-1)) { // tag from click (countain { and }, need to supress it)
if(toPlot_obj[itemStr] === undefined) if(toPlot_obj[itemStr] === undefined)
toPlot_obj[itemStr] = {}; toPlot_obj[itemStr] = {};
toPlot_obj[itemStr][date] = count; toPlot_obj[itemStr][date] = count;
@ -185,8 +203,14 @@ function generateEmptyAndFillData(data, specificLabel, colorMapping) {
data_toPlot.push([curDate, 0]) data_toPlot.push([curDate, 0])
} }
} }
if (colorMapping === undefined) { // is a discussion if (colorMapping === undefined) {
//try to get color, else no color
var colorCode = getColor(itemStr);
if (!( colorCode === undefined)) {
toPlot.push({label: itemStr, data: data_toPlot, color: colorCode})
} else {
toPlot.push({label: itemStr, data: data_toPlot}) toPlot.push({label: itemStr, data: data_toPlot})
}
} else { } else {
try { try {
var color = colorMapping[itemStr].colour; var color = colorMapping[itemStr].colour;
@ -352,6 +376,11 @@ function updateLineForLabel(line, specificLabel, colorMapping, url) {
function updatePieLine(pie, line, url) { function updatePieLine(pie, line, url) {
$.getJSON( url+"?dateS="+parseInt(dateStart.getTime()/1000)+"&dateE="+parseInt(dateEnd.getTime()/1000), function( data ) { $.getJSON( url+"?dateS="+parseInt(dateStart.getTime()/1000)+"&dateE="+parseInt(dateEnd.getTime()/1000), function( data ) {
var colorMapping = updatePie(pie, line, data, url); var colorMapping = updatePie(pie, line, data, url);
for (var item in colorMapping) {
if (colorMapping.hasOwnProperty(item) && colorMapping[item] != undefined) {
globalColorMapping[item] = colorMapping[item].colour;
}
}
updateLine(line, data, undefined, undefined, colorMapping); updateLine(line, data, undefined, undefined, colorMapping);
}); });
} }