sapl/templates/painel/index.html

{% load i18n %}
{% load staticfiles %}
<!DOCTYPE HTML>
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!-->
<html lang="en">
<!--<![endif]-->

    <head>
      <meta charset="UTF-8">
      <!-- TODO: does it need this head_title here? -->
      <title>{% block head_title %}{% trans 'SAPL - Sistema de Apoio ao Processo Legislativo' %}{% endblock %}</title>
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <script type="text/javascript" src="{% static 'jquery/dist/jquery.js' %}"></script>
      <script type="text/javascript" src="{% static 'jQuery-runner/build/jquery.runner.js' %}"></script>

      <STYLE type="text/css">
        @media screen {
            body {font-size: medium; color: white; line-height: 1em; background: black;}
        }
      </STYLE>

      <script type="text/javascript">
         $(document).ready(function() {

             //TODO: replace by a fancy jQuery clock
             function checkTime(i) {
                 if (i<10) {i = "0" + i};  // add zero in front of numbers < 10
                    return i;
             }

             function startTime() {
                 var today=new Date();
                 var h=today.getHours();
                 var m=today.getMinutes();
                 var s=today.getSeconds();
                 m = checkTime(m);
                 s = checkTime(s);
                 $("#relogio").text(h+":"+m+":"+s)
                 var t = setTimeout(function(){
                     startTime()
                 }, 500);
             }

             startTime();

            $('#cronometro_discurso').runner({
              autostart: false,
              countdown: true,
              startAt: 5 * 60 * 1000, // 5 minutes
              stopAt: 0,
              milliseconds: false
            });

            $('#cronometro_aparte').runner({
              autostart: false,
              countdown: true,
              startAt: 3 * 60 * 1000, // 3 minutes
              stopAt: 0,
              milliseconds: false
            });

            $('#cronometro_ordem').runner({
              autostart: false,
              countdown: true,
              startAt: 2 * 60 * 1000, // 2 minutes
              stopAt: 0,
              milliseconds: false
            });

        var discurso_previous = '';
        var aparte_previous = '';
        var ordem_previous = '';

        var counter = 1;
        (function poll() {
            $.ajax({
               url: $("#json_url").val(),
               type: "GET",
               success: function(data) {


                  $("#sessao_plenaria").text(data["sessao_plenaria"])
                  $("#sessao_plenaria_data").text("Data Início: " + data["sessao_plenaria_data"])
                  $("#sessao_plenaria_hora_inicio").text("Hora Início: " + data["sessao_plenaria_hora_inicio"])

                  if (data["status_painel"] === "FECHADO") {
                    $("#message").text("PAINEL ENCONTRA-SE FECHADO");
                    return;
                  }


                  var presentes = $("#parlamentares");
                  presentes.children().remove();

                  if (data["presentes_ordem_dia"] != null) {
                    presentes_ordem_dia = data["presentes_ordem_dia"];
                  }
                  else if (data["presentes_expediente"] != null){
                    presentes_ordem_dia = data["presentes_expediente"]
                  }


                  if( (data["tipo_resultado"] == "Aprovado por unanimidade") || (data["tipo_resultado"] == "Aprovado por maioria") || (data["tipo_resultado"] == "Rejeitado")){
                      if(data["tipo_votacao"] == "Nominal") {
                          jQuery.each(data["votos"], function(index, parlamentar) {
                             $('<li />', {text: parlamentar.parlamentar + ' / ' + parlamentar.partido + '/ Voto: ' + parlamentar.voto}).appendTo(presentes);
                          });
                      }
                  }else{
                    jQuery.each(presentes_ordem_dia, function(index, parlamentar) {
                      $('<li />', {text: parlamentar.nome + '/' + parlamentar.partido}).appendTo(presentes);
                    });
                  }

                //console.debug(presentes_ordem_dia)

                var votacao = $("#votacao")

                if (data["num_presentes_ordem_dia"] != null) {
                  num_presentes_ordem_dia = data["num_presentes_ordem_dia"];
                }
                else if (data["num_presentes_expediente"] != null){
                  num_presentes_ordem_dia = data["num_presentes_expediente"]
                }

                votacao.children().remove()
                votacao.append("<li>Sim: " + data["numero_votos_sim"] + "</li>")
                votacao.append("<li>Não: " + data["numero_votos_nao"] + "</li>")
                votacao.append("<li>Abstenções: " + data["numero_abstencoes"] + "</li>")
                votacao.append("<li>Presentes: " + num_presentes_ordem_dia + "</li>")
                votacao.append("<li>Total votos: " + data["total_votos"] + "</li>")


                  var discurso_current = data["cronometro_discurso"];
                  if (discurso_current != discurso_previous) {
                    $('#cronometro_discurso').runner(discurso_current);
                    discurso_previous = discurso_current;
                  }

                  var aparte_current = data["cronometro_aparte"];
                  if (aparte_current != aparte_previous) {
                    $('#cronometro_aparte').runner(aparte_current);
                    aparte_previous = aparte_current;
                  }

                  var ordem_current = data["cronometro_ordem"];
                  if (ordem_current != ordem_previous) {
                    $('#cronometro_ordem').runner(ordem_current);
                    ordem_previous = ordem_current;
                  }

                  $("#materia_legislativa_texto").text(data["materia_legislativa_texto"])
                  $("#observacao_materia").text(data["observacao_materia"])
                  $("#resultado_votacao").text(data["tipo_resultado"])

               },
               error: function(err) {
                  console.error(err);
               },
               dataType: "json",
               complete: setTimeout(function() {poll()}, 2000),
               timeout: 20000 // TODO: decrease
            })
          })();
         });
      </script>
    </head>
    <body>
        <h1 id="title"></h1>
        <input id="json_url" type="hidden" value="{% url 'painel:dados_painel' sessao_id %}">
        <h3>
        <span id="sessao_plenaria"></span><br/><br/>
        <span id="sessao_plenaria_data"></span><br/><br/>
        <span id="sessao_plenaria_hora_inicio"></span></br><br/>
        <h2 id="message"></h2>
        <h2><span id="relogio"></span></h2>
        <table>
            <tr>
                <td>TEMPO DECORRIDO:</td>
                <td><span id="tempo-decorrido"></span></td>
            </tr>
            <tr>
                <td>DISCURSO:</td>
                <td><span id="cronometro_discurso"></span></td>
            </tr>
            <tr>
                <td>APARTE:</td>
                <td><span id="cronometro_aparte"></span></td>
            </tr>
            <tr>
                <td>QUESTÃO DE ORDEM:</td>
                <td><span id="cronometro_ordem"></span></td>
            </tr>
        </table>
        <table>
            <tr>
               <td>
                  <ul id="parlamentares">
                  </ul>
               </td>
               <td>
                  <ul id="votacao">
                  </ul>
               </td>
            </tr>
        </table>
        <span id="materia_legislativa_texto"></span><br/>
        <span id="resultado_votacao"></span><br/>
        <span id="observacao_materia"></span>
        </h3>
    </body>
