Merge pull request #430 from AdamWillford/react

Create += add all pages and amend dropdowns to reflect prod
KelvinTegelaar · Dec 13, 2021 · e3329c2 · e3329c2
2 parents d747b28 + 7954cee
commit e3329c2
Show file tree

Hide file tree

Showing 32 changed files with 453 additions and 73 deletions.
diff --git a/src/_nav.js b/src/_nav.js
@@ -132,10 +132,22 @@ const _nav = [
         name: 'Individual Domain Check',
         to: '/tenant/standards/Individual-domains',
       },
+    ],
+  },
+  {
+    component: CNavTitle,
+    name: 'Security & Compliance',
+  },
+  {
+    component: CNavGroup,
+    name: 'Reports',
+    to: '/security/reports',
+    icon: <FontAwesomeIcon icon={faChrome} className="nav-icon" />,
+    items: [
       {
         component: CNavItem,
-        name: 'Alert List (Alpha)',
-        to: '/tenant/standards/alert-list',
+        name: 'List Alerts',
+        to: '/security/reports/list-alerts',
       },
     ],
   },
@@ -236,7 +248,7 @@ const _nav = [
       {
         component: CNavItem,
         name: 'List Defender for endpoint (Alpha)',
-        to: '/endpoint/intune/list-defender',
+        to: '/endpoint/MEM/list-defender',
       },
     ],
   },
