Show console output from server

noflo · Oct 2, 2013 · a085be2 · a085be2
1 parent 81ea0f0
commit a085be2
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 0 deletions.
diff --git a/css/noflo-ui.css b/css/noflo-ui.css
@@ -80,6 +80,15 @@ body {
   border: none;
 }
 
+.dataflow-card .noflo-ui-preview .preview pre {
+  max-height: 300px;
+  color: #7ee67e;
+  font-size: 10px;
+  overflow-x: hidden;
+  overflow-y: scroll;
+  font-family: monospace;
+}
+
 .dataflow-node-inspector-inputs label.connected {
   display: none;
 }

diff --git a/src/runtimes/websocket.coffee b/src/runtimes/websocket.coffee
@@ -10,6 +10,18 @@ class WebSocketRuntime extends Base
 
   getType: -> 'websocket'
 
+  getElement: ->
+    console = document.createElement 'pre'
+
+    @on 'network', (message) ->
+      return unless message.command is 'output'
+      console.innerHTML = "#{console.innerHTML}#{message.payload.message}\n"
+      console.scrollTop = console.scrollHeight
+    @on 'disconnected', ->
+      console.innerHTML = ''
+
+    console
+
   connect: (preview) ->
     return if @connection or @connecting