Skip to content

Commit

Permalink
Fixed issue #540 (#548)
Browse files Browse the repository at this point in the history 
* Added toggle for sast

* Added toggle button for sast report
  • Loading branch information
@asa1997
asa1997 authored Jan 16, 2024
1 parent 4d55143 commit c1c798a
Show file tree
Hide file tree
Showing 4 changed files with 859 additions and 415 deletions.
288 changes: 288 additions & 0 deletions src/pages/BesVersionHistory/AssessmentReport/FetchSastReport.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,288 @@
import * as React from "react";
import { Grid, Typography } from "@mui/material";
import MKTypography from "../../../components/MKTypography";

const FetchSAST = ({ cqData, sqData }: any): any => {

let critical: number = 0;
let high: number = 0;
let medium: number = 0;
let low: number = 0;
let sqissueslen: number = 0;
// debugger
if (sqData && Object.values(sqData).length !== 0) {
sqissueslen = sqData.length;
}

if (cqData.length !== 0 &&
sqissueslen === 0) {

cqData.forEach((vul) => {
if (vul.rule.security_severity_level === "critical") {
critical++;
} else if (vul.rule.security_severity_level === "high") {
high++;
} else if (vul.rule.security_severity_level === "medium") {
medium++;
} else if (vul.rule.security_severity_level === "high") {
low++;
}
});

return (<>
<Grid container spacing={1} pt={2}>
<Grid item xs={6} md={6} lg={6}>
<MKTypography variant="body1"
key={`MKTypoSASTCQSQ7`}
color="inherit"
style={{
fontSize: "14px", display: "flex",
justifyContent: "center"
}}>
<b key="BOLDCQ1">Critical : </b>{critical}
</MKTypography>
</Grid>
<Grid item xs={6} md={6} lg={6}>

<MKTypography variant="body1"
key={`MKTypoSASTCQSQ7`}
color="inherit"
style={{
fontSize: "14px", display: "flex",
justifyContent: "center"
}}>
<b key="BOLDCQ2">High : </b>{high}
</MKTypography>
</Grid>

<Grid item xs={6} md={6} lg={6}>

<MKTypography variant="body1"
key={`MKTypoSASTCQSQ7`}
color="inherit"
style={{
fontSize: "14px", display: "flex",
justifyContent: "center"
}}>
<b key="BOLDCQ3">Medium : </b>{medium}
</MKTypography>
</Grid>
<Grid item xs={6} md={6} lg={6}>

<MKTypography variant="body1"
key={`MKTypoSASTCQSQ7`}
color="inherit"
style={{
fontSize: "14px", display: "flex",
justifyContent: "center"
}}>
<b key="BOLDCQ4"> Low : </b> {low}
</MKTypography>
</Grid>
</Grid>

</>
);
} else if (JSON.stringify(Object.values(cqData).length) === "0" &&
sqissueslen !== 0) {
let sqblocker: number = 0;
let sqcritical: number = 0;
let sqmajor: number = 0;
let sqminor: number = 0;
let sqissues: any = "0";
sqissues = Object.values(sqData)[5]

sqData?.forEach((vul) => {
if (vul.severity === "BLOCKER") {
sqblocker++;
} else if (vul.severity === "CRITICAL") {
sqcritical++;
} else if (vul.severity === "MAJOR") {
sqmajor++;
} else if (vul.severity === "MINOR") {
sqminor++;
}
});

return (<>
<Grid key={`GRIDSASTSQ1`}
style={{
minWidth: "calc(10rem + 5vw)",
marginTop: "1.1rem",
marginLeft: "1.5rem"
}}>
<Grid key={`GRIDSASTSQ2`}
container>
<Grid item
key={`GRIDSASTSQ3`}
xs={6}>
<MKTypography variant="body1"
color="inherit"
key={`MKTypoSASTSQ1`}
style={{
fontSize: "calc(0.6rem + 0.5vw)",
paddingLeft: "calc(0.1rem + 0.3vw)"
}}>
<b key="BOLDSQ1"> Critical : </b> {sqblocker}
</MKTypography>
</Grid>
<Grid item
key={`GRIDSASTSQ4`}
xs={6}>
<MKTypography variant="body1"
key={`MKTypoSASTSQ2`}
color="inherit"
style={{
fontSize: "calc(0.6rem + 0.5vw)",
paddingLeft: "calc(0.1rem + 0.3vw)"
}}>
<b key="BOLDSQ2"> High : </b> {sqcritical}
</MKTypography>
</Grid>
</Grid>
<Grid key={`GRIDSASTSQ5}`}
container>
<Grid item
key={`GRIDSASTSQ6`}
xs={6}>
<MKTypography variant="body1"
key={`MKTypoSASTSQ3`}
color="inherit"
style={{
fontSize: "calc(0.6rem + 0.5vw)",
paddingLeft: "calc(0.1rem + 0.3vw)"
}}>
<b key="BOLDSQ3">Medium : </b> {sqmajor}
</MKTypography>
</Grid>
<Grid item
key={`GRIDSASTSQ7`}
xs={6}>
<MKTypography variant="body1"
key={`MKTypoSASTSQ4`}
color="inherit"
style={{
fontSize: "calc(0.6rem + 0.5vw)",
paddingLeft: "calc(0.1rem + 0.3vw)"
}}>
<b key="BOLDSQ4">Low : </b>{sqminor}
</MKTypography>
</Grid>
</Grid>
</Grid>
</>
);
} else if (JSON.stringify(Object.values(cqData).length) !== "0" &&
sqissueslen !== 0) {
let cqcritical: number = 0;
let cqhigh: number = 0;
let cqmedium: number = 0;
let cqlow: number = 0;

let sqblocker: number = 0;
let sqcritical: number = 0;
let sqmajor: number = 0;
let sqminor: number = 0;

cqData?.forEach((vul) => {
if (vul.rule.security_severity_level === "critical") {
cqcritical++;
} else if (vul.rule.security_severity_level === "high") {
cqhigh++;
} else if (vul.rule.security_severity_level === "medium") {
cqmedium++;
} else if (vul.rule.security_severity_level === "low") {
cqlow++;
}
});
if (Array.isArray(sqData)) {
sqData?.forEach((vul) => {
if (vul.severity === "BLOCKER") {
sqblocker++;
} else if (vul.severity === "CRITICAL") {
sqcritical++;
} else if (vul.severity === "MAJOR") {
sqmajor++;
} else if (vul.severity === "MINOR") {
sqminor++;
}
});
}
else {
console.log("error")
}

return (<>
<Grid container spacing={1} pt={2}>
<Grid item xs={6} md={6} lg={6}>

<MKTypography variant="body1"
key={`MKTypoSASTCQSQ5`}
color="inherit"
style={{
fontSize: "14px",
display: "flex",
justifyContent: "center"
}}>
<b key="BOLDCQSQ5">Critical </b> : {sqblocker}
</MKTypography>
</Grid>
<Grid item xs={6} md={6} lg={6}>

<MKTypography variant="body1"
key={`MKTypoSASRCQSQ6`}
color="inherit"
style={{
fontSize: "14px", display: "flex",
justifyContent: "center"
}}>
<b key="BOLDCQSQ6">High</b> : {sqcritical}
</MKTypography>
</Grid>
<Grid item xs={6} md={6} lg={6}>

<MKTypography variant="body1"
key={`MKTypoSASTCQSQ7`}
color="inherit"
style={{
fontSize: "14px", display: "flex",
justifyContent: "center"
}}>
<b key="BOLDCQSQ7">Medium</b> : {sqmajor}
</MKTypography>
</Grid>
<Grid item xs={6} md={6} lg={6}>

<MKTypography variant="body1"
key={`MKTypoSASTCQSQ8`}
color="inherit"
style={{
fontSize: "14px", display: "flex",
justifyContent: "center"
}}>
<b key="BOLDCQSQ8">Low</b>: {sqminor}
</MKTypography>
</Grid>
</Grid>

</>
);
} else {
return (
<>
<Typography variant="body1"
key={`MKTypoLBlankCQSQ1`}
color="inherit"
style={{
fontSize: "calc(0.3rem + 0.5vw)",
display: "flex",
justifyContent: "center"
}}>
No SAST issues data Available
</Typography>
</>
);
}
};

