sapl/sapl/templates/sessao/expedientemateria_form.html

{% extends "crud/form.html" %}
{% load i18n %}
{% load crispy_forms_tags %}
{% load common_tags %}

{% block extra_js %}
  <script language="Javascript">
    // document.getElementById("id_observacao").readOnly = true;

    function recuperar_materia() {
      var tipo_materia = $("#id_tipo_materia").val()
      var numero_materia = $("#id_numero_materia").val()
      var ano_materia = $("#id_ano_materia").val()

      if (tipo_materia && numero_materia && ano_materia){
        $.get("/sessao/recuperar-materia",
          { tipo_materia: tipo_materia, numero_materia: numero_materia, ano_materia: ano_materia },
          function(data, status) {
            if ($(".ementa-materia").length === 0){
              $("#div_id_tipo_materia").closest('.row').after($('<div class="row"/>').append($('<div class="col-12"/>').append(
                $('<div class="alert alert-info ementa-materia"/>').html(data.ementa)
              )))
            }
            else {
              $('.ementa-materia').html(data.ementa)
            }

            let tipo_materia_salvo = "{{ tipo_materia_salvo }}"
            let numero_materia_salvo = "{{ numero_materia_salvo }}"
            let ano_materia_salvo = "{{ ano_materia_salvo }}"

            if (tipo_materia !== tipo_materia_salvo || numero_materia !== numero_materia_salvo || ano_materia !== ano_materia_salvo){
              let id_materia = data.id
              if (id_materia){
                // Define se a matéria é do expediente ou da ordem do dia
                let tipo_materia_sessao = "{{ tipo_materia_sessao }}"

                let pk_sessao_plenaria = "{{ root_pk }}"
                $.get("{% url 'sapl.sessao:verifica_materia_sessao_plenaria_ajax_view' %}",
                  { id_materia_selecionada: id_materia, tipo_materia_sessao: tipo_materia_sessao, pk_sessao_plenaria: pk_sessao_plenaria },
                  function(data) {
                    let is_materia_presente = data['is_materia_presente']
                    let is_materia_presente_any_sessao = data['is_materia_presente_any_sessao']
                    if (is_materia_presente){
                      $('#fundo_modal').fadeIn()
                    }
                    else if(is_materia_presente_any_sessao){
                      $('#fundo_modal2').fadeIn()
                    }
                });
              }
            }
        });
      }
    }

    function recuperar_tramitacao() {
        let tipo_materia = $("#id_tipo_materia").val()
        let numero_materia = $("#id_numero_materia").val()
        let ano_materia = $("#id_ano_materia").val()
        let tramitacao_salvo = "{{ tramitacao_salvo }}"

        if (tipo_materia && numero_materia && ano_materia) {
            $.get("/sessao/recuperar-tramitacao",
              { tipo_materia: tipo_materia, numero_materia: numero_materia, ano_materia: ano_materia },
              function(data, status) {
                if (status == 'success') {
                    $('#id_tramitacao_select').off('change')
                    $('#id_tramitacao_select').find('option').remove()
                    $('#id_tramitacao_select').append('<option value="">Selecione uma opção..</option>');
                    for (const property in data) {
                        console.log(tramitacao_salvo + "===" + property)
                        const option = $(`<option value="${property}">${data[property].data_tramitacao} - ${data[property].status}</option>`)
                        option[0].data = data[property]
                        $('#id_tramitacao_select').append(option)
                        if (property == tramitacao_salvo) {
                            $("#id_tramitacao_select option[value='"+ property +"']").attr("selected", "selected");
                        }
                    }
                    $('#id_tramitacao_select').on('change', function(event) {
                      const option = event.currentTarget.selectedOptions[0]

                      if (option.data === undefined)
                        return

                      const html_alert = `Data da Tramitação: ${option.data.data_tramitacao}<br>
                                          De: <strong>${option.data.unidade_tramitacao_local}</strong> - Para: <strong>${option.data.unidade_tramitacao_destino}</strong><br>
                                          Status Atual: ${option.data.status}<br>
                                          Texto da Ação: ${option.data.texto}`

                      if ($(".tramitacao-materia").length === 0){
                        $("#id_tramitacao_select").closest('.row').after($('<div class="row"/>').append($('<div class="col-12"/>').append(
                          $('<div class="alert alert-info w-100 tramitacao-materia"/>').html(html_alert)
                        )))
                      }
                      else {
                        $('.tramitacao-materia').html(html_alert)
                      }

                    }).trigger('change')
                }
              });
        }
    }

    var fields = ["#id_tipo_materia", "#id_numero_materia", "#id_ano_materia"];
    for (i = 0; i < fields.length; i++){
      $(fields[i]).change(function() {
          recuperar_materia();
          recuperar_tramitacao();
      });
    }
    recuperar_materia();
    recuperar_tramitacao();

    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>';

    var modal2 = '<div id="fundo_modal2" style="'+fundo_modal_estilos+'">'
      +'<div id="modal2" style="'+modal_estilos+'">'
        +'<h2>Atenção!</h2><br/>'
        +'<h3>A matéria em questão já foi adicionada em uma outra sessão. Deseja continuar mesmo assim?</h3><br/>'
        +'<button id="close_model2_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)
      $("body").append(modal2)

      $("select[name='tipo_votacao']").children("option[value='4']").remove();
      $('#id_apenas_leitura').change( function(event) {
        $('#div_id_tipo_votacao').toggle()
        if ($('#id_apenas_leitura').prop('checked')){
          $("select[name='tipo_votacao']").append(new Option('Leitura', '4'))
          $("select[name='tipo_votacao']").val('4')
        } else {
          $("select[name='tipo_votacao']").children("option[value='4']").remove()
          $("select[name='tipo_votacao']").val('1')
        }
      });

      $("#fundo_modal, #close_model_btn").click( function() { $("#fundo_modal").hide() });
      $("#modal").click( function(e) { e.stopPropagation() });

      $("#fundo_modal2, #close_model2_btn").click( function() { $("#fundo_modal2").hide() });
      $("#modal2").click( function(e) { e.stopPropagation() });
    });
  </script>
{% endblock %}