diff --git a/frontend/src/__apps/painel/main.js b/frontend/src/__apps/painel/main.js index fdf4e5dbd..6c7d53b5d 100644 --- a/frontend/src/__apps/painel/main.js +++ b/frontend/src/__apps/painel/main.js @@ -1 +1,54 @@ import './scss/painel.scss' +import Vue from 'vue' +import axios from 'axios' + +axios.defaults.xsrfCookieName = 'csrftoken' +axios.defaults.xsrfHeaderName = 'X-CSRFToken' + +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: false, + sessao_plenaria: '', + sessao_plenaria_data: '', + sessao_plenaria_hora_inicio: '', + brasao: '', + sessao_solene: false, + sessao_solene_tema: '' + } + }, + methods: { + fetchData () { + // TODO: how to get no hardcoded URL? + $.get('/painel/704/dados', function (response) { + this.brasao = response.brasao + this.painel_aberto = response.status_painel + 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 + }.bind(this)) + }, + pollData () { + this.fetchData() + + this.polling = setInterval(() => { + console.info('Fetching data from backend') + this.fetchData() + }, 5000) + } + }, + beforeDestroy () { + console.info('Destroying polling.') + clearInterval(this.polling) + }, + created () { + console.info('Start polling data...') + this.pollData() + } +}) diff --git a/sapl/templates/painel/index.html b/sapl/templates/painel/index.html index 1cb2e2c83..ad30a11f3 100644 --- a/sapl/templates/painel/index.html +++ b/sapl/templates/painel/index.html @@ -35,28 +35,29 @@ +
-

+

[[ sessao_plenaria ]]

-
+
- + [[ sessao_plenaria_data ]]
- + [[ sessao_plenaria_hora_inicio ]]
-
+
- + Brasão
-

+

PAINEL ENCONTRA-SE FECHADO

@@ -64,19 +65,32 @@
-
-
-

Parlamentares

- +
+

Parlamentares

+
+ +
+
+ +
A listagem de parlamentares só aparecerá quando o painel estiver aberto.
+ +
-

Oradores

- +

Oradores

+
+ +
+
+ +
A listagem de oradores só aparecerá quando o painel estiver aberto.
+ +
@@ -88,30 +102,42 @@ Considerações Finais:
- -
-

Resultado

- -

+
+
+

Tema da Sessão Solene

+ [[ sessao_solene_tema ]] +
- -
-

Matéria em Votação

- -
- -
- -
- -

+
{% block webpack_loader_js %} @@ -249,25 +275,6 @@ url: "{% url 'sapl.painel:dados_painel' sessao_id %}", type: "GET", success: function(data) { - $("#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"]) - $("#sessao_solene_tema").text(data["tema_solene"]) - if (data["status_painel"] == false) { - $("#message").text("PAINEL ENCONTRA-SE FECHADO"); - } - else { - $("#message").text(""); - } - - if (data["sessao_solene"]){ - $("#resultado_votacao_div").hide(); - $("#obs_materia_div").hide(); - $('#tema_solene_div').show(); - } - - if (data["brasao"] != null) - $("#logo-painel").attr("src", data["brasao"]); var presentes = $("#parlamentares"); var votacao = $("#votacao"); @@ -313,21 +320,6 @@ $('#aparecer_oradores').hide(); } } - else{ - presentes.append(''); - $('#parlamentares_list').append( - '
A listagem de parlamentares só aparecerá quando o painel estiver aberto.
') - presentes.append(''); - - oradores.append(''); - $('#oradores_list').append( - '
A listagem de oradores só aparecerá quando o painel estiver aberto.
') - oradores.append(''); - - votacao.append(''); - $("#votacao").append('
A votação só aparecerá quando o painel estiver aberto
'); - votacao.append(''); - } if(data["status_painel"]){ if (data['materia_legislativa_texto']){ @@ -489,7 +481,6 @@ `${parlamentar.partido} ` + `${parlamentar.voto} `) } -