export default FetchSAST
100 changes: 100 additions & 0 deletions src/pages/BesVersionHistory/AssessmentReport/SastToggleButton.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,100 @@
import * as React from 'react';
import ToggleButton from '@mui/material/ToggleButton';
import ToggleButtonGroup from '@mui/material/ToggleButtonGroup';
import Typography from '@mui/material/Typography';
import { Link } from "react-router-dom";
import MKBox from '../../../components/MKBox';
import FetchSAST from "./FetchSastReport"
function switchSast(newSast, myObjectCodeql, myObjectSonar, codeQlData, sonarqubeData) {
switch (newSast) {
case "codeql":
return (<>
{/* Codeql score */}
<Typography variant="h6"
key="SASCQTMAINHEADING"
color="inherit"
style={{
fontSize: "13px",
display: "flex",
justifyContent: "center",
}}>
<Link to={myObjectCodeql}
key={`LinkSC1`}
style={{
fontSize: "13px",
display: "flex",
justifyContent: "center"
}}>
CodeQL: {codeQlData.length}
</Link>
</Typography>
<MKBox key="MKBOXSASTCQMAINBODY">
<FetchSAST
cqData={codeQlData}
// sqData={sonarqubeData}
/>
</MKBox>
</>
);
case "sonarqube":
let issues: any = Object.values(sonarqubeData)[5];
return (<>
<Typography variant="h6"
key="SASSQTMAINHEADING"
color="inherit"
style={{
fontSize: "13px",
display: "flex",
justifyContent: "center"
}}>
<Link to={myObjectSonar}
key={`LinkSC1`}
style={{
fontSize: "13px",
display: "flex",
justifyContent: "center"
}}>
Sonarqube: {sonarqubeData.total}
</Link>
</Typography>
<MKBox key="MKBOXSASTSQMAINBODY">
<FetchSAST
cqData={codeQlData}
sqData={issues}
/>
</MKBox>
</>
);
default:
break;
}
}

export default function SastToggleButton({ myObjectCodeql, myObjectSonar, codeQlData, sonarqubeData }) {
const [sastReport, setSastReport] : any = React.useState('codeql');

const handleChange = (
event: React.MouseEvent<HTMLElement>,
sast: string,
) => {
setSastReport(sast);
};

return (
<>
{switchSast(sastReport, myObjectCodeql, myObjectSonar, codeQlData, sonarqubeData)}
<ToggleButtonGroup
color="standard"
value={sastReport}
exclusive
onChange={handleChange}
aria-label="Platform"
size='medium'
style={{ display: "flex", position: "relative", bottom: "-50px", left: "22%" }}
>
<ToggleButton disabled={ sastReport === "codeql" } value="codeql">CodeQL</ToggleButton>
<ToggleButton disabled={ sastReport === "sonarqube" } value="sonarqube">Sonarqube</ToggleButton>
</ToggleButtonGroup>
</>
);
}
Loading

0 comments on commit c1c798a

Please sign in to comment.