Browse Source

Consertados os alertas de erro no html do painel

vuejs_painel
AlGouvea 4 years ago
parent
commit
f6f2b0196d
  1. 61
      sapl/templates/painel/index.html

61
sapl/templates/painel/index.html

@ -3,11 +3,10 @@
{% load render_bundle from webpack_loader %} {% load render_bundle from webpack_loader %}
{% load webpack_static from webpack_loader %} {% load webpack_static from webpack_loader %}
<!--[if IE 8]> <html class="no-js lt-ie9" lang="pt-br"> <![endif]--> <!--[if IE 8]> <html class="no-js lt-ie9" lang="pt-br"> <![endif]-->
<!--[if gt IE 8]><!--> <!--[if gt IE 8]><!-->
<html lang="pt-br"> <html lang="pt-br">
<!--<![endif]--> <!--<![endif]-->
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
@ -33,23 +32,18 @@
</style> </style>
</head> </head>
<body class="painel-principal"> <body class="painel-principal">
<div id="app-painel"> <div id="app-painel"> <!-- app painel -->
<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" v-if="brasao != ''"> <div class="row justify-content-center">
<img src="{% if logotipo %}{{ MEDIA_URL }}{{ logotipo }}{% else %}{% webpack_static 'img/logo.png' %}{% endif %}" <img src="{{ MEDIA_URL }}{{ logotipo }}"
alt="Logo" class="img-responsive" style="height: 20vh"> alt="Logo" class="img-responsive" style="height: 15vh"/>
</span>
</div>
<div class="d-flex justify-content-center" v-if="brasao != ''">
<h1 style="color: white;">
{% if nome %}{{ nome }}{% else %}{% trans 'Câmara/Assembléia não configurada'%}{% endif %}
</h1>
</div> </div>
<div class="d-flex justify-content-center"> <div class="d-flex justify-content-center">
<h1 id="sessao_plenaria" class="title text-title">[[ sessao_plenaria ]]</h1> <h1 id="sessao_plenaria" class="title text-title">[[ sessao_plenaria ]]</h1>
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-5 text-right"> <div class="col-md-5 text-right">
<span id="sessao_plenaria_data" class="text-value">[[ sessao_plenaria_data ]]</span> <span id="sessao_plenaria_data" class="text-value">[[ sessao_plenaria_data ]]</span>
@ -68,40 +62,40 @@
<div class="col-md-7 text-center"><span class="text-value data-hora" id="relogio"></span></div> <div class="col-md-7 text-center"><span class="text-value data-hora" id="relogio"></span></div>
</div> </div>
<div style="margin-bottom: 50px;"> <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"> <div class="col-md-3"> <!-- 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"> <div v-if="painel_aberto"> <!-- v-if -->
<table> <table>
<tbody v-for="p in presentes"> <tbody v-for="p in presentes">
<tr> <tr>
<td class="d-flex justify-content-start" style="padding-right: 20px;" v-bind:style="{ color: p.color}"> <td style="padding-right: 20px;" class="d-flex justify-content-start" v-bind:style="{ color: p.color }">
[[ p.nome]] [[p.nome]]
</td> </td>
<td style="padding-right: 20px;" v-bind:style="{ color: p.color}"> <td style="padding-right: 20px;" v-bind:style="{ color: p.color }">
[[ p.partido ]] [[p.partido]]
</td> </td>
<td style="padding-right: 20px;" v-if="p.voto !== ''" v-bind:style="{ color: p.color}"> <td style="padding-right: 20px;" v-if="p.voto !== ''" v-bind:style="{ color: p.color }">
[[p.voto]] [[p.voto]]
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div> </div> <!-- v-if -->
<div v-else> <div v-else> <!-- v-else -->
<span style="color:white"> <span style="color:white">
<center>A listagem de parlamentares só aparecerá quando o painel estiver aberto.</center> <center>A listagem de parlamentares só aparecerá quando o painel estiver aberto.</center>
</span> </span>
</div> <!-- v-if -->
</div> </div>
</div> </div> <!-- Lista parlamentares -->
</div>
<div class="d-flex col-md-7 painels justify-content-center"> <div class="d-flex col-md-7 painels justify-content-center">
<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"> <div v-if="painel_aberto"> <!-- v-if Lista de oradores-->
<table> <table>
<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">
@ -111,7 +105,7 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div> </div> <!--v-if Lista de oradores-->
<div v-else> <div v-else>
<span style="color:white"> <span style="color:white">
<center>A listagem de oradores só aparecerá quando o painel estiver aberto.</center> <center>A listagem de oradores só aparecerá quando o painel estiver aberto.</center>
@ -120,8 +114,8 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div> <!-- outer div -->
<div class="row"> <div class="row"> <!-- row -->
<div class="col-md-2"></div> <div class="col-md-2"></div>
<div class="col-md-4 text-left painel"> <div class="col-md-4 text-left painel">
<h2 class="text-subtitle">Cronômetros</h2> <h2 class="text-subtitle">Cronômetros</h2>
@ -138,7 +132,7 @@
<span id="sessao_solene_tema" class="text-value">[[ sessao_solene_tema ]]</span> <span id="sessao_solene_tema" class="text-value">[[ sessao_solene_tema ]]</span>
</div> </div>
</div> </div>
<div v-else class="col-md-5" style="margin-top: -50px;"> <div v-else class="col-md-5" style="margin-top: -150px;">
<div v-if="painel_aberto"> <div v-if="painel_aberto">
<div v-if="!sessao_finalizada" class="text-center painel" id="resultado_votacao_div"> <div v-if="!sessao_finalizada" class="text-center painel" id="resultado_votacao_div">
<h2 class="text-subtitle" style="margin-left: -50px;">Resultado</h2> <h2 class="text-subtitle" style="margin-left: -50px;">Resultado</h2>
@ -184,7 +178,8 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div> <!-- row -->
</div> <!-- app painel -->
</body> </body>
{% block webpack_loader_js %} {% block webpack_loader_js %}
@ -196,8 +191,7 @@
{% block webpack_loader_chunks_js %} {% block webpack_loader_chunks_js %}
{% endblock webpack_loader_chunks_js %} {% endblock webpack_loader_chunks_js %}
<script type="text/javascript"> <script type='text/javascript'>
$(document).ready(function() { $(document).ready(function() {
// As constantes decisões sobre a existência ou não do horário de verão, // As constantes decisões sobre a existência ou não do horário de verão,
@ -390,4 +384,3 @@
}); });
</script> </script>
</html> </html>

Loading…
Cancel
Save