Inline Feedback rendering ("Gitlab diff notes")

Description / Overview

Components allowing render of highlighted student submission (see links for options) and option to annotate each submission line with feedback (similiar to how Gitlab handles diff notes). Hovering over the line number would cause a button to pop up. Clicking the button will cause an editor (can be of minimal functionality) to transition between the line selected and the one beneath. Upon submitting, the editor transitions out and the feedback is rendered between the student lines in a distinguishable way (e.g. different color).

Use cases

This is for the students, tutors and reviewers alike. It will allow the tutors/reviewers to specifically address issues in the student submissions in a natural way and provides an easy way for the students to match the feedback to their mistakes.

Links / references

https://highlightjs.org/ https://github.com/google/code-prettify

Feature checklist

• Syntax highlighting of submission
• Rendering of feedback in a distinguishable way
• make submission lines and feedback clickable and show editor
• Transitioning of editor (optional)

added Assigned Enhancement Frontend labels

mentioned in commit 5e308712

marked the checklist item Syntax highlighting of submission as completed

marked the checklist item Rendering of feedback in a distinguishable way as completed

added Doing and removed Assigned labels

added review and removed Doing labels

changed the description

changed the description

mentioned in merge request !18 (closed)

@robinwilliam.hundt What is the status of this ticket?

removed Enhancement label

Needed for close: "make submission lines and feedback clickable and show editor".

new Issue: #78 (closed)

closed