-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
{getFileName(application.fileName)}
-
+
+
+
+
+
+
+
+
+
+ {additionalFileUrls.length > 0 ? (
+
+
+
) : (
+ {(application.status === "UNDER_REVIEW" && application.response.length > 0 && auth.role == Roles.JOBSEEKER) &&
+
+
+ setAdditionalFiles(e.target.files)}
+ required type="file"
+ id="fileUpload"
+ accept=".pdf"
+ multiple
+ />
+
}
+
+ )}
+
+ {(additionalFileUrls.length === 0 && application.status === "UNDER_REVIEW" && application.response.length > 0 && auth.role == Roles.JOBSEEKER) &&
+
}
+
+
Index: jobvista-frontend/src/views/applications/Applications.css
===================================================================
--- jobvista-frontend/src/views/applications/Applications.css (revision 0f0add0e646bd880b8213e381f57f621bc0e6861)
+++ jobvista-frontend/src/views/applications/Applications.css (revision 4d97b633e131eca76d6c290321725684fc1d5970)
@@ -17,8 +17,51 @@
}
-/*.application-title span {*/
-/* font-weight: bold;*/
-/* */
-/*}*/
+.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 {
@@ -29,11 +72,7 @@
transition: all 0.3s ease;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
- height: auto;
+ /*height: auto;*/
padding: 20px 20px;
display: flex;
- /*justify-content: center;*/
- /*gap: 20px;*/
- margin: 15px 0;
- /*z-index: -1000;*/
}
.application-card .app-job-seeker-pic {
@@ -51,5 +90,5 @@
.application-card .app-info {
- width: 65%;
+ width: 60%;
display: inline-flex;
flex-direction: column;
@@ -86,5 +125,5 @@
.application-card .app-status {
- width: 28%;
+ width: 38%;
display: inline-flex;
justify-content: end;
@@ -98,5 +137,5 @@
}
-.status {
+.app-status .status {
color: white;
padding: 5px 10px;
@@ -105,4 +144,10 @@
text-align: center;
}
+
+
+
+
+
+
@@ -168,2 +213,43 @@
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: jobvista-frontend/src/views/applications/ApplicationsByJobAd.js
===================================================================
--- jobvista-frontend/src/views/applications/ApplicationsByJobAd.js (revision 0f0add0e646bd880b8213e381f57f621bc0e6861)
+++ jobvista-frontend/src/views/applications/ApplicationsByJobAd.js (revision 4d97b633e131eca76d6c290321725684fc1d5970)
@@ -25,6 +25,8 @@
const [jobAdTitle, setJobAdTitle] = useState("");
+ const [changedApplications, setChangedApplications] = useState({});
+
useEffect(() => {
- if(!dispatched && (applicationsByJobAdState.length === 0 || applicationsByJobAdState.length === 1)) {
+ if(!dispatched) {
dispatch(ApplicationActions.fetchApplicationsByJobAdId(advertisement_id, (success, reponse) => {
if (success && reponse.data.length > 0) {
@@ -60,4 +62,5 @@
}, [dispatched])
+
const fetchProfilePic = (jobSeekerId) => {
dispatch(JobSeekerActions.downloadProfilePic(jobSeekerId, (success, response) => {
@@ -67,5 +70,4 @@
}))
}
-
const options = [
@@ -76,16 +78,100 @@
];
+ 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 handleChangeStatus = (selectedOption, id) => {
- dispatch(ApplicationActions.updateApplicationStatus(id, selectedOption.value, (success, response) => {
+ 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) {
- // console.log("Status updated.")
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());
+ };
@@ -98,40 +184,85 @@