<div class="row">
<div class="col-xs-12">
<select id="otros_procesos">
<option value="">---Seleccione---</option>
{% for otroProceso in otrosProcesos %}
<option value="{{ otroProceso.id }}">{{ otroProceso.anno }}-{{ otroProceso.llamada }}</option>
{% endfor %}
</select>
<a class="btnExpand" onclick="jQuery('#table_test_show').treetable('expandAll'); return false;">
<button class="btn btn-white btn-inverse btn-bold btn-round" title="{% trans %}botones.expandir{% endtrans %}">
<img src="{{ asset('images/icon/expandir.png') }}" width="16px"><span class="hidden-xs"> {% trans %}botones.expandir{% endtrans %}</span>
</button>
</a>
<a class="btnExpand" onclick="jQuery('#table_test_show').treetable('collapseAll'); return false;">
<button class="btn btn-white btn-inverse btn-bold btn-round" title="{% trans %}botones.recoger{% endtrans %}">
<img src="{{ asset('images/icon/recoger.png') }}" width="16px"><span class="hidden-xs"> {% trans %}botones.recoger{% endtrans %}</span>
</button>
</a>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<table id="table_test_show" class="table table-striped table-bordered table-hover">
<thead>
<tr>
<th style="width: 150px">
Tipo
</th>
<th>
Nombre
</th>
<th style="width: 130px">
Riesgo Bajo
</th>
<th style="width: 130px">
Riesgo Medio
</th>
<th style="width: 130px">
Riesgo Alto
</th>
<th style="width: 105px">
Tipo Pregunta
</th>
</tr>
</thead>
<tbody id="test_otros">
</tbody>
</table>
</div>
</div>
<script type="text/javascript">
$(function()
{
$('#otros_procesos').change(function(){
if ($(this).val())
{
$( "#dlg_otrosProcesos" ).parent().mask(' Cargando...');
var url = '{{ path('get_test_elements', {'proceso': '__PROCESO__', 'editable': 'NO'}) }}';
url=url.replace('__PROCESO__', $(this).val());
$('#test_otros').load(url, function(){
$( "#dlg_otrosProcesos" ).parent().unmask();
$('#table_test_show').treetable({ expandable: true, indent: 10 });
});
}
});
});
</script>