migra botões de compilação para bootstrap4

sapl-frontend/src/apps/compilacao/scss/compilacao.scss

@@ -164,6 +164,27 @@ a:link:after, a:visited:after {
 }
 
 .cp {
+  .cp-vigencias {
+    .nav-link {
+      padding: 0.5rem;
+    }
+    .dropdown-toggle::after {
+      zoom: 0.8;
+      margin: 0;
+    }
+    .dropdown-menu {
+      margin-left: 0.5rem;
+    }
+    .dropdown-item {
+      padding: 0;
+      a {
+        line-height: 1;
+        padding: 0.7rem;
+      }
+    }
+  }
+
+
   .desativado {
 
     .dtxt, .dtxt *, .dpt-link, .dpt-link * {

sapl/templates/compilacao/subnav.html

@@ -0,0 +1,25 @@
+{% load i18n %}
+{% load compilacao_filters %}
+{% load common_tags %}
+  <ul class="nav nav-pills justify-content-end">
+    {%if object %}
+      <li class="nav-item">
+        {% if request.GET.back_type == 'history' and object.content_object %}
+          <a class="nav-link" href="javascript:window.history.back()" title="{% trans 'Voltar para '%}{{object}}">{% trans 'Voltar para '%}{{object}}</a>
+        {% elif object.content_object%}
+          <a class="nav-link" href="{% url object|urldetail_content_type:object.content_object object.content_object.pk %}" title="{% trans 'Voltar para '%}{{object}}">{% trans 'Voltar para '%}{{object}}</a>
+        {%else%}
+          <a class="nav-link" href="{% url 'sapl.compilacao:ta_detail' object.pk %}">{% trans 'Início' %}</a>
+        {%endif%}
+      </li>
+      {% if object.tipo_ta.publicacao_func %}
+        <li class="nav-item"><a class="nav-link" href="{% url 'sapl.compilacao:ta_pub_list' object.pk %}">{% model_verbose_name_plural 'sapl.compilacao.models.Publicacao' %}</a></li>
+      {% endif %}
+      {% if perms.compilacao.view_dispositivo_notificacoes %}
+        <li class="nav-item"><a class="nav-link" href="{% url 'sapl.compilacao:ta_text_notificacoes' object.pk %}">{% trans 'Notificações' %}</a></li>
+      {% endif %}
+      {% block extra_sections_nav %}
+        <li class="nav-item"><a class="nav-link" href="{% url 'sapl.compilacao:ta_text' object.pk %}">{% trans 'Texto' %}</a></li>
+      {% endblock %}
+    {% endif %}
+  </ul>	     

sapl/templates/compilacao/text_list.html

@@ -32,76 +32,6 @@
   {% block detail_content %}
     {{block.super}}
   {% endblock %}
+  {% include 'compilacao/text_list__embedded.html'%}
 
-  <div class="cp">
-
-  {% if object_list %}
-    <div class="clearfix">
-      <div class="actions btn-group float-right" role="group">
-        <a class="btn btn-outline-primary" id="btn_font_menos" title="Diminuir tamanho da letra">a</a>
-        <a class="btn btn-outline-primary" id="btn_font_mais"  title="Aumentar tamanho da Letra">A</a>
-      </div>
-    </div>
-  {% endif %}
-
-  {% for key, values in view.get_vigencias.items %}
-    {% if forloop.first %}
-      <ul class="nav nav-pills cp-vigencias">
-        {% for dispositivo in values %}
-          <li class="{% if view.inicio_vigencia == dispositivo.inicio_vigencia %}active{%endif%}">
-            <a href="{% url 'sapl.compilacao:ta_vigencia' dispositivo.ta_id dispositivo|get_sign_vigencia %}" title="{% trans 'Vigência entre'%} {{dispositivo.inicio_vigencia}} {% trans 'e'%} {{dispositivo.fim_vigencia}}">{% trans 'Texto Original'%}</a>
-          </li>
-        {% endfor %}
-    {% elif forloop.last %}
-      {% for dispositivo in values %}
-        <li class="{% if not view.inicio_vigencia%}active{% endif %}">
-          <a href="{% url 'sapl.compilacao:ta_text' dispositivo.ta_id %}" title="{% trans 'Compilação atual'%}.&#013;{% trans 'Vigência a partir de'%} {{dispositivo.inicio_vigencia}}&#013;{% if dispositivo.ta_publicado_id in ta_pub_list %}{{ ta_pub_list|lookup:dispositivo.ta_publicado_id }}{%else%}{%if dispositivo.ta_publicado %}{{dispositivo.ta_publicado}}{%else%}{{dispositivo.ta}}{%endif%}{%endif%}">{% trans 'Texto Atual'%}</a>
-        </li>
-        {% if forloop.parentloop.last %}
-          </ul>
-          <span class="vigencia-active">
-
-            {% if view.inicio_vigencia and view.fim_vigencia %}
-              {% blocktrans with inicio_vigencia=view.inicio_vigencia fim_vigencia=view.fim_vigencia%}
-                Vigência entre <b>{{inicio_vigencia}}</b> e <b>{{fim_vigencia}}</b>.
-              {% endblocktrans%}
-            {% else%}
-              {% blocktrans with inicio_vigencia=dispositivo.inicio_vigencia%}
-                Vigência a partir de <b>{{inicio_vigencia}}</b>.
-              {% endblocktrans%}
-            {% endif %}
-            <br>
-            {% if view.ta_vigencia %}
-                <small>{% trans 'Dada por '%}<a href="{% url 'sapl.compilacao:ta_text' view.ta_vigencia %}">{{ta_pub_list|lookup:view.ta_vigencia}}</a></small>
-            {% elif view.ta_vigencia and view.ta_vigencia != 0%}
-                <small>{% trans 'Dada por '%}<a href="{% url 'sapl.compilacao:ta_text' dispositivo.ta_publicado.pk %}">{{dispositivo.ta_publicado}}</a></small>
-            {% endif %}
-          </span>
-        {% endif%}
-      {% endfor %}
-    {% else %}
-      <li class="{% if values.inicio_vigencia.year == key %}active{% endif %}"><a data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">{{ key }}</a>
-        <ul class="dropdown-menu">
-          <div class="arrow top"></div>
-          {% for dispositivo in values %}
-            <li>
-            {% if not forloop.parentloop.first %}
-              <a href="{% url 'sapl.compilacao:ta_vigencia' dispositivo.ta_id dispositivo|get_sign_vigencia %}" title="{% if dispositivo.ta_publicado_id in ta_pub_list%}{{ ta_pub_list|lookup:dispositivo.ta_publicado_id }}{%else%}{%if dispositivo.ta_publicado %}{{dispositivo.ta_publicado}}{%else%}{{dispositivo.ta}}{%endif%}{%endif%}">{% trans 'Vigência entre'%} {{dispositivo.inicio_vigencia}} {% trans 'e'%} {{dispositivo.fim_vigencia}}</a>
-            {% endif %}
-            </li>
-          {% endfor %}
-        </ul>
-      </li>
-    {% endif %}
-  {% endfor %}
-
-  <ul class="tipo-vigencias">
-      <li><a class="selected" onclick="textoMultiVigente(this, false);" title="{% trans 'Texto Multivigente Sequencial'%}">{% trans 'TMS'%}</a></li>
-      <li><a onclick="textoMultiVigente(this, true);" title="{% trans 'Texto Multivigente Integrado com Realce de Alterações'%}">{% trans 'TMI'%}</a></li>
-      <li><a onclick="textoMultiVigente(this, false); textoVigente(this, true);" title="{% trans 'Texto Vigente COM Links para Textos Alteradores'%}">{% trans 'TVL'%}</a></li>
-      <li><a onclick="textoVigente(this, false);" title="{% trans 'Texto Vigente'%}">{% trans 'TVT'%}</a></li>
-  </ul>
-
-  {% include 'compilacao/text_list_bloco.html'%}
-  </div>
 {% endblock base_content %}

sapl/templates/compilacao/text_list__embedded.html

@@ -16,14 +16,14 @@
     {% if forloop.first %}
       <ul class="nav nav-pills cp-vigencias">
         {% for dispositivo in values %}
-          <li class="{% if view.inicio_vigencia == dispositivo.inicio_vigencia %}active{%endif%}">
+          <li class="nav-item {% if view.inicio_vigencia == dispositivo.inicio_vigencia %}active{%endif%}">
-            <a href="{% url 'sapl.compilacao:ta_vigencia' dispositivo.ta_id dispositivo|get_sign_vigencia %}" title="{% trans 'Vigência entre'%} {{dispositivo.inicio_vigencia}} {% trans 'e'%} {{dispositivo.fim_vigencia}}">{% trans 'Texto Original'%}</a>
+            <a class="nav-link" href="{% url 'sapl.compilacao:ta_vigencia' dispositivo.ta_id dispositivo|get_sign_vigencia %}" title="{% trans 'Vigência entre'%} {{dispositivo.inicio_vigencia}} {% trans 'e'%} {{dispositivo.fim_vigencia}}">{% trans 'Texto Original'%}</a>
           </li>
         {% endfor %}
     {% elif forloop.last %}
       {% for dispositivo in values %}
-        <li class="{% if not view.inicio_vigencia%}active{% endif %}">
+        <li class="nav-item {% if not view.inicio_vigencia%}active{% endif %}">
-          <a href="{% url 'sapl.compilacao:ta_text' dispositivo.ta_id %}" title="{% trans 'Compilação atual'%}.&#013;{% trans 'Vigência a partir de'%} {{dispositivo.inicio_vigencia}}&#013;{% if dispositivo.ta_publicado_id in ta_pub_list %}{{ ta_pub_list|lookup:dispositivo.ta_publicado_id }}{%else%}{%if dispositivo.ta_publicado %}{{dispositivo.ta_publicado}}{%else%}{{dispositivo.ta}}{%endif%}{%endif%}">{% trans 'Texto Atual'%}</a>
+          <a class="nav-link" href="{% url 'sapl.compilacao:ta_text' dispositivo.ta_id %}" title="{% trans 'Compilação atual'%}.&#013;{% trans 'Vigência a partir de'%} {{dispositivo.inicio_vigencia}}&#013;{% if dispositivo.ta_publicado_id in ta_pub_list %}{{ ta_pub_list|lookup:dispositivo.ta_publicado_id }}{%else%}{%if dispositivo.ta_publicado %}{{dispositivo.ta_publicado}}{%else%}{{dispositivo.ta}}{%endif%}{%endif%}">{% trans 'Texto Atual'%}</a>
         </li>
         {% if forloop.parentloop.last %}
           </ul>
@@ -48,11 +48,14 @@
         {% endif%}
       {% endfor %}
     {% else %}
-      <li class="{% if values.inicio_vigencia.year == key %}active{% endif %}"><a data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">{{ key }}</a>
+      <li class="nav-item dropdown {% if values.inicio_vigencia.year == key %}active{% endif %}">
-        <ul class="dropdown-menu">
+      <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">{{ key }}</a>
+        <ul class="dropdown-menu" role="menu">
+        {% comment "" %}
           <div class="arrow top"></div>
+        {% endcomment %}
           {% for dispositivo in values %}
-            <li>
+            <li class="dropdown-item" >
             {% if not forloop.parentloop.first %}
               <a href="{% url 'sapl.compilacao:ta_vigencia' dispositivo.ta_id dispositivo|get_sign_vigencia %}" title="{% if dispositivo.ta_publicado_id in ta_pub_list%}{{ ta_pub_list|lookup:dispositivo.ta_publicado_id }}{%else%}{%if dispositivo.ta_publicado %}{{dispositivo.ta_publicado}}{%else%}{{dispositivo.ta}}{%endif%}{%endif%}">{% trans 'Vigência entre'%} {{dispositivo.inicio_vigencia}} {% trans 'e'%} {{dispositivo.fim_vigencia}}</a>
             {% endif %}
@@ -69,5 +72,6 @@
       <li><a onclick="textoMultiVigente(this, false); textoVigente(this, true);" title="{% trans 'Texto Vigente COM Links para Textos Alteradores'%}">{% trans 'TVL'%}</a></li>
       <li><a onclick="textoVigente(this, false);" title="{% trans 'Texto Vigente'%}">{% trans 'TVT'%}</a></li>
   </ul>
+
   {% include 'compilacao/text_list_bloco.html'%}
 </div>

sapl/templates/compilacao/textoarticulado_detail.html

@@ -4,35 +4,13 @@
 {% load common_tags %}
 
 {% block sections_nav %}
-  <ul class="nav nav-pills navbar-right">
+  {% include 'compilacao/subnav.html'%}
-    {%if object %}
-      <li>
-        {% if request.GET.back_type == 'history' and object.content_object %}
-          <a href="javascript:window.history.back()" title="{% trans 'Voltar para '%}{{object}}">{% trans 'Voltar para '%}{{object}}</a>
-        {% elif object.content_object%}
-          <a href="{% url object|urldetail_content_type:object.content_object object.content_object.pk %}" title="{% trans 'Voltar para '%}{{object}}">{% trans 'Voltar para '%}{{object}}</a>
-        {%else%}
-          <a href="{% url 'sapl.compilacao:ta_detail' object.pk %}">{% trans 'Início' %}</a>
-        {%endif%}
-      </li>
-      {% if object.tipo_ta.publicacao_func %}
-        <li><a href="{% url 'sapl.compilacao:ta_pub_list' object.pk %}">{% model_verbose_name_plural 'sapl.compilacao.models.Publicacao' %}</a></li>
-      {% endif %}
-      {% if perms.compilacao.view_dispositivo_notificacoes %}
-        <li><a href="{% url 'sapl.compilacao:ta_text_notificacoes' object.pk %}">{% trans 'Notificações' %}</a></li>
-      {% endif %}
-      {% block extra_sections_nav %}
-        <li><a href="{% url 'sapl.compilacao:ta_text' object.pk %}">{% trans 'Texto' %}</a></li>
-      {% endblock %}
-    {% endif %}
-  </ul>
 {% endblock %}
 
 {% block base_content %}
 
   {% block actions %}
     <div class="clearfix hidden-print">
-
       <div class="actions btn-group float-right" role="group">
         {% if perms.compilacao.change_textoarticulado and object|can_use_dynamic_editing:user %}
           <a href="{% url 'sapl.compilacao:ta_edit' object.pk %}" class="btn btn-outline-primary">{% trans 'Editar Metadados do Texto Articulado' %}</a>
@@ -41,7 +19,7 @@
               <a href="{% url 'sapl.compilacao:ta_text_edit' object.pk %}" class="btn btn-outline-primary">{% trans 'Editar Texto' %}</a>
         {% endif %}
         {% if perms.compilacao.lock_unlock_textoarticulado and not object.editable_only_by_owners%}
-              <a href="{% url 'sapl.compilacao:ta_text_edit' object.pk %}?{% if object.editing_locked %}unlock{%else%}lock{% endif %}" class="btn btn-outline-primary {% if object.editing_locked %}btn-outline-danger{%else%}btn-primary{% endif %}">{% if object.editing_locked %}{% trans 'Desbloquear Edição' %}{%else%}{% trans 'Publicar Texto' %}{% endif %}</a>
+              <a href="{% url 'sapl.compilacao:ta_text_edit' object.pk %}?{% if object.editing_locked %}unlock{%else%}lock{% endif %}" class="btn {% if object.editing_locked %}btn-outline-danger{%else%}btn-outline-primary{% endif %}">{% if object.editing_locked %}{% trans 'Desbloquear Edição' %}{%else%}{% trans 'Publicar Texto' %}{% endif %}</a>
         {% endif %}
 
 	     </div>