Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Add user/tenant confirmation to offboarding Wizard #579

Merged
merged 5 commits into from
Jan 13, 2022
Merged

Add user/tenant confirmation to offboarding Wizard #579

Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
8d689d1
Add user/tenant confirmation to offboarding Wizard
AdamWillford Jan 13, 2022
dc2376d
Merge remote-tracking branch 'origin/react' into react
AdamWillford Jan 13, 2022
f607a26
Merge branch 'KelvinTegelaar:react' into react
AdamWillford Jan 13, 2022
3209d93
Merge branch 'KelvinTegelaar:react' into react
AdamWillford Jan 13, 2022
cbe3990
Change to UX on Offboarding Wizard
AdamWillford Jan 13, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
199 changes: 105 additions & 94 deletions src/views/identity/administration/OffboardingWizard.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -178,100 +178,111 @@ const OffboardingWizard = () => {
)}
{!postResults.isSuccess && (
<FormSpy>
{(props) => {
/* eslint-disable react/prop-types */
return (
<>
<CRow>
<CCol md={3}></CCol>
<CCol md={6}>
<CListGroup flush>
<CListGroupItem className="d-flex justify-content-between align-items-center">
Remove Licenses
<FontAwesomeIcon
color="#f77f00"
size="lg"
icon={props.values.RemoveLicenses ? faCheckCircle : faTimesCircle}
/>
</CListGroupItem>
<CListGroupItem className="d-flex justify-content-between align-items-center">
Convert to Shared
<FontAwesomeIcon
color="#f77f00"
size="lg"
icon={props.values.ConvertToShared ? faCheckCircle : faTimesCircle}
/>
</CListGroupItem>
<CListGroupItem className="d-flex justify-content-between align-items-center">
Disable Sign-in
<FontAwesomeIcon
color="#f77f00"
size="lg"
icon={props.values.DisableSignIn ? faCheckCircle : faTimesCircle}
/>
</CListGroupItem>
<CListGroupItem className="d-flex justify-content-between align-items-center">
Reset Password
<FontAwesomeIcon
color="#f77f00"
size="lg"
icon={props.values.ResetPass ? faCheckCircle : faTimesCircle}
/>
</CListGroupItem>
<CListGroupItem className="d-flex justify-content-between align-items-center">
Remove from all groups
<FontAwesomeIcon
color="#f77f00"
size="lg"
icon={props.values.RemoveGroups ? faCheckCircle : faTimesCircle}
/>
</CListGroupItem>
<CListGroupItem className="d-flex justify-content-between align-items-center">
Hide from Global Address List
<FontAwesomeIcon
color="#f77f00"
size="lg"
icon={props.values.HideFromGAL ? faCheckCircle : faTimesCircle}
/>
</CListGroupItem>
<CListGroupItem className="d-flex justify-content-between align-items-center">
Set Out of Office
<FontAwesomeIcon
color="#f77f00"
size="lg"
icon={props.values.OOO ? faCheckCircle : faTimesCircle}
/>
</CListGroupItem>
<CListGroupItem className="d-flex justify-content-between align-items-center">
Give another user access to the mailbox with automap
<FontAwesomeIcon
color="#f77f00"
size="lg"
icon={props.values.UserNoAutomap ? faCheckCircle : faTimesCircle}
/>
</CListGroupItem>
<CListGroupItem className="d-flex justify-content-between align-items-center">
Give another user access to the mailbox without automap
<FontAwesomeIcon
color="#f77f00"
size="lg"
icon={props.values.UserAutomap ? faCheckCircle : faTimesCircle}
/>
</CListGroupItem>
<CListGroupItem className="d-flex justify-content-between align-items-center">
Give another user access to OneDrive
<FontAwesomeIcon
color="#f77f00"
size="lg"
icon={props.values.OneDrive ? faCheckCircle : faTimesCircle}
/>
</CListGroupItem>
</CListGroup>
</CCol>
</CRow>
</>
)
}}
{(props) => (
/* eslint-disable react/prop-types */ <>
<CRow>
<CCol md={{ span: 6, offset: 3 }}>
<CListGroup flush>
<CListGroupItem className="d-flex justify-content-between align-items-center">
<h5>Selected Tenant:</h5>
{tenantDomain}
</CListGroupItem>
<CListGroupItem className="d-flex justify-content-between align-items-center">
<h5>Selected User:</h5>
{props.values.User}
</CListGroupItem>
</CListGroup>
<hr />
</CCol>
</CRow>
<CRow>
<CCol md={{ span: 6, offset: 3 }}>
<CListGroup flush>
<CListGroupItem className="d-flex justify-content-between align-items-center">
Remove Licenses
<FontAwesomeIcon
color="#f77f00"
size="lg"
icon={props.values.RemoveLicenses ? faCheckCircle : faTimesCircle}
/>
</CListGroupItem>
<CListGroupItem className="d-flex justify-content-between align-items-center">
Convert to Shared
<FontAwesomeIcon
color="#f77f00"
size="lg"
icon={props.values.ConvertToShared ? faCheckCircle : faTimesCircle}
/>
</CListGroupItem>
<CListGroupItem className="d-flex justify-content-between align-items-center">
Disable Sign-in
<FontAwesomeIcon
color="#f77f00"
size="lg"
icon={props.values.DisableSignIn ? faCheckCircle : faTimesCircle}
/>
</CListGroupItem>
<CListGroupItem className="d-flex justify-content-between align-items-center">
Reset Password
<FontAwesomeIcon
color="#f77f00"
size="lg"
icon={props.values.ResetPass ? faCheckCircle : faTimesCircle}
/>
</CListGroupItem>
<CListGroupItem className="d-flex justify-content-between align-items-center">
Remove from all groups
<FontAwesomeIcon
color="#f77f00"
size="lg"
icon={props.values.RemoveGroups ? faCheckCircle : faTimesCircle}
/>
</CListGroupItem>
<CListGroupItem className="d-flex justify-content-between align-items-center">
Hide from Global Address List
<FontAwesomeIcon
color="#f77f00"
size="lg"
icon={props.values.HideFromGAL ? faCheckCircle : faTimesCircle}
/>
</CListGroupItem>
<CListGroupItem className="d-flex justify-content-between align-items-center">
Set Out of Office
<FontAwesomeIcon
color="#f77f00"
size="lg"
icon={props.values.OOO ? faCheckCircle : faTimesCircle}
/>
</CListGroupItem>
<CListGroupItem className="d-flex justify-content-between align-items-center">
Give another user access to the mailbox with automap
<FontAwesomeIcon
color="#f77f00"
size="lg"
icon={props.values.UserNoAutomap ? faCheckCircle : faTimesCircle}
/>
</CListGroupItem>
<CListGroupItem className="d-flex justify-content-between align-items-center">
Give another user access to the mailbox without automap
<FontAwesomeIcon
color="#f77f00"
size="lg"
icon={props.values.UserAutomap ? faCheckCircle : faTimesCircle}
/>
</CListGroupItem>
<CListGroupItem className="d-flex justify-content-between align-items-center">
Give another user access to OneDrive
<FontAwesomeIcon
color="#f77f00"
size="lg"
icon={props.values.OneDrive ? faCheckCircle : faTimesCircle}
/>
</CListGroupItem>
</CListGroup>
</CCol>
</CRow>
</>
)}
</FormSpy>
)}
</div>
Expand Down