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