Assessment: Visualize generic and manual feedback separately

[pinarmrv]

Checklist

• I documented the TypeScript code using JSDoc style.
• I added multiple screenshots/screencasts of my UI changes
• I translated all the newly inserted strings into German and English

Motivation and Context

Currently when the grading instructions is associated with the feedback element, we duplicate the feedback of the instruction in the feedback table. To avoid this duplication, we won't apply grading instruction into feedback element anymore. We will show feedback that comes from grading instruction and the manually written feedback separately in the feedback editor. Therefore, we used Feedback label of the editors.

Description

• when the grading instruction is used, feedback of the grading instruction will be placed Feedback label, and the assessor won't be able to change it. There will be help icon next to the Feedback label, tooltip will explain that the feedback is linked with the instruction. In the meantime, the assessor will be able to provide additional feedback.
• Changed the mimetype as text for droppable instruction to allow the use it in external environments such as Apollon, Orion

Steps for Testing

Will be tested with corresponding Artemis PR

Tutor/Instructor Steps

1.Create new modeling exercise, add structured grading instructions(drag&drop element)
2.Set due date after 4-5 min later
3.Publish exercise and login as a student
6. In assessment period, find the submission you submitted, start to assess
7. Assess UML element(class/attribute/method) in the editor:
7a. add some text manually, before start to type sth, placeholder should be "Enter your feedback here...". you should see only Feedback label.
7b. assess another UML element drag and drop the grading instruction into inline feedback area from instruction panel on the right, placeholder should be changed to "Enter your additional feedback here...". Near to the feedback label, you should see help icon, hover it. Tooltip message should be understandable from the assessor. We wont set the textarea with the feedback of the grading instruction. Next to the help icon, you should see feedback of grading instruction. You can not edit this text. Add some feedback into text area.
8. save your assessment.

Screenshots

Test Coverage

assessment-section.tsx 94.03%

[Olimbia23]

Code changes look good.
Nice work @imstreetspirit
Approve 👍

Ps. Left some comments regarding translation strings.

[lschlesinger]

I tested the functionality of the corresponding Artemis PR in the context of modeling exercises. Therefore I also approve the functionality of this PR.

[MerlinMehmed]

I also tested the functionality of the corresponding Artemis PR in the context of modeling exercises. Approving this PR as well.