{% extends "base/skeleton.html" %} {% load static %} {% load i18n %} {% load is_active %} {% block body %} <nav class="navbar navbar-default navbar-pf" role="navigation"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse-1"> <span class="sr-only">{% trans 'Toggle navigation' %}</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="/"> <img src="{% static 'img/brand.svg' %}" alt="PatternFly Enterprise Application" /> </a> </div> <div class="collapse navbar-collapse navbar-collapse-1"> <ul class="nav navbar-nav navbar-utility"> <li class="dropdown"> <button class="btn btn-link nav-item-iconic" id="horizontalDropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> <span title="Help" class="fa pficon-help dropdown-title"></span> </button> <ul class="dropdown-menu" aria-labelledby="horizontalDropdownMenu1"> <li><a href="#0">Help</a></li> <li><a href="#0">About</a></li> </ul> </li> <li class="dropdown"> <button class="btn btn-link dropdown-toggle" data-toggle="dropdown"> <span class="pficon pficon-user"></span> <span class="dropdown-title"> {{ user.username }} <b class="caret"></b> </span> </button> <ul class="dropdown-menu"> <li> <a href="#0">Link</a> </li> <li> <a href="#0">Another link</a> </li> <li> <a href="#0">Something else here</a> </li> <li class="divider"></li> <li> <a href="{% url 'passbook_core:auth-logout' %}">{% trans 'Logout' %}</a> </li> </ul> </li> </ul> {% is_active_app 'passbook_admin' as is_admin %} <ul class="nav navbar-nav navbar-primary {% if is_admin == 'active' %}persistent-secondary{% endif %}"> <li class="{% is_active_app 'passbook_core' %}"> <a href="{% url 'passbook_core:overview' %}">{% trans 'Overview' %}</a> </li> <li class="{% is_active_app 'passbook_admin' %}"> <a href="{% url 'passbook_admin:overview' %}">{% trans 'Administration' %}</a> {% block nav_secondary %} {% endblock %} </li> </ul> </div> </nav> <div class="container-fluid container-cards-pf"> {% include 'partials/messages.html' %} {% block content %} {% endblock %} </div> {% endblock %} {% block scripts %} <script> $(document).ready(function () { // initialize tooltips $('[data-toggle="tooltip"]').tooltip(); // Initialize the vertical navigation $().setupVerticalNavigation(true); }); </script> {% endblock %}