Browse Source

Change links in Painel

pull/7/head
Eduardo Edson Batista Cordeiro Alves 9 years ago
parent
commit
fcd04e37ca
  1. 4
      painel/urls.py
  2. 4
      painel/views.py
  3. 6
      templates/painel/index.html
  4. 108
      templates/painel/mensagem.html
  5. 96
      templates/painel/parlamentares.html
  6. 97
      templates/painel/votacao.html
  7. 11
      templates/sessao/painel.html

4
painel/urls.py

@ -1,13 +1,15 @@
from django.conf.urls import include, url from django.conf.urls import include, url
from .views import (controlador_painel, cronometro_painel_crud, json_presenca, from .views import (controlador_painel, cronometro_painel_crud, json_presenca,
json_votacao, painel_parlamentares_view, painel_view, json_votacao, paienl_mensagem_view,
painel_parlamentares_view, painel_view,
painel_votacao_view) painel_votacao_view)
urlpatterns = [ urlpatterns = [
url(r'^sistema/painel$', painel_view), url(r'^sistema/painel$', painel_view),
url(r'^sistema/painel/controlador', url(r'^sistema/painel/controlador',
controlador_painel, name='controlador_painel'), controlador_painel, name='controlador_painel'),
url(r'^sistema/painel/mensagem', paienl_mensagem_view),
url(r'^sistema/painel/parlamentares', painel_parlamentares_view), url(r'^sistema/painel/parlamentares', painel_parlamentares_view),
url(r'^sistema/painel/votacao', painel_votacao_view), url(r'^sistema/painel/votacao', painel_votacao_view),
url(r'^sistema/painel/json_presenca', json_presenca, name='json_presenca'), url(r'^sistema/painel/json_presenca', json_presenca, name='json_presenca'),

4
painel/views.py

@ -57,6 +57,10 @@ def painel_view(request):
return render(request, 'painel/index.html', {'context': context}) return render(request, 'painel/index.html', {'context': context})
def paienl_mensagem_view(request):
return render(request, 'painel/mensagem.html')
def painel_parlamentares_view(request): def painel_parlamentares_view(request):
return render(request, 'painel/parlamentares.html') return render(request, 'painel/parlamentares.html')

6
templates/painel/index.html

@ -97,9 +97,9 @@
<input id="json_url" type="hidden" value="{% url 'json_votacao' %}"> <input id="json_url" type="hidden" value="{% url 'json_votacao' %}">
<h2>Ajax refresh counter: <span id="counter"></span></h2> <h2>Ajax refresh counter: <span id="counter"></span></h2>
<h3> <h3>
<span id="sessao_plenaria"></span><br/> <span id="sessao_plenaria"></span><br/><br/>
<span id="sessao_plenaria_data"></span><br/> <span id="sessao_plenaria_data"></span><br/><br/>
<span id="sessao_plenaria_hora_inicio"></span></br> <span id="sessao_plenaria_hora_inicio"></span></br><br/>
<h2><span id="relogio"></span></h2> <h2><span id="relogio"></span></h2>
<table> <table>
<tr> <tr>

108
templates/painel/mensagem.html

@ -0,0 +1,108 @@
{% 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 'json_votacao' %}">
<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>

96
templates/painel/parlamentares.html

@ -1,15 +1,17 @@
{% load i18n %}
{% load staticfiles %}
<!DOCTYPE HTML> <!DOCTYPE HTML>
<html lang="pt-br"> <!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!-->
<html lang="en">
<!--<![endif]-->
<head> <head>
<title>Painel jQuery</title>
<meta charset="UTF-8"> <meta charset="UTF-8">
<!-- TODO: does it need this head_title here? -->
<script src="js/json2.js"></script> <title>{% block head_title %}{% trans 'SAPL - Sistema de Apoio ao Processo Legislativo' %}{% endblock %}</title>
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <script type="text/javascript" src="{% static 'foundation/js/vendor/jquery.js' %}"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<STYLE type="text/css"> <STYLE type="text/css">
@media screen { @media screen {
@ -20,30 +22,92 @@
<script type="text/javascript"> <script type="text/javascript">
$(document).ready(function() { $(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; var counter = 1;
(function poll() { (function poll() {
$.ajax({ $.ajax({
//url: "http://localhost:8000/sistema/painel/json",
url: $("#json_url").val(), url: $("#json_url").val(),
type: "GET", type: "GET",
success: function(data) { success: function(data) {
console.log(data);
$("#name").text(data.nome + ', call=' + counter); //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++; counter++;
}, },
error: function(err) { error: function(err) {
console.error(err); console.error(err);
}, },
dataType: "json", dataType: "json",
complete: setTimeout(function() {poll()}, 5000), //complete: setTimeout(function() {poll()}, 5000),
timeout: 2000 timeout: 20000 // TODO: decrease
}) })
})(); })();
}); });
</script> </script>
</head> </head>
<body> <body>
<input id="json_url" type="hidden" value="{% url 'json_view' %}"> <h1>{{ context.title }}</h1>
<h2><div id="name"></div></h2> <input id="json_url" type="hidden" value="{% url 'json_votacao' %}">
<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>
<table>
<tr>
<td>
<ul id="parlamentares">
</ul>
</td>
</tr>
</table>
</h3>
</body> </body>
</html> </html>

97
templates/painel/votacao.html

@ -1,15 +1,17 @@
{% load i18n %}
{% load staticfiles %}
<!DOCTYPE HTML> <!DOCTYPE HTML>
<html lang="pt-br"> <!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!-->
<html lang="en">
<!--<![endif]-->
<head> <head>
<title>Painel jQuery</title>
<meta charset="UTF-8"> <meta charset="UTF-8">
<!-- TODO: does it need this head_title here? -->
<script src="js/json2.js"></script> <title>{% block head_title %}{% trans 'SAPL - Sistema de Apoio ao Processo Legislativo' %}{% endblock %}</title>
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <script type="text/javascript" src="{% static 'foundation/js/vendor/jquery.js' %}"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<STYLE type="text/css"> <STYLE type="text/css">
@media screen { @media screen {
@ -20,30 +22,93 @@
<script type="text/javascript"> <script type="text/javascript">
$(document).ready(function() { $(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; var counter = 1;
(function poll() { (function poll() {
$.ajax({ $.ajax({
//url: "http://localhost:8000/sistema/painel/json",
url: $("#json_url").val(), url: $("#json_url").val(),
type: "GET", type: "GET",
success: function(data) { success: function(data) {
console.log(data);
$("#name").text(data.nome + ', call=' + counter); //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++; counter++;
}, },
error: function(err) { error: function(err) {
console.error(err); console.error(err);
}, },
dataType: "json", dataType: "json",
complete: setTimeout(function() {poll()}, 5000), //complete: setTimeout(function() {poll()}, 5000),
timeout: 2000 timeout: 20000 // TODO: decrease
}) })
})(); })();
}); });
</script> </script>
</head> </head>
<body> <body>
<input id="json_url" type="hidden" value="{% url 'json_view' %}"> <h1>{{ context.title }}</h1>
<h2><div id="name"></div></h2> <input id="json_url" type="hidden" value="{% url 'json_votacao' %}">
<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>
<table>
<tr>
<td>
<ul id="votacao">
</ul>
</td>
</tr>
</table>
<span id="resultado_votacao"></span><br/>
</h3>
</body> </body>
</html> </html>

11
templates/sessao/painel.html

@ -6,11 +6,12 @@
<audio type="hidden" id="audio" src="{% static 'audio/ring.mp3' %}"> </audio> <audio type="hidden" id="audio" src="{% static 'audio/ring.mp3' %}"> </audio>
<ul class="small-block-grid-1 medium-block-grid-2 large-block-grid-2"> <ul class="small-block-grid-1 medium-block-grid-2 large-block-grid-2">
<li><a href="#">Iniciar painel presidente</a></li> <li><a href="/sistema/painel">Iniciar painel presidente</a></li>
<li><a href="#">Iniciar painel completo</a></li> <li><a href="/sistema/painel">Iniciar painel completo</a></li>
<li><a href="#">Iniciar painel mensagem</a></li> <li><a href="/sistema/painel/mensagem">Iniciar painel mensagem</a></li>
<li><a href="#">Iniciar painel parlamentares</a></li> <li><a href="/sistema/painel/parlamentares">Iniciar painel parlamentares</a></li>
<li><a href="#">Iniciar painel votação</a></li> <li><a href="/sistema/painel/votacao">Iniciar painel votação</a></li>
<li><a href="/sistema/painel/controlador">Controlador Painel</a></li>
</ul> </ul>
<br /> <br />
<h5>Operação do Painel Eletrônico</h5> <h5>Operação do Painel Eletrônico</h5>

Loading…
Cancel
Save