<li class="header">MENU DE NAVEGACIÓN</li>


{% for componente in menu%}


<li class="active treeview">


    <a href="#">


        <i class="{{ componente.componenteMENUICONO }}"></i> <span>{{ componente.componenteMENUTITULO }}</span>


        <span class="pull-right-container">


            <i class="fa fa-angle-left pull-right"></i>


        </span>


    </a>


    <ul class="treeview-menu" style="display: none;">


        {% for controlador in componente.controladores %}


        <li class="treeview">


            <a href="#">


                <i class="{{ controlador.controladorMENUICONO }}"></i> {{ controlador.controladorMENUTITULO }}


                <span class="pull-right-container">


                  <i class="fa fa-angle-left pull-right"></i>


                </span>


            </a>


            <ul class="treeview-menu" style="display: none;">


                {% for operacion in controlador.operaciones %}


                <li>


                    <a href="javascript:void(0);" onclick="cargarVista('{{ operacion.componenteCARPETA }}', '{{ operacion.controladorCLASE }}', '{{ operacion.operacionFUNCION }}', null, '{{ operacion.operacionMENUTITULO }}', '{{ operacion.operacionCODIGO }}')">


                        <i class="{{ operacion.operacionMENUICONO }}"></i>{{ operacion.operacionMENUTITULO }}


                    </a>


                </li>


                {% endfor %}


            </ul>


        </li>


        {% endfor %}


    </ul>


</li>


{% endfor %}