Update intervention locale and add explanation

app/assets/javascripts/editor/editor.js.erb

@@ -857,7 +857,9 @@ var CodeOceanEditor = {
                             clearInterval(tid);
                             // timeUntilIntervention passed
                             if (editor.data('tips-interventions')) {
-                                $('#tips-intervention-modal').modal('show');
+                                const modal = $('#tips-intervention-modal');
+                                modal.find('.modal-footer').text(I18n.t("exercises.implement.intervention.explanation", {duration: Math.round(percentile75 / 60)}));
+                                modal.modal('show');
                                 $.ajax({
                                     data: {
                                         intervention_type: 'TipsIntervention'
@@ -867,7 +869,9 @@ var CodeOceanEditor = {
                                     url: interventionSaveUrl
                                 });
                             } else if (editor.data('break-interventions')) {
-                                $('#break-intervention-modal').modal('show');
+                                const modal = $('#break-intervention-modal');
+                                modal.find('.modal-footer').text(I18n.t("exercises.implement.intervention.explanation", {duration: Math.round(percentile75 / 60)}));
+                                modal.modal('show');
                                 $.ajax({
                                     data: {
                                         intervention_type: 'BreakIntervention'
@@ -881,7 +885,12 @@ var CodeOceanEditor = {
                                 // only show intervention if user did not requested for a comment already
                                 if (!button.prop('disabled')) {
                                     $('#rfc_intervention_text').show();
-                                    $('#comment-modal').modal('show');
+                                    modal = $('#comment-modal');
+                                    modal.find('.modal-footer').text(I18n.t("exercises.implement.intervention.explanation", {duration: Math.round(percentile75 / 60)}));
+                                    modal.on('hidden.bs.modal', function () {
+                                        modal.find('.modal-footer').text('');
+                                    });
+                                    modal.modal('show');
                                     $.ajax({
                                         data: {
                                             intervention_type: 'QuestionIntervention'

app/views/exercises/_request_comment_dialogcontent.html.slim

@@ -1,8 +1,8 @@
-h5#rfc_intervention_text style='display: none;' = raw t('exercises.implement.rfc_intervention.text')
+#rfc_intervention_text style='display: none;' == t('exercises.implement.rfc_intervention.text')
-h5 = raw t('exercises.implement.comment.question')
+== t('exercises.implement.comment.question')
 
 
-textarea.form-control.flex-grow-1#question(style='resize:none;')
+textarea.form-control.flex-grow-1#question(style='resize:none; height: 15vh;')
 p = ''
 / data-cause='requestComments' is not used here right now, we pass the button #requestComments (not askForCommentsButton) as initiator of the action.
 / But if we use this button, it will work since the correct cause is supplied

app/views/interventions/_break_intervention_modal.html.slim

@@ -1 +1 @@
-h5 = t('exercises.implement.break_intervention.text')
+== t('exercises.implement.break_intervention.text')

app/views/interventions/_tips_intervention_modal.html.slim

@@ -1,3 +1,3 @@
-h5 == t('exercises.implement.tips_intervention.text')
+== t('exercises.implement.tips_intervention.text')
 
 = render(partial: 'exercises/tips_content')

config/locales/de.yml

@@ -450,14 +450,16 @@ de:
         removeAllOnLine: Meine Kommentare auf dieser Zeile löschen
         listing: Die neuesten Kommentaranfragen
         request: "Kommentaranfrage stellen"
-        question: "Bitte beschreiben Sie kurz Ihre Probleme oder nennen Sie den Programmteil, zu dem Sie Feedback wünschen. </br> </br> Ihr Programmcode und eventuelle Fehlermeldungen werden automatisch zur Anfrage hinzugefügt."
+        question: "Bitte beschreiben Sie kurz Ihre Probleme oder nennen Sie den Programmteil, zu dem Sie Feedback wünschen. Ihr Programmcode und eventuelle Fehlermeldungen werden automatisch zur Anfrage hinzugefügt."
+      intervention:
+        explanation: "Diese Meldung erscheint, weil Sie %{duration} Minuten an dieser Aufgabe gearbeitet haben. 25% Ihrer Mitlernenden arbeiten länger daran, insofern ist das kein Problem, aber dies hat sich als effektiven Zeitpunkt für diese Meldung erwiesen."
       rfc_intervention:
-        text: "Es scheint so, als würden Sie bei dieser Aufgabe momentan nicht weiterkommen. </br> Wenn Sie nicht selbst weiter knobeln möchten, können Ihre Mitlernenden bestimmt helfen! </br> </br>"
+        text: "Falls Sie bei dieser Aufgabe nicht weiterkommen und nicht selbst weiter knobeln möchten, können Ihre Mitlernenden bestimmt helfen! </br> </br>"
       break_intervention:
         title: "Pause"
-        text: "Es scheint so, als würden Sie bei dieser Aufgabe momentan nicht weiterkommen. </br> Da Ihr Fortschritt in CodeOcean automatisch gespeichert wird, können Sie jederzeit eine Pause einlegen und später weiter knobeln."
+        text: "Falls Sie bei dieser Aufgabe momentan nicht weiterkommen, können Sie jederzeit eine Pause einlegen und später weiter knobeln. Ihr Fortschritt wird in CodeOcean automatisch gespeichert."
       tips_intervention:
-        text: "Es scheint so, als würden Sie bei dieser Aufgabe momentan nicht weiterkommen. </br> </br> Sind Ihnen die Tipps in der linken Seitenleiste aufgefallen? Sie könnten einige Ihrer Fragen beantworten und werden auch direkt hier angezeigt."
+        text: "Falls Sie bei dieser Aufgabe momentan nicht weiterkommen, können Sie die verfügbaren Tipps vielleicht unterstützen. Diese finden Sie jederzeit in der linken Seitenleiste und werden auch direkt hier angezeigt."
       error_hints:
         heading: "Hinweise"
       tips:

config/locales/en.yml

@@ -450,14 +450,16 @@ en:
         removeAllOnLine: Remove my comments on this line
         listing: Listing the newest comment requests
         request: "Request Comments"
-        question: 'Please shortly describe your problem or the program part you would like to get feedback for. </br> </br> Your program code and potential error messages are automatically appended to your request.'
+        question: 'Please shortly describe your problem or the program part you would like to get feedback for. Your program code and potential error messages are automatically appended to your request.'
+      intervention:
+        text: "This message appears because you have been working on this exercise for %{duration} minutes. 25% of your fellow learners took more time to solve the exercise, so in that sense it's not a problem, but this has proven to be an effective time for this message."
       rfc_intervention:
-        text: "It looks like you may struggle with this exercise. </br> If you like we can help you out! </br> </br>"
+        text: "If you are struggling with this exercise and don't want to continue on your own, your fellow learners can help out! </br> </br>"
       break_intervention:
         title: "Break"
-        text: "We recognized that you are already working quite a while on this exercise. We would like to encourage you to take a break and come back later."
+        text: "If you are struggling with this exercise, you may take a break at any time and continue later. Your progress in CodeOcean is automatically saved."
       tips_intervention:
-        text: "It looks like you may struggle with this exercise. </br> </br> Did you notice the tips in the left sidebar? They might answer some of your questions and are also displayed below for your convenience."
+        text: "If you are struggling with this exercise, the available tips may help. You can find them at any time in the left sidebar and are also displayed below for your convenience."
       error_hints:
         heading: "Hints"
       tips: