From c8c7af947cabbe656da517189134276b94cfded9 Mon Sep 17 00:00:00 2001 From: Ernst Widerberg Date: Mon, 25 Apr 2022 09:37:15 +0200 Subject: Support investigation_needed --- src/components/ListItem.js | 7 ++++++- src/components/ListView.js | 2 +- src/components/ScanDetail.js | 19 ++++++++++++++++--- src/styles/main.css | 14 ++++++++++++++ 4 files changed, 37 insertions(+), 5 deletions(-) (limited to 'src') diff --git a/src/components/ListItem.js b/src/components/ListItem.js index b85df4e..2951c48 100644 --- a/src/components/ListItem.js +++ b/src/components/ListItem.js @@ -28,7 +28,12 @@ class ListItem extends React.Component { { + if (this.props.vulnerable) return " vulnerable"; + else if (this.props.investigation_needed) + return " investigation_needed"; + else return ""; + })() } variant="outlined" > diff --git a/src/components/ListView.js b/src/components/ListView.js index 2252f8c..f41e375 100644 --- a/src/components/ListView.js +++ b/src/components/ListView.js @@ -136,7 +136,7 @@ class ListView extends React.Component { ) .map(scan => Object.entries(scan.result) - .filter(([_, res]) => res.vulnerable) + .filter(([_, res]) => res.vulnerable || res.investigation_needed) .map(([id, res]) => ( {Object.entries(this.props.result) - // Sort by vulnerable, reliability, name + // Sort by vulnerable, investigation_needed, reliability, name .sort((a, b) => a[1].display_name > b[1].display_name ? -1 : 1 ) .sort((a, b) => a[1].reliability < b[1].reliability ? -1 : 1 ) + .sort((a, b) => + a[1].vulnerable || a[1].investigation_needed + ? -1 + : 1 + ) .sort((a, b) => (a[1].vulnerable ? -1 : 1)) .map(([id, res]) => ( @@ -122,7 +127,15 @@ function Result(props) { return (
{ + if (props.vulnerable) return " vulnerable"; + else if (props.investigation_needed) + return " investigation_needed"; + else return ""; + })() + } variant="outlined" > {props.display_name} @@ -132,7 +145,7 @@ function Result(props) { )} - {props.vulnerable && ( + {(props.vulnerable || props.investigation_needed) && ( {props.reliability} diff --git a/src/styles/main.css b/src/styles/main.css index 6bb6d5f..d30f205 100644 --- a/src/styles/main.css +++ b/src/styles/main.css @@ -92,6 +92,11 @@ a:visited { border: 3px solid #f74343; } +.scan-detail .result.investigation_needed { + background-color: #ffd078; + border: 3px solid #f5b642; +} + .scan-detail .result .MuiSvgIcon-root { vertical-align: middle; margin-left: 0.3em; @@ -102,6 +107,10 @@ a:visited { color: #f74343; } +.scan-detail .result.investigation_needed .MuiSvgIcon-root { + color: #ff8400; +} + .scan-detail .reliability { background-color: lightgrey; border: 3px solid darkgrey; @@ -158,6 +167,11 @@ a:visited { border: 3px solid #f74343; } +.list-item .result.investigation_needed { + background-color: #ffd078; + border: 3px solid #f5b642; +} + .list-item .reliability { background-color: lightgrey; border: 3px solid darkgrey; -- cgit v1.1