Display error with boostrap. Demo of signal callback

This commit is contained in:
Julien Duponchelle 2015-07-30 15:12:27 +02:00
parent 3dfe37b54c
commit 21b93e415c

View File

@ -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,6 +48,8 @@
</div>
</div>
</nav>
<div id="notif">
</div>
<div class="container-fluid">
{% block body %}{% endblock %}
</div>