</html>
Remove internacionalização para corrigir json 9 years ago			`{% load i18n %}`
Add more fields to Painel 10 years ago			`{% load staticfiles %}`
Add first files of Painel app (wip) 10 years ago			`<!DOCTYPE HTML>`
Add more fields to Painel 10 years ago			`<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->`
			`<!--[if gt IE 8]><!-->`
			`<html lang="en">`
			`<!--<![endif]-->`

Add first files of Painel app (wip) 10 years ago			`<head>`
			`<meta charset="UTF-8">`
Add more fields to Painel 10 years ago			`<!-- TODO: does it need this head_title here? -->`
			`<title>{% block head_title %}{% trans 'SAPL - Sistema de Apoio ao Processo Legislativo' %}{% endblock %}</title>`
			`<meta name="viewport" content="width=device-width, initial-scale=1.0">`
Remove internacionalização para corrigir json 9 years ago			`<script type="text/javascript" src="{% static 'jquery/dist/jquery.js' %}"></script>`
			`<script type="text/javascript" src="{% static 'jQuery-runner/build/jquery.runner.js' %}"></script>`
Add first files of Painel app (wip) 10 years ago
			`<STYLE type="text/css">`
			`@media screen {`
			`body {font-size: medium; color: white; line-height: 1em; background: black;}`
			`}`
			`</STYLE>`
Remove internacionalização para corrigir json 9 years ago
Add first files of Painel app (wip) 10 years ago			`<script type="text/javascript">`
			`$(document).ready(function() {`

Add clock 9 years ago			`//TODO: replace by a fancy jQuery clock`
			`function checkTime(i) {`
			`if (i<10) {i = "0" + i}; // add zero in front of numbers < 10`
			`return i;`
			`}`
Remove internacionalização para corrigir json 9 years ago
Add clock 9 years ago			`function startTime() {`
			`var today=new Date();`
			`var h=today.getHours();`
			`var m=today.getMinutes();`
			`var s=today.getSeconds();`
			`m = checkTime(m);`
			`s = checkTime(s);`
Add cronometros to index page. 9 years ago			`$("#relogio").text(h+":"+m+":"+s)`
Add clock 9 years ago			`var t = setTimeout(function(){`
			`startTime()`
