<commit_before>{% extends 'CituaoCoordBundle::layout.html.twig' %}
{% block js  %}
<script>
$( "#practicantes" ).css("background-color","#000");
$( "#practicantes img" ).css("opacity","0.4");
$( "#practicantes h3" ).css("opacity","0.4");
</script>

{% endblock %}

{% block content  %}
{{ parent() }}
<div id="content">
	{% block upSection  %}

	<div id="upSection">
		<h1 id ="sectionTitle">Practicantes</h1>


		<a href="{{ path('cituao_coord_registrar_practicante') }}" class = "button"><img src="{{ asset('img/anadirPracticantes.png') }}"/><h4>Añadir Practicantes</h4></a>

		<a href="{{ path('cituao_coord_registrar_practicante') }}" class = "button"><img src="{{ asset('img/nuevoPracticante.png') }}"/><h4>Nuevo Practicante</h4></a>

	</div><!--up section -->

	{% endblock  %}

	{% if msgerr.id == '1' %}
	<div id = "error">{{ msgerr.descripcion }} </div>		
	{% else %}


	{% block downSection  %}
	<div id = "downSection">

		<table class="practicantesTableHead">
			<tbody>
				<tr class="tableHead">
					<th width="5%"></th>
					<th width="10%"></th>





					

					<th width="18%"></th>
					<th width="16%"></th>
					<th width="8%"><img src="{{ asset('img/codigoLabel.png') }}"/></th>
					<th width="9%"><img style="margin-left:11px;" src="{{ asset('img/idLabel.png') }}"/></th>

					
					<th><img style="margin-left:20px;" src="{{ asset('img/telefonoLabel.png') }}"/></th>
					<th><img style="margin-left:70px;" src="{{ asset('img/mailLabel.png') }}"/></th>
					<th></th>
					<th></th>
				</tr> <!--tablehead -->
			</tbody>
		</table><!-- practicantes tableHead -->

		{% set id = 1 %}
		<div style="width: 100%; height: 750px; overflow: auto; position:relative; padding-bottom:30px;">	

			<table class="practicantesTable">
				
				{% for practicante in listaPracticantes %}


				<tr class="spacer"></tr>
				<tr height="20px" class="tableItem">

				
					<td id="hoverDiv" >


						<td><h2>{{ id }}</h2></td>
						<td height="20px"><div id="itemImgContainer"><img id = "foto" border="0" src="{{ asset('uploads/fotos/' ~  practicante.path) }}" alt="Pulpit rock" width="100%" /></div></td>
						<td><span>{{ practicante.apellidos }}</span></td>
						<td><span>{{ practicante.nombres }}</span></td>
						<td>{{ practicante.codigo }}</td>
						<td>{{ practicante.ci }}</td>
						<td>{{ practicante.telefonoMovil }}</td>

						<td>

					<div>
						<table id="opciones">

							{% if practicante.estado == 1 %}
							<td><a href="{{ path('cituao_coord_cronograma_practicante', { 'id': practicante.id}) }}"><img src="{{ asset('img/cronograma.png') }}" /><h3>Cronograma</h3></a></td>
							{% else %}
							<td><img src="{{ asset('img/nocrono.png') }}" /></td>
							{% endif %}

							<td><a href="{{ path('cituao_coord_practicante', { 'codigo': practicante.codigo}) }}"><img src="{{ asset('img/editar.png') }}" ><h3>Editar</h3></a></td>

						</table> <!-- opciones -->
					</div>
				


							{{ practicante.emailInstitucional }} <br> {{ practicante.emailPersonal }}</td>




					</td> <!-- hoverDiv -->

				</tr>


				{% set id = id + 1 %}
				{% endfor %}
				<tr class="spacer"></tr>
				<tr class="spacer"></tr>
				<tr class="spacer"></tr>
				<tr class="spacer"></tr>
				<tr class="spacer"></tr>
				<tr class="spacer"></tr>
			</table>
		</div>

	</div> <!-- cierra downSection-->
	{% endblock  %}

	{% endif %}
</div> <!-- cierra content-->



<script>
$( ".tableItem" ).mouseenter(function() {
	var hoverDiv = $('#hoverDiv', this);
	var opciones = $('#opciones', this);
	var itemPicture = $('#itemImgContainer', this);
	$(hoverDiv).css("background-color","#ec1c24 ");
	$(itemPicture).css("border-color","#ec1c24 ");

	$( opciones).animate({
	    opacity: 1,
	    top: "-4px",
	  }, 300, function() {
	    // Animation complete.
	  });
});

$( ".tableItem" ).mouseleave(function() {
	var hoverDiv = $('#hoverDiv', this);
	var itemPicture = $('#itemImgContainer', this);
	var opciones = $('#opciones', this);
	$(hoverDiv).css("background-color","#fff");
	$(itemPicture).css("border-color","#242021 ");
	$( opciones).animate({
	    opacity: 0,
	    top: "26px",
	  }, 300, function() {
	    // Animation complete.
	  });
});



</script>



{% endblock %}
<commit_msg>ie8 option animation fixed<commit_after>{% extends 'CituaoCoordBundle::layout.html.twig' %}
{% block js  %}
<script>
$( "#practicantes" ).css("background-color","#000");
$( "#practicantes img" ).css("opacity","0.4");
$( "#practicantes h3" ).css("opacity","0.4");
</script>

