mirror of https://github.com/interlegis/sapl.git
Alvaro Gouvea
4 years ago
committed by
GitHub
GitHub
3 changed files with 490 additions and 476 deletions
@ -1 +1,267 @@ |
|||
import './scss/painel.scss' |
|||
import Vue from 'vue' |
|||
import axios from 'axios' |
|||
|
|||
axios.defaults.xsrfCookieName = 'csrftoken' |
|||
axios.defaults.xsrfHeaderName = 'X-CSRFToken' |
|||
|
|||
// Variaveis dos cronometros
|
|||
var crono = 0 |
|||
var time = null |
|||
var timeEnd = null |
|||
var audioAlertFinish = document.getElementById('audio') |
|||
var cronometroStart = [] |
|||
|
|||
const v = new Vue({ // eslint-disable-line
|
|||
delimiters: ['[[', ']]'], |
|||
el: '#app-painel', |
|||
data () { |
|||
return { |
|||
message: 'Hello VueJUS', // TODO: remove when porting to VueJS is done
|
|||
polling: null, |
|||
painel_aberto: true, |
|||
sessao_plenaria: '', |
|||
sessao_plenaria_data: '', |
|||
sessao_plenaria_hora_inicio: '', |
|||
brasao: '', |
|||
cronometro_discurso: '', |
|||
cronometro_aparte: '', |
|||
cronometro_ordem: '', |
|||
cronometro_consideracoes: '', |
|||
sessao_solene: false, |
|||
sessao_solene_tema: '', |
|||
presentes: [], |
|||
oradores: [], |
|||
numero_votos_sim: 0, |
|||
numero_votos_nao: 0, |
|||
numero_abstencoes: 0, |
|||
num_presentes: 0, |
|||
total_votos: 0, |
|||
sessao_finalizada: true, |
|||
materia_legislativa_texto: '', |
|||
materia_legislativa_ementa: '', |
|||
observacao_materia: '', |
|||
mat_em_votacao: '', |
|||
resultado_votacao_css: '', |
|||
tipo_resultado: '', |
|||
tipo_votacao: '', |
|||
running: 0 |
|||
} |
|||
}, |
|||
methods: { |
|||
msgMateria () { |
|||
if (this.tipo_resultado && this.painel_aberto) { |
|||
if (this.tipo_votacao !== 'Leitura' && !this.sessao_finalizada && !this.sessao_solene) { |
|||
this.resultado_votacao_css = 'color: #45919D' |
|||
this.mat_em_votacao = 'Matéria em Votação' |
|||
} else { |
|||
this.resultado_votacao_css = 'color: #45919D' |
|||
this.mat_em_votacao = 'Matéria em Leitura' |
|||
} |
|||
|
|||
this.resultado_votacao = this.tipo_resultado |
|||
|
|||
var resultado_votacao_upper = this.resultado_votacao.toUpperCase() |
|||
|
|||
if (resultado_votacao_upper.search('APROV') !== -1) { |
|||
this.resultado_votacao_css = 'color: #7CFC00' |
|||
this.mat_em_votacao = 'Matéria Votada' |
|||
} else if (resultado_votacao_upper.search('REJEIT') !== -1) { |
|||
this.resultado_votacao_css = 'color: red' |
|||
this.mat_em_votacao = 'Matéria Votada' |
|||
} else if (resultado_votacao_upper.search('LIDA') !== -1) { |
|||
this.mat_em_votacao = 'Matéria Lida' |
|||
} |
|||
} else { |
|||
this.resultado_votacao = '' |
|||
if (this.tipo_votacao !== 'Leitura') { |
|||
this.mat_em_votacao = 'Matéria em Votação' |
|||
} else { |
|||
this.mat_em_votacao = 'Matéria em Leitura' |
|||
} |
|||
} |
|||
}, |
|||
atribuiColor (parlamentar) { |
|||
var color = 'white' |
|||
if (parlamentar.voto === 'Voto Informado' || parlamentar.voto === '') { |
|||
color = 'yellow' |
|||
} else { |
|||
if (parlamentar.voto === 'Sim') { |
|||
color = 'green' |
|||
} else if (parlamentar.voto === 'Não') { |
|||
color = 'red' |
|||
} |
|||
} |
|||
parlamentar.color = color |
|||
}, |
|||
capObservacao (texto) { |
|||
if (texto && texto.length > 151) { |
|||
return texto.substr(0, 145).concat('(...)') |
|||
} |
|||
return texto |
|||
}, |
|||
converterUrl (url) { |
|||
url = url.slice(-(url.length - url.lastIndexOf('/'))) |
|||
url = '/painel' + url + '/dados' |
|||
return url |
|||
}, |
|||
fetchData () { |
|||
// TODO: how to get no hardcoded URL?
|
|||
$.get(this.converterUrl(window.location.pathname), function (response) { |
|||
this.brasao = response.brasao |
|||
this.painel_aberto = response.status_painel |
|||
this.sessao_finalizada = response.sessao_finalizada |
|||
this.sessao_plenaria = response.sessao_plenaria |
|||
this.sessao_plenaria_data = 'Data Início: ' + response.sessao_plenaria_data |
|||
this.sessao_plenaria_hora_inicio = 'Hora Início: ' + response.sessao_plenaria_hora_inicio |
|||
this.sessao_solene = response.sessao_solene |
|||
this.sessao_solene_tema = response.sessao_solene_tema |
|||
|
|||
this.presentes = response.presentes |
|||
this.presentes.forEach(parlamentar => { |
|||
this.atribuiColor(parlamentar) |
|||
}) |
|||
|
|||
this.oradores = response.oradores |
|||
|
|||
this.materia_legislativa_texto = response.materia_legislativa_texto |
|||
this.numero_votos_sim = response.numero_votos_sim |
|||
this.numero_votos_nao = response.numero_votos_nao |
|||
this.numero_abstencoes = response.numero_abstencoes |
|||
this.num_presentes = response.num_presentes |
|||
this.total_votos = response.total_votos |
|||
|
|||
this.materia_legislativa_texto = response.materia_legislativa_texto |
|||
this.materia_legislativa_ementa = response.materia_legislativa_ementa |
|||
this.observacao_materia = this.capObservacao(response.observacao_materia) |
|||
|
|||
this.tipo_resultado = response.tipo_resultado |
|||
this.tipo_votacao = response.tipo_votacao |
|||
this.mat_em_votacao = this.msgMateria() |
|||
|
|||
// Cronometros
|
|||
cronometroStart[0] = response.cronometro_discurso |
|||
cronometroStart[1] = response.cronometro_aparte |
|||
cronometroStart[2] = response.cronometro_ordem |
|||
cronometroStart[3] = response.cronometro_consideracoes |
|||
|
|||
if (time === null) { |
|||
// Pegar data atual
|
|||
this.cronometro_discurso = new Date() |
|||
this.cronometro_aparte = this.cronometro_discurso |
|||
this.cronometro_ordem = this.cronometro_discurso |
|||
this.cronometro_consideracoes = this.cronometro_discurso |
|||
|
|||
// Setar cada Cronometro
|
|||
var temp = new Date() |
|||
temp.setSeconds(this.cronometro_discurso.getSeconds() + cronometroStart[0]) |
|||
var res = new Date(temp - this.cronometro_discurso) |
|||
this.cronometro_discurso = this.formatTime(res) |
|||
|
|||
temp = new Date() |
|||
temp.setSeconds(this.cronometro_aparte.getSeconds() + cronometroStart[1]) |
|||
res = new Date(temp - this.cronometro_aparte) |
|||
this.cronometro_aparte = this.formatTime(res) |
|||
|
|||
temp = new Date() |
|||
temp.setSeconds(this.cronometro_ordem.getSeconds() + cronometroStart[2]) |
|||
res = new Date(temp - this.cronometro_ordem) |
|||
this.cronometro_ordem = this.formatTime(res) |
|||
|
|||
temp = new Date() |
|||
temp.setSeconds(this.cronometro_consideracoes.getSeconds() + cronometroStart[3]) |
|||
res = new Date(temp - this.cronometro_consideracoes) |
|||
this.cronometro_consideracoes = this.formatTime(res) |
|||
} |
|||
}.bind(this)) |
|||
}, |
|||
formatTime (time) { |
|||
var tempo = '00:' + time.getMinutes().toLocaleString('en-US', { |
|||
minimumIntegerDigits: 2, |
|||
useGrouping: false |
|||
}) + ':' + time.getSeconds().toLocaleString('en-US', { |
|||
minimumIntegerDigits: 2, |
|||
useGrouping: false |
|||
}) |
|||
return tempo |
|||
}, |
|||
stop: function stop (crono) { |
|||
if (crono === 5) { |
|||
audioAlertFinish.play() |
|||
} |
|||
|
|||
this.running = 0 |
|||
clearInterval(this.started) |
|||
this.stopped = setInterval(() => { |
|||
this.timeStopped() |
|||
}, 100) |
|||
}, |
|||
timeStopped () { |
|||
timeEnd.setMilliseconds(timeEnd.getMilliseconds() + 100) |
|||
}, |
|||
reset: function reset () { |
|||
this.running = 0 |
|||
time = null |
|||
clearInterval(this.started) |
|||
clearInterval(this.stopped) |
|||
}, |
|||
clockRunning (crono) { |
|||
var now = new Date() |
|||
time = new Date(timeEnd - now) |
|||
|
|||
// Definir propriamento o tempo
|
|||
time.setHours(timeEnd.getHours() - now.getHours()) |
|||
|
|||
if (timeEnd > now) { |
|||
if (crono === 1) { |
|||
this.cronometro_discurso = this.formatTime(time) |
|||
} else if (crono === 2) { |
|||
this.cronometro_aparte = this.formatTime(time) |
|||
} else if (crono === 3) { |
|||
this.cronometro_ordem = this.formatTime(time) |
|||
} else { |
|||
this.cronometro_consideracoes = this.formatTime(time) |
|||
} |
|||
} else { |
|||
audioAlertFinish.play() |
|||
this.alert = setTimeout(() => { |
|||
this.reset() |
|||
}, 5000) |
|||
} |
|||
}, |
|||
start: function startStopWatch (temp_crono) { |
|||
if (this.running !== 0) return |
|||
|
|||
crono = temp_crono |
|||
if (time === null) { |
|||
time = cronometroStart[crono - 1] |
|||
console.log(time) |
|||
timeEnd = new Date() |
|||
timeEnd.setSeconds(timeEnd.getSeconds() + time) |
|||
} else { |
|||
clearInterval(this.stopped) |
|||
} |
|||
this.running = crono |
|||
|
|||
this.started = setInterval(() => { |
|||
this.clockRunning(crono) |
|||
}, 100) |
|||
}, |
|||
pollData () { |
|||
this.fetchData() |
|||
|
|||
this.polling = setInterval(() => { |
|||
console.info('Fetching data from backend') |
|||
this.fetchData() |
|||
}, 100) |
|||
} |
|||
}, |
|||
beforeDestroy () { |
|||
console.info('Destroying polling.') |
|||
clearInterval(this.polling) |
|||
}, |
|||
created () { |
|||
console.info('Start polling data...') |
|||
this.pollData() |
|||
} |
|||
}) |
|||
|
|||
Loading…
Reference in new issue