-
-
-
-
- )
-}
Index: bvista-frontend/src/views/applications/ApplicationDetailsModal.js
===================================================================
--- jobvista-frontend/src/views/applications/ApplicationDetailsModal.js (revision 4d97b633e131eca76d6c290321725684fc1d5970)
+++ (revision )
@@ -1,177 +1,0 @@
-import React, {useEffect, useState} from "react";
-import "../shared_css/Modal.css";
-
-import 'react-responsive-modal/styles.css';
-import {Modal} from 'react-responsive-modal';
-import Select from "react-select";
-
-//Validation
-import * as yup from "yup";
-import {yupResolver} from "@hookform/resolvers/yup";
-import {Controller, useForm} from "react-hook-form";
-
-
-import {employmentStatusOptions, industryOptions, jobTypeOptions} from "../selectOptions";
-import {useDispatch, useSelector} from "react-redux";
-import {JobAdvertisementActions} from "../../redux/actions/jobAdvertisementActions";
-import Roles from "../../enumerations/Roles";
-import {ApplicationActions} from "../../redux/actions/applicationActions";
-import {notifyJobAdApply, notifyJobAdUpdate} from "../../utils/toastUtils";
-
-
-export const ApplicationDetailsModal = (props) => {
- const {application} = props
- const [modal, setModal] = useState(false);
- const dispatch = useDispatch();
- const auth = useSelector(state => state.auth.currentUser)
- const [resumeUrl, setResumeUrl] = useState("");
- const [additionalFileUrls, setAdditionalFileUrls] = useState([]);
-
- const [additionalFiles, setAdditionalFiles] = useState(null);
- const toggleModal = () => {
- setModal(!modal);
- };
-
- const {register, handleSubmit, control, formState: {errors}} = useForm();
-
- useEffect(() => {
- if (application) {
- ApplicationActions.downloadResume(application.id, (success, response) => {
- if (success) {
- setResumeUrl(response);
-
- if (application.additionalFileNames.length > 0) {
- ApplicationActions.downloadAdditionalFiles(application.id, (success2, response) => {
- if (success2) {
- setAdditionalFileUrls(response);
- }
- })
- }
- }
- })
- }
- }, [])
-
- const updateApplication = async () => {
- try {
- const formData = new FormData();
- if (additionalFiles && additionalFiles.length > 0) {
- for (let i = 0; i < additionalFiles.length; i++) {
- formData.append('additionalFiles', additionalFiles[i]);
- }
- }
-
- dispatch(ApplicationActions.updateApplication(application.id, formData, (success) => {
- if (success) {
- toggleModal()
- window.location.reload()
- }
- }))
- } catch (err) {
- console.error(err)
- }
- }
-
- function getFileName(path) {
- let fileName = path.split('\\').pop().split('/').pop();
-
- fileName = fileName.trim();
-
- return fileName;
- }
-
- return (| ID | -Registered on | -Company Name | -Phone Number | -Access | -|
|---|---|---|---|---|---|
| {recruiter.id} | -{formatDate(recruiter.registeredOn)} | -{recruiter.email} | -{recruiter.companyName} | -{recruiter.contactPhoneNumber} | -- - | - - -
- {auth.role === Roles.RECRUITER ? : (application.status === "UNDER_REVIEW" && application.response.length > 0 && additionalFileUrls.length === 0) ?
- :
- }
-
-
-
-
)
-}
Index: bvista-frontend/src/views/applications/Applications.css
===================================================================
--- jobvista-frontend/src/views/applications/Applications.css (revision 4d97b633e131eca76d6c290321725684fc1d5970)
+++ (revision )
@@ -1,255 +1,0 @@
-.custom-container {
- width: 65% !important;
- max-width: 1500px !important;
- margin: auto;
-}
-
-.application-title {
- font-family: "Segoe UI";
- margin-top: 40px;
- margin-bottom: 20px;
- display: flex;
- justify-content: start;
- border-bottom: 1px solid #CFCFCF;
-}
-.application-title h3 {
- font-weight: 500;
-}
-
-.response-message {
- background-color: floralwhite;
- border-radius: 8px;
- padding: 15px;
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-}
-
-
-
-
-.application-card-wrapper {
- margin: 15px 0;
- display: flex;
- flex-direction: column;
- transition: all 0.4s ease-in-out;
- gap: 3px;
-}
-
-.application-card.changed {
- background-color: aliceblue;
-}
-
-.application-card-wrapper .expand-section {
- max-height: 0;
- opacity: 0;
- transition: 0.5s ease;
- display: flex;
- flex-direction: column;
- align-items: flex-end;
- margin: 0 !important;
-}
-
-.application-card-wrapper.expanded .expand-section {
- max-height: 200px;
- opacity: 1;
- transform: translateY(0);
- margin-top: 10px;
- /* transition: max-height 0.3s ease, opacity 0.3s ease, transform 0.3s ease;*/
-}
-
-.expand-section textarea {
- width: 100%;
- padding: 10px;
- border-radius: 8px;
- border: 1px solid #ccc;
-}
-
-
-.application-card {
- font-family: Poppins;
- border: 1px solid lightgray;
- border-radius: 8px;
- background-color: white;
- transition: all 0.3s ease;
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
- /*height: auto;*/
- padding: 20px 20px;
- display: flex;
-}
-.application-card .app-job-seeker-pic {
- border: 1px solid gray;
- border-radius: 50%;
- margin-right: 20px;
-}
-.application-card .app-job-seeker-pic img {
- border-radius: 50%;
-}
-
-.application-card .app-company-logo {
- width: 8%;
-}
-
-.application-card .app-info {
- width: 60%;
- display: inline-flex;
- flex-direction: column;
- align-items: flex-start;
- justify-content: center;
- gap: 10px;
-}
-
-.application-card .app-info .jobAd-title {
- font-weight: 600;
- font-size: 1.2rem;
- /*text-transform: uppercase;*/
- font-family: 'Segoe UI', sans-serif;
- text-decoration: none;
- color: black
-}
-
-.
-
-.application-card .app-info .contact-info {
- display: inline-flex;
- gap: 30px;
-}
-.application-card .app-info .contact-info .contact-item {
- display: inline-flex;
- align-items: center;
- gap: 5px;
- margin-right: 10px
-}
-
-.application-card .app-info .contact-info .contact-item span {
- color: darkgray;
-}
-
-.application-card .app-status {
- width: 38%;
- display: inline-flex;
- justify-content: end;
- align-items: center;
- gap: 10px;
-}
-
-.application-card .app-status .select {
- width: 45%;
- display: inline-block;
-}
-
-.app-status .status {
- color: white;
- padding: 5px 10px;
- border-radius: 5px;
- width: 150px;
- text-align: center;
-}
-
-
-
-
-
-
-
-
-.application-button {
- border: 0;
- border-radius: 8px;
- width: auto;
- background-image: linear-gradient(to bottom, #dddddd, #f0f0f0);
- background-color: #dddddd;
- color: #333333;
-
- font-weight: 700;
- padding: 8px 13px;
-}
-
-.application-button:hover {
- background: linear-gradient(to bottom, #bbbbbb, #dddddd);
- color: #333333;
-}
-
-/*.application-card:hover {*/
-/* transform: translate(0, 8px);*/
-/* box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);*/
-/*}*/
-
-.multi-button button{
- /*font-size: 5vmin;*/
- padding: .5em 1em;
- background: #fff;
- color: #4A5568;
- border: 0px solid #A0AEC0;
- //margin: .1em;
- transition: background .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease;
- box-shadow: 0 0 0 #BEE3F8;
- transform: translateY(0);
-}
-.multi-button button:first-of-type{
- border-radius: .5em 0 0 .5em;
-}
-.multi-button button:last-of-type{
- border-radius: 0 .5em .5em 0;
-}
-.multi-button button i{
- color: #A0AEC0;
- margin-right: .3em;
- transition: all .2s ease-out;
-}
-.multi-button:hover button{
- color: #A0AEC0;
-}
-
-.multi-button:hover button:hover{
- background: #D53F8C;
- color: #fff;
- box-shadow: 0 0 0.8em 0 rgba(213, 63, 140, .8);
- transform: translateY(-.2em);
-}
-.multi-button:hover button i{
- color: #CBD5E0;
-}
-.multi-button:hover button:hover i{
- color: #FED7E2;
- transform: rotate(-10deg);
-}
-
-.application-filters {
- gap: 15px;
- border-radius: 8px;
- background-color: white;
-}
-
-/* Default Span Styles */
-.application-filters span {
- padding: 8px 12px;
- border-radius: 5px;
- color: rgba(1,38,90,0.9);
- cursor: pointer;
- display: inline-flex;
- align-items: center;
-}
-
-/* Icon Styles */
-.application-filters span i {
- margin-right: 5px;
-}
-
-/* Hover Effect */
-.application-filters span:hover {
- background-color: rgba(1,38,90,0.9);
- color: white;
-}
-
-.application-filters span:hover i {
- color: inherit; /* Makes the icon inherit the color from the parent span */
-}
-
-/* Selected State */
-.application-filters span.selected {
- background-color: rgba(1,38,90,0.9);
- color: white;
-}
-
-.application-filters span.selected i {
- color: inherit; /* Ensures icon color matches the selected state */
-}
Index: bvista-frontend/src/views/applications/ApplicationsByJobAd.js
===================================================================
--- jobvista-frontend/src/views/applications/ApplicationsByJobAd.js (revision 4d97b633e131eca76d6c290321725684fc1d5970)
+++ (revision )
@@ -1,269 +1,0 @@
-import {useDispatch, useSelector} from "react-redux";
-import {useEffect, useState} from "react";
-import {useParams} from "react-router";
-import {ApplicationActions} from "../../redux/actions/applicationActions";
-import {ApplicationDetailsModal} from "./ApplicationDetailsModal";
-import "./Applications.css"
-import Select from "react-select";
-import {sortElementsBy} from "../../utils/utils";
-import {JobSeekerActions} from "../../redux/actions/JobSeekerActions";
-import {notifyAppStatusUpdate} from "../../utils/toastUtils";
-
-export const ApplicationsByJobAd = () => {
-
- const dispatch = useDispatch();
- let {advertisement_id} = useParams();
-
- const [applicationsByJobAd, setApplicationsByJobAd] = useState([]);
- let applicationsByJobAdState = useSelector(state => state.appl.applicationsByJobAdId)
- const [dispatched, setDispatched] = useState(false);
-
- const [profilePics, setProfilePics] = useState({});
- let profilePicsState = useSelector(state => state.images.profilePictures)
- const [profilePicsDispatched, setProfilePicsDispatched] = useState(false);
-
- const [jobAdTitle, setJobAdTitle] = useState("");
-
- const [changedApplications, setChangedApplications] = useState({});
-
- useEffect(() => {
- if(!dispatched) {
- dispatch(ApplicationActions.fetchApplicationsByJobAdId(advertisement_id, (success, reponse) => {
- if (success && reponse.data.length > 0) {
- setApplicationsByJobAd(sortElementsBy(reponse.data, "submittedOn"))
- setJobAdTitle(reponse.data[0].jobAdTitle)
- }
- setDispatched(true)
- console.log("Fetch applications by job ad GET")
- }))
- } else {
- setApplicationsByJobAd(sortElementsBy(applicationsByJobAdState, "submittedOn"));
- if(applicationsByJobAdState.length > 0) {
- setJobAdTitle(applicationsByJobAdState[0].jobAdTitle)
- }
-
- }
-
- }, [applicationsByJobAdState])
-
- useEffect(() => {
- if(dispatched && !profilePicsDispatched) {
- applicationsByJobAd.forEach(app => {
- if(app.jobSeekerId && !profilePics[app.jobSeekerId]) {
- fetchProfilePic(app.jobSeekerId)
- }
- })
- setProfilePicsDispatched(true);
- console.log("Fetch all profile pics GET")
- } else if(profilePicsDispatched) {
- setProfilePics(profilePicsState)
- console.log("Fetch all profile pics STATE")
- }
- }, [dispatched])
-
-
- const fetchProfilePic = (jobSeekerId) => {
- dispatch(JobSeekerActions.downloadProfilePic(jobSeekerId, (success, response) => {
- if(success) {
- setProfilePics(prevState => ({...prevState, [jobSeekerId]: response}))
- }
- }))
- }
-
- const options = [
- {value: 'PROPOSED', label: Proposed},
- {value: 'UNDER_REVIEW', label: Under Review},
- {value: 'ACCEPTED', label: Accepted},
- {value: 'DENIED', label: Denied}
- ];
-
- const [selectedFilter, setSelectedFilter] = useState('All');
-
- const filters = [
- { value: 'ALL', label: 'All', icon: 'fa-folder-open' },
- { value: 'PROPOSED', label: 'Proposed', icon: 'fa-paper-plane' },
- { value: 'UNDER_REVIEW', label: 'Under Review', icon: 'fa-file-pen' },
- { value: 'ACCEPTED', label: 'Accepted', icon: 'fa-user-check' },
- { value: 'DENIED', label: 'Denied', icon: 'fa-user-slash' },
- ];
-
- const filterApplicationsByJobAdvertisement = (filter) => {
- dispatch(ApplicationActions.filterApplicationsByJobAdId(advertisement_id, filter, (success, response) => {
- if(success) {
- //notify
- }
- }))
- }
-
- let handleDefaultStatus = (status) => {
- return options.find(option => option.value === status);
- }
-
- let handleStatusChange = (selectedOption, id) => {
-
- const currentApplication = applicationsByJobAd.find(app => app.id === id);
-
- setChangedApplications(prevState => ({
- ...prevState,
- [id]: {
- ...prevState[id],
- response: (selectedOption.value === "ACCEPTED" || selectedOption.value === "DENIED") ? (prevState[id]?.response || currentApplication.response || "") : "",
- status: selectedOption.value
- }
- }))
-
- setApplicationsByJobAd(prevState => (
- prevState.map(application =>
- application.id === id ? {...application, status: selectedOption.value} : application)
- ))
-
- const responseTextarea = document.getElementById(`response-${id}`);
- if (responseTextarea) {
- responseTextarea.value = "";
- }
-
- /* dispatch(ApplicationActions.updateApplicationStatus(id, selectedOption.value, (success, response) => {
- if(success) {
- notifyAppStatusUpdate()
- }
- }))*/
- }
-
- let handleResponseChange = (e, id) => {
-
- const currentApplication = applicationsByJobAd.find(app => app.id === id);
-
- setChangedApplications(prevState => ({
- ...prevState,
- [id]: {
- ...prevState[id],
- response: e.target.value,
- status: prevState[id]?.status || currentApplication.status,
- }
- }
- ))
- }
-
- const handleSaveChanges = () => {
- console.log(changedApplications)
- const changes = Object.entries(changedApplications).map(
- ([applicationId, change]) => ({
- id: applicationId,
- status: change.status,
- response: change.response,
- })
- );
- console.log(changes)
-
- if(changes.length === 0) {
- return;
- }
-
- dispatch(ApplicationActions.updateApplications(changes, (success, response) => {
- if(success) {
- setChangedApplications({});
- notifyAppStatusUpdate()
- //notify change success
- }
- }))
-
-
- }
-
- const isChangedApplication = (id) => {
- return changedApplications && Object.keys(changedApplications).includes(id.toString());
- };
-
-
- return (
-
-
- {application.jobSeekerName}'s application for {application.jobAdTitle}
- -
-
-
-
-
-
-
-
- {jobAdTitle ?
-
-
- Applications for {jobAdTitle}
: - - } -
-
-
-
-
- {applicationsByJobAd && applicationsByJobAd.map((application, index) => (
-
-
-
- {
- filters.map(filter => (
- {
- setSelectedFilter(filter.label)
- filterApplicationsByJobAdvertisement(filter.value)
- setChangedApplications({});
- }}
- > {filter.label}
- ))
- }
-
-
-
-
-
-
-
-
-
-
-
-
- 
-
-
- Submitted on {new Date(application.submittedOn).toLocaleString('default', {
- day: 'numeric',
- month: 'long',
- year: 'numeric'
- })}
-
-
-
-
-
- {application.jobSeekerName}
-
-
- {application.jobSeekerEmail}
-
-
- {application.jobSeekerPhoneNumber}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- )}
- {/**/}
-
-
-
- )
-}
Index: bvista-frontend/src/views/profiles/RecruiterProfile.js
===================================================================
--- jobvista-frontend/src/views/profiles/RecruiterProfile.js (revision 4d97b633e131eca76d6c290321725684fc1d5970)
+++ (revision )
@@ -1,193 +1,0 @@
-import "../job_advertisements/JobAdvertisements.css"
-import {useDispatch, useSelector} from "react-redux";
-import {useEffect, useState} from "react";
-import {JobAdvertisementActions} from "../../redux/actions/jobAdvertisementActions";
-import {formatRelativeTime, sortElementsBy} from "../../utils/utils";
-import {Link} from "react-router-dom";
-import JobType from "../../enumerations/JobType";
-import {RecruiterActions} from "../../redux/actions/recruiterActions";
-
-import {useParams} from "react-router";
-
-
-export const RecruiterProfile = () => {
-
- const dispatch = useDispatch();
- const {id} = useParams();
- const auth = useSelector(state => (state.auth.currentUser))
-
- const [jobAdvertisementsByRecruiter, setJobAdvertisementsByRecruiter] = useState([]);
- const [recruiterDetails, setRecruiterDetails] = useState(null);
-
- let logosState = useSelector(state => state.images.logos)
- const [logoDispatched, setLogoDispatched] = useState(false)
- const [logoView, setLogoView] = useState(null);
-
- const [activeJobListingsCount, setActiveJobListingsCount] = useState(0);
-
-
- useEffect(() => {
-
- JobAdvertisementActions.fetchRecruiterDetailsById(id, (success, response) => {
- if (success) {
- setRecruiterDetails(response.data)
- }
- })
-
- }, []);
-
- useEffect(() => {
- if (id) {
- if (!logoDispatched && !logosState[id]) {
- dispatch(RecruiterActions.downloadLogo(id, (success, response) => {
- if (success) {
- setLogoView(response)
- setLogoDispatched(true)
- }
- }))
- } else {
- setLogoView(logosState[id])
- }
- }
-
- }, [auth])
-
- useEffect(() => {
-
- dispatch(JobAdvertisementActions.fetchJobAdvertisementsByRecruiterProfile(id, (success, response) => {
- if (success && response.data.length > 0) {
- setJobAdvertisementsByRecruiter(sortElementsBy(response.data, "postedOn"))
- setActiveJobListingsCount(countActiveJobListings(response.data));
- }
- }))
- }, [])
-
-
- function countActiveJobListings(jobAds) {
- if (jobAds.length > 0) {
- const activeJobListings = jobAds.filter(job => job.active)
- return activeJobListings.length;
- }
- return 0;
- }
-
-
- return (
-
-
- )
-}
Index: bvista-frontend/src/views/selectOptions.js
===================================================================
--- jobvista-frontend/src/views/selectOptions.js (revision 4d97b633e131eca76d6c290321725684fc1d5970)
+++ (revision )
@@ -1,64 +1,0 @@
-export const industryOptions = [
- { value: "Information Technology", label: "Information Technology" },
- { value: "Finance", label: "Finance" },
- { value: "Healthcare", label: "Healthcare" },
- { value: "Education", label: "Education" },
- { value: "Engineering", label: "Engineering" },
- { value: "Retail", label: "Retail" },
- { value: "Hospitality", label: "Hospitality" },
- { value: "Manufacturing", label: "Manufacturing" },
- { value: "Construction", label: "Construction" },
- { value: "Marketing", label: "Marketing" },
- { value: "Media", label: "Media" },
- { value: "Telecommunications", label: "Telecommunications" },
- { value: "Transportation", label: "Transportation" },
- { value: "Government", label: "Government" },
- { value: "Consulting", label: "Consulting" }
-];
-
-export const industryOptionsFilter = [
- { value: "all", label: "All industries" },
- { value: "Information Technology", label: "Information Technology" },
- { value: "Finance", label: "Finance" },
- { value: "Healthcare", label: "Healthcare" },
- { value: "Education", label: "Education" },
- { value: "Engineering", label: "Engineering" },
- { value: "Retail", label: "Retail" },
- { value: "Hospitality", label: "Hospitality" },
- { value: "Manufacturing", label: "Manufacturing" },
- { value: "Construction", label: "Construction" },
- { value: "Marketing", label: "Marketing" },
- { value: "Media", label: "Media" },
- { value: "Telecommunications", label: "Telecommunications" },
- { value: "Transportation", label: "Transportation" },
- { value: "Government", label: "Government" },
- { value: "Consulting", label: "Consulting" }
-];
-
-export const jobTypeOptions = [
- {value: "JOB", label: "Job"},
- {value: "INTERNSHIP", label: "Internship"},
-]
-
-export const employmentStatusOptions = [
- {value: "FULL_TIME", label: "Full time"},
- {value: "PART_TIME", label: "Part time"}
-]
-
-export const dataRangeOptions = [
- {value: "all", label: "Lifetime"},
- {value: "7days", label: "Last 7 days"},
- {value: "30days", label: "Last 30 days"},
- {value: "90days", label: "Last 90 days"},
- {value: "12months", label: "Last 12 months"},
- {value: "today", label: "Today"},
- {value: "thisMonth", label: "This month"},
- {value: "12months", label: "This year"},
-]
-
-export const sortOptions = [
- { value: "date_newest", label: "Date (Newest First)" },
- { value: "date_oldest", label: "Date (Oldest First)" },
- { value: "salary_highest", label: "Salary (High to Low)" },
- { value: "salary_lowest", label: "Salary (Low to High)" },
-]
Index: bvista-frontend/src/views/shared_css/Modal.css
===================================================================
--- jobvista-frontend/src/views/shared_css/Modal.css (revision 4d97b633e131eca76d6c290321725684fc1d5970)
+++ (revision )
@@ -1,208 +1,0 @@
-
-.modal-wrap {
- display: inline;
-}
-
-.btn-close-modal {
- position: absolute;
- top: 15px;
- right: 15px;
- padding: 5px 7px;
- cursor: pointer;
-}
-
-.react-responsive-modal-modal {
- background: #f1f1f1;
- border-radius: 10px;
- min-width: 1000px !important;
- max-width: 1000px !important;
- height: auto;
- padding: 0 !important;
- overflow-y: hidden;
-}
-
-.react-responsive-modal-closeButton {
- display: none !important;
-}
-
-.react-responsive-modal-modal .head-modal {
- border-top-left-radius: 10px;
- border-top-right-radius: 10px;
- background-color: rgba(1,38,90,0.9);
- /*background-color: white;*/
- background-size: cover;
- padding: 14px 48px;
- /*color: #3A3B3C;*/
- color: white;
- border-bottom: 1px solid #E5E4E7;
- display: flex;
- justify-content: left;
-}
-
-.react-responsive-modal-modal .head-modal h3 {
- text-transform: uppercase;
- font-weight: bold;
- display: inline;
- margin: 0;
-}
-
-
-.react-responsive-modal-modal .modal-content {
- /*line-height: 1.4;*/
- padding: 30px 48px;
- /*height: 100%;*/
- border: 0;
-}
-
-.react-responsive-modal-modal .modal-content form .modal-buttons{
- display: flex;
- justify-content: end;
- gap: 10px;
- margin-right: 10px;
-}
-
-
-.react-responsive-modal-modal .modal-content form .label {
- display: block;
- margin-bottom: 10px;
- font-weight: 500;
-}
-
-.react-responsive-modal-modal .modal-content form input {
- display: block;
- padding: 5px 10px;
- width: 100%;
- border-radius: 3px;
- border: 1px solid lightgrey;
-}
-
-.react-responsive-modal-modal .modal-content form textarea {
- width: 100%;
- resize: none;
- border-radius: 3px;
- border: 1px solid lightgrey;
- padding: 5px 10px;
-}
-
-.description-textarea {
- height: 285px;
-}
-
-.application-textarea {
- height: 100px;
- /*margin-bottom: 20px;*/
-}
-
-.resume-link {
- display: block;
- padding: 5px 10px;
- width: 100%;
- border-radius: 3px;
- border: 1px solid lightgrey;
-}
-.custom {
- margin-top: 10px;
-}
-
-input:focus, textarea:focus {
- outline-color: cornflowerblue;
-}
-
-.modal-buttons button, .modal-buttons div {
- position: relative;
- padding: 5px 20px;
- border-radius: 5px;
- border: none;
- color: white;
- /*text-transform: uppercase;*/
- font-weight: 500;
- margin-top: 15px;
- cursor: pointer
-}
-
-.modal-buttons .submit-btn {
- background: #06367a;
- transition: background-color 0.3s ease, color 0.3s ease;
-}
-
-.modal-buttons .submit-btn:hover {
- background-color: #2e579b;
-}
-
-.modal-buttons .cancel-btn {
- color: #858B96;
- background-color: #F0F0F0;
- transition: background-color 0.3s ease, color 0.3s ease;
-}
-.modal-buttons .cancel-btn:hover {
- background-color: #e0e0e0;
- color: #555;
-}
-
-.category-option {
- display: flex;
- align-items: center;
- gap: 10px;
-}
-
-/* DELETE MODAL */
-
-.modal-delete-buttons {
- display: flex;
- justify-content: flex-end;
- gap: 10px;
- margin-top: 25px;
-}
-
-.modal-delete-content {
- padding: 20px 25px;
-}
-
-.modal-delete-content-inside {
- display: flex;
- align-items: center;
-}
-
-.modal-delete-text {
- padding-left: 35px;
-
-}
-
-.modal-delete-text p {
- margin: 0;
-}
-
-
-.modal-delete-buttons .cancel-btn, .modal-delete-buttons .delete-btn {
- display: inline;
- border: none;
- padding: 5px 25px 5px 25px;
- border-radius: 7px;
-}
-
-.modal-delete-buttons .delete-btn {
- background-color: red;
- color: white;
-}
-
-.x-icon {
- transform: scale(3.3) !important;
- color: #D93936 !important;
- padding: 0 15px !important;
- /*margin-top: 20px !important;*/
-}
-
-.ql-snow .ql-picker.ql-font {
- display: none;
-}
-.ql-toolbar.ql-snow .ql-picker-options {
- background-color: white;
-}
-.ql-snow .ql-tooltip {
- transform: translateX(100px) !important;
-}
-
-
-
-
-
Index: bvista-frontend/src/views/shared_css/Random.css
===================================================================
--- jobvista-frontend/src/views/shared_css/Random.css (revision 4d97b633e131eca76d6c290321725684fc1d5970)
+++ (revision )
@@ -1,65 +1,0 @@
-.blue-submit-button {
- font-size: 1rem;
- padding: 5px 17px;
- border-radius: 8px;
- background-color: #06367a;
- border: none;
- color: white;
- font-weight: 500;
- transition: background-color 0.3s ease;
-}
-
-.blue-submit-button:hover {
- background-color: #2e579b;
-}
-
-/*FILTER CONTAINER*/
-
-.filter-container {
- height: 10%;
- width: 100%;
- background-color: #fff;
- border-radius: 12px;
- padding: 15px 20px;
- margin-bottom: 20px;
- margin-top: 30px;
- height: auto;
-}
-
-.filter-container .filter-box {
- display: inline-flex;
- justify-content: center;
- gap: 10px;
-}
-
-
-.filter-container .search-container {
- position: relative;
- /*float: left;*/
- display: inline-block;
-}
-.filter-container .search-container .search-input {
- width: 400px;
- display: inline;
- padding: 5px 30px;
- border-radius: 10px;
- border: 1px solid lightgrey;
- /*margin-right: 15px;*/
-}
-
-.filter-container .search-container .search-input:focus {
- outline-color: #2684ff;
-}
-
-.filter-container .search-container i {
- left: 10px;
- position: absolute;
- top: 10px;
-}
-
-.filter-container .item {
- width: 20%;
- display: inline-block;
- /*margin-left: 10px;*/
- /*float: left !important;*/
-}
Index: bvista-frontend/src/views/static/AboutUs.css
===================================================================
--- jobvista-frontend/src/views/static/AboutUs.css (revision 4d97b633e131eca76d6c290321725684fc1d5970)
+++ (revision )
@@ -1,47 +1,0 @@
-.about-wrap {
- margin-top: 30px;
-}
-
-.floating-wrap h3 {
- font-family: Segoe UI;
- text-align: center;
-}
-.floating-wrap h4 {
- text-align: center;
-}
-
-.floating-wrap h2 {
- font-family: Cairo;
- font-weight: bold;
-}
-.floating-wrap p {
- font-family: Ubuntu
-}
-.floating-wrap {
- background-color:white;
- padding: 15px 20px;
- border-radius: 15px;
- margin-bottom: 20px;
-}
-
-.floating-inside-wrap {
- background-color: rgb(243, 242, 241);
- padding: 15px 20px;
- border-radius: 15px;
- margin: 10px;
-}
-
-.about-us-img {
- margin-bottom: 20px;
- border-radius: 15px;
- width: 100%;
- padding: 0;
-}
-
-.start-title {
- font-weight: bold;
- font-size: 20px;
- font-family: Segoe UI;
- text-transform: uppercase;
-
-}
Index: bvista-frontend/src/views/static/AboutUs.js
===================================================================
--- jobvista-frontend/src/views/static/AboutUs.js (revision 4d97b633e131eca76d6c290321725684fc1d5970)
+++ (revision )
@@ -1,92 +1,0 @@
-import "./AboutUs.css"
-export const AboutUs = () => {
-
- return (
-
-
-
-
-
- {recruiterDetails &&
- <>
-
- 
- 
-
-
-
-
-
-
- {recruiterDetails && recruiterDetails.companyName}
-Active job listings: {activeJobListingsCount}
-
-
-
- }
-
- {/**/}
-
- {/*About the company
-{recruiterDetails.companyDescription ? - recruiterDetails.companyDescription : "There is no info about this company yet." - }
-- {recruiterDetails.contactEmail} • - {recruiterDetails.contactPhoneNumber} - {recruiterDetails.receptionist && • {recruiterDetails.receptionist}} -
-*/}
- {/*
*/}
- */}
- {/*
*/}
- {/**/}
- {/*
*/}
- {/* */}
- {/* */}
- {/* setSearchTerm(event.target.value)}*/}
- {/* />*/}
- {/*
*/}
- {/* */}
- {/* setSelectedIndustry(option.value)}*/}
- {/* options={industryOptionsFilter}*/}
- {/* className="sort-range sort"*/}
- {/* />*/}
- {/*
*/}
- {/* */}
- {/* setSelectedSortOrder(option.value)}*/}
- {/* options={sortOptions}*/}
- {/* className="sort-range sort"*/}
- {/* />*/}
- {/*
*/}
- {/* */}
- {/*
-
- {jobAdvertisementsByRecruiter && jobAdvertisementsByRecruiter.map((jobAd, index) => (
-
-
-
-
-
))}
-
-
-
-
- ${jobAd.startingSalary}/hr
- {jobAd.jobType === JobType.JOB ? "Job" : "Internship"}
- {!jobAd.active && Expired}
-
-
-
- {jobAd.title}
- {jobAd.industry} • {formatRelativeTime(jobAd.postedOn)} -
- Company: {jobAd.recruiterName}
-
-
- -
- Read
- more
-
-
-
- )
-}
Index: bvista-frontend/src/views/static/ErrorPage.js
===================================================================
--- jobvista-frontend/src/views/static/ErrorPage.js (revision 4d97b633e131eca76d6c290321725684fc1d5970)
+++ (revision )
@@ -1,17 +1,0 @@
-import "./NoAccess.css"
-export const ErrorPage = () => {
- return (
-
-
-
-
-
-
-
-
-
- Your Future, Our Mission
-- At Job Vista, we believe that finding the right job should be simple, efficient, and rewarding. Our mission is to connect talented individuals with their dream careers while helping companies discover the best candidates to join their teams. -
- - -
-
- How It Started
-- Founded in 2024, Job Vista was born out of a passion for transforming the job search experience. The idea for Job Vista originated as a university project, where a group of us noticed that the job market was becoming increasingly complex, with both job seekers and employers facing numerous challenges in finding the perfect match. Inspired by the potential to make a real difference, we decided to turn our project into a full-fledged platform. Our goal was to create an app that simplifies this process, making it easier for everyone involved. -
- -What We Offer
- -Job Seekers - can browse through thousands of job opportunities from various industries, all in one place. Enjoy an easy application process where you can apply for jobs with just a few clicks and track your applications seamlessly. Receive personalized job alerts about openings that match your skills and interests. Additionally, access a wealth of career resources, including articles, tips, and tools to help you prepare for interviews, improve your resume, and advance your career.
-- Recruiters - can post job openings and manage applications with our user-friendly interface, ensuring efficient recruitment. Find the best talent using our advanced search and filtering tools to discover candidates that fit your requirements. Enhance your brand visibility by showcasing your company and attracting top talent with a detailed company profile. -
- - {/**/} - {/* Our Vision*/} - {/*
*/} - {/**/} - {/* We envision a world where job seekers and employers can effortlessly connect, leading to fulfilling careers and successful businesses. By leveraging technology and innovation, Job Vista aims to be the go-to platform for job hunting and recruitment.*/} - {/*
*/} -
-
-
-
-
-
- 
-
-
-
-
-
- {/*
- */} - {/* Join Us*/} - {/*
*/} - - {/**/} - {/* Whether you're looking for your next job opportunity or searching for the perfect candidate, Job Vista is here to support you every step of the way. Join our community today and take the next step towards a brighter future.*/} - {/*
*/} -
-
-
-
-
-
- 120
-Total Recruiters
-
-
-
-
- 2400+
-Total Job Seekers
-
-
-
-
-
-
- 240
-Total Job Listings
-
-
-
-
- 4000+
-Total Applications
-
-
- )
-}
Index: jobvista-frontend/src/views/static/Header.css
===================================================================
--- jobvista-frontend/src/views/static/Header.css (revision 4d97b633e131eca76d6c290321725684fc1d5970)
+++ jobvista-frontend/src/views/static/Header.css (revision d8b6c91094bd4c748b347d914a3c4c3745d51587)
@@ -6,5 +6,4 @@
background-size: contain;
margin-right: 0;
-
}
@@ -19,14 +18,10 @@
.navbar {
- width: 100%;
height: 80px;
- background-color: #f8f9fa;
- font-family: Poppins, sans-serif;
- position: fixed;
- z-index: 10;
- box-sizing: border-box;
+ background-color: #535C91;
}
.navbar .nav-item {
+
color: rgba(1,38,90,0.9);
margin-right: 15px;
@@ -35,4 +30,5 @@
font-size: 20px;
font-weight: 600;
+ //font-family: 'Ubuntu', sans-serif;
font-family: Poppins, sans-serif;
}
@@ -40,4 +36,5 @@
color: white;
background-color: rgba(1,38,90,0.9);
+ /*border-bottom: 3px solid rgba(1,38,90,0.9);*/
}
.active {
@@ -46,157 +43,29 @@
}
-/*NOVO*/
-
-:root {
- --gray: #555;
- --purple: #4e65ff;
- --green-blue: #92effd;
- --white: #fff;
-}
-
-.navigation {
- position: fixed;
- top: 10px;
- right: 20px;
- width: 120px;
- height: 60px;
- display: flex;
- justify-content: space-between;
- border-radius: 5px;
- background: var(--white);
- box-shadow: 0 25px 35px rgba(0, 0, 0, 0.3);
- /*box-shadow: 0px 0px 18px 4px rgba(0,0,0,0.46);*/
- overflow: hidden;
- transition: height 0.5s, width 0.5s;
- transition-delay: 0s, 0.3s;
- z-index: 15;
- /*border: 2px solid var(--gray);*/
-}
-
-.navigation .user-box {
- position: relative;
- width: 60px;
- height: 60px;
- display: flex;
- align-items: center;
- overflow: hidden;
- transition: 0.3s;
- transition-delay: 0.3s;
-}
-
-.navigation .user-box .username {
- font-size: 1.2rem;
- font-weight: bold;
- white-space: nowrap;
- margin: 0;
- color: black;
- padding-top: 10px;
+.user {
}
-.navigation .user-box .role {
- color: darkgray;
- margin-bottom: 10px;
- font-size: 1rem;
-}
-
-.navigation .user-box .image-box {
- position: relative;
- min-width: 60px;
- height: 60px;
- background: var(--white);
- border-radius: 50%;
- overflow: hidden;
- border: 10px solid var(--white);
+.auth-box {
+ display: inline-block;
+ margin-right: 35px;
+ margin-left: 5px;
+ //height: 50px;
}
-.navigation .user-box .image-box img {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- object-fit: cover;
- /*border: 1px solid black*/
+.user {
+ color: black;
+ padding-top: 10px;
+ margin-bottom: 0;
+
}
-.navigation .menu-toggle {
- position: relative;
- width: 60px;
- height: 60px;
- display: flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
-}
+.role {
+ color: darkgray;
+ margin-bottom: 10px;
+ font-size: 15px;
-.navigation .menu-toggle::before {
- content: "";
- position: absolute;
- width: 32px;
- height: 2px;
- background: var(--gray);
- transform: translateY(-10px);
- box-shadow: 0 10px var(--gray);
- transition: 0.5s;
-}
-
-.navigation .menu-toggle::after {
- content: "";
- position: absolute;
- width: 32px;
- height: 2px;
- background: var(--gray);
- transform: translateY(10px);
- transition: 0.5s;
-}
-
-.menu {
- position: absolute;
- width: 100%;
- /*height: calc(100% - 60px);*/
- margin-top: 60px;
- padding: 0;
- border-top: 1px solid rgba(0, 0, 0, 0.1);
-}
-
-.menu .menu-link {
- text-decoration: none;
- color: black;
- display: flex;
- align-items: center;
- gap: 10px;
- font-size: 1.1rem;
- padding: 15px 30px;
-}
-.menu .menu-link:hover {
- background-color: #EEEEEE;
}
-.navigation.active .menu-toggle::before {
- transform: translateY(0px) rotate(45deg);
- box-shadow: none;
-}
-
-.navigation.active .menu-toggle::after {
- transform: translateY(0px) rotate(-45deg);
-}
-
-.navigation.active {
- width: 300px;
- height: 175px;
- transition: width 0.3s, height 0.3s;
- transition-delay: 0s, 0.3s;
-}
-
-.navigation.active .user-box {
- width: calc(100% - 60px);
- transition-delay: 0s;
-}
-
-
-
-
-
Index: jobvista-frontend/src/views/static/Header.js
===================================================================
--- jobvista-frontend/src/views/static/Header.js (revision 4d97b633e131eca76d6c290321725684fc1d5970)
+++ jobvista-frontend/src/views/static/Header.js (revision d8b6c91094bd4c748b347d914a3c4c3745d51587)
@@ -1,82 +1,27 @@
import {Link, NavLink} from "react-router-dom";
import "./Header.css"
-import {jwtDecode} from "jwt-decode";
import {useDispatch, useSelector} from 'react-redux';
import {useEffect, useState} from "react";
import {AuthActions} from "../../redux/actions/authActions";
import Roles from "../../enumerations/Roles";
-import {useNavigate} from "react-router";
-import {AUTH_TOKEN} from "../../axios/axiosInstance";
-import {JobSeekerActions} from "../../redux/actions/JobSeekerActions";
-import {RecruiterActions} from "../../redux/actions/recruiterActions";
-export const Header = (props) => {
+export const Header = () => {
const auth = useSelector(state => state.auth.currentUser);
const dispatch = useDispatch();
- const navigator = useNavigate();
- const [role, setRole] = useState("");
- const [username, setUsername] = useState("");
- const [user, setUser] = useState("");
-
- const [profilePics, setProfilePics] = useState({});
- let profilePicState = useSelector(state => state.images.profilePictures);
- const [profilePicDispatched, setProfilePicDispatched] = useState(false);
-
- const [logos, setLogos] = useState({});
- let logoState = useSelector(state => state.images.logos);
- const [logoDispatched, setLogoDispatched] = useState(false);
+ const [role, setRole] = useState(null);
+ const [username, setUsername] = useState(null);
const signOut = () => {
dispatch(AuthActions.signOut());
window.location = "/";
- //navigator("/")
}
- const [isActive, setIsActive] = useState(false);
-
- const toggleMenu = () => {
- setIsActive(!isActive);
- };
useEffect(() => {
- const token = localStorage.getItem(AUTH_TOKEN);
- if (token != null) {
- try {
- const decodedToken = jwtDecode(token);
- setUser({
- name: decodedToken.name,
- role: decodedToken.role,
- hasAccess: decodedToken.hasAccess,
- id: decodedToken.id
- });
- } catch (error) {
- console.error('Failed to decode token', error);
- }
- }
- }, [auth]);
- useEffect(() => {
if (auth) {
setRole(auth.role);
setUsername(auth.name);
-
- console.log("ROLE: " + auth.role)
-
- if (auth.role === Roles.JOBSEEKER) {
- dispatch(JobSeekerActions.downloadProfilePic(auth.id, (success, reponse) => {
- if (success) {
- setProfilePics(prevState => ({...prevState, [auth.id]: reponse}))
- console.log(reponse)
- }
- }))
- } else if (auth.role === Roles.RECRUITER) {
- dispatch(RecruiterActions.downloadLogo(auth.id, (success, reponse) => {
- if (success) {
- setLogos(prevState => ({...prevState, [auth.id]: reponse}))
- console.log(reponse)
- }
- }))
- }
}
}, [auth]);
@@ -85,73 +30,43 @@
-
- 404
-Opps! Page not found.
-- The page you’re looking for is not available or doesn’t exist. -
- {/*{user && Go back}*/} - {/*{!user && Go back}*/} - -