John-sCC / jcc_frontend

Apache License 2.0
0 stars 0 forks source link

Assignment Info Display on Frontend - Main Changes (Before Assignment POST is Finished) #99

Closed drewreed2005 closed 1 month ago

drewreed2005 commented 1 month ago

Prior Planning

Drew's Ticket

Focused on implementing specialized Assignment and AssignmentSubmission methods for frontend data display and grading.

Raymond's Ticket

Raymond's edits are mostly focused on file uploading and sending file previews to the frontend, which was a big mystery until he took it on.

Wireframes

Student View

Screen Shot 2024-05-26 at 10 52 07 PM

Teacher View

Screen Shot 2024-05-26 at 10 52 49 PM

Final Versions

The difference between the Student and Teacher views is based on the output of the backend assignment cookie info request described in this backend pull request.

Student View

Prior to any submissions, no preview:

Screen Shot 2024-05-26 at 10 54 08 PM

After submission, with preview:

Screen Shot 2024-05-26 at 10 55 40 PM

(Obviously, you can scroll down to see the full image. The text is green when preview is being shown and turns back to black when other previews are clicked or the "Close Preview" button is clicked.)

Teacher View

Prior to viewing any submissions, no preview:

Screen Shot 2024-05-26 at 10 58 58 PM

After viewing and grading a submission using the grading box, with preview:

Screen Shot 2024-05-26 at 10 59 33 PM

(Once again, you can scroll down to see the full preview. You can also zoom in on the PDF or download any file to view separately.)

Other Notes

Testing still needs to be done with deployed to determine if file previews work as intended.