From 21b93e415cdb9d7bc8066836702f8c1e008d7858 Mon Sep 17 00:00:00 2001
From: Julien Duponchelle <julien@duponchelle.info>
Date: Thu, 30 Jul 2015 15:12:27 +0200
Subject: [PATCH] Display error with boostrap. Demo of signal callback

---
 templates/layout/default.html | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/templates/layout/default.html b/templates/layout/default.html
index 198f2a5..7bec230 100644
--- a/templates/layout/default.html
+++ b/templates/layout/default.html
@@ -10,9 +10,19 @@
         <!-- Optional theme -->
         <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
 
+        <!-- jQuery -->
+        <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
+
         <!-- Latest compiled and minified JavaScript -->
         <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
 
+        <script>
+            gns3.error.connect(function(msg) {
+                var notif = $("#notif")
+                notif.append("<div class=\"alert alert-danger alert-dismissible fade in\" role=\"alert\"><button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-label=\"Close\"><span aria-hidden=\"true\">×</span></button><h4>You got an error!</h4><p>" + msg + "</p></div>")
+            });
+        </script>
+
         <script>
             {% block script %}{% endblock %}
         </script>
@@ -38,8 +48,10 @@
             </div>
         </div>
     </nav>
+    <div id="notif">
+    </div>
     <div class="container-fluid">
-        {% block body %}{% endblock %}    
+        {% block body %}{% endblock %}
     </div>
     </body>
 </html>