redisign using callback to render and show images

client/servicedock.js

@@ -1,10 +1,23 @@
 var socket = null;
 var docker = null;
-function error(msg) {
-  // handle display errors
+
+function error(msg, data) {
+  $('#error').html('<h1>Error</h1><p>'+(new Date()).toLocaleString()+'</p><p>'+msg+'</p><pre>'+data+'</pre>').show()
 }
+
+function sigstack() {
+  $('#error').hide()
+  var dot = docker.graphics.stack()
+  var svg = docker.graphics.viz(dot, error)
+  $('#stacks').html(svg)
+  $('a#svgStacks').attr('href', 'data:image/svg;base64,'+btoa(svg))
+                  .attr('target', '_blank')
+                  .attr('download', window.location.hostname+'.svg')
+                  .show()
+}
+
 function init() {
   socket = io.connect()
-  docker = new Docker(socket, error, '#containers', '#nodes', '#stacks')
+  docker = new Docker(socket, error, sigstack)
 }
 $(init)