SAK-47848 grader. Added curly brace instruction to grader feedback (#…

…12018)

(cherry picked from commit 2dd26d4)

 Conflicts:
	webcomponents/bundle/src/main/bundle/grader.properties

webcomponents/bundle/src/main/bundle/grader.properties

@@ -32,8 +32,12 @@ notes_present=There are private notes on this submission
 unsaved_notes_present=The private notes on this submission is not saved
 unsaved_text_warning=Changes are not going to be saved. Click on 'Cancel' again to confirm.
 profile_image='s profile image
-inline_feedback_instruction=This is the submitted text, with your feedback. To add more feedback, click 'Add Feedback' at the bottom of the submission, then click 'Done' when you're finished. <strong>Your changes won't be saved until you click one of the save buttons in the grader.</strong>
-confirm_exceed_max_grade=The grade you entered is greater than the max of {}. Is that okay?`
+inline_feedback_instruction=Below is the submission from a student. You can insert comments in this \
+text by clicking 'Add Feedback' at the bottom of the submission - comments surrounded by double \
+curly braces {{<span class="highlight">like this</span>}} will appear red to the student. Click \
+'Done' when you're finished. <strong>Your changes won't be saved until you click one of the save \
+buttons in the grader.</strong>
+confirm_exceed_max_grade=The grade you entered is greater than the max of {}. Is that okay?
 unlimited=Unlimited
 hide_history=Hide History
 show_history=Show History

webcomponents/tool/src/main/frontend/js/grader/sakai-grader.js

@@ -881,6 +881,7 @@ export class SakaiGrader extends gradableDataMixin(SakaiElement) {
     } else {
       if (!cancelling) {
         this.submission.feedbackText = this.feedbackTextEditor.getData();
+        bootstrap.Offcanvas.getOrCreateInstance(document.getElementById("grader")).show();
         this.requestUpdate();
       } else {
         this.feedbackTextEditor.setData(this.submission.feedbackText, () => this.modified = false);