{% endblock %}

{% block content  %}
{{ parent() }}
<div id="content">
	{% block upSection  %}

	<div id="upSection">
		<h1 id ="sectionTitle">Practicantes</h1>


		<a href="{{ path('cituao_coord_registrar_practicante') }}" class = "button"><img src="{{ asset('img/anadirPracticantes.png') }}"/><h4>Añadir Practicantes</h4></a>

		<a href="{{ path('cituao_coord_registrar_practicante') }}" class = "button"><img src="{{ asset('img/nuevoPracticante.png') }}"/><h4>Nuevo Practicante</h4></a>

	</div><!--up section -->

	{% endblock  %}

	{% if msgerr.id == '1' %}
	<div id = "error">{{ msgerr.descripcion }} </div>		
	{% else %}


	{% block downSection  %}
	<div id = "downSection">

		<table class="practicantesTableHead">
			<tbody>
				<tr class="tableHead">
					<th width="5%"></th>
					<th width="10%"></th>





					

					<th width="18%"></th>
					<th width="16%"></th>
					<th width="8%"><img src="{{ asset('img/codigoLabel.png') }}"/></th>
					<th width="9%"><img style="margin-left:11px;" src="{{ asset('img/idLabel.png') }}"/></th>

					
					<th><img style="margin-left:20px;" src="{{ asset('img/telefonoLabel.png') }}"/></th>
					<th><img style="margin-left:70px;" src="{{ asset('img/mailLabel.png') }}"/></th>
					<th></th>
					<th></th>
				</tr> <!--tablehead -->
			</tbody>
		</table><!-- practicantes tableHead -->

		{% set id = 1 %}
		<div style="width: 100%; height: 750px; overflow: auto; position:relative; padding-bottom:30px;">	

			<table class="practicantesTable">
				
				{% for practicante in listaPracticantes %}


				<tr class="spacer"></tr>
				<tr height="20px" class="tableItem">

				
					<td id="hoverDiv" >


						<td><h2>{{ id }}</h2></td>
						<td height="20px"><div id="itemImgContainer"><img id = "foto" border="0" src="{{ asset('uploads/fotos/' ~  practicante.path) }}" alt="Pulpit rock" width="100%" /></div></td>
						<td><span>{{ practicante.apellidos }}</span></td>
						<td><span>{{ practicante.nombres }}</span></td>
						<td>{{ practicante.codigo }}</td>
						<td>{{ practicante.ci }}</td>
						<td>{{ practicante.telefonoMovil }}</td>

						<td>

					<div>
						<table id="opciones">

							{% if practicante.estado == 1 %}
							<td><a href="{{ path('cituao_coord_cronograma_practicante', { 'id': practicante.id}) }}"><img src="{{ asset('img/cronograma.png') }}" /><h3>Cronograma</h3></a></td>
							{% else %}
							<td><img src="{{ asset('img/nocrono.png') }}" /></td>
							{% endif %}

							<td><a href="{{ path('cituao_coord_practicante', { 'codigo': practicante.codigo}) }}"><img src="{{ asset('img/editar.png') }}" ><h3>Editar</h3></a></td>

						</table> <!-- opciones -->
					</div>
				


							{{ practicante.emailInstitucional }} <br> {{ practicante.emailPersonal }}</td>




					</td> <!-- hoverDiv -->

				</tr>


				{% set id = id + 1 %}
				{% endfor %}
				<tr class="spacer"></tr>
				<tr class="spacer"></tr>
				<tr class="spacer"></tr>
				<tr class="spacer"></tr>
				<tr class="spacer"></tr>
				<tr class="spacer"></tr>
			</table>
		</div>

	</div> <!-- cierra downSection-->
	{% endblock  %}

	{% endif %}
</div> <!-- cierra content-->



<script>
$( ".tableItem" ).mouseenter(function() {
	var hoverDiv = $('#hoverDiv', this);
	var opciones = $('#opciones', this);
	var itemPicture = $('#itemImgContainer', this);
	$(hoverDiv).css("background-color","#ec1c24");
	$(itemPicture).css("border-color","#ec1c24");

	$( opciones).animate({
	    opacity: 1,
	    top: "-4px",
	  }, 300, function() {
	    // Animation complete.
	  });
});

$( ".tableItem" ).mouseleave(function() {
	var hoverDiv = $('#hoverDiv', this);
	var itemPicture = $('#itemImgContainer', this);
	var opciones = $('#opciones', this);
	$(hoverDiv).css("background-color","#fff");
	$(itemPicture).css("border-color","#242021");
	$( opciones).animate({
	    opacity: 0,
	    top: "26px",
	  }, 300, function() {
	    // Animation complete.
	  });
});



</script>



{% endblock %}

{'fraction_non_alphanumeric': 0.2533112582781457, 'fraction_numerical': 0.01856669820245979, 'mean_word_length': 3.4023945861530454, 'pattern_counts': {'":': 0, '<': 263, '<?xml version=': 0, '>': 263, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1219864', 'n_tokens_mistral': 3821, 'n_tokens_neox': 3092, 'n_words': 567}