Add ordenação do cronometro arrastando Fix #2924

sapl/painel/urls.py

@@ -4,7 +4,7 @@ from .apps import AppConfig
 from .views import (cronometro_painel, get_dados_painel, painel_mensagem_view,
                     painel_parlamentar_view, painel_view, painel_votacao_view,
                     switch_painel, verifica_painel, votante_view, CronometroPainelCrud,
-                    PainelConfigCrud)
+                    PainelConfigCrud,ordena_cronometro)
 
 app_name = AppConfig.name
 
@@ -23,6 +23,7 @@ urlpatterns = [
     url(r'^painel/cronometro$', cronometro_painel, name='cronometro_painel'),
     
     url(r'^sistema/cronometro/', include(CronometroPainelCrud.get_urls())),
+    url(r'^sistema/ordena_cronometro/', ordena_cronometro, name='ordena_cronometro'),
     url(r'^sistema/painel-config/', include(PainelConfigCrud.get_urls())),
 
     url(r'^voto-individual/$', votante_view,

sapl/painel/views.py

@@ -32,9 +32,19 @@ VOTACAO_NOMINAL = 2
 class CronometroPainelCrud(CrudAux):
     model = Cronometro
 
+    class ListView(CrudAux.ListView):
+        template_name = "painel/lista_cronometros.html"
+        
     class BaseMixin(CrudAux.BaseMixin):
         form_class = CronometroForm
 
+def ordena_cronometro(request):
+    ordem = request.POST.getlist("ordem", [])
+    for index, o in enumerate(ordem):
+        c = Cronometro.objects.get(id=o)
+        c.ordenacao = index + 1
+        c.save()
+    return JsonResponse({'r':ordem})
 
 class PainelConfigCrud(CrudAux):
     model = PainelConfig
@@ -685,3 +695,4 @@ def get_dados_painel(request, pk):
 
     # Retorna que não há nenhuma matéria já votada ou aberta
     return response_nenhuma_materia(get_presentes(pk, response, None))
+

sapl/templates/painel/lista_cronometros.html

@@ -0,0 +1,98 @@
+{% extends "crud/list.html" %}
+{% load i18n %}
+{% load i18n common_tags crispy_forms_tags%}
+
+{% block container_table_list %}
+  {% if not rows %}
+    <p>{{ NO_ENTRIES_MSG }}</p>
+  {% else %}
+    <div class="container-table">
+      <div class="result-count">{% blocktrans with verbose_name_plural=view.verbose_name_plural %}Total de {{ verbose_name_plural }}: <strong>{{count}}</strong>{% endblocktrans %}</div>
+      <table class="table table-striped table-hover table-link-ordering">
+        <thead>
+          <tr>
+            {% for name in headers %}
+              <th>
+                {% if view.ordered_list %}
+                  <a title="{% trans 'Clique para alterar a ordem a listagem'%}" href="?o={% if 'o' not in request.GET and forloop.counter == 1 or 'o' in request.GET and forloop.counter|safe == request.GET.o %}-{%endif%}{{forloop.counter}}{{ordering_url}}">
+                    {{ name }}
+                    {% if 'o' in request.GET or not view.ordering %}
+                      {% if 'o' not in request.GET and forloop.counter == 1 or 'o' in request.GET and forloop.counter|safe == request.GET.o %}
+                        <span class="caret top" title="{% trans 'Listado na Ordem Ascendente'%}"></span>
+                      {% elif 'o' in request.GET and forloop.counter == request.GET.o|str2intabs %}
+                        <span class="caret" title="{% trans 'Listado na Ordem Descendente'%}"></span>
+                      {%endif%}
+                    {%endif%}
+                  </a>
+                {% else %}
+                    {{ name }}
+                {% endif %}
+              </th>
+            {% endfor %}
+          </tr>
+        </thead>
+      <tbody id="sortable">
+        {% for o in object_list %}
+        <tr data-value='{{o.id}}'>
+          <td>
+            <a href='/sistema/cronometro/{{o.id}}'>{{o}}</a>
+          </td>
+          <td>
+            {{o.duracao_cronometro}}
+          </td>
+          <td>
+            {% if o.ativo %}Sim{% else %}Não{% endif %}
+          </td>
+          <td>
+            <spam>{{o.ordenacao}}</spam>
+          </td>
+        </tr>
+        {% endfor %}
+      
+      </tbody>
+      </table>
+    </div>
+  {% endif %}
+
+{% endblock container_table_list %}
+
+
+{% block extra_js %}
+    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
+    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
+    <script>
+        $(function() {
+                $( "#sortable" ).sortable({
+                    beforeStop: function( event, ui ) {
+                      var order = []
+                      $("#sortable tr").each((index,obj) => {
+                        if($(obj).data('value')){
+                          order.push($(obj).data('value'))
+                        }
+                      })
+                      console.log(order)
+
+                      $.ajax({
+	                        data: {ordem:order},
+	                        type: 'POST',
+	                        url: "{% url 'sapl.painel:ordena_cronometro' %}",
+                          traditional: true,
+	                        headers: {
+                                'X-CSRFToken': getCookie('csrftoken')
+                          },
+                          success: function(data){
+          						      var msg = data;
+                            $( "#sortable tr td spam" ).each(function(index,obj) {
+                              $(obj).text(index+1);
+                            });
+                          },
+	                      });
+                    }
+                });
+
+                $( "#sortable" ).disableSelection();
+                
+                
+        }); 
+    </script>
+{% endblock %}