Skip to content

Commit

Permalink
Improve Enrollment Check in styles
Browse files Browse the repository at this point in the history
  • Loading branch information
@EjPlatzer
EjPlatzer committed Aug 19, 2024
1 parent 8aa0caf commit ae0dbc5
Show file tree
Hide file tree
Showing 6 changed files with 251 additions and 277 deletions.
19 changes: 0 additions & 19 deletions src/views/EnrollmentCheckIn/EnrollmentCheckIn.module.scss
View file

This file was deleted.

11 changes: 5 additions & 6 deletions src/views/EnrollmentCheckIn/components/EmergencyContactUpdate/index.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,6 @@ import {
Typography,
} from '@mui/material';
// @TODO CSSMODULES - outside directory
import styles from '../../EnrollmentCheckIn.module.css';
import { phoneMaskINTL, phoneMaskUS } from '../UpdatePhone';

const EmergencyContactUpdate = ({
Expand Down Expand Up @@ -114,7 +113,7 @@ function createEmergencyContactFields(
</Typography>
<Grid container spacing={2} justifyContent="center">
<Grid item>
<FormControl className={styles.emergencyContactForm}>
<FormControl>
<InputLabel required={isRequiredContact} htmlFor={'FirstNameInput' + contactNum}>
First Name
</InputLabel>
Expand All @@ -127,7 +126,7 @@ function createEmergencyContactFields(
</FormControl>
</Grid>
<Grid item>
<FormControl className={styles.emergencyContactForm}>
<FormControl>
<InputLabel required={isRequiredContact} htmlFor={'LastNameInput' + contactNum}>
Last Name
</InputLabel>
Expand All @@ -141,7 +140,7 @@ function createEmergencyContactFields(
</FormControl>
</Grid>
<Grid item>
<FormControl className={styles.emergencyContactForm}>
<FormControl>
<InputLabel required={isRequiredContact} htmlFor="component-simple">
Relationship
</InputLabel>
Expand All @@ -155,7 +154,7 @@ function createEmergencyContactFields(
</FormControl>
</Grid>
<Grid item>
<FormControl className={styles.emergencyContactForm}>
<FormControl>
<InputLabel required={isPhoneRequired} htmlFor="component-simple">
Home Phone
</InputLabel>
Expand All @@ -181,7 +180,7 @@ function createEmergencyContactFields(
</FormControl>
</Grid>
<Grid item>
<FormControl className={styles.emergencyContactForm}>
<FormControl>
<InputLabel required={isPhoneRequired} htmlFor="component-simple">
Mobile Phone
</InputLabel>
Expand Down
41 changes: 0 additions & 41 deletions ...ews/EnrollmentCheckIn/components/EnrollmentCheckInWelcome/components/MajorHolds/index.jsx
View file

This file was deleted.

29 changes: 0 additions & 29 deletions ...ews/EnrollmentCheckIn/components/EnrollmentCheckInWelcome/components/MinorHolds/index.jsx
View file

This file was deleted.

194 changes: 145 additions & 49 deletions src/views/EnrollmentCheckIn/components/EnrollmentCheckInWelcome/index.jsx
View file
Original file line number Diff line number Diff line change
@@ -1,71 +1,167 @@
import { Grid, Typography } from '@mui/material';
import { useUser } from 'hooks';
// @TODO CSSMODULES - outside directory
import styles from '../../EnrollmentCheckIn.module.css';
import MajorHolds from './components/MajorHolds';
import MinorHolds from './components/MinorHolds';

const EnrollmentCheckInWelcome = ({ hasMajorHold, holds }) => {
const hasMinorHold = holds?.LaVidaHold || holds?.DeclarationOfMajorHold;
const { profile } = useUser();

return (
<Grid container justifyContent="center" alignItems="center" direction="column">
<Grid container direction="column" spacing={2}>
<Grid item>
<Typography align="center" variant="h5" color="primary">
<b>Enrollment Check-In</b>
</Typography>
<Typography justify="center" className={styles.checkIn}>
Hello, {profile.FirstName}! Welcome to a new semester at Gordon College! Please take a few
moments to complete the check-in process in order to confirm your academic enrollment and
help Gordon College plan to provide services to you.
<Typography>
Welcome to a new semester at Gordon College! Please take a few moments to complete the
check-in process in order to confirm your academic enrollment and help Gordon College plan
to provide services to you.
</Typography>
<br />
</Grid>
<Grid item>
{hasMajorHold && <MajorHolds holds={holds} />}
{holds?.MustRegisterForClasses && ( // If a student is not registered for courses they cannot check in
<Grid item>
<Typography variant="h6" align="center" color="primary">
<b>Register for Courses</b>
{hasMajorHold && (
<Grid item>
<Typography align="center" variant="h5" component="h2">
Review Your Holds
</Typography>
<Typography align="center">
According to our systems, you should contact the following department(s) in order to
clear up certain administrative holds before beginning the check-in process.
</Typography>
<ul>
{holds?.RegistrarHold && (
<li>
You have a "Registration Hold". Please contact the Registrar's Office at{' '}
<a href="tel:+19788674243" className="gc360_text_link">
(978) 867-4243
</a>{' '}
or{' '}
<a href="mailto:registrar@gordon.edu" className="gc360_text_link">
registrar@gordon.edu
</a>
</li>
)}
{holds?.HighSchoolTranscriptHold && (
<li>
You have a "High School Transcript Hold". Please contact the Registrar's Office at{' '}
<a href="tel:+19788674243" className="gc360_text_link">
(978) 867-4243
</a>{' '}
or{' '}
<a href="mailto:registrar@gordon.edu" className="gc360_text_link">
registrar@gordon.edu
</a>
</li>
)}
{holds?.FinancialHold && (
<li>
You have a "Financial Hold". Please contact Student Financial Services at{' '}
<a href="tel:+19788674246" className="gc360_text_link">
(978) 867-4246
</a>{' '}
or{' '}
<a href="sfs@gordon.edu" className="gc360_text_link">
sfs@gordon.edu
</a>
.
</li>
)}
{holds?.MedicalHold && (
<li>
You have a "Medical Hold". Please contact the Health Center at{' '}
<a href="tel:+19788674300" className="gc360_text_link">
(978)-867-4300
</a>{' '}
or{' '}
<a href="mailto:healthcenter@gordon.edu" className="gc360_text_link">
healthcenter@gordon.edu
</a>
.
</li>
)}
</ul>
</Grid>
)}
{holds?.MustRegisterForClasses && ( // If a student is not registered for courses they cannot check in
<Grid item>
<Typography variant="h5" component="h2">
Register for Courses
</Typography>
<Typography align="center" gutterBottom>
<b>Before you can check in, you must be registered for courses.</b>
</Typography>
{holds.NewStudent ? ( // If a student is first year and not registered, display a special prompt
<Typography>
You will meet with your advisor during Orientation and he/she can register you. The
name of your advisor can be found by logging onto{' '}
<a href="https://my.gordon.edu" className="gc360_text_link">
my.gordon.edu
</a>{' '}
and clicking on the <b>Student</b> tab. You will see your advisor(s) listed under "My
Advisors and Majors".
</Typography>
<Typography align="center" gutterBottom>
<b>Before you can check in, you must be registered for courses.</b>
) : (
// Otherwise display a standard registration prompt
<Typography gutterBottom>
Please view the{' '}
<a href="https://www.gordon.edu/course_schedules" className="gc360_text_link">
Course Schedule
</a>{' '}
and send an email to{' '}
<a href="mailto:registrar@gordon.edu" className="gc360_text_link">
registrar@gordon.edu
</a>{' '}
with a list of courses you would like to register for.
</Typography>
{holds.NewStudent ? ( // If a student is first year and not registered, display a special prompt
<Typography>
You will meet with your advisor during Orientation and he/she can register you. The
name of your advisor can be found by logging onto{' '}
<a href="https://my.gordon.edu" className="gc360_text_link">
my.gordon.edu
)}
</Grid>
)}
{hasMinorHold && (
<Grid item>
<Typography>
Even though you can still check in while maintaining the following holds, you should
contact the following department(s) at your earliest availability:
</Typography>
<ul>
{holds?.LaVidaHold && (
<li>
You have a "La Vida Hold". Students are required to complete Discovery or La Vida in
their first year at Gordon College. Please contact the Registrar's Office at{' '}
<a href="tel:+19788674243" className="gc360_text_link">
(978) 867-4243
</a>{' '}
and clicking on the <b>Student</b> tab. You will see your advisor(s) listed under
"My Advisors and Majors".
</Typography>
) : (
// Otherwise display a standard registration prompt
<Typography gutterBottom>
Please view the{' '}
<a href="https://www.gordon.edu/course_schedules" className="gc360_text_link">
Course Schedule
or{' '}
<a href="registrar@gordon.edu" className="gc360_text_link">
registrar@gordon.edu
</a>{' '}
and send an email to <a href="mailto:registrar@gordon.edu">registrar@gordon.edu</a>{' '}
with a list of courses you would like to register for.
</Typography>
so that we can register you for Discovery or La Vida.
</li>
)}
</Grid>
)}
{hasMinorHold && <MinorHolds holds={holds} />}
{holds?.MajorHold && (
<li>
You have a "Declaration of Major Hold". Please contact the <b>Registrar's Office</b>{' '}
at{' '}
<a href="tel:+19788674243" className="gc360_text_link">
(978) 867-4243
</a>{' '}
or{' '}
<a href="mailto:registrar@gordon.edu" className="gc360_text_link">
registrar@gordon.edu
</a>{' '}
to discuss declaring a major.
</li>
)}
</ul>
</Grid>
)}
<Grid item>
<Typography>
If you are planning to withdraw or take a leave of absence, please contact Student Life at{' '}
<b>(978)-867-4263</b> or{' '}
<a href="mailto:studentlife@gordon.edu">studentlife@gordon.edu</a>
<a href="tel:+19788674263" className="gc360_text_link">
(978) 867-4263
</a>{' '}
or{' '}
<a href="mailto:studentlife@gordon.edu" className="gc360_text_link">
studentlife@gordon.edu
</a>
</Typography>
<br />
</Grid>
<Grid item>
<Typography align="center" variant="h6" color="primary">
<b>Begin the Check-In Process</b>
<Typography variant="h5" component="h2">
Begin the Check-In Process
</Typography>
{hasMajorHold ? ( // If the student has a major hold, display this prompt to resolve them
<Typography>
Expand Down
Loading

0 comments on commit ae0dbc5

Please sign in to comment.