coderedcms/tutorial/mysite/website/templates/wagtailcrx/snippets/navbar.html

{% load wagtailcore_tags wagtailsettings_tags wagtailimages_tags wagtailcrx_tags i18n %}

{% load wagtailcore_tags wagtailsettings_tags wagtailimages_tags wagtailcrx_tags i18n %}


{% if not settings.wagtailcrx.LayoutSettings.navbar_wrapper_fluid %}
<div class="container">
{% endif %}
<nav class="navbar navbar-header bg-cherry">
  
  {% if not settings.wagtailcrx.LayoutSettings.navbar_content_fluid %}
  <div class="container">
  {% endif %}
    <div>
      <a class="navbar-brand" href="/">
        {% if settings.wagtailcrx.LayoutSettings.logo %}
          {% image settings.wagtailcrx.LayoutSettings.logo original as logo %}
          <img class="img-fluid" src="{{logo.url}}" alt="{{site.site_name}}" />
        {% else %}
          {{site.site_name}}
        {% endif %}
      </a>
    </div>
  {% if not settings.wagtailcrx.LayoutSettings.navbar_content_fluid %}
  </div><!-- /.container -->
  {% endif %}

</nav>

<nav class="navbar {% get_navbar_css %}">

  {% if not settings.wagtailcrx.LayoutSettings.navbar_content_fluid %}
  <div class="container">
  {% endif %}
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>

    <div class="collapse navbar-collapse" id="navbar">
      {% get_navbars as navbars %}
      {% for navbar in navbars %}
      <ul class="navbar-nav {{navbar.custom_css_class}}"
        {% if navbar.custom_id %}id="{{navbar.custom_id}}"{% endif %} >
        {% for item in navbar.menu_items %}
            {% include_block item with liclass="nav-item" aclass="nav-link" ga_event_category="Navbar" %}
        {% endfor %}
      </ul>
      {% endfor %}
      {% if settings.wagtailcrx.LayoutSettings.navbar_search %}
      <form class="ml-auto form-inline" action="{% url 'codered_search' %}" method="GET">
          {% load bootstrap4 %}
          {% get_searchform request as form %}
          {% bootstrap_form form layout='inline' %}
          <div class="form-group">
            <button class="btn btn-outline-primary ml-2" type="submit">{% trans 'Search' %}</button>
          </div>
      </form>
      {% endif %}

    </div>

  {% if not settings.wagtailcrx.LayoutSettings.navbar_content_fluid %}
  </div><!-- /.container -->
  {% endif %}

</nav>

{% if not settings.wagtailcrx.LayoutSettings.navbar_wrapper_fluid %}
</div><!-- /.container -->
{% endif %}

{# Navbar offset #}
{% if settings.wagtailcrx.LayoutSettings.navbar_fixed %}
    {% if settings.wagtailcrx.LayoutSettings.logo %}
      <div class="{{settings.wagtailcrx.LayoutSettings.navbar_format}}-fixed-img-offset {{settings.wagtailcrx.LayoutSettings.navbar_collapse_mode}}"></div>
    {% else %}
      <div class="{{settings.wagtailcrx.LayoutSettings.navbar_format}}-fixed-offset {{settings.wagtailcrx.LayoutSettings.navbar_collapse_mode}}"></div>
    {% endif %}
{% endif %}