Hello guys i'm trying to make Flat theme translation but i'm having the following error

We're sorry, but an unhandled error occurred. Please see the details below.

A hash key must be a quoted string, a number, a name, or an expression enclosed in parentheses (unexpected token "punctuation" of value "{". C:\Bitnami\wampstack-5.6.25-0\apache2\htdocs\oct/themes/responsiv-flat/partials/nav.htm line 6

This is the code for nav partial, what is the correct way to do it ?

[viewBag]
==
{# Note: Only one levels of sublinks are supported by Bootstrap 3 #}
{% set
links = {
'home': ['home', {{ 'nav.home'|_ }}],
'about': ['about', 'About Us'],
'pages': {
name: 'Services',
sublinks: {
'service1':         ['samples/about', 'Service1'],
'service2':         ['samples/about', 'Service2'],
'service3':         ['samples/about', 'Service3'],
'service4':         ['samples/about', 'Service4'],
},
},
'contact': ['home', 'Contact Us'],
}
%}

{% macro render_menu(links) %}
{% for code, link in links %}
<li class="{{ code == currentPage ? 'active' }} {{ link.sublinks ? 'dropdown' }}">
    <a
            href="{{ link.sublinks ? '#' : (link.page ?: link[0])|page }}"
            {% if link.sublinks %}data-toggle="dropdown"{% endif %}
            class="{{ link.sublinks ? 'dropdown-toggle' }}"
    >
        {{ link.name ?: link[1] }}
        {% if link.sublinks %}<span class="caret"></span>{% endif %}
    </a>
    {% if link.sublinks %}
    <span class="dropdown-arrow"></span>
    <ul class="dropdown-menu">
        {{ _self.render_menu(link.sublinks) }}
    </ul>
    {% endif %}
</li>
{% endfor %}
{% endmacro %}

{% import _self as nav %}

<nav id="layout-nav" class="navbar navbar-inverse navbar-fixed-top" role="navigation">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="{{ 'home'|page }}">Flat</a>
        </div>
        <div class="collapse navbar-collapse navbar-main-collapse">
            <ul class="nav navbar-nav navbar-right">
                {{ nav.render_menu(links) }}
                <li>

                {% if user %}
                    <button
                        <button data-request="onLogout"  class="btn btn-sm navbar-btn btn-danger navbar-right">
                        Log out
                    </button>
                {% else %}
                    <button
                        onclick="window.location='{{ 'samples/signin'|page }}'"
                        class="btn btn-sm navbar-btn btn-primary navbar-right">
                        Sign in
                    </button>
                {% endif %}

                </li>
            </ul>
        </div>
    </div>
</nav>

Last updated 7 years ago