Add console to map

monkey_island/cc/ui/src/components/pages/MapPage.js

@@ -174,6 +174,13 @@ class MapPageComponent extends React.Component {
             <b style={{color: '#aeaeae'}}>|</b>
             <span>Island Communication <i className="fa fa-lg fa-minus" style={{color: '#a9aaa9'}} /></span>
           </div>
+          <div className="telemetry-console">
+            <div>
+              <span className="date">2017-10-16 16:00:05</span>
+              <span className="source"> monkey-elastic</span>
+              <span className="event"> bla bla</span>
+            </div>
+          </div>
           <div style={{height: '80vh'}}>
             <ReactiveGraph graph={this.state.graph} options={options} events={this.events}/>
           </div>

monkey_island/cc/ui/src/styles/App.css

@@ -270,6 +270,29 @@ body {
   background: #d30d09;
 }
 
+.telemetry-console {
+  z-index: 2;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 70px;
+  background: rgba(0,0,0,0.7);
+  border-radius: 5px;
+  border: 3px solid #aaa;
+  padding: 0.5em;
+  color: white;
+  font-family: Consolas, "Courier New", monospace;
+}
+
+.telemetry-console .date {
+  color: #ccc;
+}
+
+.telemetry-console .source {
+  font-weight: bold;
+}
+
 .map-legend {
   font-size: 18px;
 }