UI file structure added

monkey/monkey_island/cc/ui/src/components/Main.js

@@ -85,6 +85,7 @@ class AppComponent extends AuthComponent {
         run_monkey: false,
         infection_done: false,
         report_done: false,
+        attack_report_done:false,
         isLoggedIn: undefined
       }
     };
@@ -152,6 +153,15 @@ class AppComponent extends AuthComponent {
                       : ''}
                   </NavLink>
                 </li>
+                <li>
+                  <NavLink to="/attack_report">
+                    <span className="number">5.</span>
+                    Security Report
+                    {this.state.completedSteps.attack_report_done ?
+                      <Icon name="check" className="pull-right checkmark text-success"/>
+                      : ''}
+                  </NavLink>
+                </li>
                 <li>
                   <NavLink to="/start-over">
                     <span className="number"><i className="fa fa-undo" style={{'marginLeft': '-1px'}}/></span>

monkey/monkey_island/cc/ui/src/components/pages/AttackReportPage.js

@@ -0,0 +1,27 @@
+import React from 'react';
+import {Button, Col} from 'react-bootstrap';
+import {ReactiveGraph} from 'components/reactive-graph/ReactiveGraph';
+import {edgeGroupToColor, options} from 'components/map/MapOptions';
+import AuthComponent from '../AuthComponent';
+
+class AttackReportPageComponent extends AuthComponent {
+
+  constructor(props) {
+    super(props);
+    this.state = {
+    };
+  }
+
+  render() {
+    return (
+      <Col xs={12} lg={8}>
+        <h1 className="page-title no-print">5.ATT&CK techniques report</h1>
+        <div style={{'fontSize': '1.2em'}}>
+          ATT&CK techniques report
+        </div>
+      </Col>
+    );
+  }
+}
+
+export default AttackReportPageComponent;