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

better UI positionement

megaRefact
Sami Mokaddem 2018-08-27 10:31:04 +00:00
parent d6ebcff553
commit 4b3d476d55
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
static/js/treeFromJson.js
View File

@ -13,7 +13,7 @@
this.container = container; this.container = container;
this._default_options = { this._default_options = {
margin: {top: 20, right: 20, bottom: 20, left: 20}, margin: {top: 20, right: 20, bottom: 20, left: 20},
width: container.width() > 800 ? container.width()/2 : 800, width: container.width() > 800 ? container.width()/2-24 : 800,
height: container.height() > 800 ? container.height()/2 : 800, height: container.height() > 800 ? container.height()/2 : 800,
treeNodes : { treeNodes : {
width: 3, width: 3,
@ -33,6 +33,7 @@
this.letterWidth = 8; this.letterWidth = 8;
this.treeDiv = $('<div class="treeDiv panel panel-default panel-body"></div>'); this.treeDiv = $('<div class="treeDiv panel panel-default panel-body"></div>');
this.treeDiv.css('max-width', this.options.width+this.options.margin.left+this.options.margin.right+'px');
this.container.append( this.container.append(
$('<div></div>').append(this.treeDiv) $('<div></div>').append(this.treeDiv)
); );
@ -119,9 +120,10 @@
} }
// Normalize for fixed-depth. (+ consider linkname) // Normalize for fixed-depth. (+ consider linkname)
var depthSepa = maxSizePerDepth.length*100 < this.options.width ? 100 : this.options.width / maxSizePerDepth.length;
nodes.forEach(function(d) { nodes.forEach(function(d) {
let offset = maxSizePerDepth[d.depth]*(that.options.maxCharDisplay-2); let offset = maxSizePerDepth[d.depth]*(that.options.maxCharDisplay-2);
d.y = d.depth * 100 + offset; d.y = d.depth * depthSepa + offset;
}); });
// Update the nodes… // Update the nodes…
@ -764,7 +766,9 @@
// destroy and redraw // destroy and redraw
update_result_tree: function() { update_result_tree: function() {
var options = { var options = {
interaction: false interaction: false,
width: this.width,
height: this.height
}; };
var continue_update = this.render_functions_output(); var continue_update = this.render_functions_output();