Merge pull request #2507 from JohnDuprey/dev

JIT Admin tweaks

Author: JohnDuprey

package.json

@@ -1,6 +1,6 @@
 {
   "name": "cipp",
-  "version": "5.7.0",
+  "version": "5.7.1",
   "description": "The CyberDrain Improved Partner Portal is a portal to help manage administration for Microsoft Partners.",
   "homepage": "https://cipp.app/",
   "bugs": {

public/version_latest.txt

@@ -1 +1 @@
-5.7.0
+5.7.1

src/_nav.jsx

@@ -78,7 +78,7 @@ const _nav = [
       {
         component: CNavItem,
         name: 'JIT Admin',
-        to: '/identity/administration/users/jit-admin',
+        to: '/identity/administration/jit-admin',
       },
       {
         component: CNavItem,

src/importsMap.jsx

@@ -12,7 +12,7 @@ import React from 'react'
   "/identity/administration/users/edit": React.lazy(() => import('./views/identity/administration/EditUser')), 
   "/identity/administration/users/view": React.lazy(() => import('./views/identity/administration/ViewUser')), 
   "/identity/administration/users/InviteGuest": React.lazy(() => import('./views/identity/administration/InviteGuest')), 
-  "/identity/administration/users/jit-admin": React.lazy(() => import('./views/identity/administration/DeployJITAdmin')), 
+  "/identity/administration/jit-admin": React.lazy(() => import('./views/identity/administration/DeployJITAdmin')), 
   "/identity/administration/ViewBec": React.lazy(() => import('./views/identity/administration/ViewBEC')), 
   "/identity/administration/users": React.lazy(() => import('./views/identity/administration/Users')), 
   "/identity/administration/devices": React.lazy(() => import('./views/identity/administration/Devices')), 

src/routes.json

@@ -77,7 +77,7 @@
     "allowedRoles": ["admin", "editor", "readonly"]
   },
   {
-    "path": "/identity/administration/users/jit-admin",
+    "path": "/identity/administration/jit-admin",
     "name": "JIT Admin",
     "component": "views/identity/administration/DeployJITAdmin",
     "allowedRoles": ["admin", "editor", "readonly"]

src/views/identity/administration/DeployJITAdmin.jsx

@@ -1,32 +1,21 @@
 import React, { useState } from 'react'
 import { CButton, CCallout, CCol, CForm, CRow, CSpinner, CTooltip } from '@coreui/react'
 import { useSelector } from 'react-redux'
-import { Field, Form, FormSpy } from 'react-final-form'
-import {
-  Condition,
-  RFFCFormInput,
-  RFFCFormRadio,
-  RFFCFormRadioList,
-  RFFCFormSwitch,
-  RFFSelectSearch,
-} from 'src/components/forms'
-import {
-  useGenericGetRequestQuery,
-  useLazyGenericGetRequestQuery,
-  useLazyGenericPostRequestQuery,
-} from 'src/store/api/app'
+import { Field, Form } from 'react-final-form'
+import { Condition, RFFCFormInput, RFFCFormRadioList, RFFSelectSearch } from 'src/components/forms'
+import { useLazyGenericGetRequestQuery, useLazyGenericPostRequestQuery } from 'src/store/api/app'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import { faCircleNotch, faEdit, faEye } from '@fortawesome/free-solid-svg-icons'
 import { CippContentCard, CippPage, CippPageList } from 'src/components/layout'
-import { CellTip } from 'src/components/tables/CellGenericFormat'
+import { CellTip, cellGenericFormatter } from 'src/components/tables/CellGenericFormat'
 import 'react-datepicker/dist/react-datepicker.css'
-import { CippActionsOffcanvas, ModalService, TenantSelector } from 'src/components/utilities'
+import { TenantSelector } from 'src/components/utilities'
 import arrayMutators from 'final-form-arrays'
 import DatePicker from 'react-datepicker'
 import 'react-datepicker/dist/react-datepicker.css'
 import { useListUsersQuery } from 'src/store/api/users'
-import { useListConditionalAccessPoliciesQuery } from 'src/store/api/tenants'
 import GDAPRoles from 'src/data/GDAPRoles'
+import { CippDatatable, cellDateFormatter } from 'src/components/tables'
 
 const DeployJITAdmin = () => {
   const [ExecuteGetRequest, getResults] = useLazyGenericGetRequestQuery()
@@ -42,12 +31,13 @@ const DeployJITAdmin = () => {
     const startTime = Math.floor(startDate.getTime() / 1000)
     const endTime = Math.floor(endDate.getTime() / 1000)
     const shippedValues = {
-      tenantFilter: tenantDomain,
+      TenantFilter: tenantDomain,
       UserId: values.UserId?.value,
-      PolicyId: values.PolicyId?.value,
+      useraction: values.useraction,
+      AdminRoles: values.AdminRoles?.map((role) => role.value),
       StartDate: startTime,
       EndDate: endTime,
-      ExpireAction: values?.expireAction ?? 'delete',
+      ExpireAction: values.expireAction.value,
     }
     genericPostRequest({ path: '/api/ExecJITAdmin', values: shippedValues }).then((res) => {
       setRefreshState(res.requestId)
@@ -63,8 +53,8 @@ const DeployJITAdmin = () => {
   return (
     <CippPage title={`Add JIT Admin`} tenantSelector={false}>
       <>
-        <CRow>
-          <CCol md={4}>
+        <CRow className="mb-3">
+          <CCol lg={4} md={12}>
             <CippContentCard title="Add JIT Admin" icon={faEdit}>
               <Form
                 onSubmit={onSubmit}
@@ -81,7 +71,9 @@ const DeployJITAdmin = () => {
                       <CRow className="mb-3">
                         <CCol>
                           <label className="mb-2">Tenant</label>
-                          <Field name="tenantFilter">{(props) => <TenantSelector />}</Field>
+                          <Field name="tenantFilter">
+                            {(props) => <TenantSelector showAllTenantSelector={false} />}
+                          </Field>
                         </CCol>
                       </CRow>
                       <CRow>
@@ -102,7 +94,17 @@ const DeployJITAdmin = () => {
                         </CCol>
                       </CRow>
                       <Condition when="useraction" is="create">
-                        <CRow className="mb-3">
+                        <CRow>
+                          <CCol>
+                            <RFFCFormInput label="First Name" name="FirstName" />
+                          </CCol>
+                        </CRow>
+                        <CRow>
+                          <CCol>
+                            <RFFCFormInput label="Last Name" name="LastName" />
+                          </CCol>
+                        </CRow>
+                        <CRow>
                           <CCol>
                             <RFFCFormInput label="User Principal Name" name="UserPrincipalName" />
                           </CCol>
@@ -124,6 +126,7 @@ const DeployJITAdmin = () => {
                           </CCol>
                         </CRow>
                       </Condition>
+                      <hr />
                       <CRow className="mb-3">
                         <CCol>
                           <RFFSelectSearch
@@ -217,6 +220,45 @@ const DeployJITAdmin = () => {
               />
             </CippContentCard>
           </CCol>
+          <CCol lg={8} md={12}>
+            <CippContentCard title="JIT Admins" icon="user-shield">
+              <CippDatatable
+                title="JIT Admins"
+                path="/api/ExecJITAdmin?Action=List"
+                params={{ TenantFilter: tenantDomain }}
+                columns={[
+                  {
+                    name: 'User',
+                    selector: (row) => row['userPrincipalName'],
+                    sortable: true,
+                    cell: cellGenericFormatter(),
+                    exportSelector: 'userPrincipalName',
+                  },
+                  {
+                    name: 'JIT Enabled',
+                    selector: (row) => row['jitAdminEnabled'],
+                    sortable: true,
+                    cell: cellGenericFormatter(),
+                    exportSelector: 'jitAdminEnabled',
+                  },
+                  {
+                    name: 'JIT Expires',
+                    selector: (row) => row['jitAdminExpiration'],
+                    sortable: true,
+                    cell: cellDateFormatter({ format: 'short' }),
+                    exportSelector: 'jitAdminExpiration',
+                  },
+                  {
+                    name: 'Admin Roles',
+                    selector: (row) => row['memberOf'],
+                    sortable: false,
+                    cell: cellGenericFormatter(),
+                    exportSelector: 'memberOf',
+                  },
+                ]}
+              />
+            </CippContentCard>
+          </CCol>
         </CRow>
       </>
     </CippPage>

version_latest.txt

@@ -1 +1 @@
-5.7.0
+5.7.1