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

Inicio da refatoração do painel

Websocket_painel
AlGouvea 3 years ago
parent
56d8c6c901
commit
a9babe1b7d
1 changed files with 92 additions and 91 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. 183
      sapl/templates/painel/index.html

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

@ -66,7 +66,7 @@
<div style="margin-bottom: 50px;"> <!-- outer div --> <div style="margin-bottom: 50px;"> <!-- outer div -->
<div class="d-flex justify-content-start"> <div class="d-flex justify-content-start">
<div class="col-md-2"></div> <div class="col-md-2"></div>
<div class="col-md-3"> <!-- Lista parlamentares --> <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> <h2 class="text-subtitle">Parlamentares</h2>
<div v-if="painel_aberto"> <!-- v-if --> <div v-if="painel_aberto"> <!-- v-if -->
@ -93,103 +93,104 @@
</div> <!-- v-if --> </div> <!-- v-if -->
</div> </div>
</div> <!-- Lista parlamentares --> </div> <!-- Lista parlamentares -->
<div class="d-flex col-md-7 painels justify-content-center"> <div class="col-md-6 painels">
<div v-if="oradores.length > 0" class="text-center painel" id="aparecer_oradores"> <div class="row">
<h2 class="text-subtitle">Oradores</h2> <div class="col-md-6">
<div v-if="painel_aberto"> <!-- v-if Lista de oradores--> <div v-if="oradores.length > 0" class="text-center painel" id="aparecer_oradores">
<table> <h2 class="text-subtitle">Oradores</h2>
<tbody v-for="o in oradores"> <div v-if="painel_aberto"> <!-- v-if Lista de oradores-->
<tr class="d-flex justify-content-center"> <table>
<td style="padding-right: 20px; color: white; font-size: 20px;"> <tbody v-for="o in oradores">
[[ o.numero]]º &nbsp[[o.nome]] <tr class="d-flex justify-content-center">
</td> <td style="padding-right: 20px; color: white; font-size: 20px;">
</tr> [[ o.numero]]º &nbsp[[o.nome]]
</tbody> </td>
</table> </tr>
</div> <!--v-if Lista de oradores--> </tbody>
<div v-else> </table>
<span style="color:white"> </div> <!--v-if Lista de oradores-->
<center>A listagem de oradores só aparecerá quando o painel estiver aberto.</center>
</span>
</div>
</div>
</div>
</div>
</div> <!-- outer div -->
<div class="row"> <!-- row -->
<div class="col-md-2"></div>
<div class="col-md-4 text-left painel">
<h2 class="text-subtitle">Cronômetros</h2>
<div class="text-value">
Discurso:<span id='discurso' style="margin-right: 20px;">[[ cronometro_discurso ]]</span><span v-if="painel_aberto">
</span><br>
Aparte:<span id='discurso' style="margin-right: 20px;">[[ cronometro_aparte ]]</span><span v-if="painel_aberto">
</span><br>
Questão de Ordem: <span id='discurso' style="margin-right: 20px;">[[ cronometro_ordem ]]</span><span v-if="painel_aberto">
</span><br>
Considerações Finais: <span id='discurso' style="margin-right: 20px;">[[ cronometro_consideracoes ]]</span><span v-if="painel_aberto">
</span><br>
Personalizado: <span id='personalizado' style="margin-right: 20px;">[[ cronometro_personalizado ]]</span><span v-if="painel_aberto">
</span><br>
</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 v-else class="col-md-5" style="margin-left: 51vw; position: absolute;">
<div v-if="painel_aberto" style="margin-top: -50vh;">
<div v-if="!sessao_finalizada" class="text-center painel" id="resultado_votacao_div">
<h2 class="text-subtitle" style="margin-left: -50px; margin-top: 50px;">Resultado</h2>
<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> <div v-else>
<center>Não há votação, pois não há nenhuma matéria aberta ou já votada.</center> <span style="color:white">
<center>A listagem de oradores só aparecerá quando o painel estiver aberto.</center>
</span>
</div> </div>
</div>
</div> </div>
<div v-if="painel_aberto"> <div class="col-md-6 text-center painel">
<div v-if="!sessao_finalizada" class="text-center painel" id="obs_materia_div"> <h2 class="text-subtitle">Cronômetros</h2>
<h2 class="text-subtitle" id="mat_em_votacao">[[ mat_em_votacao ]]</h2> <div class="text-value">
<div v-if="materia_legislativa_texto !== ''"> Discurso:<span id='discurso' style="margin-right: 20px;">[[ cronometro_discurso ]]</span><span v-if="painel_aberto">
<span id="materia_legislativa_texto" class="text-value">[[ materia_legislativa_texto ]] </span> </span><br>
<br>
<span id="materia_legislativa_ementa" class="text-value">[[ materia_legislativa_ementa ]]</span> Aparte:<span id='discurso' style="margin-right: 20px;">[[ cronometro_aparte ]]</span><span v-if="painel_aberto">
<br> </span><br>
<span id="observacao_materia" class="text-value"> [[ observacao_materia ]]</span>
</div> Questão de Ordem: <span id='discurso' style="margin-right: 20px;">[[ cronometro_ordem ]]</span><span v-if="painel_aberto">
<div v-else> </span><br>
<span class="text-value">Não há nenhuma matéria votada ou para votação.</span>
</div> Considerações Finais: <span id='discurso' style="margin-right: 20px;">[[ cronometro_consideracoes ]]</span><span v-if="painel_aberto">
</div> </span><br>
Personalizado: <span id='personalizado' style="margin-right: 20px;">[[ cronometro_personalizado ]]</span><span v-if="painel_aberto">
</span><br>
</div>
</div> </div>
<div v-else> <div v-if="sessao_solene">
<span class="text-value">A Matéria em votação só aparecerá quando o painel estiver aberto</span> <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> <div v-else>
<div v-else> <div v-if="painel_aberto">
<div class="text-center painel"> <div v-if="!sessao_finalizada" class="text-center painel" id="resultado_votacao_div" class="col-md-6">
<h2 class="text-subtitle" style="margin-top: 50px;">Resultado</h2> <h2 class="text-subtitle">Resultado</h2>
<span style="color:white"> <div v-if="materia_legislativa_texto">
<h1>A votação só aparecerá quando o painel estiver aberto</h1> <span id="votacao" class="text-value">
</span> <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" 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="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 v-else>
<div class="text-center painel">
<h2 class="text-subtitle" style="margin-top: 50px;">Resultado</h2>
<span style="color:white">
<h1>A votação só aparecerá quando o painel estiver aberto</h1>
</span>
</div>
</div> </div>
</div>
</div> </div>
</div> </div>
</div> <!-- row --> </div>
</div> <!-- outer div -->
</div> <!-- app painel --> </div> <!-- app painel -->
</body> </body>

Write Preview
Loading…
Cancel
Save