diff --git a/monkey_island/cc/ui/src/components/pages/ReportPage.js b/monkey_island/cc/ui/src/components/pages/ReportPage.js index bb45f0d5c..4eb847053 100644 --- a/monkey_island/cc/ui/src/components/pages/ReportPage.js +++ b/monkey_island/cc/ui/src/components/pages/ReportPage.js @@ -1,5 +1,5 @@ import React from 'react'; -import {Col} from 'react-bootstrap'; +import {Button, Col} from 'react-bootstrap'; import BreachedServers from 'components/report-components/BreachedServers'; import ScannedServers from 'components/report-components/ScannedServers'; import {ReactiveGraph} from 'components/reactive-graph/ReactiveGraph'; @@ -343,8 +343,11 @@ class ReportPageComponent extends React.Component { (
+
+ +

- Executive Summary + Overview

The first monkey run was started on Detailed recommendations in the next part of the report.

-
- + - {Math.round(exploitPercentage)}% of machines exploited + {Math.round(exploitPercentage)}% of scanned machines exploited

diff --git a/monkey_island/cc/ui/src/components/report-components/CollapsibleWell.js b/monkey_island/cc/ui/src/components/report-components/CollapsibleWell.js index 0b92712db..6dee76601 100644 --- a/monkey_island/cc/ui/src/components/report-components/CollapsibleWell.js +++ b/monkey_island/cc/ui/src/components/report-components/CollapsibleWell.js @@ -10,18 +10,28 @@ class CollapsibleWellComponent extends React.Component { } render() { + let well = + ( + + {this.props.children} + + ); + return (

- this.setState({ open: !this.state.open })}> - Read More... - - -
- - {this.props.children} - -
-
+
+ this.setState({open: !this.state.open})}> + Read More... + + +
+ {well} +
+
+
+
+ {well} +
); } diff --git a/monkey_island/cc/ui/src/styles/App.css b/monkey_island/cc/ui/src/styles/App.css index b221186d6..8575387c6 100644 --- a/monkey_island/cc/ui/src/styles/App.css +++ b/monkey_island/cc/ui/src/styles/App.css @@ -409,6 +409,14 @@ body { display: none; } + .no-print { + display: none; + } + + .force-print { + display: block !important; + } + .pie-chart { width: 100px; }