Initial commit - trying to improve the MITRE UI according to comments

This commit is contained in:
Shay Nehmad 2020-03-15 17:40:34 +02:00
parent bcdeadf7b6
commit c77db77a1c
4 changed files with 33 additions and 12 deletions

View File

@ -52,6 +52,15 @@ class AttackTechnique(object, metaclass=abc.ABCMeta):
""" """
pass pass
@classmethod
def technique_mitigation(cls):
"""
Gets the mitigation of a certain attack technique.
:return: Mitigation string
"""
pass
# TODO Get mitigation from ATT&CK DB https://github.com/mitre/cti/blob/master/USAGE.md
@classmethod @classmethod
def technique_status(cls): def technique_status(cls):
""" """

View File

@ -79,16 +79,16 @@ 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={4}> <Col xs={4}>
<FontAwesomeIcon icon={faCircle} className='icon-default'/> <FontAwesomeIcon icon={faCircle} className='technique-not-attempted'/>
<span> - Not scanned</span> <span> - Not attempted</span>
</Col> </Col>
<Col xs={4}> <Col xs={4}>
<FontAwesomeIcon icon={faCircle} className='icon-info'/> <FontAwesomeIcon icon={faCircle} className='technique-attempted'/>
<span> - Scanned</span> <span> - Tried (but failed)</span>
</Col> </Col>
<Col xs={4}> <Col xs={4}>
<FontAwesomeIcon icon={faCircle} className='icon-danger'/> <FontAwesomeIcon icon={faCircle} className='technique-used'/>
<span> - Used</span> <span> - Successfully used</span>
</Col> </Col>
</div>) </div>)
} }

View File

@ -1,21 +1,21 @@
// colors // colors
$light-grey: #e0ddde; $not-attempted: #e0ddde;
$light-blue: #ade3eb; $attempted: #ffe28d;
$light-red: #d9acac; $used: #ff8585;
$black: #3a3a3a; $black: #3a3a3a;
.attack-matrix .status-0 { .attack-matrix .status-0 {
background-color: $light-grey !important; background-color: $not-attempted !important;
color: $black; color: $black;
} }
.attack-matrix .status-1 { .attack-matrix .status-1 {
background-color: $light-blue !important; background-color: $attempted !important;
color: $black; color: $black;
} }
.attack-matrix .status-2 { .attack-matrix .status-2 {
background-color: $light-red !important; background-color: $used !important;
color: $black; color: $black;
} }
@ -29,3 +29,14 @@ $black: #3a3a3a;
border-bottom: 1px solid #0000000f; border-bottom: 1px solid #0000000f;
} }
.technique-not-attempted {
color: $not-attempted;
}
.technique-attempted {
color: $attempted;
}
.technique-used {
color: $used;
}

View File

@ -4,6 +4,7 @@
top: 0; top: 0;
z-index: 1000000; z-index: 1000000;
background-color: #ffffff; background-color: #ffffff;
font-size: large;
} }
.report-nav > li > a{ .report-nav > li > a{