Add etherpad to exchange user IDs

app/views/programming_groups/new.html.slim

@@ -1,14 +1,22 @@
 h1 = t('shared.new_model', model: ProgrammingGroup.model_name.human)
-p
+.row
-  => t('programming_groups.new.own_user_id')
+  .col-md-6
-  b
+    p
-    = current_user.id_with_type
+      => t('programming_groups.new.own_user_id')
-p
+      b
-  = t('programming_groups.new.enter_partner_id', exercise_title: @exercise.title)
+        = current_user.id_with_type
-= render('form')
+    p
+      = t('programming_groups.new.enter_partner_id', exercise_title: @exercise.title)
+    = render('form')
 
-div.mt-4
+    div.mt-4
-  a.btn.btn-success href=new_exercise_programming_group_path(@exercise) == t('programming_groups.new.check_invitation')
+      a.btn.btn-success href=new_exercise_programming_group_path(@exercise) == t('programming_groups.new.check_invitation')
 
-  p.mt-4
+      p.mt-4
-    == t('programming_groups.new.work_alone', path: implement_exercise_path(@exercise))
+        == t('programming_groups.new.work_alone', path: implement_exercise_path(@exercise))
+
+  .col-md-6
+    h5 = t('programming_groups.new.find_partner_title')
+    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;'

config/locales/de.yml

@@ -591,6 +591,8 @@ de:
     new:
       check_invitation: "Einladung prüfen"
       enter_partner_id: "Bitte geben Sie hier die Nutzer-IDs der Personen ein, mit denen Sie zusammen die Aufgabe '%{exercise_title}' lösen möchten. Beachten Sie jedoch, dass anschließend keiner aus der Gruppe austreten kann. Alle Teammitglieder können also sehen, was Sie in dieser Aufgabe schreiben und umgekehrt. Für die nächste Aufgabe können Sie sich erneuert entscheiden, ob und mit wem Sie zusammen arbeiten möchten."
+      find_partner_title: "Finde einen Programmierpartner für die Aufgabe"
+      find_partner_description: "Kopiere eine andere Nutzer-ID aus der Liste unten und lösche sie anschließend. Wenn noch keine Nutzer-IDs in der Liste vorhanden sind, fügen Sie Ihre Nutzer-ID hinzu und warten Sie, bis ein anderer Nutzer eine Programmiergruppe mit Ihnen erstellt. Dies können Sie mit dem Knopf 'Einladung prüfen' testen. Wenn Sie allein arbeiten möchten, löschen Sie bitte Ihre Nutzer-ID aus der Liste."
       own_user_id: "Ihre Nutzer-ID:"
       work_alone: "Sie können sich einmalig dafür entscheiden, die Aufgabe alleine zu bearbeiten. Anschließend können Sie jedoch nicht mehr in die Gruppenarbeit für diese Aufgabe wechseln. Klicken Sie <a href=%{path})>hier</a>, um die Aufgabe im Einzelmodus zu starten."
   external_users:

config/locales/en.yml

@@ -591,6 +591,8 @@ en:
     new:
       check_invitation: "Check invitation"
       enter_partner_id: "Please enter the user IDs from the practice partners with whom you want to solve the exercise '%{exercise_title}'. However, note that no one can leave the group afterward. Hence, all team members can see what you write in this exercise and vice versa. For the next exercise, you can decide again whether and with whom you want to work together."
+      find_partner_title: "Find a programming partner for the exercise"
+      find_partner_description: "Copy another user ID from the list below and delete it afterward. If there are no user IDs on the list yet, add your user ID and wait for another user to create a programming group with you. You can test this with the 'Check invitation' button. If you decide to work alone, please delete your user ID from the list."
       own_user_id: "Your user ID:"
       work_alone: "You can choose once to work on the exercise alone. Afterward, however, you will not be able to switch to group work for this exercise. Click <a href=%{path}>here</a> to get to the exercise in single mode."
   external_users: