Refatoração e bug fix no painel

frontend/src/__apps/painel/main.js

@@ -51,7 +51,7 @@ const v = new Vue({ // eslint-disable-line
       materia_legislativa_texto: '',
       materia_legislativa_ementa: '',
       observacao_materia: '',
-      mat_em_votacao: '',
+      mat_em_votacao: 'Matéria em Votação',
       resultado_votacao_css: '',
       tipo_resultado: '',
       tipo_votacao: '',
@@ -61,13 +61,14 @@ const v = new Vue({ // eslint-disable-line
       status_cronometro_aparte: '',
       status_cronometro_ordem: '',
       status_cronometro_consideracoes: '',
-      status_cronometro_personalizado: ''
+      status_cronometro_personalizado: '',
+      relogio: 'UAU'
     }
   },
   methods: {
     msgMateria () {
       if (this.tipo_resultado && this.painel_aberto) {
-        if (this.tipo_votacao !== 'Leitura' && !this.sessao_finalizada && !this.sessao_solene) {
+        if (this.tipo_votacao !== 'Leitura' && (!this.sessao_finalizada || this.sessao_finalizada !== undefined) && !this.sessao_solene) {
           this.resultado_votacao_css = 'color: #45919D'
           this.mat_em_votacao = 'Matéria em Votação'
         } else {
@@ -132,6 +133,9 @@ const v = new Vue({ // eslint-disable-line
       this.status_cronometro_aparte = objeto.status_cronometro_aparte
       this.status_cronometro_consideracoes = objeto.status_cronometro_consideracoes
       this.status_cronometro_personalizado = objeto.status_cronometro_personalizado
+      setInterval(() => {
+        this.atualizaRelogio()
+      }, 50)
 
       this.presentes = objeto.presentes
       this.presentes.forEach(parlamentar => {
@@ -153,7 +157,7 @@ const v = new Vue({ // eslint-disable-line
 
       this.tipo_resultado = objeto.tipo_resultado
       this.tipo_votacao = objeto.tipo_votacao
-      this.mat_em_votacao = this.msgMateria()
+      this.msgMateria()
 
       // Cronometros
       cronometroStart[0] = objeto.cronometro_discurso
@@ -508,6 +512,9 @@ const v = new Vue({ // eslint-disable-line
           }, 50)
           break
       }
+    },
+    atualizaRelogio: function atualizaRelogio () {
+      this.relogio = this.formatTime(new Date())
     }
   },
   created () {

sapl/templates/painel/index.html

@@ -60,14 +60,14 @@
         
         <div class="row">
           <div class="col-md-5 text-right"><span class="text-value data-hora" id="date"></span></div>
-          <div class="col-md-7 text-center" style="margin-top:10px"><span class="text-value data-hora" id="relogio"></span></div>
+          <div class="col-md-7 text-center" style="margin-top:10px"><span class="text-value data-hora">[[ relogio ]]</span></div>
         </div>
 
         <div style="margin-bottom: 50px;"> <!-- outer div -->
           <div class="d-flex justify-content-start">
-            <div class="col-md-2"></div>
+            <div class="col-md-1"></div>
             <div class="col-md-4 text-center"> <!-- Lista parlamentares -->
-              <div class="text center painel">
+              <div class="text-center painel">
                 <h2 class="text-subtitle">Parlamentares</h2>
                 <div v-if="painel_aberto"> <!-- v-if -->
                   <table>
@@ -142,8 +142,8 @@
                   </div>
                 </div>
                 <div v-else>
-                  <div v-if="painel_aberto">
-                      <div v-if="!sessao_finalizada" class="text-center painel" id="resultado_votacao_div" class="col-md-6">
+                  <div v-if="painel_aberto" class="row" style="margin-top: 50px;">
+                      <div v-if="!sessao_finalizada" class="col-md-6 text-center painel" id="resultado_votacao_div">
                           <h2 class="text-subtitle">Resultado</h2>
                           <div v-if="materia_legislativa_texto">
                               <span id="votacao" class="text-value">
@@ -160,8 +160,8 @@
                           </div>
                       </div>
                       <div v-if="painel_aberto" class="col-md-6">
-                          <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="!sessao_finalizada" class="text-center painel" id="obs_materia_div"> 
+                              <h2 class="text-subtitle">[[ mat_em_votacao ]]</h2>
                               <div v-if="materia_legislativa_texto !== ''">
                               <span id="materia_legislativa_texto" class="text-value">[[ materia_legislativa_texto ]] </span>
                                 <br>