Refactor painel (wip) 9 years ago			`}, 500);`
Add clock 9 years ago			`}`

			`startTime();`

Add sync between stopwatches of Painel two windows. 9 years ago			`$('#cronometro_discurso').runner({`
			`autostart: false,`
			`countdown: true,`
			`startAt: 5 * 60 * 1000, // 5 minutes`
			`stopAt: 0,`
			`milliseconds: false`
			`});`

			`$('#cronometro_aparte').runner({`
			`autostart: false,`
			`countdown: true,`
			`startAt: 3 * 60 * 1000, // 3 minutes`
			`stopAt: 0,`
			`milliseconds: false`
			`});`

			`$('#cronometro_ordem').runner({`
			`autostart: false,`
			`countdown: true,`
			`startAt: 2 * 60 * 1000, // 2 minutes`
			`stopAt: 0,`
			`milliseconds: false`
			`});`

			`var discurso_previous = '';`
			`var aparte_previous = '';`
			`var ordem_previous = '';`

Add first files of Painel app (wip) 10 years ago			`var counter = 1;`
			`(function poll() {`
			`$.ajax({`
			`url: $("#json_url").val(),`
			`type: "GET",`
			`success: function(data) {`


Painel tweaks 9 years ago			`$("#sessao_plenaria").text(data["sessao_plenaria"])`
			`$("#sessao_plenaria_data").text("Data Início: " + data["sessao_plenaria_data"])`
Remove internacionalização para corrigir json 9 years ago			`$("#sessao_plenaria_hora_inicio").text("Hora Início: " + data["sessao_plenaria_hora_inicio"])`
Painel tweaks 9 years ago
			`if (data["status_painel"] === "FECHADO") {`
			`$("#message").text("PAINEL ENCONTRA-SE FECHADO");`
			`return;`
Remove internacionalização para corrigir json 9 years ago			`}`
Painel tweaks 9 years ago
Add first files of Painel app (wip) 10 years ago
Add more fields to Painel 10 years ago			`var presentes = $("#parlamentares");`
			`presentes.children().remove();`
Add first files of Painel app (wip) 10 years ago
Finish Painel Fix #169 and Fix #45 9 years ago			`if (data["presentes_ordem_dia"] != null) {`
			`presentes_ordem_dia = data["presentes_ordem_dia"];`
			`}`
			`else if (data["presentes_expediente"] != null){`
			`presentes_ordem_dia = data["presentes_expediente"]`
			`}`

Add first files of Painel app (wip) 10 years ago
Change painel to show parlamentares in votacao simbolica/secreta 9 years ago			`if( (data["tipo_resultado"] == "Aprovado por unanimidade") \|\| (data["tipo_resultado"] == "Aprovado por maioria") \|\| (data["tipo_resultado"] == "Rejeitado")){`
			`if(data["tipo_votacao"] == "Nominal") {`
			`jQuery.each(data["votos"], function(index, parlamentar) {`
Remove internacionalização para corrigir json 9 years ago			`$('<li />', {text: parlamentar.parlamentar + ' / ' + parlamentar.partido + '/ Voto: ' + parlamentar.voto}).appendTo(presentes);`
Change painel to show parlamentares in votacao simbolica/secreta 9 years ago			`});`
			`}`
			`}else{`
Remove internacionalização para corrigir json 9 years ago			`jQuery.each(presentes_ordem_dia, function(index, parlamentar) {`
			`$('<li />', {text: parlamentar.nome + '/' + parlamentar.partido}).appendTo(presentes);`
Finish Votação Nominal in Painel details and Fix bug in sessao/views 9 years ago			`});`
Change painel to show parlamentares in votacao simbolica/secreta 9 years ago			`}`
Finish Votação Nominal in Painel details and Fix bug in sessao/views 9 years ago
Remove internacionalização para corrigir json 9 years ago			`//console.debug(presentes_ordem_dia)`
Finish Votação Nominal in Painel details and Fix bug in sessao/views 9 years ago
			`var votacao = $("#votacao")`

			`if (data["num_presentes_ordem_dia"] != null) {`
			`num_presentes_ordem_dia = data["num_presentes_ordem_dia"];`
			`}`
			`else if (data["num_presentes_expediente"] != null){`
			`num_presentes_ordem_dia = data["num_presentes_expediente"]`
