Merge pull request #770 from KelvinTegelaar/dev

Pushing dev to release

Author: KelvinTegelaar

README.md

@@ -51,7 +51,7 @@ This project is **FREE** but we do have a **Sponsorware** component. The sponsor
 - The project will be hosted for you.
 - The hosted version will always be the latest release and automatically updated.
 - You'll also receive a staging environment with the latest (nightly/beta) build, to see new features before anyone else.
-- You will receive priority on support issues reported on Github.
+- You will receive priority on support issues reported on GitHub.
 - You will be able to make 1 priortized feature request per month.
 
 Sponsorship allows me to sink some more time into this project and keep it free, so please consider it. :)

package-lock.json

@@ -1 +1 @@
-2.1.2
+2.2.0

public/version_latest.txt

@@ -80,6 +80,11 @@ const _nav = [
         name: 'Basic Auth Report',
         to: '/identity/reports/basic-auth-report',
       },
+      {
+        component: CNavItem,
+        name: 'AAD Connect Report',
+        to: '/identity/reports/azure-ad-connect-report',
+      },
     ],
   },
   {
@@ -95,9 +100,14 @@ const _nav = [
     items: [
       {
         component: CNavItem,
-        name: 'Tenants',
+        name: 'List Tenants',
         to: '/tenant/administration/tenants',
       },
+      {
+        component: CNavItem,
+        name: 'List Licences',
+        to: '/tenant/administration/list-licenses',
+      },
       {
         component: CNavItem,
         name: 'Conditional Access Policies',
@@ -167,6 +177,11 @@ const _nav = [
         name: 'List Alerts',
         to: '/security/reports/list-alerts',
       },
+      {
+        component: CNavItem,
+        name: 'Device Compliance',
+        to: '/security/reports/list-device-compliance',
+      },
     ],
   },
   {

src/_nav.js

@@ -0,0 +1,51 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+import { CListGroup, CListGroupItem } from '@coreui/react'
+import { CippOffcanvas } from '.'
+
+export default function CippListOffcanvas(props) {
+  return (
+    <CippOffcanvas
+      placement={props.placement}
+      title={props.title}
+      visible={props.visible}
+      id={props.id}
+      hideFunction={props.hideFunction}
+    >
+      {props.groups.map((group, key) => (
+        <OffcanvasListSection title={group.title} items={group.items} key={key} />
+      ))}
+    </CippOffcanvas>
+  )
+}
+
+CippListOffcanvas.propTypes = {
+  groups: PropTypes.array,
+  placement: PropTypes.string.isRequired,
+  title: PropTypes.string.isRequired,
+  visible: PropTypes.bool,
+  id: PropTypes.string.isRequired,
+  hideFunction: PropTypes.func.isRequired,
+}
+
+export function OffcanvasListSection({ title, items }) {
+  return (
+    <>
+      <h4 className="mt-4">{title}</h4>
+      {items.length > 0 && (
+        <CListGroup className="my-3">
+          {items.map((item, key) => (
+            <CListGroupItem className="d-flex justify-content-between align-items-center" key={key}>
+              {item.heading && <h6 className="w-50 mb-0">{item.heading}</h6>}
+              {item.content}
+            </CListGroupItem>
+          ))}
+        </CListGroup>
+      )}
+    </>
+  )
+}
+OffcanvasListSection.propTypes = {
+  title: PropTypes.string,
+  items: PropTypes.array,
+}

src/components/utilities/CippListOffcanvas.js

@@ -4,6 +4,8 @@ import { useDispatch, useSelector } from 'react-redux'
 import PropTypes from 'prop-types'
 import { useListTenantsQuery } from 'src/store/api/tenants'
 import { setCurrentTenant } from 'src/store/features/app'
+import { CippContentCard } from 'src/components/layout'
+import { faCity, faBuilding } from '@fortawesome/free-solid-svg-icons'
 
 const TenantSelector = ({ action, showAllTenantSelector = false }) => {
   const dispatch = useDispatch()
@@ -29,18 +31,24 @@ const TenantSelector = ({ action, showAllTenantSelector = false }) => {
   }
 
   return (
-    <SelectSearch
-      search
-      onChange={activated}
-      filterOptions={fuzzySearch}
-      placeholder={placeholder}
-      disabled={isLoading}
-      value={currentTenant && currentTenant.customerId}
-      options={tenants.map(({ customerId, displayName, defaultDomainName }) => ({
-        value: customerId,
-        name: [displayName] + [` (${defaultDomainName})`],
-      }))}
-    />
+    <CippContentCard
+      title={showAllTenantSelector ? 'Select a Tenant or All Tenants' : 'Select a Tenant'}
+      icon={showAllTenantSelector ? faCity : faBuilding}
+      className="tenant-selector"
+    >
+      <SelectSearch
+        search
+        onChange={activated}
+        filterOptions={fuzzySearch}
+        placeholder={placeholder}
+        disabled={isLoading}
+        value={currentTenant && currentTenant.customerId}
+        options={tenants.map(({ customerId, displayName, defaultDomainName }) => ({
+          value: customerId,
+          name: [displayName] + [` (${defaultDomainName})`],
+        }))}
+      />
+    </CippContentCard>
   )
 }
 

src/components/utilities/TenantSelector.js

@@ -39,7 +39,7 @@ const Toast = ({ message, title, onClose, error }) => {
       <CToastBody>
         <div className="d-flex justify-content-between align-items-center text-danger">
           <strong>{message}</strong>
-          <CButton size="sm" variant="outline" color="light" onClick={() => setVisible(!visible)}>
+          <CButton size="sm" variant="outline" color="primary" onClick={() => setVisible(!visible)}>
             Details
             <FontAwesomeIcon
               className="ms-1"

src/components/utilities/Toasts.js

@@ -26,8 +26,15 @@ const EditTenant = React.lazy(() => import('src/views/tenant/administration/Edit
 const ConditionalAccess = React.lazy(() =>
   import('src/views/tenant/administration/ConditionalAccess'),
 )
+const ListLicences = React.lazy(() => import('src/views/tenant/administration/ListLicences'))
 
 const BasicAuthReport = React.lazy(() => import('src/views/identity/reports/BasicAuthReport'))
+const AzureADConnectReport = React.lazy(() =>
+  import('src/views/identity/reports/AzureADConnectReport'),
+)
+const DeviceComplianceReport = React.lazy(() =>
+  import('src/views/security/reports/ListDeviceComplianceReport'),
+)
 const BestPracticeAnalyzer = React.lazy(() =>
   import('src/views/tenant/standards/BestPracticeAnalyser'),
 )
@@ -39,7 +46,6 @@ const ListAppliedStandards = React.lazy(() =>
   import('src/views/tenant/standards/ListAppliedStandards'),
 )
 const IndividualDomain = React.lazy(() => import('src/views/tenant/standards/IndividualDomain'))
-const ApplyStandard = React.lazy(() => import('src/views/tenant/standards/ApplyStandard'))
 const ListAlerts = React.lazy(() => import('src/views/security/reports/ListAlerts'))
 const ApplicationsList = React.lazy(() =>
   import('src/views/endpoint/applications/ApplicationsList'),
@@ -148,6 +154,11 @@ const routes = [
     name: 'Basic Auth Report',
     component: BasicAuthReport,
   },
+  {
+    path: '/identity/reports/azure-ad-connect-report',
+    name: 'AAD Connect Report',
+    component: AzureADConnectReport,
+  },
   { path: '/tenant', name: 'Tenant' },
   { path: '/tenant/administration', name: 'Administration' },
   { path: '/tenant/administration/tenants', name: 'Tenants', component: Tenants },
@@ -161,13 +172,17 @@ const routes = [
     name: 'Conditional Access',
     component: ConditionalAccess,
   },
+  {
+    path: '/tenant/administration/list-licenses',
+    name: 'List Licenses',
+    component: ListLicences,
+  },
   { path: '/tenant/standards', name: 'Standards' },
   {
     path: '/tenant/standards/list-applied-standards',
     name: 'List Applied Standards',
     component: ListAppliedStandards,
   },
-  { path: '/tenant/standards/apply-standard', name: 'Apply Standard', component: ApplyStandard },
   {
     path: '/tenant/standards/bpa-report',
     name: 'Best Practice Report',
@@ -302,6 +317,11 @@ const routes = [
     path: '/security/reports/list-alerts',
     component: SecurityComplianceAlerts,
   },
+  {
+    name: 'List Device Compliance Report',
+    path: '/security/reports/list-device-compliance',
+    component: DeviceComplianceReport,
+  },
   {
     name: 'License',
     path: '/license',

src/routes.js

@@ -55,6 +55,7 @@
 
 .btn {
   border-radius: var(--cipp-border-radius);
+  white-space: nowrap;
 }
 
 .card {
@@ -344,6 +345,30 @@
   }
 }
 
+.rdt_TableRow.mbusage-warning {
+  background-color: color.adjust($cyberdrain-warning, $alpha: -0.5) !important;
+
+  .text-success {
+    color: var(--cui-body-color) !important;
+  }
+
+  .text-danger {
+    color: var(--cui-body-color) !important;
+  }
+}
+
+.rdt_TableRow.mbusage-danger {
+  background-color: color.adjust($cyberdrain-danger, $alpha: -0.5) !important;
+
+  .text-success {
+    color: var(--cui-body-color) !important;
+  }
+
+  .text-danger {
+    color: var(--cui-body-color) !important;
+  }
+}
+
 /* Footer */
 .footer {
   p {
@@ -354,3 +379,11 @@
     max-height: 2rem;
   }
 }
+
+/* Toasts */
+
+.toast-body {
+  .btn {
+    margin-left: 1rem;
+  }
+}

src/scss/_custom.scss

@@ -0,0 +1,20 @@
+import { baseApi } from 'src/store/api/baseApi'
+
+export const adconnectApi = baseApi.injectEndpoints({
+  endpoints: (builder) => ({
+    listAdConnectSettings: builder.query({
+      query: ({ tenantDomain }) => ({
+        path: '/api/ListAzureADConnectStatus',
+        params: { TenantFilter: tenantDomain, DataToReturn: 'AzureADConnectSettings' },
+      }),
+      transformResponse: (response) => {
+        if (!response) {
+          return []
+        }
+        return response
+      },
+    }),
+  }),
+})
+
+export const { useListAdConnectSettingsQuery } = adconnectApi