Typos, added link to attack page in attack report description

This commit is contained in:
VakarisZ 2019-11-28 16:38:56 +02:00
parent c6d941637b
commit cf2fff92f6
3 changed files with 13 additions and 13 deletions

View File

@ -92,7 +92,7 @@ class MatrixComponent extends AuthComponent {
<div id="header" className="row justify-content-between attack-legend"> <div id="header" className="row justify-content-between attack-legend">
<Col xs={4}> <Col xs={4}>
<FontAwesomeIcon icon={faCircleThin} className="icon-unchecked"/> <FontAwesomeIcon icon={faCircleThin} className="icon-unchecked"/>
<span> - Dissabled</span> <span> - Disabled</span>
</Col> </Col>
<Col xs={4}> <Col xs={4}>
<FontAwesomeIcon icon={faCircle} className="icon-checked"/> <FontAwesomeIcon icon={faCircle} className="icon-checked"/>

View File

@ -1,10 +1,9 @@
import React from 'react'; import React from 'react';
import {Col} from 'react-bootstrap'; import {Col, Button} from 'react-bootstrap';
import '../../styles/Collapse.scss'; import '../../styles/Collapse.scss';
import '../../styles/report/AttackReport.scss'; import '../../styles/report/AttackReport.scss';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faCircle as faCircle } from '@fortawesome/free-solid-svg-icons'; import { faCircle } from '@fortawesome/free-solid-svg-icons';
import { faCircle as faCircleThin } from '@fortawesome/free-regular-svg-icons';
import ReportHeader, {ReportTypes} from './common/ReportHeader'; import ReportHeader, {ReportTypes} from './common/ReportHeader';
import {ScanStatus} from '../attack/techniques/Helpers'; import {ScanStatus} from '../attack/techniques/Helpers';
@ -109,19 +108,15 @@ class AttackReport extends React.Component {
renderLegend() { renderLegend() {
return (<div id="header" className="row justify-content-between attack-legend"> return (<div id="header" className="row justify-content-between attack-legend">
<Col xs={3}> <Col xs={4}>
<FontAwesomeIcon icon={faCircleThin} className="icon-unchecked"/>
<span> - Dissabled</span>
</Col>
<Col xs={3}>
<FontAwesomeIcon icon={faCircle} className="icon-default"/> <FontAwesomeIcon icon={faCircle} className="icon-default"/>
<span> - Unscanned</span> <span> - Not scanned</span>
</Col> </Col>
<Col xs={3}> <Col xs={4}>
<FontAwesomeIcon icon={faCircle} className="icon-info"/> <FontAwesomeIcon icon={faCircle} className="icon-info"/>
<span> - Scanned</span> <span> - Scanned</span>
</Col> </Col>
<Col xs={3}> <Col xs={4}>
<FontAwesomeIcon icon={faCircle} className="icon-danger"/> <FontAwesomeIcon icon={faCircle} className="icon-danger"/>
<span> - Used</span> <span> - Used</span>
</Col> </Col>
@ -134,7 +129,9 @@ class AttackReport extends React.Component {
<ReportHeader report_type={ReportTypes.attack}/> <ReportHeader report_type={ReportTypes.attack}/>
<hr/> <hr/>
<p> <p>
This report shows information about ATT&CK techniques used by Infection Monkey. This report shows information about
<Button bsStyle={"link"} href={"https://attack.mitre.org/"} bsSize={"lg"} className={"attack-link"}>ATT&CK </Button>
techniques used by Infection Monkey.
</p> </p>
{this.renderLegend()} {this.renderLegend()}
<Matrix techniques={this.state.techniques} schema={this.state.schema} onClick={this.onTechniqueSelect}/> <Matrix techniques={this.state.techniques} schema={this.state.schema} onClick={this.onTechniqueSelect}/>

View File

@ -41,3 +41,6 @@
word-wrap: break-word; word-wrap: break-word;
} }
.attack-link{
padding: 6px 10px !important;
}