Adicina modal de aviso quando anos são diferentes

sapl/templates/materia/materialegislativa_form.html

@@ -31,6 +31,40 @@
     return 0;
   }
 
+  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 meu_modal = '<div id="fundo_modal" style="'+fundo_modal_estilos+'">'
+    +'<div id="meu_modal" style="'+modal_estilos+'">'
+      +'<h2>Atenção! Ano de apresentação e ano da matéria são diferentes.</h2><br />'
+      +'<button id="close_model_btn" type="button" class="btn btn-warning" data-dismiss="modal">'
+      +'Compreendo e quero continuar</button>'
+    +'</div></div>';
+
+  function verifica_ano(){
+    let ano = $("select#id_ano.select").val();
+    let data_apresentacao = $("input#id_data_apresentacao.dateinput").val();
+    let ano_apresentacao = data_apresentacao.substr(data_apresentacao.length - 4);
+    
+    if(ano && ano_apresentacao && ano_apresentacao != ano){
+      $('#fundo_modal').fadeIn();
+    }
+  }
+
   $(document).ready(function() {
     $("#id_tipo_autor").change(function() {
       var tipo_selecionado = $("#id_tipo_autor").val();
@@ -59,6 +93,18 @@
       }
     });
     $("#id_tipo_autor").trigger('change');
+
+    $("body").append(meu_modal);
+
+    $("#fundo_modal, #close_model_btn").click(function(){ $("#fundo_modal").hide(); });
+    $("#meu_modal").click(function(e){ e.stopPropagation(); });
+
+    $("select#id_ano.select.form-control").blur(function(){
+      verifica_ano();
+    });
+    $("input#id_data_apresentacao.dateinput.form-control").blur(function(){
+      verifica_ano();
+    });
   });
 </script>
 

sapl/templates/norma/normajuridica_form.html

@@ -57,6 +57,54 @@
             numeroField.val(numero.replace(/^0+/, ''));
          }
   });
+
+  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 meu_modal = '<div id="fundo_modal" style="'+fundo_modal_estilos+'">'
+    +'<div id="meu_modal" style="'+modal_estilos+'">'
+      +'<h2>Atenção! Ano de apresentação e ano da norma são diferentes.</h2><br />'
+      +'<button id="close_model_btn" type="button" class="btn btn-warning" data-dismiss="modal">'
+      +'Compreendo e quero continuar</button>'
+    +'</div></div>';
+
+  function verifica_ano(){
+    let ano = $("select#id_ano.select").val();
+    let data_apresentacao = $("input#id_data.dateinput").val();
+    let ano_apresentacao = data_apresentacao.substr(data_apresentacao.length - 4);
+    
+    if(ano && ano_apresentacao && ano_apresentacao != ano){
+      $('#fundo_modal').fadeIn();
+    }
+  }
+
+  $(document).ready(function() {
+    $("body").append(meu_modal);
+
+    $("#fundo_modal, #close_model_btn").click(function(){ $("#fundo_modal").hide(); });
+    $("#meu_modal").click(function(e){ e.stopPropagation(); });
+
+    $("select#id_ano.select.form-control").blur(function(){
+      verifica_ano();
+    });
+    $("input#id_data.dateinput.form-control").blur(function(){
+      verifica_ano();
+    });
+  });
 </script>
 
 {% endblock %}