{% extends "@crud\\crud.html.twig" %}
{% block jquery %}
{{ parent() }}
<script type="text/javascript">
$(function()
{
var sexo='';
$('.chosen-select').chosen({allow_single_deselect:true});
$("#buscar").click(function(e){
e.preventDefault();
if ($('#centroInstruccion').val() && $('#unidadOrigen').val() && $('#unidadDestino').val() && sexo)
{
if ($('#unidadOrigen').val() != $('#unidadDestino').val())
{
var url='{{ path('ajax_get_info_for_redistribution', {'unidadOrigen': '__UO__', 'unidadDestino': '__UD__', 'sexo': '__SEXO__'}) }}';
url=url.replace('__UO__',$('#unidadOrigen').val());
url=url.replace('__UD__',$('#unidadDestino').val());
url=url.replace('__SEXO__',sexo);
$('#contenedor_cambio').mask(' Buscando...');
$.getJSON(url , function(result){
$('#contenedor_cambio').unmask();
if (result.ok)
{
$('#transfer').removeClass('hide');
$('#transferOptions').removeClass('hide');
$('#selcant').val(result.capacidad);
$('#selcant').attr('capacidad',result.capacidad);
$('#maxtransf').html(result.capacidad);
$('#reclutas').html(result.reclutas);
$("#reclutas").trigger('chosen:updated');
}
else
{
showError(bootbox, result.error);
}
});
}
else
alert('La unidad de orígen debe ser diferente a la de destino');
}
else
alert('Debe completar toda la información para poder realizar la búsqueda');
});
$("#sexoF").click(function(e){
$('#transfer').addClass('hide');
$('#transferOptions').addClass('hide');
$('#searchOptions').addClass('hide');
sexo='F';
if ($("#centroInstruccion").val())
getUnidades(sexo);
});
$("#sexoM").click(function(e){
$('#transfer').addClass('hide');
$('#transferOptions').addClass('hide');
$('#searchOptions').addClass('hide');
sexo='M';
if ($("#centroInstruccion").val())
getUnidades(sexo);
});
$("#centroInstruccion").change(function(e){
$('#transfer').addClass('hide');
$('#transferOptions').addClass('hide');
$('#searchOptions').addClass('hide');
if ($(this).val() && sexo)
{
getUnidades(sexo);
}
});
$('#unidadOrigen').change(function(e){
$('#transferOptions').addClass('hide');
$('#transfer').addClass('hide');
});
$('#unidadDestino').change(function(e){
$('#transferOption').addClass('hide');
$('#transfer').addClass('hide');
});
$('#transferByQ').click(function(e){
$('#spanCant').removeClass('hide');
$('#contenedor_reclutas').addClass('hide');
$('#reclutas').val('');
$("#reclutas").trigger('chosen:updated');
});
$('#transferByS').click(function(e){
$('#spanCant').addClass('hide');
$('#selcant').val($('#selcant').attr('capacidad'));
$('#contenedor_reclutas').removeClass('hide');
});
$('.just_numbers').keypress(function(e){
if (e.which<48 || e.which>57 )
e.preventDefault();
});
$('#transferir').click(function(e){
e.preventDefault();
if ($('#selcant').val()*1>$('#selcant').attr('capacidad')*1 || $('.search-choice').length>$('#selcant').attr('capacidad')*1)
{
alert("La cantidad de reclutas a transferir no puede exceder el cupo disponible ("+$('#selcant').attr('capacidad')+") en la unidad de destino");
}
else
{
$('#contenedor_cambio').mask(' Redistribuyendo reclutas...');
$('#reclutasinput').val($('#reclutas').val());
$('#redistform').ajaxSubmit({
type: $('#redistform').attr('method'),
url: $('#redistform').attr('action'),
dataType: 'json',
data: { _xml_http_request: true },
success: function(data) {
if (data.ok)
{
jAlert(data.message,'Información', function(r){
document.location.href='';
});
}
else
{
jAlert(data.message,'Información');
$('#contenedor_cambio').unmask();
}
}
});
}
});
});
</script>
{% endblock %}
{% block jquery_functions %}
{{ parent() }}
function getUnidades(sexo){
var c=0;
$('#searchOptions').removeClass('hide');
$('#contenedor_cambio').mask(' Cargando unidades...');
var urlO = '{{ path('ajax_procesounidades_por_centro_instruccion_registrados', {'centro': '__CENTRO__', 'sexo': '__SEXO__'}) }}';
urlO = urlO.replace('__CENTRO__', $('#centroInstruccion').val());
urlO = urlO.replace('__SEXO__', sexo);
$('#unidadOrigen').load(urlO, function(){
c++;
$("#unidadOrigen").trigger('chosen:updated');
if (c==2)
$('#contenedor_cambio').unmask();
});
var urlD = '{{ path('ajax_procesounidades_por_centro_instruccion_cupo', {'centro': '__CENTRO__', 'sexo': '__SEXO__'}) }}';
urlD = urlD.replace('__CENTRO__', $('#centroInstruccion').val());
urlD = urlD.replace('__SEXO__', sexo);
$('#unidadDestino').load(urlD, function(){
c++;
$("#unidadDestino").trigger('chosen:updated');
if (c==2)
$('#contenedor_cambio').unmask();
});
}
{% endblock jquery_functions %}
{% block content %}
<div class="widget-box transparent">
<div class="widget-header widget-header-flat">
<h4 class="widget-title lighter">
<i class="fas fa-pencil-alt orange"></i>
Redistribuir conscriptos entre unidades
</h4>
</div>
<div id='contenedor_cambio' class="widget-body" style="display: block;">
{% if proceso is defined %}
<div class="widget-main no-padding">
<br>
<form id="redistform" action="{{ path('ajax_redistribute') }}" method="POST">
<div class="row">
<div class="col-xs-12 col-sm-6" style="margin-top: 20px;">
<table class="table table-striped table-bordered table-hover">
<tr>
<th style="width: 200px;">
<label>
Centro de instrucción:
</label>
</th>
<td style="vertical-align: middle">
<select id="centroInstruccion" class='chosen-select' {% if centroUsuario is defined %}readonly='true' disabled='true'{% endif %}>
<option value="">-- Seleccione --</option>
{% for centro in centros %}
{% if centroUsuario is defined and centroUsuario==centro.id %}
<option value='{{ centro.id}}' selected="selected">{{ centro }}</option>
{% else %}
<option value='{{ centro.id}}'>{{ centro }}</option>
{% endif %}
{% endfor %}
</select>
</td>
</tr>
</table>
</div>
<div class="col-xs-12 col-sm-6" style="margin-top: 20px;">
<table class="table table-striped table-bordered table-hover">
<tr>
<th style="width: 200px;">
<label>
Sexo:
</label>
</th>
<td style="vertical-align: middle">
<input type="radio" name="distribucion[sexo]" id="sexoF" value='F'> Femenino
<input type="radio" name="distribucion[sexo]" id="sexoM" value='M'> Masculino
</td>
</tr>
</table>
</div>
</div>
<div id="searchOptions" class="row hide">
<div class="col-xs-12 col-sm-6" style="margin-top: 20px;">
<table class="table table-striped table-bordered table-hover">
<tr>
<th style="width: 200px;">
<label>
Unidad militar de origen:
</label>
</th>
<td style="vertical-align: middle">
<select name="distribucion[unidadOrigen]" id="unidadOrigen" class='chosen-select'>
<option value="">-- Seleccione --</option>
{% for unidad in unidades %}
<option value='{{ unidad.id}}'>{{ unidad }}</option>
{% endfor %}
</select>
</td>
</tr>
</table>
</div>
<div class="col-xs-12 col-sm-6" style="margin-top: 20px;">
<table class="table table-striped table-bordered table-hover">
<tr>
<th style="width: 200px;">
<label>
Unidad militar de destino:
</label>
</th>
<td style="vertical-align: middle">
<select name="distribucion[unidadDestino]" id="unidadDestino" class='chosen-select'>
<option value="">-- Seleccione --</option>
{% for unidad in unidades %}
<option value='{{ unidad.id}}'>{{ unidad }}</option>
{% endfor %}
</select>
</td>
</tr>
</table>
</div>
<div class="col-xs-12" style="margin-top: 20px;">
<button id="buscar">Buscar</button>
</div>
</div>
<div id="transferOptions" class="row hide">
<div class="col-xs-12 col-sm-6" style="margin-top: 20px;">
<table class="table table-striped table-bordered table-hover">
<tr>
<th style="width: 200px;">
<label>
Transferir por:<br>
</label>
</th>
<td style="vertical-align: middle">
<input type="radio" name="distribucion[transferBy]" id="transferByS" value='S' checked='true'> Selección
<input type="radio" name="distribucion[transferBy]" id="transferByQ" value='Q'> Cantidad <span id="spanCant" class="hide"><input type="text" id="selcant" name="distribucion[cantidad]" class="just_numbers" placeholder="Indique cuántos"></span>
</td>
</tr>
</table>
</div>
<div class="col-xs-12 col-sm-6" style="margin-top: 20px;">
<table class="table table-striped table-bordered table-hover">
<tr>
<th style="width: 200px;">
<label style="float: none;">
Puede transferir hasta <span id='maxtransf'>10</span> reclutas.
</label>
</th>
</tr>
</table>
</div>
</div>
<div id="transfer" class="row hide">
<div id="contenedor_reclutas" class="col-xs-12" style="margin-top: 20px;">
<table class="table table-striped table-bordered table-hover">
<tr>
<th style="width: 200px;">
<label>
Seleccione reclutas a transferir:
</label>
</th>
<td style="vertical-align: middle">
<select id="reclutas" class='chosen-select' multiple='true' placeholder="-- Seleccione --">
</select>
<input type='hidden' id='reclutasinput' name="distribucion[reclutas]">
</td>
</tr>
</table>
</div>
<div class="col-xs-12" style="margin-top: 20px;">
<button id="transferir">Transferir</button>
</div>
</div>
</form>
</div>
{% else %}
NO HAY PROCESO ACTIVO
{% endif %}
</div>
</div>
{% endblock %}