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();
+        }
+    }
+});