Merge pull request KelvinTegelaar#4325 from kris6673/feat-ap-deployments

Feat: Add Autopilot Deployments report

Author: JohnDuprey

src/layouts/config.js

@@ -264,6 +264,7 @@ export const nativeMenuItems = [
         items: [
           { title: "Analytics Device Score", path: "/endpoint/reports/analyticsdevicescore" },
           { title: "Work from anywhere", path: "/endpoint/reports/workfromanywhere" },
+          { title: "Autopilot Deployments", path: "/endpoint/reports/autopilot-deployment" },
         ],
       },
     ],

src/pages/endpoint/reports/autopilot-deployment/index.js

@@ -0,0 +1,112 @@
+import { EyeIcon, DocumentTextIcon } from "@heroicons/react/24/outline";
+import { Layout as DashboardLayout } from "/src/layouts/index.js";
+import { CippTablePage } from "/src/components/CippComponents/CippTablePage.jsx";
+import { useSettings } from "/src/hooks/use-settings";
+import { CheckCircle, Error, Warning, Refresh } from "@mui/icons-material";
+
+const Page = () => {
+  const pageTitle = "Autopilot Deployments";
+  const tenantFilter = useSettings().currentTenant;
+
+  // Actions for viewing device in Intune and deployment details
+  const actions = [
+    {
+      label: "View Device in Intune",
+      link: `https://intune.microsoft.com/${tenantFilter}/#view/Microsoft_Intune_Devices/DeviceSettingsMenuBlade/~/overview/mdmDeviceId/[deviceId]`,
+      color: "info",
+      icon: <EyeIcon />,
+      target: "_blank",
+      multiPost: false,
+      external: true,
+    },
+    {
+      label: "View Deployment Details",
+      link: `https://intune.microsoft.com/${tenantFilter}/#view/Microsoft_Intune_DeviceSettings/DeploymentOverviewMenuBlade/~/autopilotDeployment/deploymentProfileId/[windowsAutopilotDeploymentProfileDisplayName]`,
+      color: "info",
+      icon: <DocumentTextIcon />,
+      target: "_blank",
+      multiPost: false,
+      external: true,
+    },
+  ];
+
+  // Extended info fields for the off-canvas panel
+  const offCanvas = {
+    extendedInfoFields: [
+      "id",
+      "deviceId",
+      "userId",
+      "eventDateTime",
+      "deviceRegisteredDateTime",
+      "enrollmentStartDateTime",
+      "enrollmentType",
+      "deviceSerialNumber",
+      "managedDeviceName",
+      "userPrincipalName",
+      "windowsAutopilotDeploymentProfileDisplayName",
+      "enrollmentState",
+      "windows10EnrollmentCompletionPageConfigurationDisplayName",
+      "deploymentState",
+      "deviceSetupStatus",
+      "accountSetupStatus",
+      "osVersion",
+      "deploymentDuration",
+      "deploymentTotalDuration",
+      "deviceSetupDuration",
+      "accountSetupDuration",
+      "deploymentStartDateTime",
+      "deploymentEndDateTime",
+      "enrollmentFailureDetails",
+    ],
+    actions: actions,
+  };
+
+  // Columns to be displayed in the table (most important first)
+  const simpleColumns = [
+    "managedDeviceName",
+    "eventDateTime",
+    "deviceSerialNumber",
+    "userPrincipalName",
+    "deploymentState",
+    "enrollmentState",
+    "enrollmentType",
+    "deploymentTotalDuration",
+    "windowsAutopilotDeploymentProfileDisplayName",
+    "enrollmentFailureDetails",
+  ];
+
+  // Predefined filters for common deployment scenarios
+  const filterList = [
+    {
+      filterName: "Failed Deployments",
+      value: [{ id: "deploymentState", value: "failed" }],
+      type: "column",
+    },
+    {
+      filterName: "Successful Deployments",
+      value: [{ id: "deploymentState", value: "success" }],
+      type: "column",
+    },
+  ];
+
+  return (
+    <CippTablePage
+      title={pageTitle}
+      apiUrl="/api/ListGraphRequest"
+      apiData={{
+        endpoint: "deviceManagement/autopilotEvents",
+        $orderBy: "enrollmentStartDateTime desc",
+        $top: 999,
+      }}
+      apiDataKey="Results"
+      actions={actions}
+      offCanvas={offCanvas}
+      simpleColumns={simpleColumns}
+      filters={filterList}
+    />
+  );
+};
+
+Page.getLayout = (page) => <DashboardLayout>{page}</DashboardLayout>;
+
+export default Page; 

src/utils/get-cipp-formatting.js

@@ -645,7 +645,17 @@ export const getCippFormatting = (data, cellName, type, canReceive, flatten = tr
     );
   }
 
-  const durationArray = ["autoExtendDuration"];
+  // ISO 8601 Duration Formatting
+  // Add property names here to automatically format ISO 8601 duration strings (e.g., "PT1H23M30S")
+  // into human-readable format (e.g., "1 hour 23 minutes 30 seconds") across all CIPP tables.
+  // This works for any API response property that contains ISO 8601 duration format.
+  const durationArray = [
+    "autoExtendDuration",        // GDAP page (/tenant/gdap-management/relationships)
+    "deploymentDuration",        // AutoPilot deployments (/endpoint/reports/autopilot-deployment)
+    "deploymentTotalDuration",   // AutoPilot deployments (/endpoint/reports/autopilot-deployment)
+    "deviceSetupDuration",       // AutoPilot deployments (/endpoint/reports/autopilot-deployment)
+    "accountSetupDuration"       // AutoPilot deployments (/endpoint/reports/autopilot-deployment)
+  ];
   if (durationArray.includes(cellName)) {
     isoDuration.setLocales(
       {