MINI MINI MANI MO
<style>
.main {
width: 100%;
color: #000000 !important;
font-weight: bold;
column-count:2;
column-rule: 1px solid #bbb;
column-width: auto;
margin: 1px 1px 1px 1px !important;
}
td, th {
padding: 3px 3px !important;
}
#loadingBack {
display:none;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color:#88898c90;
z-index: 1;
text-align: center;
padding-top: 300px;
padding-left: 22px;
}
#centrado {
text-align: center !important;
}
#jutificado {
text-align: justify !important;
}
.grid-container {
display: grid;
}
.grid-container--fill {
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}
.grid-container--fill--a {
grid-template-columns: repeat(auto-fill, minmax(550px, 1fr));
}
.grid-container--fill--buton {
grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
}
.grid-container--fit {
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}
.grid-container--fill--imagen {
grid-template-columns: repeat(auto-fit, minmax(125px, 1fr));
align-content: center !important;
}
.grid-element-buton {
/*color: #fff;*/
/*border: 1px solid #fff;*/
padding: 5px;
}
.grid-element-imagen {
padding: 0px;
}
.grid-element {
/*background-color: #DDDDDD;*/
/*border: 1px solid #fff;*/
}
#row {
margin: auto;
}
.btn-favor {
background-color: #257025!important;
color: white;
font-weight: 800;
}
.btn-contra {
background-color: #BB163F!important;
color: white;
font-weight: 800;
}
.btn-abs {
background-color: #E8D231!important;
color: white;
font-weight: 800;
}
.btn-sr {
background-color: #DDDDDD!important;
color: black;
font-weight: 800;
}
body {
/*font-family: Arial, Helvetica, sans-serif !important;*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
font-size: 2rem!important;
font-family: "Roboto", sans-serif!important;
font-weight: 900!important;
font-style:normal!important;
}
#textovoto{
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
font-size: 2rem!important;
font-family: "Roboto", sans-serif!important;
font-weight: 900!important;
font-style:normal!important;
text-align: center;
}
#tituloVoto{
font-size: 2rem!important;
font-family: "Roboto", sans-serif!important;
font-weight: 900!important;
font-style:normal!important;
text-align: justify-all;
}
@media screen and (max-width: 768px) and (min-width: 320px) {
.grid-container--fill--buton {
grid-template-columns: repeat(auto-fill, minmax(115px, 1fr));
}
body {
/*font-family: Arial, Helvetica, sans-serif !important;*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
font-size: 2rem!important;
font-family: "Roboto", sans-serif!important;
font-weight: 900!important;
font-style:normal!important;
}
.grid-container--fill {
grid-template-columns: repeat(auto-fill, minmax(115px, 1fr));
}
#tituloVoto{
font-size: 1.5rem!important;
font-family: "Roboto", sans-serif!important;
font-weight: 900!important;
font-style:normal!important;
text-align: justify-all;
}
#textovoto{
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
font-size: 1.3rem!important;
font-family: "Roboto", sans-serif!important;
font-weight: 900!important;
font-style:normal!important;
text-align: center;
}
}
@media screen and (max-width: 768px) and (min-width: 320px) and (orientation: portrait) {
.grid-container--fill--buton {
grid-template-columns: repeat(auto-fill, minmax(115px, 1fr));
}
body {
/*font-family: Arial, Helvetica, sans-serif !important;*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
font-size: 2rem!important;
font-family: "Roboto", sans-serif!important;
font-weight: 900!important;
font-style:normal!important;
}
.grid-container--fill {
grid-template-columns: repeat(auto-fill, minmax(115px, 1fr));
}
#tituloVoto{
font-size: 1rem!important;
font-family: "Roboto", sans-serif!important;
font-weight: 900!important;
font-style:normal!important;
text-align: justify-all;
}
#textovoto{
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
font-size: 1.3rem!important;
font-family: "Roboto", sans-serif!important;
font-weight: 900!important;
font-style:normal!important;
text-align: center;
}
}
@media screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {
.grid-container--fill--buton {
grid-template-columns: repeat(auto-fill, minmax(155px, 1fr));
}
body {
/*font-family: Arial, Helvetica, sans-serif !important;*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
font-size: 2rem!important;
font-family: "Roboto", sans-serif!important;
font-weight: 900!important;
font-style:normal!important;
}
.grid-container--fill {
grid-template-columns: repeat(auto-fill, minmax(155px, 1fr));
}
#tituloVoto{
font-size: 2rem!important;
font-family: "Roboto", sans-serif!important;
font-weight: 900!important;
font-style:normal!important;
text-align: justify-all;
}
#textovoto{
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
font-size: 1.7rem!important;
font-family: "Roboto", sans-serif!important;
font-weight: 900!important;
font-style:normal!important;
text-align: center;
}
}
@media screen and (min-width: 1366px) and (max-width: 1920px) {
.grid-container--fill--buton {
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
.grid-container--fill {
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
body {
/*font-family: Arial, Helvetica, sans-serif !important;*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
font-size: 2rem!important;
font-family: "Roboto", sans-serif!important;
font-weight: 900!important;
font-style:normal!important;
}
#textovoto{
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
font-size: 1.5rem!important;
font-family: "Roboto", sans-serif!important;
font-weight: 900!important;
font-style:normal!important;
text-align: center;
}
}
</style>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" />
@extends('layoutP')
@section('title')
SPID
@endsection
@section('content')
<div class="card-body">
<div class="container">
<div class="section">
<div class="height-30vh">
<center>
<img src="{{asset('spid/images/logo/congeso.jpg')}}" alt="materialize" width="30%" heigth="30%" style="border-radius:15px;"/>
</center>
</div>
</div>
</div>
</div>
<div class="container">
<div class="section">
<div class="card">
<div class="card-content" style='background-image: url("{{asset('spid/images/logo/fondo_pleno.png')}}"); background-repeat: no-repeat; background-size: cover; '>
<div id="votos" style="display: none;">
<div class="row justify-content-md-center" id="justificado">
<div class="col s12">
<div id ="tituloVoto" style="color: black !important; font-weight: 800 !important; ">
VOTO: @if(count($temaVotos)) {{$temaVotos[0]->votacion}} @endif
</div>
</div>
</div>
<br>
<div id ="totalesVotos" class="row" >
<div class="row">
<div class="grid-container grid-container--fill">
<div id ="textovoto" class="grid-element" id="centrado" style="color: #000000 !important; font-weight: 800; ">
TIEMPO: <div id="countdown"></div>
<input type='hidden' name='tiempo' id='tiempo' value=' @if(count($temaVotos)){{$temaVotos[0]->tiempoVotacion}}@endif'>
</div>
<div id ="textovoto" class="grid-element" id="centrado" style="color: #257025 !important; font-weight: 800 !important; ">
FAVOR <br><span id="consenso1">{{$favor}}</span>
</div>
<div id ="textovoto" class="grid-element" id="centrado" style="color: #BB163F !important; font-weight: 800; ">
CONTRA <br><span id="disenso1">{{$contra}}</span>
</div>
<div id ="textovoto" class="grid-element" id="centrado" style="color: #E8D231 !important; font-weight: 800; ">
ABSTENCIÓN<br> <span id="abstencion1">{{$abstencion}}</span>
</div>
<div id ="textovoto" class="grid-element" id="centrado" style="color: #000000 !important; font-weight: 800; ">
TOTAL<br> <span id="totalv1">{{$totalVotos}}</span>
</div>
</div>
</div>
<div id="barraVotos">
<div class="grid-container grid-container--fill--buton">
<div class="grid-element-buton" id="centrado">
</div>
<div class="grid-element-buton" id="centrado">
<button type="button" class="btn btn-favor" onclick="favor(1);">Favor</button>
</div>
<div class="grid-element-buton" id="centrado">
<button type="button" class="btn btn-contra" onclick="contra(1);">Contra</button>
</div>
<div class="grid-element-buton" id="centrado">
<button type="button" class="btn btn-abs" onclick="abstencion(1);">Abst.</button>
</div>
<div class="grid-element-buton" id="centrado">
<button type="button" class="btn btn-sr" onclick="sinRegistro(1);">S/R</button>
</div>
</div>
</div>
</div>
<div class="main">
<table width='100%' border="0" id="tablaEstatusvotos">
@foreach($votacion as $voto)
<tr>
@if($voto->mensaje == 'FAVOR')
<?php $style = "background-color:#4CAF50;"; ?>
@elseif($voto->mensaje == 'CONTRA')
<?php $style = "background-color:#DC3545;"; ?>
@elseif($voto->mensaje == 'ABSTENCION')
<?php $style = "background-color:#E0A800;"; ?>
@elseif($voto->mensaje == 'SIN REGISTRO')
<?php $style = "background-color:#DDDDDD;"; ?>
@endif
<td style="{{$style}}">
<p style="color:black; "> {{mb_strtoupper($voto->ap_pat)}} {{mb_strtoupper($voto->ap_mat)}} {{mb_strtoupper($voto->nombre)}}</p>
</td>
</tr>
@endforeach
</table>
</div>
{{-- @endif --}}
</div>
<div id="aistencia" style="display: none;">
<div class="row">
<form class="col s12">
<table id="tablatvotos">
<tr>
<td width="33%">
<form class="col s3" style="background-color: #DDDDDD;">
<H3 style="font-family: 'Calibri', 'Roboto', sans-serif !important;"><strong>TIEMPO: <div id="countdownA"></div></strong></H3>
</form>
<input type='hidden' name='tiempoA' id='tiempoA' value=' @if(count($asistencias)){{$asistencias[0]->tiempoVotacion}}@endif'>
</td>
<td id="totalAsistencias23" width="33%">TOTAL ASISTENCIAS: {{$totalAsistencias}}</td>
<td width="33%">
<div class="row" id="barraAsistencia" >
<a onclick="asistencia(1);" class='btn' style="background-color: #4CAF50; text-align: left"><strong>ASISTENCIA </strong></a>
</div>
</td>
</tr>
</table>
</form>
</div>
<div class="row">
{{-- <form class="col s5">--}}
{{-- <div class="row">--}}
{{-- <div class="col" align="right">--}}
{{-- <a href="{{route('getActas')}}" target="_blank">--}}
{{-- <img src="{{asset('spid/images/logo/Acta.png')}}" alt="materialize" width="70%" heigth="70%" style="border-radius:15px;"/>--}}
{{-- </a>--}}
{{-- </div>--}}
{{-- <div class="col" align="right">--}}
{{-- <a href="{{route('getAsuntos')}}" target="_blank">--}}
{{-- <img src="{{asset('spid/images/logo/Asuntos del Orden del Dia.png')}}" alt="materialize" width="70%" heigth="70%" style="border-radius:15px;"/>--}}
{{-- </a>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- <div class="w-100"></div>--}}
{{-- <div class="row">--}}
{{-- <div class="col" align="right">--}}
{{-- <a href="{{route('getOrden')}}" target="_blank">--}}
{{-- <img src="{{asset('spid/images/logo/Orden del Dia.png')}}" alt="materialize" width="70%" heigth="70%" style="border-radius:15px;"/>--}}
{{-- </a>--}}
{{-- </div>--}}
{{-- <div class="col" align="right">--}}
{{-- <a href="{{route('getMarco')}}" target="_blank">--}}
{{-- <img src="{{asset('spid/images/logo/Marco Juridico.png')}}" alt="materialize" width="70%" heigth="70%" style="border-radius:15px;"/>--}}
{{-- </a>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- </form>--}}
{{-- <form class="col s7">--}}
{{-- <div class="row">--}}
<form class="col s12">
<div class="main">
<table width='100%' border="0" id="tablaAsistencia23">
@foreach($asistencias as $asistencia)
<tr>
@if($asistencia->mensaje == 'ASISTENCIA')
<?php $style = "background-color:#4CAF50;"; ?>
@elseif($asistencia->mensaje == 'PENDIENTE')
<?php $style = "background-color:#DDDDDD;"; ?>
@endif
<td style="{{$style}}">
<p style="color:black;">{{mb_strtoupper($asistencia->parlamentario->nombre)}} {{mb_strtoupper($asistencia->parlamentario->ap_pat)}} {{mb_strtoupper($asistencia->parlamentario->ap_mat)}}</p>
</td>
</tr>
@endforeach
</table>
</div>
</form>
{{-- </div>--}}
{{-- </form>--}}
</div>
</div>
<div id="nada" style="display: none;">
<div class="row">
<div class="grid-container grid-container--fill--imagen">
<div class="grid-element-imagen" id="centrado">
{{-- <a href="{{route('getActas')}}">--}}
<a href="">
{{-- <img src="{{asset('spid/images/logo/acta_2.png')}}" alt="materialize" />--}}
<img src="{{asset('spid/images/logo/acta_2.png')}}"
srcset="{{asset('spid/images/logo/CACTA.png')}} 480w, {{asset('spid/images/logo/acta_2.png')}} 768w, {{asset('spid/images/logo/acta_2.png')}} 1024w"
sizes="(max-width: 480px) 100vw, (max-width: 768px) 80vw, 80vw"
alt="Imagen ajustada">
</a>
</div>
<div class="grid-element-imagen" id="centrado">
{{-- <a href="{{route('getAsuntos')}}">--}}
<a href="">
{{-- <img src="{{asset('spid/images/logo/asuntos_orden_2.png')}}" alt="materialize"/>--}}
<img src="{{asset('spid/images/logo/asuntos_orden_2.png')}}"
srcset="{{asset('spid/images/logo/CASUNTOS.png')}} 480w, {{asset('spid/images/logo/asuntos_orden_2.png')}} 768w, {{asset('spid/images/logo/asuntos_orden_2.png')}} 1024w"
sizes="(max-width: 480px) 100vw, (max-width: 768px) 80vw, 80vw"
alt="Imagen ajustada">
</a>
</div>
<div class="grid-element-imagen" id="centrado">
<a href="">
{{-- <a href="{{route('getOrden')}}">--}}
{{-- <img src="{{asset('spid/images/logo/orden_2.png')}}" alt="materialize"/>--}}
<img src="{{asset('spid/images/logo/orden_2.png')}}"
srcset="{{asset('spid/images/logo/CORDEN.png')}} 480w, {{asset('spid/images/logo/orden_2.png')}} 768w, {{asset('spid/images/logo/orden_2.png')}} 1024w"
sizes="(max-width: 480px) 100vw, (max-width: 768px) 80vw, 80vw"
alt="Imagen ajustada">
</a>
</div>
<div class="grid-element-imagen" id="centrado">
{{-- <a href="{{route('getMarco')}}" target="_blank">--}}
<a href="">
{{-- <img src="{{asset('spid/images/logo/marco_2.png')}}" alt="materialize"/>--}}
<img src="{{asset('spid/images/logo/marco_2.png')}}"
srcset="{{asset('spid/images/logo/CMARCO.png')}} 480w, {{asset('spid/images/logo/marco_2.png')}} 768w, {{asset('spid/images/logo/marco_2.png')}} 1024w"
sizes="(max-width: 480px) 100vw, (max-width: 768px) 80vw, 80vw"
alt="Imagen ajustada">
</a>
</div>
</div>
</div>
<div class="row">
<div class="col s10" ></div>
<div class="col s2">
<img src="{{asset('spid/images/logo/spid.png')}}"
srcset="{{asset('spid/images/logo/spid.png')}} 480w, {{asset('spid/images/logo/spid.png')}} 768w, {{asset('spid/images/logo/spid.png')}} 1024w"
sizes="(max-width: 480px) 50vw, (max-width: 768px) 50vw, 50vw"
alt="Imagen ajustada">
</div>
</div>
{{-- @endif --}}
</div>
</div>
</div>
</div>
</div>
@endsection
@push('scripts')
<script type="text/javascript">
$(document).ready(function() {
validaEventos();
showRemainingV();
showRemaining();
});
function validaEventos(){
$.ajax({
type: 'GET',
data :{},
url : "{{ url('validaEventosActivos') }}",
success: function (response) {
var json = $.parseJSON(response);
if(json[0].sinactivo == 'inactivo' ){
window.location.href = window.location.origin + '/sistemaVotos';
}
if(json[0].asistencias == '0' && json[0].votacion == '0'){
document.getElementById("votos").style= "display: none";
document.getElementById("aistencia").style= "display: none";
document.getElementById("nada").style= "display: block";
// oconsen();
if(json[0].pertenece == 'no' ){
window.location.href = window.location.origin + '/sistemaVotos';
}
if(json[0].pertenece == 'no' ){
window.location.href = window.location.origin + '/sistemaVotos';
}
}else if(json[0].asistencias > '0' && json[0].votacion == '0'){
document.getElementById("nada").style= "display: none";
document.getElementById("votos").style= "display: none";
document.getElementById("aistencia").style= "display: block";
actualizaAs();
actasistot();
}else if(json[0].votacion > '0' && json[0].asistencias == '0'){
document.getElementById("nada").style= "display: none";
document.getElementById("aistencia").style= "display: none";
document.getElementById("votos").style= "display: block";
actualizaTotalesVotos();
actualizaListaVotacion();
}
},error: function(xhr, status, error) {
}
});
}
function actasistot(){
$.ajax({
type: 'GET',
data :{},
url : "{{ url('actasistot') }}",
success: function (response) {
var json = $.parseJSON(response);
$('#totalAsistencias23').replaceWith(' <td style="font-weight: bold; font-size: 35px;" id="totalAsistencias23"><strong>TOTAL ASISTENCIAS:</strong> ' + json[0].asistenciast + '</td>');
},error: function(xhr, status, error) {
}
});
}
function actualizaAs(){
$.ajax({
type: 'GET',
data :{},
url : "{{ url('actualizaAsistencias') }}",
success: function (response) {
var json = $.parseJSON(response);
$("#tablaAsistencia23").empty();
$.each(json, function(i, item) {
if(item.mensaje == 'ASISTENCIA'){
var style = "background-color:#4CAF50;";
}else{
var style = "background-color:#DDDDDD;";
}
$('#tablaAsistencia23').append('<TR><td style="'+style+'"><p style="color:black;">'+item.name.toUpperCase() + ' '+item.ap_pat.toUpperCase()+ ' ' + item.ap_mat.toUpperCase()+'</p></td></TR>');
});
},error: function(xhr, status, error) {
}
});
}
function actualizaTotalesVotos(){
$.ajax({
type: 'GET',
data :{},
url : "{{ url('actualizaTotalesVotos') }}",
success: function (response) {
var json = $.parseJSON(response);
document.getElementById("consenso1").innerHTML= '';
document.getElementById("disenso1").innerHTML= '';
document.getElementById("abstencion1").innerHTML= '';
document.getElementById("totalv1").innerHTML= '';
document.getElementById("consenso1").innerHTML=json[0].votacionFavor;
document.getElementById("disenso1").innerHTML=json[0].votacionContra ;
document.getElementById("abstencion1").innerHTML=json[0].votacionAbsten;
document.getElementById("totalv1").innerHTML=json[0].totalVotos;
},error: function(xhr, status, error) {
}
});
}
function actualizaListaVotacion(){
$.ajax({
type: 'GET',
data :{},
url : "{{ url('actualizaListaVotacion') }}",
success: function (response) {
var json = $.parseJSON(response);
$("#tablaEstatusvotos").empty();
$.each(json, function(i, item) {
if(item.mensaje == 'FAVOR'){
var style = "background-color:#4CAF50;";
}else if(item.mensaje == 'CONTRA'){
var style = "background-color:#DC3545;";
}else if(item.mensaje == 'ABSTENCION'){
var style = "background-color:#FFC107;";
}else if(item.mensaje == 'SIN REGISTRO'){
var style = "background-color:#DDDDDD;";
}
$('#tablaEstatusvotos').append('<TR><td style="'+style+'"><p style="color:black;">'+item.name.toUpperCase() + ' '+item.ap_pat.toUpperCase()+ ' ' + item.ap_mat.toUpperCase()+'</p></td></TR>');
});
},error: function(xhr, status, error) {
}
});
}setInterval(validaEventos,10000);
function favor(id){
var id = id;
$.ajax({
type: 'GET',
data :{id},
url : "{{ url('consensoU') }}",
success: function (response) {
swal({
text: "Voto registrado",
icon: 'success',
dangerMode: false,
buttons: false,
timer: 2000,
}).then(function (){
actualizaTotalesVotos();
actualizaListaVotacion();
});
},error: function(xhr, status, error) {
}
});
}
function contra(id){
var id = id;
$.ajax({
type: 'GET',
data :{id},
url : "{{ url('disensoU') }}",
success: function (response) {
swal({
text: "Voto registrado",
icon: 'success',
dangerMode: false,
buttons: false,
timer: 2000,
}).then(function (){
actualizaTotalesVotos();
actualizaListaVotacion();
});
},error: function(xhr, status, error) {
}
});
}
function abstencion(id){
var id = id;
$.ajax({
type: 'GET',
data :{id},
url : "{{ url('abstencionU') }}",
success: function (response) {
swal({
text: "Voto registrado",
icon: 'success',
dangerMode: false,
buttons: false,
timer: 2000,
}).then(function (){
actualizaTotalesVotos();
actualizaListaVotacion();
});
},error: function(xhr, status, error) {
}
});
}
function sinRegistro(id){
var id = id;
$.ajax({
type: 'GET',
data :{id},
url : "{{ url('sinRegistroU') }}",
success: function (response) {
swal({
text: "Voto registrado",
icon: 'success',
dangerMode: false,
buttons: false,
timer: 2000,
}).then(function (){
actualizaTotalesVotos();
actualizaListaVotacion();
});
},error: function(xhr, status, error) {
}
});
}
function asistencia(id){
var id = id;
$.ajax({
type: 'GET',
data :{id},
url : "{{ url('asistenciaU') }}",
success: function (response) {
swal({
text: "Asistencia registrada",
icon: 'success',
dangerMode: false,
buttons: false,
timer: 2000,
}).then(function (){
actualizaAs();
actasistot();
});
},error: function(xhr, status, error) {
}
});
}
function showRemainingV() {
var end1 = document.getElementById('tiempo').value;
var end = new Date(end1);
var endA = document.getElementById('tiempoA').value;
var endA = new Date(endA);
var _second = 1000;
var _minute = _second * 60;
var _hour = _minute * 60;
var _day = _hour * 24;
var timer;
var now = new Date();
if(end < now){
var distance = 0;
}else{
var distance = end - now;
}
if (distance <= 0) {
clearInterval(timer);
document.getElementById('countdown').innerHTML = '00:00';
document.getElementById('barraVotos').style.display="none";
return;
} else if (distance == "NaN") {
clearInterval(timer);
document.getElementById('countdown').innerHTML = '';
return;
}else{
document.getElementById('barraVotos').style.display="block";
}
var minutes = Math.floor((distance % _hour) / _minute);
var seconds = Math.floor((distance % _minute) / _second);
if (seconds < 10) {
seconds = '0' + seconds;
}
document.getElementById('countdown').innerHTML = minutes + ':';
document.getElementById('countdown').innerHTML += seconds;
}timer = setInterval(showRemainingV, 1000);
function showRemaining() {
var end1 = document.getElementById('tiempo').value;
var end = new Date(end1);
var endA = document.getElementById('tiempoA').value;
var endA = new Date(endA);
var _second = 1000;
var _minute = _second * 60;
var _hour = _minute * 60;
var _day = _hour * 24;
var timer;
var now = new Date();
if(endA < now){
var distance = 0;
}else{
var distance = endA - now;
}
if (distance <= 0) {
clearInterval(timer);
document.getElementById('countdownA').innerHTML = '00:00';
return;
} else if (distance == "NaN") {
clearInterval(timer);
document.getElementById('countdownA').innerHTML = '';
return;
}
var minutes = Math.floor((distance % _hour) / _minute);
var seconds = Math.floor((distance % _minute) / _second);
if (seconds < 10) {
seconds = '0' + seconds;
}
document.getElementById('countdownA').innerHTML = minutes + ':';
document.getElementById('countdownA').innerHTML += seconds;
}
timer = setInterval(showRemaining, 1000);
</script>
@endpush
OHA YOOOO