From eff03f18bd46bf26bb3f3f1681d47468fed814a5 Mon Sep 17 00:00:00 2001
From: John Duprey <jwd@johnwduprey.com>
Date: Wed, 10 Jul 2024 17:09:15 -0400
Subject: [PATCH] Add Extension Sync Status page

---
 src/_nav.jsx                     |  5 ++
 src/importsMap.jsx               |  1 +
 src/routes.json                  |  6 ++
 src/views/cipp/ExtensionSync.jsx | 97 ++++++++++++++++++++++++++++++++
 4 files changed, 109 insertions(+)
 create mode 100644 src/views/cipp/ExtensionSync.jsx

diff --git a/src/_nav.jsx b/src/_nav.jsx
index 631d6eaf1169..0ab9f9db7c5b 100644
--- a/src/_nav.jsx
+++ b/src/_nav.jsx
@@ -821,6 +821,11 @@ const _nav = [
         name: 'Extensions Settings',
         to: '/cipp/extensions',
       },
+      {
+        component: CNavItem,
+        name: 'Extension Sync',
+        to: '/cipp/extension-sync',
+      },
       {
         component: CNavItem,
         name: 'User Settings',
diff --git a/src/importsMap.jsx b/src/importsMap.jsx
index 9666488abfc9..e6a8a422c777 100644
--- a/src/importsMap.jsx
+++ b/src/importsMap.jsx
@@ -137,6 +137,7 @@ import React from 'react'
   "/license": React.lazy(() => import('./views/pages/license/License')), 
   "/cipp/settings": React.lazy(() => import('./views/cipp/app-settings/CIPPSettings')), 
   "/cipp/extensions": React.lazy(() => import('./views/cipp/Extensions')), 
+  "/cipp/extension-sync": React.lazy(() => import('./views/cipp/ExtensionSync')), 
   "/cipp/setup": React.lazy(() => import('./views/cipp/Setup')), 
   "/tenant/administration/securescore": React.lazy(() => import('./views/tenant/administration/SecureScore')), 
   "/tenant/administration/gdap": React.lazy(() => import('./views/tenant/administration/GDAPWizard')), 
diff --git a/src/routes.json b/src/routes.json
index 96584165d77c..b6a54db32b03 100644
--- a/src/routes.json
+++ b/src/routes.json
@@ -938,6 +938,12 @@
     "component": "views/cipp/Extensions",
     "allowedRoles": ["admin"]
   },
+  {
+    "path": "/cipp/extension-sync",
+    "name": "Extension Sync",
+    "component": "views/cipp/ExtensionSync",
+    "allowedRoles": ["admin"]
+  },
   {
     "path": "/cipp/setup",
     "name": "Setup",
diff --git a/src/views/cipp/ExtensionSync.jsx b/src/views/cipp/ExtensionSync.jsx
new file mode 100644
index 000000000000..c9937921aa86
--- /dev/null
+++ b/src/views/cipp/ExtensionSync.jsx
@@ -0,0 +1,97 @@
+import React, { useState } from 'react'
+import { CCol, CRow } from '@coreui/react'
+import { useSelector } from 'react-redux'
+
+import { useLazyGenericGetRequestQuery, useLazyGenericPostRequestQuery } from 'src/store/api/app'
+
+import { CippPage, CippPageList } from 'src/components/layout'
+import { CellTip, cellGenericFormatter } from 'src/components/tables/CellGenericFormat'
+import 'react-datepicker/dist/react-datepicker.css'
+import { CellBadge, cellBadgeFormatter, cellDateFormatter } from 'src/components/tables'
+import { TitleButton } from 'src/components/buttons'
+
+const ExtensionSync = () => {
+  const [ExecuteGetRequest, getResults] = useLazyGenericGetRequestQuery()
+  const tenantDomain = useSelector((state) => state.app.currentTenant.defaultDomainName)
+  const [refreshState, setRefreshState] = useState(false)
+  const [genericPostRequest, postResults] = useLazyGenericPostRequestQuery()
+
+  const columns = [
+    {
+      name: 'Tenant',
+      selector: (row) => row['Tenant'],
+      sortable: true,
+      cell: cellGenericFormatter(),
+      exportSelector: 'Tenants',
+    },
+    {
+      name: 'Sync Type',
+      selector: (row) => row['SyncType'],
+      sortable: true,
+      cell: cellBadgeFormatter({ color: 'info' }),
+      exportSelector: 'SyncType',
+    },
+    {
+      name: 'Task',
+      selector: (row) => row['Name'],
+      sortable: true,
+      cell: cellGenericFormatter(),
+      exportSelector: 'Name',
+    },
+    {
+      name: 'Scheduled Time',
+      selector: (row) => row['ScheduledTime'],
+      sortable: true,
+      cell: cellDateFormatter({ format: 'short' }),
+      exportSelector: 'ScheduledTime',
+    },
+    {
+      name: 'Last Run',
+      selector: (row) => row['ExecutedTime'],
+      sortable: true,
+      cell: cellDateFormatter({ format: 'short' }),
+      exportSelector: 'ExecutedTime',
+    },
+    {
+      name: 'Repeats every',
+      selector: (row) => row['RepeatsEvery'],
+      sortable: true,
+      cell: (row) => CellTip(row['RepeatsEvery']),
+      exportSelector: 'RepeatsEvery',
+    },
+    {
+      name: 'Results',
+      selector: (row) => row['Results'],
+      sortable: true,
+      cell: cellGenericFormatter(),
+      exportSelector: 'Results',
+    },
+  ]
+
+  return (
+    <CippPage title={`Extension Sync`} tenantSelector={false}>
+      <>
+        <CRow>
+          <CCol>
+            <CippPageList
+              key={refreshState}
+              capabilities={{
+                allTenants: true,
+                helpContext: 'https://google.com',
+              }}
+              title="Extension Sync"
+              tenantSelector={false}
+              datatable={{
+                columns,
+                reportName: `Extension Sync Report`,
+                path: `/api/ListExtensionSync`,
+              }}
+            />
+          </CCol>
+        </CRow>
+      </>
+    </CippPage>
+  )
+}
+
+export default ExtensionSync