File Page New UI

[Ishfaq-code]

Revamped File Form

This PR introduces the new revamped file form with all it's functionality and new UI. The form is able to:

• Upload and replace files
• Show references of each file
• Delete unused files
• Mark files as reviewed/unreviewed

Uploading and Replacing files

The form is able to replace files with newer files where it uploads a new file to the user's canvas course and replaces all references to the old file with the new file.

Testing:

• Ensure the file you are testing this on has references in the course
• When you open the file in the UDOIT LTI, you will see an option to 'Replace File'
• You will then be able to click on a box to upload a new file
• Click save to confirm

Delete Unused Files

The form is able to delte unused files, both that have been replaced by the form AND ones that were never used.

Testing

• Case 1: After Replacing a file
  • After replacing a file with a new one, the form will have an option to 'Delete Original File'
  • Select that option and click Delete on the bottomn right
  • After deletion the form should go onto a new issue or close the dialog box
• Case 2: Unused file in canvas
  • Upon opening the form you will see an option to delete
  • Select that option and click 'Delete' on the bottom right
  • After deletion the form should go onto a new issue or close the dialog box

Mark files as reviewed/unreviewed

Able to mark files as reviewed and unreviewed

Testing

• Reviewing:
  • On a file select 'Keep Current File'
  • Click 'Save' on the bottom right
• Unreviwing:
  • After reviewing you will have a message confirming the review and you will be able to unreview the file

Reverting Files

After replacing a file, if the user wants to go back for the references to point to an old file they are able to do so.

Testing

• After replacing a file the user will see an option to "Revert To Original File"
• Select that option and click 'Save' on the bottom right
• The references should now have the original file once again

Missing: This PR does not YET find, upload or replace files found in quiz questions and comments. This is because currently UDOIT does not scan quiz questions or comments.

Screen.Recording.2026-01-27.at.1.03.59.PM.mov

[dmols]

Visual changes look great and the code works as expected! Good to merge! If we find any weird edge cases, we can handle that while QA testing.