Display a message when provisioning socket fails

Fixes #464

// FREEBIE

_locales/en/messages.json

@@ -154,6 +154,10 @@
         "message": "Connecting...",
         "description": "Displayed when waiting for the QR Code"
     },
+    "installConnectionFailed": {
+        "message": "Failed to connect to server.",
+        "description": "Displayed when we can't connect to the server."
+    },
     "installGeneratingKeys": {
         "message": "Generating Keys"
     },

js/options.js

@@ -44,7 +44,8 @@
                         view.showSync();
                     }).catch(function(e) {
                         if (e.message === 'websocket closed') {
-                            init();
+                            view.showConnectionError();
+                            setTimeout(init, 10000);
                         } else if (e.name === 'HTTPError' && e.code == 411) {
                             view.showTooManyDevices();
                         }

js/views/install_view.js

@@ -44,8 +44,8 @@
             this.$('#qr').text(i18n("installConnecting"));
         },
         setProvisioningUrl: function(url) {
-                this.$('#qr').html('');
-                new QRCode(this.$('#qr')[0]).makeCode(url);
+            this.$('#qr').html('');
+            new QRCode(this.$('#qr')[0]).makeCode(url);
         },
         confirmNumber: function(number) {
             var parsed = libphonenumber.parse(number);
@@ -88,6 +88,9 @@
         },
         showTooManyDevices: function() {
             this.selectStep('TooManyDevices');
+        },
+        showConnectionError: function() {
+            this.$('#qr').text(i18n("installConnectionFailed"));
         }
     });
 })();