Show link instead of Etherpad for new programming groups in Safari

Gemfile

@@ -4,6 +4,7 @@ source 'https://rubygems.org'
 
 gem 'bcrypt'
 gem 'bootstrap-will_paginate'
+gem 'browser'
 gem 'carrierwave'
 gem 'charlock_holmes', require: 'charlock_holmes/string'
 gem 'docker-api', require: 'docker'

Gemfile.lock

@@ -87,6 +87,7 @@ GEM
       msgpack (~> 1.2)
     bootstrap-will_paginate (1.0.0)
       will_paginate
+    browser (5.3.1)
     builder (3.2.4)
     bunny (2.22.0)
       amq-protocol (~> 2.3, >= 2.3.1)
@@ -534,6 +535,7 @@ DEPENDENCIES
   binding_of_caller
   bootsnap
   bootstrap-will_paginate
+  browser
   capybara
   carrierwave
   charlock_holmes

app/views/programming_groups/new.html.slim

@@ -21,6 +21,10 @@ h1 = t('programming_groups.new.create_programming_pair')
     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;'
+    - if !browser.safari?
+      iframe name="embed_readwrite" src="https://etherpad.xopic.de/p/find_programming_group_for_exercise_#{@exercise.id}?userName=#{CGI.escape(current_user.displayname)}&showControls=false&showChat=false&showLineNumbers=true&useMonospaceFont=false" width="100%" height="300" style='border: 1px solid black;'
+    - else
+      == t('programming_groups.new.safari_not_supported', url: "https://etherpad.xopic.de/p/find_programming_group_for_exercise_#{@exercise.id}?userName=#{CGI.escape(current_user.displayname)}&showControls=false&showChat=false&showLineNumbers=true&useMonospaceFont=false")
+
 
 = 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'))

config/locales/de.yml

@@ -607,6 +607,7 @@ de:
       info_study: "Im Rahmen meiner Masterarbeit möchte ich das Anwenden von Pair Programming in diesem MOOC analysieren. Ich würde mich daher sehr darüber freuen, wenn ihr gemeinsam mit einer anderen Person die Aufgaben bearbeitet und mir anschließend euer Feedback in den Umfragen mitteilt. Bitte beachtet, dass es sich bei dieser Funktion um eine Beta-Version handelt, die bisher noch nicht für alle Nutzer:innen freigeschaltet wurde."
       own_user_id: "Deine Nutzer-ID:"
       pair_programming_info: Pair Programming Info
+      safari_not_supported: "Safari unterstützt nicht das Einbinden der Seite mit den Nutzer-IDs. <a target='_blank', style='display: contents;' href=%{url}>Bitte klicke hier, um die Liste der Nutzer-IDs zu öffnen.</a>"
       work_alone: "Du kannst dich einmalig dafür entscheiden, die Aufgabe alleine zu bearbeiten. Anschließend kannst du jedoch nicht mehr in die Partnerarbeit für diese Aufgabe wechseln. <a href=%{path}>Klicke hier, um die Aufgabe im Einzelmodus zu starten.</a>"
     implement:
       info_disconnected: Ihre Verbindung zum Server wurde unterbrochen. Bitte überprüfen Sie Ihre Internetverbindung und laden Sie die Seite erneut.

config/locales/en.yml

@@ -607,6 +607,7 @@ en:
       info_study: "As part of my master's thesis, I would like to analyze the use of pair programming in this MOOC. Therefore, I would be very happy if you work on the exercises together with another person and then give me your feedback in the surveys. Please note that this feature is a beta version that has not yet been activated for all users."
       own_user_id: "Your user ID:"
       pair_programming_info: Pair Programming Info
+      safari_not_supported: "Safari does not support embedding the user IDs page. <a target='_blank', style='display: contents;' href=%{url}>Please click here to open the list of user IDs.</a>"
       work_alone: "You can choose once to work on the exercise alone. Afterward, however, you will not be able to switch to work in a pair for this exercise. <a href=%{path}>Click here to get to the exercise in single mode.</a>"
     implement:
       info_disconnected: You are disconnected from the server. Please check your internet connection and reload the page.