Configurando app parlamentaares para frontend

sapl/parlamentares/urls.py

@@ -20,7 +20,7 @@ from sapl.parlamentares.views import (CargoMesaCrud, ColigacaoCrud,
                                       remove_parlamentar_composicao,
                                       parlamentares_filiados, BlocoCrud,
                                       PesquisarParlamentarView, VincularParlamentarView,
-                                      get_sessoes_legislatura)
+                                      get_sessoes_legislatura, get_all_legislaturas_json)
 
 from .apps import AppConfig
 
@@ -95,4 +95,6 @@ urlpatterns = [
     url(r'^parlamentar/get-sessoes-legislatura/$', 
         get_sessoes_legislatura, name='get_sessoes_legislatura'),
     
+    url(r'^parlamentar/get-all-legislaturas_json/$', 
+        get_all_legislaturas_json, name='get-all-legislaturas_json'),
 ]

sapl/parlamentares/views.py

@@ -21,6 +21,7 @@ from django.views.generic import FormView
 from django.views.generic.edit import UpdateView
 from django_filters.views import FilterView
 from image_cropping.utils import get_backend
+from django.core import serializers
 
 
 from sapl.base.forms import SessaoLegislativaForm, PartidoForm
@@ -1204,3 +1205,7 @@ def get_sessoes_legislatura(request):
         json_response['sessoes_legislativas'].append( (s.id, str(s)) )
 
     return JsonResponse(json_response)
+
+def get_all_legislaturas_json(request):
+    all_legislaturas = [(str(e),e.id) for e in Legislatura.objects.all()]
+    return JsonResponse({'legislaturas':all_legislaturas})

sapl/templates/parlamentares/parlamentares_list.html

@@ -1,7 +1,13 @@
-{% extends "crud/list.html" %}
+{% extends "base.html" %}
 {% load i18n %}
 {% load crispy_forms_tags cropping%}
-{% block actions %}
+{% load common_tags %}
+{% load render_bundle from webpack_loader %}
+{% load webpack_static from webpack_loader %}
+
+{% block base_content %}
+
+
   <div class="actions btn-group float-right btn-group-sm" role="group">
     <a href="{% url 'sapl.parlamentares:pesquisar_parlamentar' %}" class="btn btn-outline-primary">Pesquisar Parlamentar</a>
     {% if not request.user.is_anonymous  %}
@@ -9,12 +15,21 @@
     {% endif %}
   {% block more_buttons %}{% endblock more_buttons %}
   </div>
-{% endblock actions %}
+  
-{% block extra_content %}
+
   <fieldset class="form-group">
     <legend>Selecione o Período</legend>
     <form method="GET">
-      <select name="pk" class="form-control" onChange="form.submit();">
+      
+      <div id="app2">
+        <select class="form-control" v-model="legislatura_selecionada">
+          <option v-for="option in legislaturas" v-bind:value="option[1]">
+            [[ option[0] ]]
+          </option>
+        </select>
+      </div>
+
+      <select  name="pk" class="form-control" onChange="form.submit();">
         {% for l in legislaturas %}
           <option value="{{l.id}}" {% if l.id == legislatura_id %} selected {% endif %}>
             {{l}}
@@ -24,9 +39,7 @@
     </form>
   </fieldset>
   <br/>
-{% endblock %}
 
-{% block container_table_list %}
   {% if not rows %}
     <p>{{ NO_ENTRIES_MSG }}</p>
   {% else %}
@@ -73,4 +86,17 @@
       </table>
     </div>
   {% endif %}
+
+{% endblock base_content %}
+
+
+{% block webpack_loader_css %}
+    {{ block.super }}
+    {% render_bundle 'parlamentar' 'css' %}
+{% endblock %}
+
+{% block webpack_loader_js %}    
+    {% render_chunk_vendors 'js' %}
+    {% render_bundle  'global' 'js' %}  
+    {% render_bundle 'parlamentar' 'js' %}
 {% endblock %}