tutor: Highlight (underline) and comment part of student message

added 1 deleted label

added To do label and removed 1 deleted label

Possibility for a tutor to:

• select/highlight words in the tutor/user message
• on select: open tooltip with 2 options: [ Underline | Comment ]
• Underline: shows a thick red underline for both
• Comment: add a short comment in a permanent "bubble" under the passage, for both
• log this appropriately

assigned to @bridubois

changed milestone to %0.1: Basic test & chat ready

removed milestone %0.1: Basic test & chat ready

changed milestone to %0.2: Essential functions ready & corrective feedback

changed milestone to %0.1: Basic test & chat ready

mentioned in commit 17d47574

Screenshots of the first steps of the implementation for highlighting. Any comment is welcome.

As it's a tricky feature, I would expect many bugs for the first version.

It looks good! I think it's exactly what's needed.

• Does it appear to the student on the other side as well immediately? (probably next steps:)
• If click on the comment button () -> opens an input field immediately to the right + submit button?
• When submitting the feedback message, can this message appear in a ~permanently displayed ~tooltip on top/bottom of the highlighted text?
• In both cases (underline or comment), highlighted text should be underlined.

Code details:

• Don't call it "SpellCheck", but rather "Feedback", if possible

Visual details:

• popup buttons centered if possible or right-aligned to the cursor/highlight end
• underline button should show an underlined letter or something, not a spellchecker, e.g., (FontAwesome)
• underline could also be thick (and straight then? but good idea to have it wavy)

Here is the screenshot of the new implementation, which is way better done, and allow to add a comment in a tooltip. For now, the tooltip only shows when the text is hovered, because otherwise it prevents to read the text behind the tooltip. I used wavy line for "underline-only" and straight line for commented ones, but this could now be changed very easily.

Also, the new implement should prevent much errors, as it doesn't modify the original message. But this feature is complex and took way more time to implement than expected.

added To review label and removed To do label

Great! Thanks and congrats, Brieuc!

• tooltip only on hover: OK, makes sense

Small visual tweaks (but I can try to do it myself if needed):

• underline button: probably not possible, but it would be even clearer with a red line under the U
• tooltip: I'd use a normal white background - black font
• wavy red underline -> great
• for "comments" underline: wavy blue (or another colour, yellow..., as long as it's not red) => to make it clear that it's a comment, similar to the wavy red markup, but that it's not necessarily an error (the comment will say).

mentioned in commit 89fe386c

mentioned in commit 03f5412c

closed with commit 6606de49

mentioned in commit 6606de49