Merge pull request #2654 from JohnDuprey/dev

Add Extension Sync Status page

Author: JohnDuprey

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',

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')), 

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",

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