Migrates the comments-modal component from CoffeeScript to TypeScript. This component is used to display images and PDFs from the task comments as a fullscreen modal popup, allowing users to view the content without needing to download or open it in another tab.
Type of change
[x] Migration
How Has This Been Tested?
Log in as student_1 and select any unit and any task.
Send an image and a PDF into the task comments either by manually attaching the files using the bottom left icon or dragging and dropping it over.
Once uploaded, confirm the comments-modal is working correctly by clicking on the attachments in the comments and view images in fullscreen or PDFs embedded into the modal.
Before (images):
After (images):
Before (PDFs):
After (PDFs):
Testing Checklist:
[x] Tested in latest Chrome
[x] Tested in latest Safari
[x] Tested in latest Firefox
Checklist:
[x] My code follows the style guidelines of this project
[x] I have performed a self-review of my own code
[x] I have commented my code in hard-to-understand areas
[x] I have made corresponding changes to the documentation
Student ID: s222313935
Description
Migrates the
comments-modalcomponent from CoffeeScript to TypeScript. This component is used to display images and PDFs from the task comments as a fullscreen modal popup, allowing users to view the content without needing to download or open it in another tab.Type of change
How Has This Been Tested?
student_1and select any unit and any task.comments-modalis working correctly by clicking on the attachments in the comments and view images in fullscreen or PDFs embedded into the modal.Before (images):
After (images):
Before (PDFs):
After (PDFs):
Testing Checklist:
Checklist:
Component review PR: https://github.com/thoth-tech/documentation/pull/519 ThothTech PR: https://github.com/thoth-tech/doubtfire-web/pull/218