Using Jinja Macros - Revision history

PeterHarding: /* Other Links */

2015-01-10T04:47:54Z

PeterHarding at 04:46, 10 January 2015

2015-01-10T04:46:28Z

@@ Line 33: / Line 33: @@
 Notice how we’re calling the nav-link macro and passing it two arguments, the endpoint (which comes from our controller) and the text we want displayed
 [[Category:Python]]
 [[Category:Jinja]]

PeterHarding: Created page with "=Macros= from https://realpython.com/blog/python/primer-on-jinja-templating/ In Jinja, we can use macros to abstract commonly used code snippets that are used over..."

2015-01-10T04:42:12Z

Created page with "=Macros= <i>from https://realpython.com/blog/python/primer-on-jinja-templating/</i> In Jinja, we can use macros to abstract commonly used code snippets that are used over..."

New page

=Macros=

<i>from https://realpython.com/blog/python/primer-on-jinja-templating/</i>

In Jinja, we can use macros to abstract commonly used code snippets that are used over and over to not repeat ourselves. For example, it’s common to highlight the link of the current page on the navigation bar (active link). Otherwise, we’d have to use if/elif/else statements to determine the active link. Using macros, we can abstract out such code into a separate file.

Add a macros.html file to the “templates” directory:

<pre>
{% macro nav_link(endpoint, name) %}
{% if request.endpoint.endswith(endpoint) %}
<li class="active"><a href="{{ url_for(endpoint) }}">{{name}}</a></li>
{% else %}
<li><a href="{{ url_for(endpoint) }}">{{name}}</a></li>
{% endif %}
{% endmacro %}
</pre>

Here, we’re using Flask’s request object, which is part of Jinja by default, to check the requested endpoint, then assigning the active class to that endpoint.

Update the unordered list with the nav navbar-nav class in the base template:

<pre>
<ul class="nav navbar-nav">
{{ nav_link('home', 'Home') }}
{{ nav_link('about', 'About') }}
{{ nav_link('contact', 'Contact Us') }}
</ul>
</pre>

Also, make sure to add the import at the top of the template: {% from "macros.html" import nav_link with context %}.

Notice how we’re calling the nav-link macro and passing it two arguments, the endpoint (which comes from our controller) and the text we want displayed

[[Category:Python]]
[[Category:Jinja]]

← Older revision		Revision as of 14:47, 10 January 2015
Line 35:		Line 35:

	=Other Links=		=Other Links=

			* http://stackoverflow.com/questions/26582731/redefining-imported-jinja-macros


	==Tooltip==		==Tooltip==