Как переиспользовать div navigation на всех страницах?

Question

[Сергей Ильин]

Есть блок навигации на сайте:

<nav class="navigation block">
        <a class="nav-link active" href="/">Главная</a>
        <a class="nav-link" href="/xxx">xxx</a>
        <a class="nav-link" href="/yyy">yyy</a>
        <a class="nav-link" href="/zzz">zzz</a>
    </nav>

Поправлено:
как правильно унаследовать шаблон во Фласке, чтобы при посещении каждой странички из навигационного меню, становился активным именно выбранный блок? если наследовать то, что сейчас есть - nav-link active сохраняется для /index.html, а хотелось бы, чтобы это все как-то динамически жило.

Comments

[WapSter]

Шаблонизаторы.

[Сергей Ильин]

WapSter, я понимаю. что вопрос именно в них.

наследуя base.html я наследую и описанный в нем навигационный блок, и, соответственно, то, что одна из кнопочек остается активной (потому как она активна в базовом шаблоне). Как можно поменять класс в зависимости от того, на какой страничке нахожусь - я не понял.
Если вопрос идиотский - снесите, я не против
UPD: вопрос поправлен.

[Роман]

Ну насчет наследования это другой вопрос. А насчет активности элемента меню можно вот так

<nav class="navigation block">
    <a class="nav-link {% if request.path == '/' %}active{% endif %}" href="/">Главная</a>
    <a class="nav-link {% if request.path == '/xxx/' %}active{% endif %}" href="/xxx">xxx</a>
    <a class="nav-link {% if request.path == '/yyy/' %}active{% endif %}" href="/yyy">yyy</a>
    <a class="nav-link {% if request.path == '/zzz/' %}active{% endif %}" href="/zzz">zzz</a>
</nav>

[Сергей Ильин]

Роман, спасибо вам. да, понял, что только if-else помогут (((

Answer 1

[Арсений Матыцин]

Нус в общем Роман ответил в комментариях по делу, разве что я бы порекомендовал проверять подстроку, так как request.path может содержать вложенную директорию, к примеру, а проверка в духе if '/' in request.path (не помню точно, умеет ли в такие проверки Jinja2, но если что можно функцию набросать).

Но тут будет другая проблема, что есть пути частично совпадают, тогда проверка будет провдена в обоих случаях, поэтому ИМХО, лучше поднимать из шаблона, который наследует или прямо из функции, которая запускает рендер идентификатор, проверка которого и будет в шаблоне в этой навигации.

Скажем в роутах:

...
render_template('template', current='home')

И в самих шаблонах:

<nav class="navigation block">
    <a class="nav-link {% if current == 'home' %}active{% endif %}" href="/">Главная</a>