Migration: comments-modal component

[s223749059]

Description

Migrate the comments-modal component from CoffeeScript and Angular.js to TypeScript and Angular. The component is located in the comment section and applied for image and pdf comment types. In that, users can click on the comment to display the original size of the files. And, allowing download functions.

How Has This Been Tested?

• First, log in to the OnTrack application.
• Navigate to the comment section (In the right hand side of the web page, the comment section displays conversations between students and tutors in each specific unit task).
• Sending image and pdf comments.
• After that, when clicking on the comment files, it displays the original size and allows users to download the comments.
• Note: In the migration process, there are modifications on functions. In that, the functions display the image comments, and directly download pdf comment files. There are inform alerts after the file is downloaded.

Before:

After:

Testing Checklist:

• Tested in latest Chrome
• Tested in latest Safari
• Tested in latest Firefox

Checklist:

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented my code in hard-to-understand areas
• I have made corresponding changes to the documentation
• My changes generate no new warnings

[s223749059]

The component review for Migration: comments-modal is completed with a pull request into thoth-tech/documentation repository: thoth-tech/documentation#478.

[maddernd]

The after picture looks very different to the before picture, this will need fixing up so it looks exactly the same.