CEC-5182: add car update status to fleet (#466)

src/components/Contexts/FleetContext.jsx

@@ -1,7 +1,10 @@
-import React, { useContext, useState } from "react";
+import React, { useContext, useState, useEffect, useRef } from "react";
 import api from "../../services/fleetsAPI";
+import updatesApi from "../../services/updatesAPI";
 import vehiclesAPI from "../../services/vehiclesAPI";
+import { downloadPercent, installPercent } from "./CarUpdatesContext";
 import { validateCANID, validateFilter, validateVIN } from "../../utils/validationSupplier";
+import Polling from "../../utils/polling";
 
 const FleetContext = React.createContext();
 
@@ -16,6 +19,10 @@ export const FleetProvider = ({ children }) => {
   const [fleetVehicles, setFleetVehicles] = useState([]);
   const [totalFleetVehicles, setTotalFleetVehicles] = useState(0);
 
+  const [carUpdateIds, setCarUpdateIds] = useState([]);
+  const carUpdateIdsRef = useRef();
+  carUpdateIdsRef.current = carUpdateIds;
+
   const [fleetCANFilters, setFleetCANFilters] = useState([]);
   const [totalFleetCANFilters, setTotalFleetCANFilters] = useState(0);
 
@@ -115,7 +122,7 @@ export const FleetProvider = ({ children }) => {
 
       const vins = result.data.map(vehicle => vehicle.vin);
       const connectionsResult = await vehiclesAPI.getConnections({ "VINs": vins }, token)
-      if (result.error) {
+      if (connectionsResult.error) {
         setFleetVehicles([])
         throw new Error(`Get vehicles connections error. ${result.message}`);
       }
@@ -127,8 +134,12 @@ export const FleetProvider = ({ children }) => {
           connected: connectionsResult[vehicle.vin] || false,
           connectedHMI: connectionsResult[`2:${vehicle.vin}`] || false,
           trex_version: vehicle.carstate?.trex_version || "",
-        })
-      })
+          car_update_id: vehicle.carupdate?.id || "",
+          car_update_name: vehicle.carupdate?.updatemanifest?.name || "",
+          car_update_status: vehicle.carupdate?.status || "",
+          car_update_type: vehicle.carupdate?.updatemanifest?.type || "",
+        });
+      });
 
       setFleetVehicles(cars)
       if (result.total) {
@@ -140,6 +151,52 @@ export const FleetProvider = ({ children }) => {
     }
   };
 
+  const watchFleetVehicles = new Polling(async ({ token }) => {
+    const result = await updatesApi.getCarUpdateProgress(
+      carUpdateIdsRef.current.join(","),
+      token
+    );
+    let pivot = result.statuses.length - 1;
+    setFleetVehicles((fleetVehicles) => fleetVehicles.map((vehicle) => {
+      result.statuses.find((status, i) => {
+        if (vehicle.car_update_id !== status.car_update_id) {
+          return false;
+        }
+
+        switch (status.msg) {
+          case "downloading":
+            vehicle.car_update_progress = downloadPercent();
+            vehicle.car_update_status = `${status.ecu} downloading ${vehicle.car_update_progress}%`.trim();
+            break;
+          case "package_download_complete":
+            vehicle.car_update_progress = 100;
+            vehicle.car_update_status = `download complete`;
+            break;
+          case "installing":
+            vehicle.car_update_progress = installPercent();
+            vehicle.car_update_status = `${status.ecu} installing ${vehicle.car_update_progress}%`.trim();
+            break;
+          case "package_install_complete":
+            vehicle.car_update_progress = 100;
+            vehicle.car_update_status = `install complete`;
+            break;
+          default:
+            vehicle.car_update_progress = -1;
+            break;
+        }
+
+        // Move found status' to end to reduce time complexity to Ologn
+        result.statuses[i] = result.statuses[pivot];
+        result.statuses[pivot] = status;
+        pivot -= 1;
+
+        return true;
+      });
+      return vehicle;
+    }));
+    return Promise.resolve();
+  }, 2000);
+
   const addFleetVehicles = async (name, vehicles, token) => {
     try {
       setBusy(true);
@@ -254,6 +311,12 @@ export const FleetProvider = ({ children }) => {
     }
   };
 
+  useEffect(() => {
+    setCarUpdateIds(() => fleetVehicles
+      .filter((vehicle) => vehicle.car_update_status !== "installed")
+      .map((vehicle) => vehicle.car_update_id));
+  }, [fleetVehicles, setCarUpdateIds]);
+
   return (
     <FleetContext.Provider
       value={{
@@ -270,6 +333,7 @@ export const FleetProvider = ({ children }) => {
 
         fleetVehicles,
         totalFleetVehicles,
+        watchFleetVehicles,
         getFleetVehicles,
         addFleetVehicles,
         deleteFleetVehicle,