SPDT
/
sapl
mirror of https://github.com/interlegis/sapl.git
5
0
Fork 0
Code Issues Releases Wiki Activity
Browse Source

Consertados os alertas de erro no html do painel

vuejs_painel
AlGouvea 3 years ago
parent
247b5c9083
commit
f6f2b0196d
1 changed files with 331 additions and 338 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 695
      sapl/templates/painel/index.html

695
sapl/templates/painel/index.html
View File

@ -3,391 +3,384 @@
{% load render_bundle from webpack_loader %} {% load render_bundle from webpack_loader %}
{% load webpack_static from webpack_loader %} {% load webpack_static from webpack_loader %}
<!--[if IE 8]> <html class="no-js lt-ie9" lang="pt-br"> <![endif]--> <!--[if IE 8]> <html class="no-js lt-ie9" lang="pt-br"> <![endif]-->
<!--[if gt IE 8]><!--> <!--[if gt IE 8]><!-->
<html lang="pt-br"> <html lang="pt-br">
<!--<![endif]--> <!--<![endif]-->
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- TODO: does it need this head_title here? --> <!-- TODO: does it need this head_title here? -->
<title>{% block head_title %}{% trans 'SAPL - Sistema de Apoio ao Processo Legislativo' %}{% endblock %}</title> <title>{% block head_title %}{% trans 'SAPL - Sistema de Apoio ao Processo Legislativo' %}{% endblock %}</title>
{% block webpack_loader_css %} {% block webpack_loader_css %}
{% render_chunk_vendors 'css' %} {% render_chunk_vendors 'css' %}
{% render_bundle 'global' 'css' %} {% render_bundle 'global' 'css' %}
{% render_bundle 'painel' 'css' %} {% render_bundle 'painel' 'css' %}
{% endblock webpack_loader_css %} {% endblock webpack_loader_css %}
<style type="text/css"> <style type="text/css">
html, body { html, body {
max-width: 100%; max-width: 100%;
overflow-x: hidden; overflow-x: hidden;
} }
@media screen { @media screen {
ul, li { ul, li {
list-style-type: none; list-style-type: none;
} }
} }
</style> </style>
</head> </head>
<body class="painel-principal"> <body class="painel-principal">
<div id="app-painel"> <div id="app-painel"> <!-- app painel -->
<audio type="hidden" id="audio" src="{% webpack_static 'audio/ring.mp3' %}"></audio> <audio type="hidden" id="audio" src="{% webpack_static 'audio/ring.mp3' %}"></audio>
<div class="row justify-content-center" v-if="brasao != ''"> <div class="row justify-content-center">
<img src="{% if logotipo %}{{ MEDIA_URL }}{{ logotipo }}{% else %}{% webpack_static 'img/logo.png' %}{% endif %}" <img src="{{ MEDIA_URL }}{{ logotipo }}"
alt="Logo" class="img-responsive" style="height: 20vh"> alt="Logo" class="img-responsive" style="height: 15vh"/>
</span>
</div>
<div class="d-flex justify-content-center" v-if="brasao != ''">
<h1 style="color: white;">
{% if nome %}{{ nome }}{% else %}{% trans 'Câmara/Assembléia não configurada'%}{% endif %}
</h1>
</div>
<div class="d-flex justify-content-center">
<h1 id="sessao_plenaria" class="title text-title">[[ sessao_plenaria ]]</h1>
</div>
<div class="row">
<div class="col-md-5 text-right">
<span id="sessao_plenaria_data" class="text-value">[[ sessao_plenaria_data ]]</span>
</div> </div>
<div class="col-md-7 text-center">
<span id="sessao_plenaria_hora_inicio" class="text-value">[[ sessao_plenaria_hora_inicio ]]</span> <div class="d-flex justify-content-center">
<h1 id="sessao_plenaria" class="title text-title">[[ sessao_plenaria ]]</h1>
</div> </div>
</div>
<div class="row justify-content-center" style="margin-bottom: 50px; margin-top: 50px;"> <div class="row">
<h2 class="text-danger"><span v-if="!painel_aberto">PAINEL ENCONTRA-SE FECHADO</span></h2> <div class="col-md-5 text-right">
</div> <span id="sessao_plenaria_data" class="text-value">[[ sessao_plenaria_data ]]</span>
</div>
<div class="col-md-7 text-center">
<span id="sessao_plenaria_hora_inicio" class="text-value">[[ sessao_plenaria_hora_inicio ]]</span>
</div>
</div>
<div class="row"> <div class="row justify-content-center" style="margin-bottom: 50px; margin-top: 50px;">
<div class="col-md-5 text-right"><span class="text-value data-hora" id="date"></span></div> <h2 class="text-danger"><span v-if="!painel_aberto">PAINEL ENCONTRA-SE FECHADO</span></h2>
<div class="col-md-7 text-center"><span class="text-value data-hora" id="relogio"></span></div> </div>
</div>
<div style="margin-bottom: 50px;"> <div class="row">
<div class="d-flex justify-content-start"> <div class="col-md-5 text-right"><span class="text-value data-hora" id="date"></span></div>
<div class="col-md-2"></div> <div class="col-md-7 text-center"><span class="text-value data-hora" id="relogio"></span></div>
<div class="col-md-3"> </div>
<div class="text-center painel">
<h2 class="text-subtitle">Parlamentares</h2> <div style="margin-bottom: 50px;"> <!-- outer div -->
<div v-if="painel_aberto"> <div class="d-flex justify-content-start">
<table> <div class="col-md-2"></div>
<div class="col-md-3"> <!-- Lista parlamentares -->
<div class="text center painel">
<h2 class="text-subtitle">Parlamentares</h2>
<div v-if="painel_aberto"> <!-- v-if -->
<table>
<tbody v-for="p in presentes"> <tbody v-for="p in presentes">
<tr> <tr>
<td class="d-flex justify-content-start" style="padding-right: 20px;" v-bind:style="{ color: p.color}"> <td style="padding-right: 20px;" class="d-flex justify-content-start" v-bind:style="{ color: p.color }">
[[ p.nome]] [[p.nome]]
</td> </td>
<td style="padding-right: 20px;" v-bind:style="{ color: p.color}"> <td style="padding-right: 20px;" v-bind:style="{ color: p.color }">
[[ p.partido ]] [[p.partido]]
</td> </td>
<td style="padding-right: 20px;" v-if="p.voto !== ''" v-bind:style="{ color: p.color}"> <td style="padding-right: 20px;" v-if="p.voto !== ''" v-bind:style="{ color: p.color }">
[[p.voto]] [[p.voto]]
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div> </div> <!-- v-if -->
<div v-else> <div v-else> <!-- v-else -->
<span style="color:white"> <span style="color:white">
<center>A listagem de parlamentares só aparecerá quando o painel estiver aberto.</center> <center>A listagem de parlamentares só aparecerá quando o painel estiver aberto.</center>
</span> </span>
</div> <!-- v-if -->
</div> </div>
</div> </div> <!-- Lista parlamentares -->
</div> <div class="d-flex col-md-7 painels justify-content-center">
<div class="d-flex col-md-7 painels justify-content-center"> <div v-if="oradores.length > 0" class="text-center painel" id="aparecer_oradores">
<div v-if="oradores.length > 0" class="text-center painel" id="aparecer_oradores"> <h2 class="text-subtitle">Oradores</h2>
<h2 class="text-subtitle">Oradores</h2> <div v-if="painel_aberto"> <!-- v-if Lista de oradores-->
<div v-if="painel_aberto"> <table>
<table> <tbody v-for="o in oradores">
<tbody v-for="o in oradores"> <tr class="d-flex justify-content-center">
<tr class="d-flex justify-content-center"> <td style="padding-right: 20px; color: white; font-size: 20px;">
<td style="padding-right: 20px; color: white; font-size: 20px;"> [[ o.numero]]º &nbsp[[o.nome]]
[[ o.numero]]º &nbsp[[o.nome]] </td>
</td> </tr>
</tr> </tbody>
</tbody> </table>
</table> </div> <!--v-if Lista de oradores-->
</div> <div v-else>
<div v-else>
<span style="color:white"> <span style="color:white">
<center>A listagem de oradores só aparecerá quando o painel estiver aberto.</center> <center>A listagem de oradores só aparecerá quando o painel estiver aberto.</center>
</span> </span>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div> <!-- outer div -->
</div> <div class="row"> <!-- row -->
<div class="row"> <div class="col-md-2"></div>
<div class="col-md-2"></div> <div class="col-md-4 text-left painel">
<div class="col-md-4 text-left painel"> <h2 class="text-subtitle">Cronômetros</h2>
<h2 class="text-subtitle">Cronômetros</h2> <div class="text-value">
<div class="text-value"> Discurso: <span id="cronometro_discurso"></span><br>
Discurso: <span id="cronometro_discurso"></span><br> Aparte: <span id="cronometro_aparte"></span><br>
Aparte: <span id="cronometro_aparte"></span><br> Questão de Ordem: <span id="cronometro_ordem"></span><br>
Questão de Ordem: <span id="cronometro_ordem"></span><br> Considerações Finais: <span id="cronometro_consideracoes"></span>
Considerações Finais: <span id="cronometro_consideracoes"></span> </div>
</div>
</div>
<div v-if="sessao_solene">
<div class="col-md-4 text-center painel" id="tema_solene_div">
<h2 class="text-subtitle">Tema da Sessão Solene</h2>
<span id="sessao_solene_tema" class="text-value">[[ sessao_solene_tema ]]</span>
</div> </div>
</div> <div v-if="sessao_solene">
<div v-else class="col-md-5" style="margin-top: -50px;"> <div class="col-md-4 text-center painel" id="tema_solene_div">
<div v-if="painel_aberto"> <h2 class="text-subtitle">Tema da Sessão Solene</h2>
<div v-if="!sessao_finalizada" class="text-center painel" id="resultado_votacao_div"> <span id="sessao_solene_tema" class="text-value">[[ sessao_solene_tema ]]</span>
<h2 class="text-subtitle" style="margin-left: -50px;">Resultado</h2> </div>
<div v-if="materia_legislativa_texto">
<span id="votacao" class="text-value">
<li>Sim: [[ numero_votos_sim ]]</li>
<li>Não: [[ numero_votos_nao ]]</li>
<li>Abstenções: [[ numero_abstencoes ]]</li>
<li>Presentes: [[ num_presentes ]]</li>
<li>Total votos: [[ total_votos ]]</li>
</span>
<h2><span id="resultado_votacao" v-bind:style="resultado_votacao_css" lass="text-title">[[ tipo_resultado ]]</span></h2>
</div>
<div v-else>
<center>Não há votação, pois não há nenhuma matéria aberta ou já votada.</center>
</div>
</div>
<div v-if="painel_aberto">
<div v-if="!sessao_finalizada" class="text-center painel" id="obs_materia_div">
<h2 class="text-subtitle" id="mat_em_votacao">[[ mat_em_votacao ]]</h2>
<div v-if="materia_legislativa_texto !== ''">
<span id="materia_legislativa_texto" class="text-value">[[ materia_legislativa_texto ]] </span>
<br>
<span id="materia_legislativa_ementa" class="text-value">[[ materia_legislativa_ementa ]]</span>
<br>
<span id="observacao_materia" class="text-value"> [[ observacao_materia ]]</span>
</div>
<div v-else>
<span class="text-value">Não há nenhuma matéria votada ou para votação.</span>
</div>
</div>
</div>
<div v-else>
<span class="text-value">A Matéria em votação só aparecerá quando o painel estiver aberto</span>
</div>
</div> </div>
<div v-else> <div v-else class="col-md-5" style="margin-top: -150px;">
<div class="text-center painel"> <div v-if="painel_aberto">
<h2 class="text-subtitle" style="margin-top: 50px;">Resultado</h2> <div v-if="!sessao_finalizada" class="text-center painel" id="resultado_votacao_div">
<span style="color:white"> <h2 class="text-subtitle" style="margin-left: -50px;">Resultado</h2>
<h1>A votação só aparecerá quando o painel estiver aberto</h1> <div v-if="materia_legislativa_texto">
</span> <span id="votacao" class="text-value">
</div> <li>Sim: [[ numero_votos_sim ]]</li>
<li>Não: [[ numero_votos_nao ]]</li>
<li>Abstenções: [[ numero_abstencoes ]]</li>
<li>Presentes: [[ num_presentes ]]</li>
<li>Total votos: [[ total_votos ]]</li>
</span>
<h2><span id="resultado_votacao" v-bind:style="resultado_votacao_css" lass="text-title">[[ tipo_resultado ]]</span></h2>
</div>
<div v-else>
<center>Não há votação, pois não há nenhuma matéria aberta ou já votada.</center>
</div>
</div>
<div v-if="painel_aberto">
<div v-if="!sessao_finalizada" class="text-center painel" id="obs_materia_div">
<h2 class="text-subtitle" id="mat_em_votacao">[[ mat_em_votacao ]]</h2>
<div v-if="materia_legislativa_texto !== ''">
<span id="materia_legislativa_texto" class="text-value">[[ materia_legislativa_texto ]] </span>
<br>
<span id="materia_legislativa_ementa" class="text-value">[[ materia_legislativa_ementa ]]</span>
<br>
<span id="observacao_materia" class="text-value"> [[ observacao_materia ]]</span>
</div>
<div v-else>
<span class="text-value">Não há nenhuma matéria votada ou para votação.</span>
</div>
</div>
</div>
<div v-else>
<span class="text-value">A Matéria em votação só aparecerá quando o painel estiver aberto</span>
</div>
</div> </div>
</div> <div v-else>
</div> <div class="text-center painel">
</body> <h2 class="text-subtitle" style="margin-top: 50px;">Resultado</h2>
<span style="color:white">
{% block webpack_loader_js %} <h1>A votação só aparecerá quando o painel estiver aberto</h1>
{% render_chunk_vendors 'js' %} </span>
{% render_bundle 'global' 'js' %} </div>
{% render_bundle 'painel' 'js' %} </div>
{% endblock webpack_loader_js %} </div>
</div> <!-- row -->
</div> <!-- app painel -->
</body>
{% block webpack_loader_chunks_js %} {% block webpack_loader_js %}
{% endblock webpack_loader_chunks_js %} {% render_chunk_vendors 'js' %}
{% render_bundle 'global' 'js' %}
{% render_bundle 'painel' 'js' %}
{% endblock webpack_loader_js %}
<script type="text/javascript"> {% block webpack_loader_chunks_js %}
{% endblock webpack_loader_chunks_js %}
<script type='text/javascript'>
$(document).ready(function() { $(document).ready(function() {
// As constantes decisões sobre a existência ou não do horário de verão, // As constantes decisões sobre a existência ou não do horário de verão,
// assim como que data de início e termino do mesmo, fizeram com que fosse necessário // assim como que data de início e termino do mesmo, fizeram com que fosse necessário
// substituir a chamada a Date() por um esquema mais elaborado, onde se // substituir a chamada a Date() por um esquema mais elaborado, onde se
// recupera o offset do UTC (-3 GMT, no caso de Brasília) e seta-se // recupera o offset do UTC (-3 GMT, no caso de Brasília) e seta-se
// manualmente. Esta informação vem do servidor, desta forma não ficamos // manualmente. Esta informação vem do servidor, desta forma não ficamos
// na dependência da atualização de browser, pois tanto o Date() em JS // na dependência da atualização de browser, pois tanto o Date() em JS
// quanto as libs python (django.utils.timezone, datetime, pytz, etc) // quanto as libs python (django.utils.timezone, datetime, pytz, etc)
// lêem do tzdata, que precisa ser atualizado toda vez que o governo // lêem do tzdata, que precisa ser atualizado toda vez que o governo
// brasileiro modifica alguma coisa relacionada ao horário de verão. // brasileiro modifica alguma coisa relacionada ao horário de verão.
// Recuperando essa informação do servidor só teremos que atualizar as // Recuperando essa informação do servidor só teremos que atualizar as
// libs tzdata (Linux) e pytz (Python) uma vez. Além disso, o uso da // libs tzdata (Linux) e pytz (Python) uma vez. Além disso, o uso da
// biblioteca moment.js é recomendada, pois ela trata data e hora // biblioteca moment.js é recomendada, pois ela trata data e hora
// melhor que o Date() do JS. // melhor que o Date() do JS.
$("#date").append(moment().format("DD/MM/YY")); $("#date").append(moment().format("DD/MM/YY"));
var offset = parseFloat({{ utc_offset }}); var offset = parseFloat({{ utc_offset }});
//TODO: replace by a fancy jQuery clock //TODO: replace by a fancy jQuery clock
function checkTime(i) { function checkTime(i) {
if (i<10) {i = "0" + i}; // add zero in front of numbers < 10 if (i<10) {i = "0" + i}; // add zero in front of numbers < 10
return i; return i;
} }
function startTime() { function startTime() {
var today = moment.utc().utcOffset(offset).format("HH:mm:ss"); var today = moment.utc().utcOffset(offset).format("HH:mm:ss");
$("#relogio").text(today) $("#relogio").text(today)
var t = setTimeout(function(){ var t = setTimeout(function(){
startTime() startTime()
}, 500); }, 500);
} }
startTime(); startTime();
var audioAlertFinish = document.getElementById("audio"); var audioAlertFinish = document.getElementById("audio");
$('#cronometro_discurso').runner({ $('#cronometro_discurso').runner({
autostart: false, autostart: false,
countdown: true, countdown: true,
startAt: {{ 'discurso'|cronometro_to_seconds }} * 1000, startAt: {{ 'discurso'|cronometro_to_seconds }} * 1000,
stopAt: 0, stopAt: 0,
milliseconds: false, milliseconds: false,
format: function(value) { format: function(value) {
let h = Math.floor((value/1000) / 3600); let h = Math.floor((value/1000) / 3600);
h = checkTime(h); h = checkTime(h);
let m = Math.floor((value/1000) % 3600 / 60); let m = Math.floor((value/1000) % 3600 / 60);
m = checkTime(m); m = checkTime(m);
let s = Math.floor((value/1000) % 3600 % 60); let s = Math.floor((value/1000) % 3600 % 60);
s = checkTime(s); s = checkTime(s);
return h.toString() + ":" + m.toString() + ":" + s.toString(); return h.toString() + ":" + m.toString() + ":" + s.toString();
}
}).on('runnerFinish', function(eventObject, info){
audioAlertFinish.play();
});
$('#cronometro_aparte').runner({
autostart: false,
countdown: true,
startAt: {{ 'aparte'|cronometro_to_seconds }} * 1000,
stopAt: 0,
milliseconds: false,
format: function(value) {
let h = Math.floor((value/1000) / 3600);
h = checkTime(h);
let m = Math.floor((value/1000) % 3600 / 60);
m = checkTime(m);
let s = Math.floor((value/1000) % 3600 % 60);
s = checkTime(s);
return h.toString() + ":" + m.toString() + ":" + s.toString();
}
}).on('runnerFinish', function(eventObject, info){
audioAlertFinish.play();
});
$('#cronometro_ordem').runner({
autostart: false,
countdown: true,
startAt: {{ 'ordem'|cronometro_to_seconds }} * 1000,
stopAt: 0,
milliseconds: false,
format: function(value) {
let h = Math.floor((value/1000) / 3600);
h = checkTime(h);
let m = Math.floor((value/1000) % 3600 / 60);
m = checkTime(m);
let s = Math.floor((value/1000) % 3600 % 60);
s = checkTime(s);
return h.toString() + ":" + m.toString() + ":" + s.toString();
}
}).on('runnerFinish', function(eventObject, info){
audioAlertFinish.play();
});
$('#cronometro_consideracoes').runner({
autostart: false,
countdown: true,
startAt: {{ 'consideracoes'|cronometro_to_seconds }} * 1000,
stopAt: 0,
milliseconds: false,
format: function(value) {
let h = Math.floor((value/1000) / 3600);
h = checkTime(h);
let m = Math.floor((value/1000) % 3600 / 60);
m = checkTime(m);
let s = Math.floor((value/1000) % 3600 % 60);
s = checkTime(s);
return h.toString() + ":" + m.toString() + ":" + s.toString();
}
}).on('runnerFinish', function(eventObject, info){
audioAlertFinish.play();
});
var discurso_previous;
var ordem_previous;
var aparte_previous;
var consideracoes_previous;
var counter = 1;
(function poll() {
$.ajax({
url: "{% url 'sapl.painel:dados_painel' sessao_id %}",
type: "GET",
success: function(data) {
var discurso_current = data["cronometro_discurso"];
if (!discurso_previous){
discurso_previous = ''
}
if (discurso_current != discurso_previous) {
$('#cronometro_discurso').runner(discurso_current);
discurso_previous = discurso_current;
}
var aparte_current = data["cronometro_aparte"];
if (!aparte_previous){
aparte_previous = ''
} }
}).on('runnerFinish', function(eventObject, info){
audioAlertFinish.play(); if (aparte_current != aparte_previous) {
}); $('#cronometro_aparte').runner(aparte_current);
aparte_previous = aparte_current;
$('#cronometro_aparte').runner({ }
autostart: false,
countdown: true, var ordem_current = data["cronometro_ordem"];
startAt: {{ 'aparte'|cronometro_to_seconds }} * 1000, if (!ordem_previous){
stopAt: 0, ordem_previous = ''
milliseconds: false, }
format: function(value) {
let h = Math.floor((value/1000) / 3600); if (ordem_current != ordem_previous) {
h = checkTime(h); $('#cronometro_ordem').runner(ordem_current);
let m = Math.floor((value/1000) % 3600 / 60); ordem_previous = ordem_current;
m = checkTime(m); }
let s = Math.floor((value/1000) % 3600 % 60);
s = checkTime(s); var consideracoes_current = data["cronometro_consideracoes"];
return h.toString() + ":" + m.toString() + ":" + s.toString(); if (!consideracoes_previous){
consideracoes_previous = ''
}
if (consideracoes_current != consideracoes_previous) {
$('#cronometro_consideracoes').runner(consideracoes_current);
consideracoes_previous = consideracoes_current;
}
if($('#cronometro_discurso').runner('info').formattedTime == "00:00:30") {
audioAlertFinish.play();
}
if($('#cronometro_aparte').runner('info').formattedTime == "00:00:30") {
audioAlertFinish.play();
} }
}).on('runnerFinish', function(eventObject, info){
audioAlertFinish.play(); if($('#cronometro_ordem').runner('info').formattedTime == "00:00:30") {
}); audioAlertFinish.play();
$('#cronometro_ordem').runner({
autostart: false,
countdown: true,
startAt: {{ 'ordem'|cronometro_to_seconds }} * 1000,
stopAt: 0,
milliseconds: false,
format: function(value) {
let h = Math.floor((value/1000) / 3600);
h = checkTime(h);
let m = Math.floor((value/1000) % 3600 / 60);
m = checkTime(m);
let s = Math.floor((value/1000) % 3600 % 60);
s = checkTime(s);
return h.toString() + ":" + m.toString() + ":" + s.toString();
} }
}).on('runnerFinish', function(eventObject, info){
audioAlertFinish.play(); if($('#cronometro_consideracoes').runner('info').formattedTime == "00:00:30") {
}); audioAlertFinish.play();
$('#cronometro_consideracoes').runner({
autostart: false,
countdown: true,
startAt: {{ 'consideracoes'|cronometro_to_seconds }} * 1000,
stopAt: 0,
milliseconds: false,
format: function(value) {
let h = Math.floor((value/1000) / 3600);
h = checkTime(h);
let m = Math.floor((value/1000) % 3600 / 60);
m = checkTime(m);
let s = Math.floor((value/1000) % 3600 % 60);
s = checkTime(s);
return h.toString() + ":" + m.toString() + ":" + s.toString();
} }
}).on('runnerFinish', function(eventObject, info){ },
audioAlertFinish.play(); error: function(err) {
}); console.error(err);
},
var discurso_previous; dataType: "json",
var ordem_previous; complete: null, // setTimeout(function() {poll()}, 500),
var aparte_previous; timeout: 20000 // TODO: decrease
var consideracoes_previous; })
var counter = 1;
(function poll() {
$.ajax({
url: "{% url 'sapl.painel:dados_painel' sessao_id %}",
type: "GET",
success: function(data) {
var discurso_current = data["cronometro_discurso"];
if (!discurso_previous){
discurso_previous = ''
}
if (discurso_current != discurso_previous) {
$('#cronometro_discurso').runner(discurso_current);
discurso_previous = discurso_current;
}
var aparte_current = data["cronometro_aparte"];
if (!aparte_previous){
aparte_previous = ''
}
if (aparte_current != aparte_previous) {
$('#cronometro_aparte').runner(aparte_current);
aparte_previous = aparte_current;
}
var ordem_current = data["cronometro_ordem"];
if (!ordem_previous){
ordem_previous = ''
}
if (ordem_current != ordem_previous) {
$('#cronometro_ordem').runner(ordem_current);
ordem_previous = ordem_current;
}
var consideracoes_current = data["cronometro_consideracoes"];
if (!consideracoes_previous){
consideracoes_previous = ''
}
if (consideracoes_current != consideracoes_previous) {
$('#cronometro_consideracoes').runner(consideracoes_current);
consideracoes_previous = consideracoes_current;
}
if($('#cronometro_discurso').runner('info').formattedTime == "00:00:30") {
audioAlertFinish.play();
}
if($('#cronometro_aparte').runner('info').formattedTime == "00:00:30") {
audioAlertFinish.play();
}
if($('#cronometro_ordem').runner('info').formattedTime == "00:00:30") {
audioAlertFinish.play();
}
if($('#cronometro_consideracoes').runner('info').formattedTime == "00:00:30") {
audioAlertFinish.play();
}
},
error: function(err) {
console.error(err);
},
dataType: "json",
complete: null, // setTimeout(function() {poll()}, 500),
timeout: 20000 // TODO: decrease
})
})(); })();
}); });
</script> </script>
</html> </html>

Write Preview
Loading…
Cancel
Save