Impl. aviso duplicacao - add varias mat

sapl/sessao/views.py

@@ -546,11 +546,11 @@ def materias_sessao_plenaria_ajax(request):
                 sessao_plenaria=sessao_plenaria_id
             )
 
-    if f_url == "transf-mat-exp":
+    if f_url == "transf-mat-exp" or f_url == "adicionar-varias-materias-expediente":
         materias_sessao = ExpedienteMateria.objects.filter(
             sessao_plenaria=request.GET['sessao_plenaria']
         )
-    elif f_url == "transf-mat-ordemdia":
+    elif f_url == "transf-mat-ordemdia" or f_url == "adicionar-varias-materias-ordem-dia":
         materias_sessao = OrdemDia.objects.filter(
             sessao_plenaria=request.GET['sessao_plenaria']
         )

sapl/templates/sessao/adicionar_varias_materias_expediente.html

@@ -3,20 +3,18 @@
 {% load crispy_forms_tags %}
 {% block actions %}{% endblock %}
 
+
 {% block detail_content %}
-  {% block buttons %}
 
+  {% block buttons %}
     {% if filter_url and not filter.form.errors %}
       <div class="actions btn-group float-right" role="group">
         <a href="{% url 'sapl.sessao:adicionar_varias_materias_expediente' pk_sessao %}" class="btn btn-outline-primary">{% trans 'Fazer nova pesquisa' %}</a>
       </div>
-
       <div class="actions btn-group float-right" role="group">
         <a href="{% url 'sapl.sessao:expedientemateria_list' pk_sessao %}" class="btn btn-outline-primary">{% trans 'Matérias do Expediente' %}</a>
       </div>
-
     {% endif %}
-
   {% endblock %}
 
   {% if filter.form.errors %}
@@ -26,26 +24,20 @@
       {% crispy filter.form %}
     {% endif %}
   {% endif %}
-
   <p></p>
   {% if filter_url and not filter.form.errors %} 
-        
     {% if paginator.count %}
       <form method="POST" enctype="application/x-www-form-urlencoded">
         {% csrf_token %}
         <table class="table table-striped table-bordered">
           <thead class="thead-default">
-                <tr>
+            <tr><td><h3>{% trans "Matérias" %}</h3></td><td><h3>{% trans "Tipo de Votação" %}</h3></td></tr>
-                  <td><h3>{% trans "Matérias" %}</h3></td>
-                  <td><h3>{% trans "Tipo de Votação" %}</h3></td>
-                </tr>
           </thead>
           {% if paginator.count > 1 %}
             <h3>{% blocktrans with paginator.count as total_materias %}Pesquisa concluída com sucesso! Foram encontradas {{ total_materias }} matérias.{% endblocktrans %}</h3>
           {% elif paginator.count == 1 %}
             <h3>{% trans 'Pesquisa concluída com sucesso! Foi encontrada 1 matéria.'%}</h3>
           {% endif %}
-
           {% for m in page_obj %}
             <tr>
               <td>
@@ -82,24 +74,84 @@
       </form>
     {% else %}
       <table class="table table-striped table-bordered">
-            <tr>
+        <tr><td><h3>Nenhuma matéria encontrada com essas especificações</h3></td></tr>
-                <td>
-                    <h3>Nenhuma matéria encontrada com essas especificações</h3>
-                </td>
-            </tr>
       </table>
     {% endif %}
-
   {% endif %}
 
 {% endblock detail_content %}
 
+
 {% block extra_js %}
 	<script>
+    function buscar_materias_sessao() {
+      let url_split = window.location.href.split('/');
+      let url_split_length = url_split.length;
+
+      let flag = url_split[url_split_length-2];
+      let id_sessao_plenaria = url_split[url_split_length-3];
+
+      $.get("{% url 'sapl.sessao:materias_sessao_plenaria_ajax_view' %}",
+        { sessao_plenaria: id_sessao_plenaria, url_atual: flag }, 
+        function(data) {
+          lista_materias = data['materias'];
+        }
+      );
+    }
+
+    var modal_estilos = 'display: block; width: 85%; max-width: 600px; background: #fff;'
+      +'padding: 15px; border-radius: 5px;'
+      +'-webkit-box-shadow: 0px 6px 14px -2px rgba(0, 0, 0, 0.75);'
+      +'-moz-box-shadow: 0px 6px 14px -2px rgba(0, 0, 0, 0.75);'
+      +'box-shadow: 0px 6px 14px -2px rgba(0, 0, 0, 0.75); position: fixed; top: 50%; left: 50%;'
+      +'transform: translate(-50%, -50%); z-index: 99999999; text-align: center';
+
+      var fundo_modal_estilos = 'top: 0; right: 0; bottom: 0; left: 0; position: fixed;'
+        +'background-color: rgba(0, 0, 0, 0.6); z-index: 99999999; display: none;';
+
+      var modal = '<div '
+        +'id="fundo_modal" style="'+fundo_modal_estilos+'"'
+        +'>'
+          +'<div id="modal" style="'+modal_estilos+'">'
+            +'<h2>'
+              +'Atenção!'
+            +'</h2>'
+            +'<br/>'
+            +'<h3>'
+              +'A matéria selecionada já foi adicionada na sessão. Essa matéria será duplicada.'
+            +'</h3>'
+            +'<br/>'
+            +'<button '
+              +'id="close_model_btn" '
+              +'type="button" '
+              +'class="btn btn-warning  mb-2" '
+              +'data-dimiss="model"'
+            +'>'
+              +'Compreendo e quero continuar'
+            +'</button>'
+          +'</div>'
+        +'</div>';
+
+    $(document).ready( function() {  
+      $("body").append(modal);
+
+      buscar_materias_sessao();
+
+      $('input[name=materia_id]').change( function() {
+        if($(this).is(':checked')) {
+          let id = parseInt($(this).val());
+          if (lista_materias.indexOf(id) > (-1)){
+            $('#fundo_modal').fadeIn();
+          }
+        }
+      });
+
+      $("#fundo_modal, #close_model_btn").click( function() { $("#fundo_modal").hide(); });
+      $("#modal").click( function(e) { e.stopPropagation(); });
+    });
 
 		$(window).on('beforeunload', function() {
       $("input[type=submit], input[type=button]").prop("disabled", "disabled");
     });
-
 	</script>
 {% endblock extra_js%}