feat: add lt charts to status report

TallerWebSolutions · Dec 9, 2024 · 01e5dda · 01e5dda
1 parent 2baaae2
commit 01e5dda
Show file tree

Hide file tree

Showing 2 changed files with 44 additions and 13 deletions.
diff --git a/app/spa/src/components/Projects/ProjectDemandsCharts.tsx b/app/spa/src/components/Projects/ProjectDemandsCharts.tsx
@@ -293,7 +293,7 @@ const ProjectDemandsCharts = ({
     : []
 
   return (
-    <Grid container spacing={2} rowSpacing={8} sx={{ marginTop: 4 }}>
+    <Grid container spacing={2} rowSpacing={8}>
       <ChartGridItem
         title={t(
           "chartsTab.projectCharts.operational_math_risk_evolution_chart"

diff --git a/app/spa/src/pages/Projects/StatusReport.tsx b/app/spa/src/pages/Projects/StatusReport.tsx
@@ -1,14 +1,16 @@
 import { gql, useQuery } from "@apollo/client"
-import { Box } from "@mui/material"
+import { Box, Grid } from "@mui/material"
 import { useParams } from "react-router-dom"
 import {
-  ProjectPage,
   PROJECT_STANDARD_FRAGMENT,
+  ProjectPage,
 } from "../../components/Projects/ProjectPage"
 import { Project } from "../../modules/project/project.types"
 import ActiveContractsHoursTicket from "../../modules/contracts/ActiveContractsHoursTicket"
 import ProjectBurnup from "./Charts/ProjectBurnup"
 import ProjectHoursBurnup from "./Charts/ProjectHoursBurnup"
+import ProjectLeadTime from "./Charts/ProjectLeadTime"
+import ProjectLeadTimeControlChart from "./Charts/ProjectLeadTimeControlChart"
 
 export const QUERY = gql`
   query ProjectStatusReport($id: ID!) {
@@ -31,6 +33,37 @@ export const QUERY = gql`
         idealBurn
         currentBurn
       }
+
+      demandsFinishedWithLeadtime {
+        id
+        leadtime
+        externalId
+      }
+      lastProjectConsolidationsWeekly {
+        leadTimeP65
+        leadTimeP80
+        leadTimeP95
+      }
+      projectConsolidationsWeekly {
+        leadTimeP80
+        projectQuality
+        consolidationDate
+        operationalRisk
+        codeNeededBlocksCount
+        codeNeededBlocksPerDemand
+        flowEfficiency
+        hoursPerDemand
+        projectThroughput
+        projectThroughputHours
+        projectThroughputHoursAdditional
+        bugsOpened
+        bugsClosed
+        projectThroughputHoursManagement
+        projectThroughputHoursDevelopment
+        projectThroughputHoursDesign
+        projectThroughputHoursUpstream
+        projectThroughputHoursDownstream
+      }
     }
   }
   ${PROJECT_STANDARD_FRAGMENT}
@@ -56,18 +89,16 @@ const StatusReport = () => {
     <ProjectPage pageName={"Status Report"} loading={loading}>
       <>
         {project && (
-          <Box sx={{ padding: 4, gap: 4 }}>
-            <Box sx={{ width: "50%" }}>
+          <Box sx={{ padding: 4 }}>
+            <Box sx={{ width: "50%", marginBottom: 6 }}>
               <ActiveContractsHoursTicket project={project} />
             </Box>
-            <Box sx={{ display: "flex" }}>
-              <Box sx={{ width: "50%" }}>
-                <ProjectBurnup project={project} />
-              </Box>
-              <Box sx={{ width: "50%" }}>
-                <ProjectHoursBurnup project={project} />
-              </Box>
-            </Box>
+            <Grid container spacing={2} rowSpacing={8}>
+              <ProjectBurnup project={project} />
+              <ProjectHoursBurnup project={project} />
+              <ProjectLeadTime project={project} />
+              <ProjectLeadTimeControlChart project={project} />
+            </Grid>
           </Box>
         )}
       </>