Estoy intentando crear un menú para una aplicación web hecha con Flask.
Para crear el menú desde Python le paso una lista, con los elementos del mismo, a cada vista que lleva incorporado el menú. Dentro de un Blueprint, la primera vista que lleva este menú tiene el siguiente código, donde el decorador @filter_menu simplemente filtra la lista según los permisos que tenga asignado el usuario logeado, para que no le muestre algunas opciones reservadas al admin.
Python
@bp.route('/home', methods=('GET', 'POST'))
@filter_menu
def home(menu):
return render_template('admin/home.html', menu=menu)
El menú que se pasa por parámetro y que luego es pasado a la función render_template(menu)
es el siguiente diccionario:
Python
menu = {
'Inicio': [],
'Usuarios': [],
'Trabajadores': ['Estado','Contratos', 'Informes'],
}
Este diccionario lo recibe una plantilla llamada side_menu.html con el siguiente código:
Jinja
<nav class="sidemenu">
<ul>
{% for key in menu %}
<li>
<div>{{ key }}</div>
{% if menu.key|length != 0 %}
<ul>
{% for item in key.children %}
<li><div>{{ item }}</div></li>
{% endfor %}
</ul>
{% endif %}
</li>
{% endfor %}
</ul>
</nav>
Lo que creo que hace este código (aunque no es así) es crear la siguiente estructura:
<nav>
<ul>
<li><div>Inicio</div></li>
<li><div>Usuarios</div></li>
<li><div>Trabajadores</div>
<ul>
<li><div>Estado</div></li>
<li><div>Contratos</div></li>
<li><div>Informes</div></li>
</ul>
</li>
</ul>
</nav>
Sin embargo, cuando lo incorporo mediante un include en la página base y la página se renderiza, obtengo lo siguiente:
<nav>
<ul>
<li><div>Inicio</div></li>
<li><div>Usuarios</div></li>
<li><div>Trabajadores</div></li>
<ul>
<li><div>Estado</div></li>
<li><div>Contratos</div></li>
<li><div>Informes</div></li>
</ul>
</ul>
</nav>
El último <li>
, el de Trabajadores, debería estar incluyendo la lista, pero no lo hace. ¿Alguien sabría decirme por qué y cómo puede conseguir el resultado pretendido?
Un saludo y gracias por la ayuda.