Common Elements

template django_logikal/components/commons.html.j

Usage:

{% import 'django_logikal/components/commons.html.j' as commons %}
{% block component_head %}{{ component_head('commons') }}{% endblock %}

Components:

macro commons.menu(item_urls, request)

Render a menu bar.

Parameters:

• item_urls (dict) – The mapping of menu items to URL names.

• request (django.http.HttpRequest | None) – The HTTP request to use.

Example

Jinja

{{ commons.menu({
  'About': 'main:about',
  'Components': 'main:components',
  'Blog': {'view_name': 'main:blog', 'kwargs': {'year': '2000'}},
}, request=request) }}

HTML

<menu role="menu" class="tabs">
  <li role="none"><a role="menuitem" href="main/about/">About</a></li>
  <li role="none" class="active"><a role="menuitem">Components</a></li>
  <li role="none"><a role="menuitem" href="main/blog/year/2000/">Blog</a></li>
</menu>

---

macro commons.icon_button(text, icon, id=None, classes=None)

Render a link button with an icon.

Parameters:

• text (str) – The text to use.

• icon (str) – The path for the icon to include.

• id (str) – The ID to use.

• classes (str) – The classes to use.