graph mainly rebuilt in javascript

single-host
Marc Wäckerlin 9 years ago
parent f6561405df
commit d15f647ccd
  1. 120
      nodejs/public/javascripts/servicedock.js
  2. 10
      nodejs/sockets/index.js

@ -9,8 +9,122 @@
// 45678901234567890123456789012345678901234567890123456789012345678901234567890 // 45678901234567890123456789012345678901234567890123456789012345678901234567890
var socket = io.connect(); var socket = io.connect();
var container = [];
function DockerContainers() {
var Status = Object.freeze({
Error: "red",
Terminated: "yellow",
Restarting: "lightblue",
Paused: "lightgrey",
Running: "lightgreen"
});
var containers = [];
var nodes = [];
this.graph = function() {
var res = "";
console.log("nodes["+nodes.length+"]=", nodes);
for (name in nodes) {
var n = nodes[name];
var label = n.name+'\\n'+n.image;
res += '"'+n.name+'"'
+' [label="'+label
+'",URL="details('+"'"+n.name+"'"
+')",style=filled,fillcolor='+n.status+"];\n";
}
res += "{rank=same;\n";
for (name in nodes) {
var n = nodes[name];
n.volumes.forEach(function(v) {
res += '"'+v.id+'" [label="'+v.inside+'",shape=box];\n';
});
}
res+="}\n";
res += "{rank=same;\n";
for (name in nodes) {
var n = nodes[name];
n.volumes.forEach(function(v) {
if (v.host)
res += '"'+v.outside+'" [label="'+v.host+'",shape=box];\n';
});
}
res+="}\n";
for (name in nodes) {
var n = nodes[name];
n.volumes.forEach(function(v) {
if (v.host)
res += '"'+v.id+'" -> "'+v.outside+'"\n';
});
}
for (name in nodes) {
var n = nodes[name];
n.volumes.forEach(function(v) {
res += '"'+n.name+'" -> "'+v.id+'"\n';
});
}
return res;
}
function setup() {
delete nodes; nodes=[];
containers.forEach(function(c) {
var name = c.Name.replace(/^\//, "");
nodes[name] = {};
console.log("container: "+name);
nodes[name].name = name;
nodes[name].image = c.Config.Image;
nodes[name].ports = [];
var ports = c.NetworkSettings.Ports || c.NetworkSettings.PortBindings;
if (ports)
for (var port in ports)
if (ports[port])
for (var expose in ports[port]) {
var ip = ports[port][expose].HostIp;
if (ip==""||ip=="127.0.0.1"||ip=="0.0.0.0") ip=null;
nodes[name].ports.push({
internal: port,
external: ports[port][expose].HostPort,
ip: ip
});
}
if (c.State.Running) nodes[name].status = Status.Running;
else if (c.State.Paused) nodes[name].status = Status.Paused;
else if (c.State.Restarting) nodes[name].status = Status.Restarting;
else if (c.State.ExitCode == 0) nodes[name].status = Status.Terminated;
else nodes[name].status = Status.Error;
nodes[name].volumes = [];
var volumes = c.Volumes || c.Config.Volumes;
nodes[name].volumes = [];
if (volumes)
for (var volume in volumes) {
var outside = (typeof volumes[volume]=="string")?volumes[volume]:null;
nodes[name].volumes.push({
id: volume+':'+(outside?outside:name),
inside: volume,
outside: outside,
host: outside && !outside.match(/^\/var\/lib\/docker/)
? volumes[volume] : null
});
}
nodes[name].volumesfrom = c.VolumesFrom;
nodes[name].links = [];
if (c.HostConfig && c.HostConfig.Links)
c.HostConfig.Links.forEach(function(l) {
nodes[name].links.push({
to: l.replace(/^\/?([^:]*).*$/, "$1"),
link: l.replace(new RegExp("^.*:/?"+name+"/"), "")
});
});
console.log(nodes[name]);
});
}
this.setContainers = function(c) {
if (typeof c == "string") c = JSON.parse(c);
if (typeof c != "object") throw "wrong format: "+(typeof c);
containers = c;
setup();
}
}
var dc = new DockerContainers();
/// Show error messsage /// Show error messsage
/** Fades in an error message and logs to console. /** Fades in an error message and logs to console.
@ -176,6 +290,7 @@ function rotateviz() {
function showviz(vizpath) { function showviz(vizpath) {
$("#imagetools").show(); $("#imagetools").show();
viz = vizpath; viz = vizpath;
console.log("DRAW: "+viz);
res = "digraph {\n"+" rankdir="+rankdir+";\n"+viz+"\n}"; res = "digraph {\n"+" rankdir="+rankdir+";\n"+viz+"\n}";
try { try {
zoomlevel = 0; zoomlevel = 0;
@ -246,7 +361,8 @@ function imgs() {
function containers(c) { function containers(c) {
console.log("->rcv containers"); console.log("->rcv containers");
console.log(c); dc.setContainers(c);
showviz(dc.graph());
} }
/// Initial Function: Startup /// Initial Function: Startup

@ -27,11 +27,11 @@ module.exports = function() {
function containerinspect(error, stdout, stderr) { function containerinspect(error, stdout, stderr) {
console.log(error); console.log(error);
if (!error && !stderr) { if (!error && !stderr) {
var res = {}; // var res = {};
JSON.parse(stdout).forEach(function(c) { // JSON.parse(stdout).forEach(function(c) {
res[c.Id] = c; // res[c.Id] = c;
}); // });
emit("containers", res); emit("containers", stdout);
} }
} }

Loading…
Cancel
Save