navbar

navbar.html

<div class="container">
    <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="/"><strong>Love and Loathe</strong><sup>beta</sup></a>
    </div>
    <div class="navbar-collapse collapse">
        <ul class="nav navbar-nav">
            <li class="{% active pattern='^/lal' %}"><a href="/lals">{{ _('LaLs') }}</a></li>
            {# browse LaLs #}
            <li class="{% active pattern='/new_lal' %}"><a href="/new_lal">{{ _('New LaL') }}</a></li>
            <li class="{% active pattern='/blog' %}"><a href="/blog">{{ _('News') }}</a></li>
        </ul>
        {% if not current_user.is_authenticated() %}
            <ul class="nav navbar-nav navbar-right">
                <li>
                    <form class="navbar-form" action="/login" method="post">
                        <div class="form-group">
                            <input type="email" placeholder="Email" class="form-control" id="login_form-email"
                                   name="login_form-email">
                        </div>
                        <div class="form-group">
                            <input type="password" placeholder="Password" class="form-control"
                                   id="login_form-password" name="login_form-password">
                        </div>
                        <div class="btn-group">
                            <button type="submit" class="btn btn-primary">{{ _('Sign in') }}</button>
                            <a href="/register" class="btn btn-primary">{{ _('Sign up') }}</a>
{#                            <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">#}
{#                                <span class="caret"></span>#}
{#                                <span class="sr-only">Drop Down</span>#}
{#                            </button>#}
{#                            <ul class="dropdown-menu" role="menu">#}
{#                                <li>#}
{#                                    <a class="btn btn-primary" href="login#create">Sign Up</a>#}
{#                                </li>#}
{#                            </ul>#}
                        </div>
                    </form>
                </li>
            </ul>
        {% else %}
            <ul class="navbar-right nav navbar-nav">
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown"><img src="{{ current_user.avatar(20) }}"> {{ current_user.name }}<b
                            class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <li><a href="/users/{{ current_user.name }}">{{ _('My Profile') }}</a></li>
                        <li><a href="/users/{{ current_user.name }}/lals">{{ _('My LaLs') }}</a></li>
                        {% if current_user.admin == 1 %}<li><a href="/blog/new">{{ _('New post') }}</a></li>{% endif %}
                        <li class="divider"></li>
                        <li><a href="/logout">{{ _('Log out') }}</a></li>
                    </ul>
                </li>
            </ul>
        {% endif %}
    </div>
    <!--/.navbar-collapse -->
</div>