Add info modal for pair programming

app/assets/javascripts/channels/synchronized_editor_channel.js

@@ -17,10 +17,9 @@ $(document).on('turbolinks:load', function () {
 
     const editor = $('#editor');
     const exercise_id = editor.data('exercise-id');
-    const current_contributor_id = editor.data('contributor-id');
     const session_id = generateUUID();
 
-    if ($.isController('exercises') && current_user.id !== current_contributor_id) {
+    if ($.isController('exercises') && is_other_user(current_contributor)) {
 
       App.synchronized_editor = App.cable.subscriptions.create({
         channel: "SynchronizedEditorChannel", exercise_id: exercise_id

app/assets/javascripts/programming_groups.js

@@ -0,0 +1,25 @@
+var ProgrammingGroups = {
+    getStoredViewedPPInfo: function () {
+        return localStorage.getItem('viewed_pp_info')
+    },
+
+    setStoredViewedPPInfo: function () {
+        localStorage.setItem('viewed_pp_info', 'true')
+    },
+
+
+    initializeEventHandler: function () {
+        $('#dont_show_info_pp_modal_again').on('click', this.setStoredViewedPPInfo.bind(this));
+    }
+};
+
+$(document).on('turbolinks:load', function () {
+    const modal = $('#modal-info-pair-programming');
+    if (modal.isPresent()) {
+        ProgrammingGroups.initializeEventHandler();
+
+        if (ProgrammingGroups.getStoredViewedPPInfo() !== 'true' && !_.isEqual(current_user, current_contributor)) {
+            new bootstrap.Modal(modal).show();
+        }
+    }
+});

app/views/exercises/implement.html.slim

@@ -17,6 +17,11 @@
           div.small.text-body-tertiary.mt-1
             == t('exercises.implement.external_privacy_policy', url:'https://www.tu-ilmenau.de/datenschutz')
 
+          button.btn.btn-sm.btn-secondary.me-3.mt-1 data-bs-toggle= 'modal' data-bs-target= '#modal-info-pair-programming'
+            i.fa-solid.fa-circle-info
+            = t('programming_groups.new.pair_programming_info')
+
+
       h1 id="exercise-headline"
         i id="description-symbol" class=(@embed_options[:collapse_exercise_description] ? 'fa-solid fa-chevron-right' : 'fa-solid fa-chevron-down')
         = @exercise.title
@@ -36,3 +41,4 @@
 
 
   = render('editor', exercise: @exercise, files: @files, submission: @submission)
+  = render('shared/modal', classes: 'modal-lg', id: 'modal-info-pair-programming', template: 'programming_groups/_info_pair_programming', title: t('programming_groups.new.pair_programming_info'))

app/views/programming_groups/_info_pair_programming.html.slim

@@ -0,0 +1,9 @@
+= render_markdown(t('programming_groups.new.info_pair_programming'))
+= render_markdown(t('programming_groups.new.info_study'))
+== t('exercises.implement.pair_programming_feedback', url: 'https://etherpad.xopic.de/p/openHPI_PairProgrammingFeedback')
+
+- content_for :modal_footer do
+  button.btn.btn-secondary#dont_show_info_pp_modal_again data-bs-dismiss='modal'
+    = t('programming_groups.new.dont_show_modal_again')
+  button.btn.btn-primary data-bs-dismiss='modal'
+    = t('programming_groups.new.close')

app/views/programming_groups/new.html.slim

@@ -5,7 +5,12 @@ h1 = t('programming_groups.new.create_programming_pair')
       => t('programming_groups.new.own_user_id')
       b
         = current_user.id_with_type
-    p
+
+    button.btn.btn-success data-bs-toggle= 'modal' data-bs-target= '#modal-info-pair-programming'
+      i.fa-solid.fa-circle-info
+      = t('programming_groups.new.pair_programming_info')
+
+    p.mt-4
       = t('programming_groups.new.enter_partner_id', exercise_title: @exercise.title)
     = render('form')
 
@@ -20,3 +25,5 @@ h1 = t('programming_groups.new.create_programming_pair')
     p
       = t('programming_groups.new.find_partner_description')
     iframe name="embed_readwrite" src="https://etherpad.xopic.de/p/find_programming_group_for_exercise_#{@exercise.id}?showControls=true&showChat=true&showLineNumbers=true&useMonospaceFont=false" width="100%" height="300" style='border: 1px solid black;'
+
+= render('shared/modal', classes: 'modal-lg', id: 'modal-info-pair-programming', template: 'programming_groups/_info_pair_programming', title: t('programming_groups.new.pair_programming_info'))