|
|
@ -5,7 +5,6 @@ |
|
|
|
<!--[if gt IE 8]><!--> |
|
|
|
<html lang="en"> |
|
|
|
<!--<![endif]--> |
|
|
|
|
|
|
|
<head> |
|
|
|
<meta charset="UTF-8"> |
|
|
|
<!-- TODO: does it need this head_title here? --> |
|
|
@ -14,11 +13,68 @@ |
|
|
|
<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"> |
|
|
|
<style type="text/css"> |
|
|
|
@media screen { |
|
|
|
body {font-size: medium; color: white; line-height: 1em; background: black;} |
|
|
|
body { |
|
|
|
background: #2B2B2A; |
|
|
|
} |
|
|
|
} |
|
|
|
</STYLE> |
|
|
|
</style> |
|
|
|
</head> |
|
|
|
<body> |
|
|
|
<h1 id="title"></h1> |
|
|
|
<input id="json_url" type="hidden" value="{% url 'sapl.painel:dados_painel' sessao_id %}"> |
|
|
|
|
|
|
|
<h3><font color="#4FA64D"><p align="center"><span id="sessao_plenaria"></span></p></font></h3> |
|
|
|
|
|
|
|
<table style="width:100%"> |
|
|
|
<tr> |
|
|
|
<th style="text-align:center"><font color="white" size="2"><span id="sessao_plenaria_data"></span></font></th> |
|
|
|
<th style="text-align:center"><font color="white" size="2"><span id="sessao_plenaria_hora_inicio"></span></font></th> |
|
|
|
</tr> |
|
|
|
</table> |
|
|
|
|
|
|
|
<h2><font color="red"><p align="center"><span id="message"></span></p></font></h2> |
|
|
|
|
|
|
|
<font color="white"><p align="center">-----------------------------------------------</p></font> |
|
|
|
<h3><font color="white"><p align="center"><span id="relogio"></span></p></font></h3> |
|
|
|
<font color="white"><p align="center">-----------------------------------------------</p></font> |
|
|
|
|
|
|
|
<h3><font color="#459170"><p align="center">Cronômetros</p></font></h3> |
|
|
|
<table style="width:82%"> |
|
|
|
<tr> |
|
|
|
<th style="text-align:center"><font color="white">Discurso: </font></th> |
|
|
|
<th style="text-align:center"><font color="white"><span id="cronometro_discurso"></span></font></th> |
|
|
|
</tr> |
|
|
|
<tr> |
|
|
|
<th style="text-align:center"><font color="white">Aparte: </font></th> |
|
|
|
<th style="text-align:center"><font color="white"><span id="cronometro_aparte"></span></font></th> |
|
|
|
</tr> |
|
|
|
<tr> |
|
|
|
<th style="text-align:center"><font color="white">Questão de Ordem: </font></th> |
|
|
|
<th style="text-align:center"><font color="white"><span id="cronometro_ordem"></span></font></th> |
|
|
|
</tr> |
|
|
|
</table> |
|
|
|
|
|
|
|
<h3><font color="white"><p align="center">-----------------------------------------------</p></font></h3> |
|
|
|
|
|
|
|
<h3><font color="#459170"><p align="center">Parlamentares e Votos</p></font></h3> |
|
|
|
<table style="width:100%"> |
|
|
|
<tr> |
|
|
|
<th style="text-align:center"><font color="white"><span id="parlamentares"></span></font></th> |
|
|
|
<th style="text-align:center"><font color="white"><span id="votacao"></span></font></th> |
|
|
|
</tr> |
|
|
|
</table> |
|
|
|
|
|
|
|
<h3><font color="white"><p align="center">-----------------------------------------------</p></font></h3> |
|
|
|
|
|
|
|
<h3><font color="#459170"><p align="center">Matéria em Votação</p></font></h3> |
|
|
|
<table style="width:100%"> |
|
|
|
<tr><th style="text-align:center"><font color="white"><span id="materia_legislativa_texto"></span></font></th></tr> |
|
|
|
<tr><th style="text-align:center"><font color="white"><span id="observacao_materia"></span></font></th></tr> |
|
|
|
<tr><th style="text-align:center"><font color="#45919D"><span id="resultado_votacao"></span></font></th></tr> |
|
|
|
</table> |
|
|
|
</body> |
|
|
|
|
|
|
|
<script type="text/javascript"> |
|
|
|
$(document).ready(function() { |
|
|
@ -104,12 +160,12 @@ |
|
|
|
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); |
|
|
|
$('<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); |
|
|
|
$('<li />', {text: parlamentar.nome + ' - ' + parlamentar.partido}).appendTo(presentes); |
|
|
|
}); |
|
|
|
} |
|
|
|
|
|
|
@ -165,49 +221,4 @@ |
|
|
|
})(); |
|
|
|
}); |
|
|
|
</script> |
|
|
|
</head> |
|
|
|
<body> |
|
|
|
<h1 id="title"></h1> |
|
|
|
<input id="json_url" type="hidden" value="{% url 'sapl.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> |
|
|
|