sapl/templates/painel/mensagem.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 'foundation/js/vendor/jquery.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();

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

                  //TODO: json spitted out is very complex, have to simplify/flat it
                  //TODO: probably building it by hand on REST side

                  console.debug(data)

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

                  presentes_ordem_dia = data.presentes_ordem_dia
                  jQuery.each(presentes_ordem_dia, function(index, parlamentar) {                     
                      $('<li />', {text: parlamentar.nome + '/' + parlamentar.partido + ' ' + parlamentar.voto }).appendTo(presentes);
                  });

                  var votacao = $("#votacao")
                  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: " + data["presentes"] + "</li>")
                  votacao.append("<li>Total votos: " + data["total_votos"] + "</li>")

                  $("#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"])

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

                  $("#counter").text(counter);
                  counter++;
               },
               error: function(err) {
                  console.error(err);
               },
               dataType: "json",
               //complete: setTimeout(function() {poll()}, 5000),
               timeout: 20000 // TODO: decrease
            })
          })();
         });
      </script>
    </head>
    <body>
        <h1>{{ context.title }}</h1>
        <input id="json_url" type="hidden" value="{% url 'dados_painel' %}">        
        <h2>Ajax refresh counter: <span id="counter"></span></h2>
        <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><span id="relogio"></span></h2></br><br/><br/>
        <span id="materia_legislativa_texto"></span><br/>
        <span id="observacao_materia"></span>
        </h3>
    </body>
</html>
Change links in Painel 9 years ago			`{% 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 'foundation/js/vendor/jquery.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();`

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

			`//TODO: json spitted out is very complex, have to simplify/flat it`
			`//TODO: probably building it by hand on REST side`

			`console.debug(data)`

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

			`presentes_ordem_dia = data.presentes_ordem_dia`
			`jQuery.each(presentes_ordem_dia, function(index, parlamentar) {`
			`$('<li />', {text: parlamentar.nome + '/' + parlamentar.partido + ' ' + parlamentar.voto }).appendTo(presentes);`
			`});`

			`var votacao = $("#votacao")`
			`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: " + data["presentes"] + "</li>")`
			`votacao.append("<li>Total votos: " + data["total_votos"] + "</li>")`

			`$("#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"])`

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

			`$("#counter").text(counter);`
			`counter++;`
			`},`
			`error: function(err) {`
			`console.error(err);`
			`},`
			`dataType: "json",`
			`//complete: setTimeout(function() {poll()}, 5000),`
			`timeout: 20000 // TODO: decrease`
			`})`
			`})();`
			`});`
			`</script>`
			`</head>`
			`<body>`
			`<h1>{{ context.title }}</h1>`
Add open/close Votacao 9 years ago			`<input id="json_url" type="hidden" value="{% url 'dados_painel' %}">`
Change links in Painel 9 years ago			`<h2>Ajax refresh counter: <span id="counter"></span></h2>`
			`<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><span id="relogio"></span></h2></br><br/><br/>`
			`<span id="materia_legislativa_texto"></span><br/>`
			`<span id="observacao_materia"></span>`
			`</h3>`
			`</body>`
			`</html>`