Change page structure

This commit is contained in:
Itay Mizeretz 2017-11-28 14:16:16 +02:00
parent 4f6ed95501
commit 2aadb12815
1 changed files with 30 additions and 19 deletions

View File

@ -311,16 +311,21 @@ class ReportPageComponent extends React.Component {
Overview Overview
</h1> </h1>
<p> <p>
The monkey run was started on <span className="label label-info">{this.state.report.overview.monkey_start_time}</span>. After <span className="label label-info">{this.state.report.overview.monkey_duration}</span>, all monkeys finished propagation attempts. The first monkey run was started on <span className="label label-info">{this.state.report.overview.monkey_start_time}</span>. After <span className="label label-info">{this.state.report.overview.monkey_duration}</span>, all monkeys finished propagation attempts.
</p> </p>
<p> <p>
From the attacker's point of view, the network looks like this: A full report of the Monkeys activities follows.
</p> </p>
<div style={{height: '80vh'}}> </div>
<ReactiveGraph graph={this.state.graph} options={options} /> <div id="findings">
</div> <h1>
Security Findings
</h1>
<div> <div>
During this simulated attack the Monkey uncovered <span className="label label-warning">{this.state.report.overview.issues.filter(function(x){return x===true;}).length}</span>, detailed below. The security issues uncovered include: <h3>
Immediate Threats
</h3>
During this simulated attack the Monkey uncovered <span className="label label-warning">{this.state.report.overview.issues.filter(function(x){return x===true;}).length} issues</span>, detailed below. The security issues uncovered include:
<ul className="report"> <ul className="report">
{this.state.report.overview.issues[this.Issue.WEAK_PASSWORD] ? <li className="report">Users with weak passwords.</li> : null} {this.state.report.overview.issues[this.Issue.WEAK_PASSWORD] ? <li className="report">Users with weak passwords.</li> : null}
{this.state.report.overview.issues[this.Issue.STOLEN_CREDS] ?<li className="report">Stolen passwords/hashes were used to exploit other machines.</li> : null} {this.state.report.overview.issues[this.Issue.STOLEN_CREDS] ?<li className="report">Stolen passwords/hashes were used to exploit other machines.</li> : null}
@ -331,19 +336,27 @@ class ReportPageComponent extends React.Component {
</ul> </ul>
</div> </div>
<div> <div>
In addition, the monkey uncovered the following possible set of issues: <h3>
Security Issues
</h3>
The monkey uncovered the following possible set of issues:
<ul className="report"> <ul className="report">
{this.state.report.overview.warnings[this.Warning.CROSS_SEGMENT] ? <li className="report">Possible cross segment traffic. Infected machines could communicate with the Monkey Island despite crossing segment boundaries using unused ports.</li> : null} {this.state.report.overview.warnings[this.Warning.CROSS_SEGMENT] ? <li className="report">Possible cross segment traffic. Infected machines could communicate with the Monkey Island despite crossing segment boundaries using unused ports.</li> : null}
{this.state.report.overview.warnings[this.Warning.TUNNEL] ? <li className="report">Lack of port level segmentation, machines successfully tunneled monkey activity using unused ports.</li> : null} {this.state.report.overview.warnings[this.Warning.TUNNEL] ? <li className="report">Lack of port level segmentation, machines successfully tunneled monkey activity using unused ports.</li> : null}
</ul> </ul>
</div> </div>
<p> </div>
A full report of the Monkeys activities follows. <div id="recommendations">
</p> <h1>
Recommendations
</h1>
<div>
{this.state.report.recommendations.issues.map(this.generateIssue)}
</div>
</div> </div>
<div id="glance"> <div id="glance">
<h1> <h1>
At a Glance The Network from the Monkey's Eyes
</h1> </h1>
<div> <div>
<Col lg={10}> <Col lg={10}>
@ -361,6 +374,12 @@ class ReportPageComponent extends React.Component {
</div> </div>
</Col> </Col>
</div> </div>
<p>
From the attacker's point of view, the network looks like this:
</p>
<div style={{height: '80vh'}}>
<ReactiveGraph graph={this.state.graph} options={options} />
</div>
<div style={{marginBottom: '20px'}}> <div style={{marginBottom: '20px'}}>
<BreachedServers data={this.state.report.glance.exploited} /> <BreachedServers data={this.state.report.glance.exploited} />
</div> </div>
@ -371,14 +390,6 @@ class ReportPageComponent extends React.Component {
<StolenPasswords data={this.state.report.glance.stolen_creds} /> <StolenPasswords data={this.state.report.glance.stolen_creds} />
</div> </div>
</div> </div>
<div id="recommendations">
<h1>
Recommendations
</h1>
<div>
{this.state.report.recommendations.issues.map(this.generateIssue)}
</div>
</div>
</div> </div>
); );
} }