sapl/templates/base.html

{% load i18n %}
{% load staticfiles %}
<!DOCTYPE html>
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
  <meta charset="utf-8">
  <title>{% block head_title %}{% trans 'SAPL - Sistema de Apoio ao Processo Legislativo' %}{% endblock %}</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  {% block head_content %}
  <link rel="stylesheet" href="{% static 'foundation/css/foundation.min.css' %}">
  <script type="text/javascript" src="{% static 'foundation/js/vendor/modernizr.js' %}"></script>
  <script type="text/javascript" src="{% static 'foundation/js/vendor/jquery.js' %}"></script>
  <script type="text/javascript" src="{% static 'foundation/js/vendor/fastclick.js' %}"></script>
  <script type="text/javascript" src="{% static 'foundation/js/foundation.min.js' %}"></script>
  {% endblock %}
</head>

<body>
    <header>
      ... header ...
      <hr/>
    </header>

    <!-- Content -->
    {% block content_container %}
    {# FIXME: row class is not for that: replace it keeping the layout (notice width) #}
    <div id="body_content" class="row">

      {# Feedback messages #}
      {% for message in messages %}
        <div data-alert class="alert-box {% if message.tags == 'error' %}alert{% else %}{{ message.tags }}{% endif %} radius">
          {{ message|safe }}
          <a href="#" class="close">&times;</a>
        </div>
      {% endfor %}

      {% block base_header %}
      <div class="clearfix">
        {% block help %}
          {% if view.help_url %}<a class="contextual-help right" href="{{ view.help_url }}">{% trans 'Ajuda' %}</a>{% endif %}
        {% endblock %}
        {% block title %}{% if view.title %}<h1>{{ view.title }}</h1>{% endif %}{% endblock %}
      </div>
      {% endblock %}

      {% block base_content %}{% endblock %}
    </div>
    {% endblock %}
    <!-- END Content -->

    <footer id="footer">
      <hr/>
      ... footer...
    </footer>

    {% block foot_js %}{% endblock %}

    {# Init Foundation #}
    {% block foundation_js_init %}
    <script> $(document).foundation(); </script>
    {% endblock foundation_js_init %}
</body>
</html>
Add base templates 10 years ago			`{% load i18n %}`
Use Zurb Foundation as base front-end framework 10 years ago			`{% load staticfiles %}`
			`<!DOCTYPE html>`
			`<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->`
			`<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->`
Add base templates 10 years ago			`<head>`
Refactor base template 10 years ago			`<meta charset="utf-8">`
			`<title>{% block head_title %}{% trans 'SAPL - Sistema de Apoio ao Processo Legislativo' %}{% endblock %}</title>`
			`<meta name="viewport" content="width=device-width, initial-scale=1.0">`
Add title and help to base template 10 years ago			`{% block head_content %}`
Refactor base template 10 years ago			`<link rel="stylesheet" href="{% static 'foundation/css/foundation.min.css' %}">`
			`<script type="text/javascript" src="{% static 'foundation/js/vendor/modernizr.js' %}"></script>`
			`<script type="text/javascript" src="{% static 'foundation/js/vendor/jquery.js' %}"></script>`
			`<script type="text/javascript" src="{% static 'foundation/js/vendor/fastclick.js' %}"></script>`
			`<script type="text/javascript" src="{% static 'foundation/js/foundation.min.js' %}"></script>`
			`{% endblock %}`
Add base templates 10 years ago			`</head>`

			`<body>`
			`<header>`
Refactor base template 10 years ago			`... header ...`
			`<hr/>`
Add base templates 10 years ago			`</header>`

			`<!-- Content -->`
Use Zurb Foundation as base front-end framework 10 years ago			`{% block content_container %}`
			`{# FIXME: row class is not for that: replace it keeping the layout (notice width) #}`
			`<div id="body_content" class="row">`
Add feedback messages to base template (with Foundation markup) 10 years ago
			`{# Feedback messages #}`
			`{% for message in messages %}`
			`<div data-alert class="alert-box {% if message.tags == 'error' %}alert{% else %}{{ message.tags }}{% endif %} radius">`
			`{{ message\|safe }}`
			`<a href="#" class="close">×</a>`
			`</div>`
			`{% endfor %}`

Add title and help to base template 10 years ago			`{% block base_header %}`
			`<div class="clearfix">`
			`{% block help %}`
			`{% if view.help_url %}<a class="contextual-help right" href="{{ view.help_url }}">{% trans 'Ajuda' %}</a>{% endif %}`
			`{% endblock %}`
			`{% block title %}{% if view.title %}<h1>{{ view.title }}</h1>{% endif %}{% endblock %}`
			`</div>`
			`{% endblock %}`

Refactor base template 10 years ago			`{% block base_content %}{% endblock %}`
Add base templates 10 years ago			`</div>`
Use Zurb Foundation as base front-end framework 10 years ago			`{% endblock %}`
Add base templates 10 years ago			`<!-- END Content -->`

			`<footer id="footer">`
Refactor base template 10 years ago			`<hr/>`
			`... footer...`
Add base templates 10 years ago			`</footer>`

Refactor base template 10 years ago			`{% block foot_js %}{% endblock %}`
Use Zurb Foundation as base front-end framework 10 years ago
			`{# Init Foundation #}`
			`{% block foundation_js_init %}`
Refactor base template 10 years ago			`<script> $(document).foundation(); </script>`
Use Zurb Foundation as base front-end framework 10 years ago			`{% endblock foundation_js_init %}`
Add base templates 10 years ago			`</body>`
			`</html>`