Update browser not supported dialog

Adapt links for android (point to Google Play)
Don't display browsers download link on iOS, as they will not work anyway
Fix #62

lib/Vroom/I18N/en.pm

@@ -222,8 +222,9 @@ our %Lexicon = (
   "SCREEN_s"                             => "%s's screen",
   "BROWSER_NOT_SUPPORTED"                => "Browser not supported",
   "NO_WEBRTC_SUPPORT"                    => "Sorry, but the video conference will not work because your web browser doesn't have the " .
-                                            "required functionnalities. We recommand you download one of the following browsers " .
+                                            "required functionnalities.",
-                                            "which support the latest web technologies required to use VROOM",
+  "DOWNLOAD_ONE_OF_THESE_BROWSERS"       => "We recommand you download one of the following browsers which support the latest web " .
+                                            "technologies required to use VROOM",
   "NO_WEBCAM"                            => "Cannot access your webcam",
   "CANT_ACCESS_WEBCAM"                   => "We couldn't access your webcam. Please check it's connected, powered on, and that you've ".
                                             "allowed the browser to access it, then reload this page",

lib/Vroom/I18N/fr.pm

@@ -246,9 +246,9 @@ our %Lexicon = (
     "SCREEN_s"                                  => "Écran de %s",
     "BROWSER_NOT_SUPPORTED"                     => "Navigateur non supporté",
     "NO_WEBRTC_SUPPORT"                         => "Désolé, la vidéo conférence ne fonctionnera pas (ou pas correctement) car votre navigateur " .
-                                                   "ne dispose pas des fonctions nécessaires. Nous recommandons de télécharger " .
+                                                   "ne dispose pas des fonctions nécessaires.",
-                                                   "un des navigateurs suivants, qui supportent les dernières technologies nécessaires " .
+    "DOWNLOAD_ONE_OF_THESE_BROWSERS"            => "Nous recommandons de télécharger un des navigateurs suivants, qui supportent les dernières " .
-                                                   "à l'utilisation de VROOM",
+                                                   "technologies nécessaires à l'utilisation de VROOM",
     "NO_WEBCAM"                                 => "Impossible d'accéder à votre webcam",
     "CANT_ACCESS_WEBCAM"                        => "Nous n'avons pas pu accéder à votre webcam, vérifiez qu'elle soit bien connectée, allumée, et que ".
                                                    "vous avez autorisé le navigateur à y accéder, puis raffraichissez cette page",

public/vroom.pl

@@ -818,7 +818,8 @@ get '/(*room)' => sub {
   $self->render('join',
     moh          => $self->choose_moh(),
     turnPassword => $data->{token},
-    video        => $video
+    video        => $video,
+    ua           => $self->req->headers->user_agent
   );
 };
 

templates/default/join.html.ep

@@ -559,29 +559,42 @@
           </div>
           <div class="modal-body">
             <p><%=l 'NO_WEBRTC_SUPPORT' %></p>
+            <% if ($ua !~ m/iphone|ipad|ipod/i){ %>
+            <p><%=l 'DOWNLOAD_ONE_OF_THESE_BROWSERS' %></p>
             <div class="row">
+              <%
+                my $ffurl = "http://www.mozilla.org/firefox/";
+                my $churl = "http://www.google.com/chrome/";
+                my $opurl = "http://www.opera.com";
+                if ($ua =~ m/android/i){
+                  $ffurl = "https://play.google.com/store/apps/details?id=org.mozilla.firefox";
+                  $churl = "https://play.google.com/store/apps/details?id=com.android.chrome";
+                  $opurl = "https://play.google.com/store/apps/details?id=com.opera.browser";
+                }
+              %>
               <div class="col-xs-4">
-                <a href="http://www.mozilla.org/firefox/" target="_blank">
+                <a href="<%= $ffurl %>" target="_blank">
                   <center>
                     <img class="img-responsive" src="<%= $self->get_url('/') %>img/firefox.png" alt="Mozilla Firefox"/>
                   </center>
                 </a>
               </div>
               <div class="col-xs-4">
-                <a href="http://www.google.com/chrome/" target="_blank">
+                <a href="<%= $churl %>" target="_blank">
                   <center>
                     <img class="img-responsive" src="<%= $self->get_url('/') %>img/chrome.png" alt="Google Chrome"/>
                   </center>
                 </a>
               </div>
               <div class="col-xs-4">
-                <a href="http://www.opera.com" target="_blank">
+                <a href="<%= $opurl %>" target="_blank">
                   <center>
                     <img class="img-responsive" src="<%= $self->get_url('/') %>img/opera.png" alt="Opera"/>
                   </center>
                 </a>
               </div>
             </div>
+            <% } %>
           </div>
         </div>
       </div>