@@ -334,7 +346,7 @@ const _nav = [
       {
         component: CNavItem,
         name: 'Mailbox Client Access Settings',
-        to: '/email/reports/mailbox-client-access-settings',
+        to: '/email/reports/mailbox-cas-settings',
       },
       {
         component: CNavItem,

diff --git a/src/routes.js b/src/routes.js
@@ -4,6 +4,7 @@ const Home = React.lazy(() => import('./views/home/Home'))
 const ViewProfile = React.lazy(() => import('./views/profile/ViewProfile'))
 const Settings = React.lazy(() => import('./views/profile/Settings'))
 const Users = React.lazy(() => import('./views/identity/administration/Users'))
+const ViewBEC = React.lazy(() => import('./views/identity/administration/ViewBEC'))
 const AddUser = React.lazy(() => import('./views/identity/administration/AddUser'))
 const EditUser = React.lazy(() => import('./views/identity/administration/EditUser'))
 const ViewUser = React.lazy(() => import('./views/identity/administration/ViewUser'))
@@ -31,6 +32,7 @@ const ListAppliedStandards = React.lazy(() =>
 )
 const IndividualDomain = React.lazy(() => import('./views/tenant/standards/IndividualDomain'))
 const ApplyStandard = React.lazy(() => import('./views/tenant/standards/ApplyStandard'))
+const ListAlerts = React.lazy(() => import('./views/security/reports/ListAlerts'))
 const ApplicationsList = React.lazy(() => import('./views/endpoint/applications/ApplicationsList'))
 const ApplicationsAddChocoApp = React.lazy(() =>
   import('./views/endpoint/applications/ApplicationsAddChocoApp'),
@@ -52,19 +54,40 @@ const AutopilotListStatusPages = React.lazy(() =>
   import('./views/endpoint/autopilot/AutopilotListStatusPages'),
 )
 const IntuneListPolicies = React.lazy(() => import('./views/endpoint/MEM/MEMListPolicies'))
+const MEMEditPolicy = React.lazy(() => import('./views/endpoint/MEM/MEMEditPolicy'))
+const EditAutopilotProfile = React.lazy(() =>
+  import('./views/endpoint/autopilot/AutopilotEditProfile'),
+)
+const EditAutopilotStatusPage = React.lazy(() =>
+  import('./views/endpoint/autopilot/AutopilotEditStatusPage'),
+)
 const IntuneCAPolicies = React.lazy(() => import('./views/endpoint/MEM/MEMCAPolicies'))
 const IntuneAddPolicy = React.lazy(() => import('./views/endpoint/MEM/MEMAddPolicy'))
+const MEMAddPolicyTemplate = React.lazy(() => import('./views/endpoint/MEM/MEMAddPolicyTemplate'))
+const EditMEMApplication = React.lazy(() =>
+  import('./views/endpoint/applications/EditMEMApplication'),
+)
 const IntuneListPolicyTemplate = React.lazy(() =>
   import('./views/endpoint/MEM/MEMListPolicyTemplate'),
 )
+const ListDefender = React.lazy(() => import('./views/endpoint/MEM/ListDefender'))
 const OneDriveList = React.lazy(() => import('./views/teams-share/onedrive/OneDriveList'))
 const SharepointList = React.lazy(() => import('./views/teams-share/sharepoint/SharepointList'))
 const BusinessVoice = React.lazy(() => import('./views/teams-share/teams/BusinessVoice'))
 const TeamsListTeam = React.lazy(() => import('./views/teams-share/teams/TeamsListTeam'))
 const TeamsAddTeam = React.lazy(() => import('./views/teams-share/teams/TeamsAddTeam'))
+const ViewTeamsSettings = React.lazy(() => import('./views/teams-share/teams/ViewTeamSettings'))
 const TeamsActivity = React.lazy(() => import('./views/teams-share/teams/TeamsActivity'))
 const CIPPSettings = React.lazy(() => import('./views/cipp/CIPPSettings'))
 const ContactsList = React.lazy(() => import('./views/email-exchange/administration/ContactsList'))
+const EditContact = React.lazy(() => import('./views/email-exchange/administration/EditContact'))
+const EditMailboxPermissions = React.lazy(() =>
+  import('./views/email-exchange/administration/EditMailboxPermissions'),
+)
+const ViewMobileDevices = React.lazy(() =>
+  import('./views/email-exchange/administration/ViewMobileDevices'),
+)
+
 const MailboxesList = React.lazy(() =>
   import('./views/email-exchange/administration/MailboxesList'),
 )
@@ -78,6 +101,7 @@ const MessageTrace = React.lazy(() => import('./views/email-exchange/reports/Mes
 const PhishingPoliciesList = React.lazy(() =>
   import('./views/email-exchange/reports/PhishingPoliciesList'),
 )
+const SecurityComplianceAlerts = React.lazy(() => import('./views/security/reports/ListAlerts'))
 
 const routes = [
   { path: '/', exact: true, name: 'Home' },
@@ -89,6 +113,7 @@ const routes = [
   { path: '/identity/administration/users/add', name: 'Add User', component: AddUser },
   { path: '/identity/administration/users/edit', name: 'Edit User', component: EditUser },
   { path: '/identity/administration/users/view', name: 'View User', component: ViewUser },
+  { path: '/identity/administration/ViewBec', name: 'View BEC', component: ViewBEC },
   { path: '/identity/administration', name: 'Administration' },
   { path: '/identity/administration/users', name: 'Users', component: Users },
   { path: '/identity/administration/groups', name: 'Groups', component: Groups },
@@ -152,6 +177,11 @@ const routes = [
     name: 'Individual Domain Check',
     component: IndividualDomain,
   },
+  {
+    path: '/tenant/standards/alert-list',
+    name: 'Alert List (Alpha)',
+    component: ListAlerts,
+  },
   {
     path: '/endpoint',
     name: 'Endpoint',
@@ -165,6 +195,11 @@ const routes = [
     name: 'List',
     component: ApplicationsList,
   },
+  {
+    path: '/endpoint/applications/edit-mem-application',
+    name: 'Edit Endpoint Manager Application',
+    component: EditMEMApplication,
+  },
   {
     path: '/endpoint/applications/add-choco-app',
     name: 'Add Choco App',
@@ -204,6 +239,16 @@ const routes = [
     name: 'List Status Pages',
     component: AutopilotListStatusPages,
   },
+  {
+    path: '/endpoint/autopilot/edit-autopilot-profiles',
+    name: 'Edit Autopilot Profiles',
+    component: EditAutopilotProfile,
+  },
+  {
+    path: '/endpoint/autopilot/edit-autopilot-status-page',
+    name: 'Edit Autopilot Status Page',
+    component: EditAutopilotStatusPage,
+  },
   {
     path: '/endpoint/MEM',
     name: 'MEM',
@@ -213,6 +258,11 @@ const routes = [
     name: 'List Status Pages',
     component: IntuneListPolicies,
   },
+  {
+    path: '/endpoint/MEM/edit-policy',
+    name: 'Edit MEM Policy',
+    component: MEMEditPolicy,
+  },
   {
     path: '/endpoint/MEM/ca-policies',
     name: 'List Status Pages',
@@ -223,11 +273,21 @@ const routes = [
     name: 'Add Intune Policy',
     component: IntuneAddPolicy,
   },
+  {
+    path: '/endpoint/MEM/add-policy-template',
+    name: 'Add Endpoint Manager Policy Template',
+    component: MEMAddPolicyTemplate,
+  },
   {
     path: '/endpoint/MEM/list-templates',
     name: 'List Intune Policy Template',
     component: IntuneListPolicyTemplate,
   },
+  {
+    path: '/endpoint/MEM/list-defender',
+    name: 'List Defender',
+    component: ListDefender,
+  },
   {
     path: '/teams-share',
     name: 'Teams & Sharepoint',
@@ -259,6 +319,11 @@ const routes = [
     name: 'List Teams',
     component: TeamsListTeam,
   },
+  {
+    path: '/teams-share/teams/view-team-settings',
+    name: 'View Team Settings',
+    component: ViewTeamsSettings,
+  },
   {
     path: '/teams-share/teams/add-team',
     name: 'List Teams',
@@ -282,6 +347,21 @@ const routes = [
     path: '/email/administration/contacts',
     component: ContactsList,
   },
+  {
+    name: 'Edit Mailbox Permissions',
+    path: '/email/administration/edit-mailbox-permissions',
+    component: EditMailboxPermissions,
+  },
+  {
+    name: 'View Mobile Devices',
+    path: '/email/administration/view-mobile-devices',
+    component: ViewMobileDevices,
+  },
+  {
+    name: 'Edit Contact',
+    path: '/email/administration/edit-contact',
+    component: EditContact,
+  },
   {
     name: 'List Mailboxes',
     path: '/email/administration/mailboxes',
@@ -311,6 +391,27 @@ const routes = [
     path: '/email/reports/phishing-policies',
     component: PhishingPoliciesList,
   },
+  {
+    name: 'Phishing Policies',
+    path: '/email/reports/phishing-policies',
+  },
+  {
+    name: 'Security & Compliance',
+    path: '/security',
+  },
+  {
+    name: 'Security Administration',
+    path: '/security/administration',
+  },
+  {
+    name: 'Security Reports',
+    path: '/security/reports',
+  },
+  {
+    name: 'List Alerts',
+    path: '/security/reports/list-alerts',
+    component: SecurityComplianceAlerts,
+  },
   {
     path: '/cipp',
     name: 'CIPP',

diff --git a/src/views/email-exchange/administration/ContactsList.js b/src/views/email-exchange/administration/ContactsList.js
@@ -3,13 +3,21 @@ import { useSelector } from 'react-redux'
 import TenantSelector from '../../../components/cipp/TenantSelector'
 import CippDatatable from '../../../components/cipp/CippDatatable'
 import { CDropdown, CDropdownItem, CDropdownMenu, CDropdownToggle } from '@coreui/react'
+import { Link } from 'react-router-dom'
+import { faUser, faCog } from '@fortawesome/free-solid-svg-icons'
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 
 const dropdown = (row, index, column) => {
   return (
     <CDropdown>
       <CDropdownToggle color="primary">...</CDropdownToggle>
       <CDropdownMenu>
-        <CDropdownItem href="#">Edit</CDropdownItem>
+        <CDropdownItem href="#">
+          <Link className="dropdown-item" to={`/email/administration/edit-contact`}>
+            <FontAwesomeIcon icon={faUser} className="me-2" />
+            View User
+          </Link>
+        </CDropdownItem>
       </CDropdownMenu>
     </CDropdown>
   )
@@ -62,7 +70,7 @@ const columns = [
   },
   {
     name: 'Action',
-    formatter: dropdown,
+    cell: dropdown,
   },
 
   // @todo not used at the moment?

diff --git a/src/views/email-exchange/administration/EditContact.js b/src/views/email-exchange/administration/EditContact.js
@@ -0,0 +1,11 @@
+import React from 'react'
+
+const EditContact = (props) => {
+  return (
+    <div>
+      <h3>Edit Contact</h3>
+    </div>
+  )
+}
+
+export default EditContact
diff --git a/src/views/email-exchange/administration/EditMailboxPermissions.js b/src/views/email-exchange/administration/EditMailboxPermissions.js
@@ -0,0 +1,11 @@
+import React from 'react'
+
+const EditMailboxPermissions = (props) => {
+  return (
+    <div>
+      <h3>Edit Mailbox Permissions</h3>
+    </div>
+  )
+}
+
+export default EditMailboxPermissions
diff --git a/src/views/email-exchange/administration/MailboxesList.js b/src/views/email-exchange/administration/MailboxesList.js
@@ -3,18 +3,42 @@ import { useSelector } from 'react-redux'
 import TenantSelector from '../../../components/cipp/TenantSelector'
 import CippDatatable from '../../../components/cipp/CippDatatable'
 import { CDropdown, CDropdownItem, CDropdownMenu, CDropdownToggle } from '@coreui/react'
+import { Link } from 'react-router-dom'
+import { faUser, faCog } from '@fortawesome/free-solid-svg-icons'
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 
-const dropdown = (row, index, column) => {
+const dropdown = (row, rowIndex, formatExtraData) => {
   return (
     <CDropdown>
       <CDropdownToggle color="primary">...</CDropdownToggle>
       <CDropdownMenu>
-        <CDropdownItem href="#">Edit</CDropdownItem>
+        <CDropdownItem href="#">
+          <Link
+            className="dropdown-item"
+            to={`/identity/administration/users/view?userId=${row.id}&tenantDomain=${row.primDomain}`}
+          >
+            <FontAwesomeIcon icon={faUser} className="me-2" />
+            View User
+          </Link>
+        </CDropdownItem>
+        <CDropdownItem href="#">
+          <Link className="dropdown-item" to={`/email/administration/edit-mailbox-permissions`}>
+            <FontAwesomeIcon icon={faCog} className="me-2" />
+            Edit Mailbox Permissions
+          </Link>
+        </CDropdownItem>
+        <CDropdownItem href="#">
+          <Link className="dropdown-item" to={`/email/administration/view-mobile-devices`}>
+            <FontAwesomeIcon icon={faCog} className="me-2" />
+            View Mobile Devices
+          </Link>
+        </CDropdownItem>
+        <CDropdownItem href="#">Convert To Shared Mailbox</CDropdownItem>
+        <CDropdownItem href="#">Convert To User Mailbox</CDropdownItem>
       </CDropdownMenu>
     </CDropdown>
   )
 }
-
 const columns = [
   {
     name: 'Name',
@@ -62,7 +86,7 @@ const columns = [
   },
   {
     name: 'Action',
-    formatter: dropdown,
+    cell: dropdown,
   },
 
   // @todo not used at the moment?

diff --git a/src/views/email-exchange/administration/ViewMobileDevices.js b/src/views/email-exchange/administration/ViewMobileDevices.js
@@ -0,0 +1,11 @@
+import React from 'react'
+
+const ViewMobileDevices = (props) => {
+  return (
+    <div>
+      <h3>View Mobile Devices</h3>
+    </div>
+  )
+}
+
+export default ViewMobileDevices