From e277bf66947ccdc695f5cdbde62a0af18eb5d3cf Mon Sep 17 00:00:00 2001
From: Itay Mizeretz <itay.mizeretz@guardicore.com>
Date: Mon, 16 Oct 2017 17:40:27 +0300
Subject: [PATCH] Add console to map

---
 .../cc/ui/src/components/pages/MapPage.js     |  7 ++++++
 monkey_island/cc/ui/src/styles/App.css        | 23 +++++++++++++++++++
 2 files changed, 30 insertions(+)

diff --git a/monkey_island/cc/ui/src/components/pages/MapPage.js b/monkey_island/cc/ui/src/components/pages/MapPage.js
index b2023561b..018b090e5 100644
--- a/monkey_island/cc/ui/src/components/pages/MapPage.js
+++ b/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>
diff --git a/monkey_island/cc/ui/src/styles/App.css b/monkey_island/cc/ui/src/styles/App.css
index 98dc1be0e..2f7ceed1e 100644
--- a/monkey_island/cc/ui/src/styles/App.css
+++ b/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;
 }