Remove internacionalização para corrigir json 9 years ago			`}`
Finish Painel Fix #169 and Fix #45 9 years ago
Finish Votação Nominal in Painel details and Fix bug in sessao/views 9 years ago			`votacao.children().remove()`
			`votacao.append("<li>Sim: " + data["numero_votos_sim"] + "</li>")`
			`votacao.append("<li>Não: " + data["numero_votos_nao"] + "</li>")`
			`votacao.append("<li>Abstenções: " + data["numero_abstencoes"] + "</li>")`
			`votacao.append("<li>Presentes: " + num_presentes_ordem_dia + "</li>")`
			`votacao.append("<li>Total votos: " + data["total_votos"] + "</li>")`
Add more fields to Painel 10 years ago
Remove internacionalização para corrigir json 9 years ago
			`var discurso_current = data["cronometro_discurso"];`
Add sync between stopwatches of Painel two windows. 9 years ago			`if (discurso_current != discurso_previous) {`
			`$('#cronometro_discurso').runner(discurso_current);`
			`discurso_previous = discurso_current;`
			`}`

Remove internacionalização para corrigir json 9 years ago			`var aparte_current = data["cronometro_aparte"];`
Add sync between stopwatches of Painel two windows. 9 years ago			`if (aparte_current != aparte_previous) {`
			`$('#cronometro_aparte').runner(aparte_current);`
			`aparte_previous = aparte_current;`
			`}`

Remove internacionalização para corrigir json 9 years ago			`var ordem_current = data["cronometro_ordem"];`
Add sync between stopwatches of Painel two windows. 9 years ago			`if (ordem_current != ordem_previous) {`
			`$('#cronometro_ordem').runner(ordem_current);`
			`ordem_previous = ordem_current;`
Remove internacionalização para corrigir json 9 years ago			`}`
Add sync between stopwatches of Painel two windows. 9 years ago
Painel tweaks 9 years ago			`$("#materia_legislativa_texto").text(data["materia_legislativa_texto"])`
			`$("#observacao_materia").text(data["observacao_materia"])`
			`$("#resultado_votacao").text(data["tipo_resultado"])`

Add first files of Painel app (wip) 10 years ago			`},`
			`error: function(err) {`
			`console.error(err);`
			`},`
			`dataType: "json",`
Add sync between stopwatches of Painel two windows. 9 years ago			`complete: setTimeout(function() {poll()}, 2000),`
Add more fields to Painel 10 years ago			`timeout: 20000 // TODO: decrease`
Add first files of Painel app (wip) 10 years ago			`})`
			`})();`
			`});`
			`</script>`
			`</head>`
			`<body>`
Refactor painel (wip) 9 years ago			`<h1 id="title"></h1>`
Soluciona quebras causadas pela mudanca no nome das urls 9 years ago			`<input id="json_url" type="hidden" value="{% url 'painel:dados_painel' sessao_id %}">`
Add Filiacao Partidaria to Painel 10 years ago			`<h3>`
Change links in Painel 9 years ago			`<span id="sessao_plenaria"></span><br/><br/>`
			`<span id="sessao_plenaria_data"></span><br/><br/>`
			`<span id="sessao_plenaria_hora_inicio"></span></br><br/>`
Painel tweaks 9 years ago			`<h2 id="message"></h2>`
Add cronometros to index page. 9 years ago			`<h2><span id="relogio"></span></h2>`
			`<table>`
			`<tr>`
			`<td>TEMPO DECORRIDO:</td>`
			`<td><span id="tempo-decorrido"></span></td>`
			`</tr>`
			`<tr>`
			`<td>DISCURSO:</td>`
Remove internacionalização para corrigir json 9 years ago			`<td><span id="cronometro_discurso"></span></td>`
Add cronometros to index page. 9 years ago			`</tr>`
			`<tr>`
			`<td>APARTE:</td>`
Remove internacionalização para corrigir json 9 years ago			`<td><span id="cronometro_aparte"></span></td>`
Add cronometros to index page. 9 years ago			`</tr>`
			`<tr>`
			`<td>QUESTÃO DE ORDEM:</td>`
Add sync between stopwatches of Painel two windows. 9 years ago			`<td><span id="cronometro_ordem"></span></td>`
Add cronometros to index page. 9 years ago			`</tr>`
Remove internacionalização para corrigir json 9 years ago			`</table>`
Add more fields to Painel 10 years ago			`<table>`
			`<tr>`
			`<td>`
			`<ul id="parlamentares">`
			`</ul>`
			`</td>`
			`<td>`
			`<ul id="votacao">`
			`</ul>`
			`</td>`
			`</tr>`
			`</table>`
			`<span id="materia_legislativa_texto"></span><br/>`
			`<span id="resultado_votacao"></span><br/>`
			`<span id="observacao_materia"></span>`
Add Filiacao Partidaria to Painel 10 years ago			`</h3>`
Add first files of Painel app (wip) 10 years ago			`</body>`
			`</html>`