FGABreja/defaults/templates/base.html
<!DOCTYPE html>
<html>
<head>
<!--Import materialize.css-->
{% load staticfiles %}
<link type="text/css" rel="stylesheet" href="{% static 'stylesheets/materialize.css' %}" media="screen,projection"/>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>FGA BREJA | {% block title %}{% endblock %}</title>
{% block header %}{% endblock header %}
</head>
<body>
{% include 'topbar.html' %}
{% block navbar_tabs %}
{% endblock navbar_tabs %}
{% block main_content %}
{% endblock main_content %}
<!--Import jQuery before materialize.js-->
<script type="text/javascript" src="{% static 'js/jquery-2.1.1.min.js' %}"></script>
<script type="text/javascript" src="{% static 'js/sideNav.js' %}"></script>
<script type="text/javascript" src="{% static 'js/bin/materialize.min.js' %}"></script>
<script>
$(document).ready(function() {
$("#menu-topbar").sideNav({
menuWidth: 300, // Default is 240
closeOnClick: true // Closes side-nav on <a> clicks, useful for Angular/Meteor
});
$('.modal-trigger').leanModal();
$(".dropdown-button").dropdown();
$('.collapsible').collapsible({
accordion : false // A setting that changes the collapsible behavior to expandable instead of the default accordion style
});
});
</script>
{% if messages %}
<script>
{% for message in messages %}
{% if message.tags == 'info' %}
var color = 'blue-grey';
{% elif message.tags == 'error' %}
var color = 'red darken-2';
{% elif message.tags == 'warning' %}
var color = 'yellow darken-4';
{% elif message.tags == 'success' %}
var color = 'light-green darken-3';
{% else %}
var color = 'blue-grey';
{% endif %}
Materialize.toast('{{message}}', 4000, color);
{% endfor %}
</script>
{% endif %}
{% block footer_scripts %}
{% endblock %}
{% block modals %}
{% endblock modals %}
{% include "footer.html" %}
</body>
</html>