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

Inicio da implementação de fonte variável no painel

Websocket_painel
AlGouvea 3 years ago
parent
a45f5ae026
commit
a499d2955d
2 changed files with 14 additions and 10 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. 3
      frontend/src/__apps/painel/main.js
  2. 21
      sapl/templates/painel/index.html

3
frontend/src/__apps/painel/main.js
View File

@ -62,7 +62,8 @@ const v = new Vue({ // eslint-disable-line
status_cronometro_ordem: '', status_cronometro_ordem: '',
status_cronometro_consideracoes: '', status_cronometro_consideracoes: '',
status_cronometro_personalizado: '', status_cronometro_personalizado: '',
relogio: 'UAU' relogio: '',
fontSize: 20
} }
}, },
methods: { methods: {

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

@ -34,6 +34,9 @@
</head> </head>
<body class="painel-principal" style="margin: 0;"> <body class="painel-principal" style="margin: 0;">
<div id="app-painel"> <!-- app painel --> <div id="app-painel"> <!-- app painel -->
<div style="color: white;" v-on:click="fontSize -= 1"><h3>-</h3></div>
<div style="color: white;"><h3>[[fontSize]]</h3></div>
<div style="color: white;" v-on:click="fontSize += 1"><h3>+</h3></div>
<audio type="hidden" id="audio" src="{% webpack_static 'audio/ring.mp3' %}"></audio> <audio type="hidden" id="audio" src="{% webpack_static 'audio/ring.mp3' %}"></audio>
<div class="row justify-content-center"> <div class="row justify-content-center">
@ -70,7 +73,7 @@
<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 -->
<table> <table v-bind:style="{fontSize: fontSize +5+'px'}">
<tbody v-for="p in presentes"> <tbody v-for="p in presentes">
<tr> <tr>
<td style="padding-right: 20px;" class="d-flex justify-content-start" v-bind:style="{ color: p.color }"> <td style="padding-right: 20px;" class="d-flex justify-content-start" v-bind:style="{ color: p.color }">
@ -99,10 +102,10 @@
<div v-if="oradores.length > 0" class="text-center painel" id="aparecer_oradores"> <div v-if="oradores.length > 0" class="text-center painel" id="aparecer_oradores">
<h2 class="text-subtitle">Oradores</h2> <h2 class="text-subtitle">Oradores</h2>
<div v-if="painel_aberto"> <!-- v-if Lista de oradores--> <div v-if="painel_aberto"> <!-- v-if Lista de oradores-->
<table> <table v-bind:style="{fontSize: fontSize +'px'}">
<tbody v-for="o in oradores"> <tbody v-for="o in oradores">
<tr class="d-flex justify-content-center"> <tr class="d-flex justify-content-center">
<td style="padding-right: 20px; color: white; font-size: 20px;"> <td style="padding-right: 20px; color: white;">
[[ o.numero]]º &nbsp[[o.nome]] [[ o.numero]]º &nbsp[[o.nome]]
</td> </td>
</tr> </tr>
@ -118,7 +121,7 @@
</div> </div>
<div class="col-md-6 text-center painel"> <div class="col-md-6 text-center painel">
<h2 class="text-subtitle">Cronômetros</h2> <h2 class="text-subtitle">Cronômetros</h2>
<div class="text-value"> <div class="text-value" v-bind:style="{fontSize: fontSize +'px'}">
Discurso:<span id='discurso' style="margin-right: 20px;">[[ cronometro_discurso ]]</span><span v-if="painel_aberto"> Discurso:<span id='discurso' style="margin-right: 20px;">[[ cronometro_discurso ]]</span><span v-if="painel_aberto">
</span><br> </span><br>
@ -138,14 +141,14 @@
<div v-if="sessao_solene"> <div v-if="sessao_solene">
<div class="col-md-4 text-center painel" id="tema_solene_div"> <div class="col-md-4 text-center painel" id="tema_solene_div">
<h2 class="text-subtitle">Tema da Sessão Solene</h2> <h2 class="text-subtitle">Tema da Sessão Solene</h2>
<span id="sessao_solene_tema" class="text-value">[[ sessao_solene_tema ]]</span> <span id="sessao_solene_tema" class="text-value" v-bind:style="{fontSize: fontSize +'px'}">[[ sessao_solene_tema ]]</span>
</div> </div>
</div> </div>
<div v-else> <div v-else>
<div v-if="painel_aberto" class="row" style="margin-top: 50px;"> <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"> <div v-if="!sessao_finalizada" class="col-md-6 text-center painel" id="resultado_votacao_div">
<h2 class="text-subtitle">Resultado</h2> <h2 class="text-subtitle">Resultado</h2>
<div v-if="materia_legislativa_texto"> <div v-if="materia_legislativa_texto" v-bind:style="{fontSize: fontSize +'px'}">
<span id="votacao" class="text-value"> <span id="votacao" class="text-value">
<li>Sim: [[ numero_votos_sim ]]</li> <li>Sim: [[ numero_votos_sim ]]</li>
<li>Não: [[ numero_votos_nao ]]</li> <li>Não: [[ numero_votos_nao ]]</li>
@ -162,7 +165,7 @@
<div v-if="painel_aberto" class="col-md-6"> <div v-if="painel_aberto" class="col-md-6">
<div v-if="!sessao_finalizada" class="text-center painel" id="obs_materia_div"> <div v-if="!sessao_finalizada" class="text-center painel" id="obs_materia_div">
<h2 class="text-subtitle">[[ mat_em_votacao ]]</h2> <h2 class="text-subtitle">[[ mat_em_votacao ]]</h2>
<div v-if="materia_legislativa_texto !== ''"> <div v-if="materia_legislativa_texto !== ''" v-bind:style="{fontSize: fontSize +'px'}">
<span id="materia_legislativa_texto" class="text-value">[[ materia_legislativa_texto ]] </span> <span id="materia_legislativa_texto" class="text-value">[[ materia_legislativa_texto ]] </span>
<br> <br>
<span id="materia_legislativa_ementa" class="text-value">[[ materia_legislativa_ementa ]]</span> <span id="materia_legislativa_ementa" class="text-value">[[ materia_legislativa_ementa ]]</span>
@ -175,13 +178,13 @@
</div> </div>
</div> </div>
<div v-else> <div v-else>
<span class="text-value">A Matéria em votação só aparecerá quando o painel estiver aberto</span> <span class="text-value" v-bind:style="{fontSize: fontSize +'px'}">A Matéria em votação só aparecerá quando o painel estiver aberto</span>
</div> </div>
</div> </div>
<div v-else> <div v-else>
<div class="text-center painel"> <div class="text-center painel">
<h2 class="text-subtitle" style="margin-top: 50px;">Resultado</h2> <h2 class="text-subtitle" style="margin-top: 50px;">Resultado</h2>
<span style="color:white"> <span style="color:white" v-bind:style="{fontSize: fontSize +'px'}">
<h1>A votação só aparecerá quando o painel estiver aberto</h1> <h1>A votação só aparecerá quando o painel estiver aberto</h1>
</span> </span>
</div> </div>

Write Preview
Loading…
Cancel
Save