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: 2px 2px !important;
}
</style>
@extends('layout')
@section('title')
ASISTENCIAS
@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="40%" heigth="40%" style="border-radius:15px;"/>
</center>
</div>
</div>
</div>
</div>
<div class="container">
<div class="section">
<div class="card">
<div class="section section-data-tables">
<div class="card-content">
<div class="card-body s12">
@if (count($asistencias))
<h4 class="text-align center">Registro de Asistencia</h4>
<table width='100%' bor style='border-collapse:collapse'>
<tbody>
<tr>
<td colspan='6'>
<h6><strong>EVENTO: {{strtoupper($eventoActivo[0]->nombreEvento)}}</strong></h6>
<h6><strong>FECHA: {{ $date }} </strong></h6>
<br>
</td>
<td>
<h6><strong> TOTAL DE ASISTENCIAS: {{ $tot }}</strong></h6>
<h6><strong> TIEMPO: </strong><div id="countdown"></div></h6>
<input type='hidden' name='tiempo' id='tiempo' value=' @if(count($asistencias)){{$asistencias[0]->tiempoVotacion}}@endif'>
</td>
</tbody>
</table>
<div class='main'>
<table width='100%' border="0" id="tabAsiste">
@foreach ($asistencias as $asistencia)
<tr>
@if ($asistencia->mensaje == 'ASISTENCIA')
<?php $style = 'background-color:#218838;'; ?>
@else
<?php $style = 'background-color:#C6C6C6;'; ?>
@endif
<td style="{{ $style }}">
<p style="color:black;">{{ $asistencia->parlamentario->nombre }}
{{ $asistencia->parlamentario->ap_pat }}
{{ $asistencia->parlamentario->ap_mat }}</p>
</td>
<td>
<a onclick="asistencia({{ $asistencia->id }})"
class="btn btn-xs btn-warning"
style="background-color:#218838;"> <i
class="material-icons">file_upload</i></a>
<a onclick="inasistencia({{ $asistencia->id }})"
class="btn btn-xs btn-warning"
style="background-color:#DC3545;"> <i
class="material-icons">file_download</i></a>
</td>
</tr>
@endforeach
</table>
</div>
<br>
<div class="row">
<div class="col s4">
<a onclick="terminarAsist({{ 1 }});" class="btn">Terminar
asistencia</a>
</div>
<div class="col s4">
<a onclick="ReiniciarAsistencia({{ 1 }});"
class="btn btn-xs btn-warning">Reiniciar asistencia</a>
</div>
<div class="col s4">
<a onclick="imprimirAsist();" class="btn btn-xs btn-warning">Imprimir
asistencia</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="loader" style="display: none;" class="loader"><img
style="position: relative; left: 43%; top: 40%; width: 10%; height: 10%;"
src="{{ asset('foro/images/logo/cube.gif') }}">
<p style="position: relative; left: 43%; top: 40%;">...Generando PDF</p>
</div>
<div id="loader1" style="display: none;" class="loader1"><img
style="position: relative; left: 43%; top: 40%; width: 10%; height: 10%;"
src="{{ asset('foro/images/logo/cube.gif') }}">
<p style="position: relative; left: 43%; top: 40%;">...Terminando</p>
</div>
</div>
@endif
@endsection
@push('scripts')
<script type="text/javascript">
// $(document).ready(function() {
// function actualizar(){location.reload(true);}
// setInterval("tabAsistencia()",10000);
// $.ajaxSetup({ cache: false });
// });
// window.onload =tabAsistencia;
function tabAsistencia() {
$.ajax({
type: 'GET',
data: {},
url: "{{ url('tabAsistencia') }}",
success: function(response) {
var json = $.parseJSON(response);
$("#tabAsiste").empty();
$.each(json, function(i, item) {
if (item.mensaje == 'ASISTENCIA') {
var style = "background-color:#218838;";
} else {
var style = "background-color:#C6C6C6;";
}
$('#tabAsiste').append('<TR><td style="' + style +
'"><p style="color:black;">' + item.name.toUpperCase() + ' ' + item
.ap_pat.toUpperCase() + ' ' + item.ap_mat.toUpperCase() +
'</p></td><td><a onclick="asistencia(' + item.id +
')" class="btn btn-xs btn-warning" style="background-color:#218838;"> <i class="material-icons">file_upload</i></a><a onclick="inasistencia(' +
item.id +
')" class="btn btn-xs btn-warning" style="background-color:#DC3545;"> <i class="material-icons">file_download</i></a></td></TR>'
);
});
},
error: function(xhr, status, error) {}
});
}
function asistencia(id) {
var id = id;
console.log(id + 'ASISTENCIA');
$.ajax({
type: 'GET',
data: {
id
},
url: "{{ url('asistencia') }}",
success: function(response) {
location.reload();
},
error: function(xhr, status, error) {}
});
}
function inasistencia(id) {
var id = id;
console.log(id + 'INASISTENCIA');
$.ajax({
type: 'GET',
data: {
id
},
url: "{{ url('inasistencia') }}",
success: function(response) {
location.reload();
},
error: function(xhr, status, error) {}
});
}
function terminarAsist(id) {
var id = id;
$.ajax({
url: "{{ url('terminarAsistencia') }}",
type: 'GET',
data: {
id
},
beforeSend: function() {
$(".loader1").show()
},
success: function(response) {
$(".loader1").hide();
window.location.href = window.location.origin + '/asistenciaVotos';
},
error: function(xhr, status, error) {
alert('ocurrio un error');
}
})
}
function ReiniciarAsistencia(id) {
var id = id;
$.ajax({
url: "{{ url('reiniciarAsistencia') }}",
type: 'GET',
data: {
id
},
success: function(response) {
location.reload();
},
error: function(xhr, status, error) {
alert('ocurrio un error');
}
})
}
function imprimirAsist() {
$.ajax({
url: "{{ url('imprimirAsist') }}",
type: 'GET',
data: {},
xhrFields: {
responseType: 'blob'
},
beforeSend: function() {
$(".loader").show()
},
success: function(response) {
var blob = new Blob([response]);
console.log(blob);
var link = document.createElement('a');
link.href = window.URL.createObjectURL(blob);
link.download = "asistencias.pdf";
link.click();
$(".loader").hide();
},
error: function(blob) {
console.log(blob);
}
})
}
$(document).ready(function() {
var end1 = document.getElementById('tiempo').value;
var end = new Date(end1);
var _second = 1000;
var _minute = _second * 60;
var _hour = _minute * 60;
var _day = _hour * 24;
var timer;
function showRemaining() {
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;
}
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(showRemaining, 1000);
});
</script>
@endpush
OHA YOOOO