Migration Plan to Vue 3 and Vuetify for CSHR Project (Version 1.1)

[Mahmoud-Emad]

Description

In the upcoming version 1.1, we are migrating the UI of the CSHR project from Svelte to Vue 3 and Vuetify to enhance frontend features. This issue covers all the necessary tasks and features involved in this migration.

1. Implement Auth System (Login/Register Screens)

   • Issue: https://github.com/codescalersinternships/CSHR/issues/264

2. Implement Global Calendar View

   • Issue: https://github.com/codescalersinternships/CSHR/issues/265
   • Include filters and required forms (meeting, vacation, event).
   • Calendar should be selectable, supporting date selection via click, drag, and drop.

3. Implement Profile Screen

   • Issue: https://github.com/codescalersinternships/CSHR/issues/266
   • Keep it simple and essential.

4. Implement Notifications Screen

   • Issue: https://github.com/codescalersinternships/CSHR/issues/267
   • Include a toast for timely notification display.

5. Implement Vacation/Event/Meeting Details Screen

   • Issue: https://github.com/codescalersinternships/CSHR/issues/268
   • Allow users to cancel vacation requests while pending approval.
   • Users can delete requests for other modal types.

6. Implement My Team Screen

   • Issue: https://github.com/codescalersinternships/CSHR/issues/269
   • Display team leaders and members separately.

7. Implement Organization Team Screen

   • Issue: https://github.com/codescalersinternships/CSHR/issues/270
   • Include filters for users based on their office.
   • Add filters to navigations as query parameters.

8. Implement Settings Screen

   • issue: https://github.com/codescalersinternships/CSHR/issues/271
   • Include only the change password form.

9. Implement Admin Dashboard with Forms

   • issue: https://github.com/codescalersinternships/CSHR/issues/272

   • Update/Post Vacation Balance Form

     • Reflects current year's data for the respective office.
     • Admins can modify existing data for 2024.

   • Update Set User Vacation Balance Form

     • Set a new balance for the selected user.
     • Users loaded based on the admin office.

   • Vacation Balance Adjustment Form

     • Admins can increment the vacation balance for the entire team.
     • Transparently document reasons for adjustments.

   • Add New Office Form

     • Create a new office with its weekend days.

   • Add New User Form (or integrate with Auth Issue)

     • Register form screen for new users.

   • Update User Information

     • Only admins in the same office as the user can update this information.

[Mahmoud-Emad]

The front-end project has been upgraded to use Vue3.

Closed as fixed, please if you notice that the issue still exists open it again.