Alteracoes na cor de palramentares

frontend/src/__apps/painel/main.js

@@ -12,17 +12,35 @@ const v = new Vue({ // eslint-disable-line
     return {
       message: 'Hello VueJUS', // TODO: remove when porting to VueJS is done
       polling: null,
-      painel_aberto: false,
+      painel_aberto: true,
       sessao_plenaria: '',
       sessao_plenaria_data: '',
       sessao_plenaria_hora_inicio: '',
       brasao: '',
       sessao_solene: false,
       sessao_solene_tema: '',
-      presentes:[]
+      presentes: [],
+      oradores: []
     }
   },
   methods: {
+
+    atribuiColor (parlamentares) {
+      return parlamentares.map(parlamentar => {
+        var color = 'white'
+        if (parlamentar.voto === 'Voto Informado') {
+          color = 'yellow'
+        } else {
+          if (parlamentar.voto === 'Sim') {
+            color = 'green'
+          } else if (parlamentar.voto === 'Não') {
+            color = 'red'
+          }
+        }
+        parlamentar.color = color
+        console.info(parlamentares)
+      })
+    },
     fetchData () {
       // TODO: how to get no hardcoded URL?
       $.get('/painel/704/dados', function (response) {
@@ -33,7 +51,9 @@ const v = new Vue({ // eslint-disable-line
         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 = this.atribuiColor(response.presentes)
+        console.info(this.presentes)
+        this.oradores = response.oradores
       }.bind(this))
     },
     pollData () {

sapl/templates/painel/index.html

@@ -71,22 +71,15 @@
             <div class="text-center painel">
               <h2 class="text-subtitle">Parlamentares</h2>
               <div v-if="painel_aberto">
-                <table class="table table-striped table-hover table-link-ordering">
+                <table>
-                  <thead>
+                    <tbody v-for="p in presentes">
                     <tr>
-                      <th>Parlamentar</th>
+                        <td style="padding-right: 20px; color: yellow;">
-                      <th>Partido</th>
+                          [[ p.nome]]
-                      <th>Ativo?</th>
+                        </td>
-                    </tr>
+                        <td style="padding-right: 20px; color: yellow;">
-                  </thead>
+                          [[ p.partido ]]
-                    <tbody v-for="parlamentar in presentes">
+                        </td>
-                    <tr>
-                        <th>
-                          [[ parlamentar.nome]]
-                        </th>
-                        <th>
-                          [[ parlamentar.partido ]]
-                        </th>
                     </tr>
                     </tbody>
                 </table>
@@ -102,7 +95,15 @@
             <div class="col-md-6 text-center painel" id="aparecer_oradores">  
               <h2 class="text-subtitle">Oradores</h2>
               <div v-if="painel_aberto">
-                <span id="orador"></span>
+                <table>
+                  <tbody v-for="o in oradores">
+                  <tr>
+                      <td style="padding-right: 20px; color: white;">
+                        [[ o.numero]]º &nbsp[[o.nome]]
+                      </td>
+                  </tr>
+                  </tbody>
+              </table>
               </div>
               <div v-else>
                   <span style="color:white">