Display alert on GUI connection error (fixes #26)

2014-01-09 10:31:27 +01:00
parent 211180108e
commit 6d64992e64
2 changed files with 41 additions and 4 deletions
--- a/gui/index.html
+++ b/gui/index.html
@@ -118,6 +118,25 @@ html, body {
    | <a href="https://github.com/calmh/syncthing">Source Code</a>
 </div>

+<div id="networkError" class="modal fade">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header alert alert-danger">
+                <h4 class="modal-title">
+                <span class="glyphicon glyphicon-exclamation-sign"></span>
+                    Connection Error
+                </h4>
+            </div>
+            <div class="modal-body">
+                <p>
+                Syncthing seems to be down, or there is a problem with your Internet connection.
+                Retrying&hellip;
+                </p>
+            </div>
+        </div>
+    </div>
+</div>
+
 <script src="angular.min.js"></script>
 <script src="jquery-2.0.3.min.js"></script>
 <script src="bootstrap/js/bootstrap.min.js"></script>