sapl/sapl/templates/base.html

{% load i18n staticfiles sass_tags menus %}
{% load common_tags %}
<!DOCTYPE html>
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="pt-br">
<!--<![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="icon" href="{% static 'img/favicon.ico' %}"  type="image/png" >

      {# Styles #}
      <link rel="stylesheet" href="{% static 'components-font-awesome/css/font-awesome.css' %}">
      <link rel="stylesheet" href="{% sass_src 'bootstrap-sass/assets/stylesheets/_bootstrap.scss' %}" type="text/css">
      <link rel="stylesheet" href="{% static 'drunken-parrot-flat-ui/css/drunken-parrot.css' %}">
      <link rel="stylesheet" href="{% sass_src 'styles/app.scss' %}" type="text/css">

      <link rel="stylesheet" href="{% static 'jquery-ui/themes/cupertino/jquery-ui.min.css' %}">
      <script type="text/javascript" src="{% static 'jquery/dist/jquery.min.js' %}"></script>

      {# Scripts #}
      {# modernizr must be in head (see http://modernizr.com/docs/#installing) #}
    {% endblock %}
  </head>

  <body>
    <div class="page fadein">

      {% if not request|has_iframe %}
      {% block navigation %}
      <nav class="navbar navbar-inverse navbar-static-top">
        <div class="container">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
          </div>
          <div id="navbar" class="navbar-collapse collapse">

            {% block sections_navbar %} {% navbar 'navbar.yaml' %}{% endblock sections_navbar %}

            <ul class="nav navbar-nav navbar-right" id="autenticacao">
              <li class="dropdown pesquisa">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><img src="{% static 'img/search.png' %}"><span class="caret"></span></a>
                  <ul class="dropdown-menu">
                    <li class="nav__sub-item">
                      <form class="navbar-form search-form" method="get" action="http://sapl3.interlegis.leg.br/generico/lexml_pesquisar">
                				<input type="text" class="form-control" placeholder="Pesquisar no LexML" />
                			</form>
                    </li>
                  </ul>
              </li>
              <li><a href="/sistema/ajuda"><img src="{% static 'img/manual.png' %}"></a></li>
              {% if not user.is_authenticated %}
                <li><a href="{% url 'sapl.base:login' %}"><img src="{% static 'img/user.png' %}"></a></li>
              {% else %}
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><img height="30" width="30" src="{% static 'img/authenticated.png' %}"><span class="caret"></span></a>
                  </a>
                  <ul class="dropdown-menu">
                    <li><a>{{user.username}}</a></li>
                    {% if 'parlamentares.can_vote' in request.user.get_all_permissions %}
                      <li><a href="" onclick="window.open('{% url 'sapl.painel:voto_individual' %}','Voto Individual','width=1000, height=800, scrollbars=yes')";>
                        Votar Matéria
                      </a></li>
                    {% endif %}
                    <li><a href="{% url 'sapl.base:alterar_senha' %}">Alterar senha</a></li>
                    <li><a href="{% url 'sapl.base:logout' %}">Sair</a></li>
                  </ul>
                </li>
              {% endif %}
            </ul>

          </div><!--/.nav-collapse -->
        </div>
      </nav>
      {% endblock navigation %}

      {# Header #}
      {% block main_header %}
      <header class="masthead">
        <div class="container">
          <div class="navbar-header">
            <a class="navbar-brand" href="/">
              <img src="{% if logotipo %}{{ MEDIA_URL }}{{ logotipo }}{% else %}{% static 'img/logo.png' %}{% endif %}"
              alt="Logo" class="img-responsive visible-md-inline-block visible-lg-inline-block" >
              <span class="vcenter">
                {# XXX Make better use of translation tags in html blocks ie. actually use the proper blocktrans tag efficiently #}
                {% if nome %}
                  {{ nome }}
                {% else %}
                  {% trans 'Câmara/Assembléia não configurada'%}
                {% endif %}
                <br/><small>{% trans 'Sistema de Apoio ao Processo Legislativo' %}</small>
              </span>
            </a>
          </div>
          <div class="hidden-print">
            {% block sections_nav %} {% subnav %} {% endblock sections_nav %}
          </div>
        </div>
      </header>
      {% endblock main_header %}
      {% else %}
              <div class="btn-cancel-iframe">
                <a href="?iframe=0" target="_blank"><i class="fa fa-2x fa-arrows-alt"></i></a>
              </div>
              <header class="masthead">
                <div class="container">
                  <div class="hidden-print">
                    {% subnav %}
                  </div>
                </div>
              </header>
      {% endif %}

      {# Main content #}
      {% block content_container %}
        <main id="content" class="content page__row">
          <div class="container">

            {# Feedback messages #}
            {% for message in messages %}
              <div class="alert alert-{% if message.tags == 'error' %}danger{% else %}{{ message.tags }}{% endif %} alert-dismissible fade in" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                  <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
                </button>
                {{ message|safe }}
              </div>
            {% endfor %}

            {# Content header #}
            {% block base_header %}
              <div class="clearfix">

                {% block help %}
{#                    {% if view.help_topic %}#}
{#                        <a class="contextual-help right" href="{% url 'sapl.base:help'  %}{{ view.help_topic  }}">{% trans 'Ajuda' %}</a>#}
{#                    {% endif %}#}
                {% endblock %}

                {% block title %}
                  <h1 class="page-header">
                    {% if title %}
                      {{ title|safe|linebreaksbr }}
                    {% elif object %}
                      {{ object|safe|linebreaksbr }}
                    {% endif %}
                  </h1>
                {% endblock %}

              </div>
            {% endblock base_header %}

            {# Content per se #}
            {% block base_content %}{% endblock %}

          </div>
        </main>

      {% endblock content_container %}

      {% if not request|has_iframe %}
      {% block footer_container %}
      <footer id="footer" class="footer page__row hidden-print">
        <div class="container">

          <div class="row">
            <div class="col-md-4">

              <a class="footer__logo" href="#">
                <a href="http://www.interlegis.leg.br/">
                  <img src="{% static 'img/logo_interlegis.png' %}" alt="{% trans 'Logo do Interlegis' %} ">
                </a>
              </a>
              <p>
                <small>
                  Desenvolvido pelo <a href="http://www.interlegis.leg.br/">Interlegis</a> em software livre e aberto.
                </small>
		<span>Release: 3.1.124</span>
              </p>
            </div>
            <div class="col-md-4">
              <a class="footer__logo" href="#">
                <img src="{% static 'img/logo_cc.png' %}" alt="{% trans 'Logo do Creative Commons BY SA' %}">
              </a>
              <p>
                <small>
                  Conteúdo e dados sob licença <a href="https://creativecommons.org">Creative Commons</a> 4.0<br><a href="https://creativecommons.org/licenses/by/4.0/">Atribuir Fonte - Compartilhar Igual</a>
                </small>
              </p>
            </div>
            <div class="col-md-4">
              {% if nome %}
              <address>
                <small>
                  <strong>
                    <span class="org">{{ nome }}</span>
                  </strong>
                  <br>
                  <span class="street-address">{{ endereco }}</span>
                  <br> CEP: <span class="postal-code">{{ cep }}</span> | Telefone: <span>{{ telefone }}</span>
                  <br>
                  <a href="{{endereco_web}}" class="url">{% trans 'Site' %}</a> |
                  <a href="mailto:{{email}}" class="email">{% trans 'Fale Conosco' %}</a>
                </small>
              </address>
              {% else %}
                 Casa Legislativa não configurada.
                 <br>
                {% if user.is_authenticated %}
                  <a href="{% url 'sapl.base:casalegislativa_list' %}">Favor configurar clicando aqui</a>
                {% endif %}
              {% endif %}
            </div>
          </div>
        </div>
      </footer>
    </div>
    {% endblock footer_container %}
    {% endif %}

    {% block foot_js %}
      <!-- Bootstrap core JavaScript ================================================== -->
      <!-- Placed at the end of the document so the pages load faster -->
      <script type="text/javascript" src="{% static 'bootstrap-sass/assets/javascripts/bootstrap.min.js' %}"></script>

      <script type="text/javascript" src="{% static 'jquery-ui/jquery-ui.min.js' %}"></script>
      <script type="text/javascript" src="{% static 'jquery-ui/ui/i18n/datepicker-pt-BR.js' %}"></script>

      <script type="text/javascript" src="{% static 'js/jquery.runner.js' %}"></script>
      <script type="text/javascript" src="{% static 'jquery-mask-plugin/dist/jquery.mask.js' %}"></script>

      <script src="{% static 'tinymce/tinymce.min.js' %}"></script>
      <script type="text/javascript" src="{% static 'jsdiff/diff.min.js' %}"></script>

      <script type="text/javascript" src="{% static 'drunken-parrot-flat-ui/js/checkbox.js' %}"></script>
      <script type="text/javascript" src="{% static 'drunken-parrot-flat-ui/js/radio.js' %}"></script>

      <script type="text/javascript" src="{% static 'js/app.js' %}"></script>

      <script type="text/javascript" src="{% static 'jquery-query-object/jquery.query-object.js' %}"></script>

      {% block extra_js %}{% endblock %}

      <script type="text/javascript" >


        function inIframe () {
          try {
              return window.self !== window.top;
          } catch (e) {
              return true;
          }
        }
        $(document).ready(function(){
          let iframe_set_backend = {{ request|has_iframe|lower }}
          if (iframe_set_backend && !inIframe() ) {
            location.href = location.origin + '?iframe=0'
          }
        });
      </script>

    {% endblock foot_js %}
  </body>
</html>