diff --git a/monkey_island/cc/ui/src/components/preview-pane/PreviewPane.js b/monkey_island/cc/ui/src/components/preview-pane/PreviewPane.js index 6e4178067..62cd25d34 100644 --- a/monkey_island/cc/ui/src/components/preview-pane/PreviewPane.js +++ b/monkey_island/cc/ui/src/components/preview-pane/PreviewPane.js @@ -1,9 +1,18 @@ import React from 'react'; import {Icon} from 'react-fa'; import Toggle from 'react-toggle'; +import {OverlayTrigger, Tooltip} from 'react-bootstrap'; class PreviewPaneComponent extends React.Component { + generateToolTip(text) { + return ( + {text}}> + + + ); + } + osRow(asset) { return ( @@ -34,7 +43,10 @@ class PreviewPaneComponent extends React.Component { accessibleRow(asset) { return ( - Accessible From + + Accessible From  + {this.generateToolTip('List of machine which can access this one using a network protocol')} + {asset.accessible_from_nodes.map(val =>
{val}
)} ); @@ -63,10 +75,14 @@ class PreviewPaneComponent extends React.Component { forceKillRow(asset) { return ( - Force Kill + + Force Kill  + {this.generateToolTip('If this is on, monkey will die next time it communicates')} + this.forceKill(e, asset)} /> + onChange={(e) => this.forceKill(e, asset)} /> + ); @@ -79,7 +95,10 @@ class PreviewPaneComponent extends React.Component { return (
-

Timeline

+

+ Exploit Timeline  + {this.generateToolTip('Timeline of exploit attempts. Red is successful. Gray is unsuccessful')} +

    { asset.exploits.map(exploit =>