Add error dialog for too many devices

js/options.js

@@ -83,7 +83,8 @@
                 window.close();
             }).catch(function(e) {
                 if (e.name === 'HTTPError' && e.message == 411) {
-                    return; // TODO: too many devices
+                    $('.progress-dialog').hide();
+                    $('.error-dialog').show();
                 }
                 else {
                     throw e;

options.html

@@ -116,6 +116,10 @@
         <div class='status'></div>
         <div class='bar-container'><div class='bar'></div></div>
       </div>
+      <div class='error-dialog'>
+        <div>Error: Too many devices.</div>
+        <button class='ok'>Continue</span>
+      </div>
     </div>
   </div>
   <script type="text/javascript" src="js/components.js"></script>

stylesheets/options.css

@@ -6414,5 +6414,7 @@ ul.country-list {
         height: 100%;
         background-color: #2090ea;
         transition: width 0.25s; }
+    .modal-container .modal-main .error-dialog {
+      display: none; }
 
 /*# sourceMappingURL=options.css.map */

stylesheets/options.scss

@@ -224,5 +224,8 @@ ul.country-list {
         transition: width 0.25s;
       }
     }
+    .error-dialog {
+      display: none;
+    }
   }
 }