dangitjason / tutorbase Goto Github PK

See title

We want the calendar to resize correctly, for browser and mobile. This take some CSS magic most likely.

• While on mobile we want only a daily view NOT WEEKLY
• On browser we want the weekly view

Empty space at the bottom:

Poor mobile formatting:

Use the created backend express routes (see below image), format data into the ToastUI format and then add the data to the calSchedules array. The data should then auto display.

You can put the get code in here (or elsewhere if you want, make it look nice). See below image.

Per title ... Inside the meetings tab, the accept and reject marks needs to be implemented. This would either move the appointment to an "Upcoming" or "Denied" color.

Description of bug can be found on lines 93-96

https://github.com/DangItJason/TutorBase/blob/develop/client/src/components/clientFlow/4_selectDateTime.tsx

Re-design first step UI in scheduler procecss to fill entire screen, eye appealing and be able to scroll (to handle overflow)

Wireframe:

When a tutor goes to edit or see their availability, I'm not sure exactly what format that should be. I know it was proposed of just doing text for those but a more of a graphical UI like the one used for scheduling the meeting could look nice there.

Remove the old scheduler and add a new one!

Server side rendering is necessary to log into CAS. Rather than go form client server -> node server - > CAS we can simplify to node server -> CAS to remove any CORS issues that have been pooping up.

Tutors will have to upload a profile photo upon registration. We need to figure out how to store/process these assets and how to display them accordingly to other users.

We want a date slider/selector at the top of the calendar so the user can click through weeks.

Current:

What we want:

None of the sidebar tabs move the user the appropriate page.

For example, the settings tab will not move the user to the settings page BUT instead the home page.

Enable each button to move the user to the appropriate page.

Create an upcoming meetings state that will hold all meeting data for that user. This will be used in the upcoming meetings tab to generate meeting cards to display.

Currently default HTML button and select are used within the scheduler component:

Adding a UI library would make this look better.

Given something like [ [(1015, 1215), (0014, 0120) ], [], [], [], [], [], [] ] via an express route block off times on the schedule with the name "Tutor Unavailable"

It will be an array of 7 arrays and each inner array contains tuples of the times the tutor is available for that day in four digit 24 hour time.

Starts on Sunday and goes to Saturday.

Example:
Sunday Monday Tuesday Wednesday....
[ [(1015, 1215), (0014, 0120)], [(1200, 1300)], [ ], [ ], [], [], [] ]

The tutor is available on Sunday from 10:15AM to 12:15PM and 12:14AM to 1:20AM. On Monday they are around from 12:00PM to 1:00PM and they are unavailable the rest of the week.

Some fixes are needed to make the landing page more presentable:

• If there's no images to place in the spots with missing images, just remove them or comment them out for now
• There's also some extra tabs and/or they don't match up properly with the sections of the landing page that are currently there
• When a new tab is selected, the "Home" tab still stays highlighted

And maybe some more small things that I haven't noticed.
Low priority issue but definitely a good first issue to work on for newer team members.

Build the main container to hold all the meeting cards, as well as the building and implementing the meeting filter dropdown.

Page Layout Example:

As a Client/Tutor, I would like to see my upcoming and unconfirmed meetings.

Requirements/Acceptance Criteria

• Client is able to see upcoming meetings
• Client is able to see unconfirmed meetings

Build a component that will display information for a particular meeting, categorized by color as:

• Pending(Orange)
• Upcoming(Blue)
• Completed(Green)
• Denied(Red)

The card will expand on click to reveal more information

The Pending card will show a check/x mark to either accept or deny the meeting

Currently the time scheduling allows a user to make multiple selection blocks. A future feature could be to support this functionality, but for now it should be disabled. If a user would like to schedule multiple sessions with the same tutor, for now the user will have to manually go back through the scheduling process and book another appointment.

Here’s kinda the outline of things I saw that we most likely need to do to get the page functioning:

• Modify the Calendar scheduling to make the scheduling step (Step 4) a little more user-friendly (Nick)
  * Possibly fix the calendar to only show either monthly or weekly
• In order to keep track of what user we are submitting the meeting for we should set up a global redux state holding some sort of User ID or separation
  * This will go hand and hand with the authentication that Sunny is working on
• We may have to modify the route for submitting the meeting to make it work
  * It’s unlikely that we’ll have to modify any schema but it is possibly

Compared to the normal card, the elements in the expanded card starting from the location are shifted left by a couple pixles. Not sure why but this will use some css fixes.

Build the express routes that will return all meeting data for a specific user to be used to display by the soon to be implemented Upcoming Meetings tab in the frontend.

When the page is loaded, the dropdown does not show the first item in the dropdown toggle. Only after selecting an item does the dropdown toggle show the appropriate header.

Requirement:

• After clicking login from the home page, instead of moving the user to the SSO, move the user straight to the home page.
• Make sure user still has correct credentials to access all available routes.

Main Login Screen - Elements are overlapping over each other.

1. Arrange elements so they do not over lap.
   or
2. Create own design.

Per title.

Requirements:

• Tutor must be able to see total revenue
• Tutor must be able to see total hours tutored
• Tutor must be able to see tutoring frequency
• Tutor must be able to subjugate by class and subjects

When trying to create a new schedule the box get bugged not, I'm not sure why. There is some strange looking boxes and the calendar boxes don't work.

Looks like this:

Should look like this:

When rendering /home/meetings from the tutor-operations branch, the page is unable to be loaded because of an invalid property. I think this has to something to do w/ redux.

Course objects currently store an array of the tutors that offer that course. This information is not yet updated when a tutor adds or removes a course from their list of offered courses.

We want to refactor the entire application to include redux, this is a big task but we should be able to make this work!

• We will use the Redux Toolkit not the normal redux core (https://redux-toolkit.js.org/)
• We won't be using hooks because this will take longer

More issues may be posted but this issue thread will be the main location to talk about the refactor. Documentation is linked above.

When the user creates a new schedule with the TOAST UI Schedule then upload that schedule to the database.

Probably you will use this function:

Ensure that if the user removes or edits the schedule this is also reflected in the database.

Currently, the ability to enable "dev mode" which allows you to bypass the CAS system lives inside here.

Move this capability to an .env file such that a developer is able to turn on/off through this file.

When a meeting is completed, it should automatically be moved from the appts to the completed_appts attribute in the User model. This may involve using some job scheduling library for Node.