forcegraph: draw unseen nodes orange

This commit is contained in:
Milan Pässler 2016-03-02 21:55:44 +01:00
parent 23ded77089
commit 24987f4963
1 changed files with 13 additions and 3 deletions

View File

@ -19,7 +19,9 @@ define(["d3"], function (d3) {
var nodes = []
var uplinkNodes = []
var nonUplinkNodes = []
var unseenNodes = []
var unknownNodes = []
var graphNodes = []
var savedPanZoom
var draggedNode
@ -313,6 +315,7 @@ define(["d3"], function (d3) {
var unknownColor = "#D10E2A"
var nonUplinkColor = "#F2E3C6"
var uplinkColor = "#5BAAEB"
var unseenColor = "#FFA726"
var highlightColor = "rgba(252, 227, 198, 0.15)"
var nodeRadius = 6
var cableColor = "#50B0F0"
@ -364,6 +367,11 @@ define(["d3"], function (d3) {
ctx.drawImage(uplinkNode, scale * r * d.x - uplinkNode.width / 2, scale * r * d.y - uplinkNode.height / 2)
})
var unseenNode = drawNode(unseenColor, nodeRadius, scale, r)
unseenNodes.filter(visibleNodes).forEach(function (d) {
ctx.drawImage(unseenNode, scale * r * d.x - unseenNode.width / 2, scale * r * d.y - unseenNode.height / 2)
})
ctx.restore()
// -- draw clients --
@ -695,10 +703,12 @@ define(["d3"], function (d3) {
})
})
nodes = intNodes.filter(function (d) { return d.o.node })
nodes = intNodes.filter(function (d) { return !d.o.unseen && d.o.node })
uplinkNodes = nodes.filter(function (d) { return d.o.node.flags.uplink })
nonUplinkNodes = nodes.filter(function (d) { return !d.o.node.flags.uplink })
unseenNodes = intNodes.filter(function (d) { return d.o.unseen && d.o.node })
unknownNodes = intNodes.filter(function (d) { return !d.o.node })
graphNodes = nodes.concat(unseenNodes).concat(unknownNodes)
if (localStorageTest()) {
var save = JSON.parse(localStorage.getItem("graph/nodeposition"))
@ -718,9 +728,9 @@ define(["d3"], function (d3) {
}
}
var diameter = graphDiameter(intNodes)
var diameter = graphDiameter(graphNodes)
force.nodes(intNodes)
force.nodes(graphNodes)
.links(intLinks)
.size([diameter, diameter])