Create += add all pages and amend dropdowns to reflect prod

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,

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

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?

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

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

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?

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