p17860254
/
monkey
forked from p15670423/monkey
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Minor list style improvements

This commit is contained in:
VakarisZ 2019-12-03 13:45:34 +02:00
parent a52c47f5a5
commit f6d50cde75
1 changed files with 13 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
monkey/monkey_island/cc/ui/src/components/report-components/attack/TechniqueDropdowns.js
View File

@ -80,7 +80,7 @@ class TechniqueDropdowns extends React.Component{
continue;
}
let tech_type = this.state.schema.properties[type_key];
content.push(<h2>{tech_type.title}</h2>);
content.push(<h3>{tech_type.title}</h3>);
for(const tech_id in this.state.techniques){
if (! this.state.techniques.hasOwnProperty(tech_id)){
continue;
@ -104,17 +104,18 @@ class TechniqueDropdowns extends React.Component{
}
return (
<div className='attack-technique-list-component'>
List of all techniques
<Button bsStyle='link'
bsSize='large'
onClick={() => this.toggleTechList()}
className={classNames({'toggle-btn': true,
'toggled-off' : this.state.techniquesHidden,
'toggled-on': !this.state.techniquesHidden})}>
<FontAwesomeIcon icon={faToggleOn} className={'switch-on'} size={"2x"}/>
<FontAwesomeIcon icon={faToggleOn} className={'switch-off'} size={"2x"}/>
</Button>
<h3>
List of all techniques
<Button bsStyle='link'
bsSize='large'
onClick={() => this.toggleTechList()}
className={classNames({'toggle-btn': true,
'toggled-off' : this.state.techniquesHidden,
'toggled-on': !this.state.techniquesHidden})}>
<FontAwesomeIcon icon={faToggleOn} className={'switch-on'} size={"2x"}/>
<FontAwesomeIcon icon={faToggleOn} className={'switch-off'} size={"2x"}/>
</Button>
</h3>
<section className={`dropdown-list ${listClass}`}>{content}</section>
</div>);
}