<div id="palette">

        <span id="tags-section">

            <span id="back-button" onclick="history.back();">{{_('Atrás')}}</span>

            <span id="location">{{meta}}</span>

            {%- for tag in session.tags %}

            <span class="tag">{{tag}}</span>

            {%- endfor %}

        </span>

    </div>

    <div id="toolbar">

        <ul class="toolbar-bar">

        <li class="toolbar-items">

            <div id="sn-button" onclick="location='/_toggle_connect'">

                {% if (session['connected'] or False) %}

                <img class="toolbar-icon sugar-network-online" src="/static/icons/sugar-network.png" /> 

                {% else %}

                <img class="toolbar-icon" src="/static/icons/sugar-network.png" /> 

                {% endif %}

            </div>

            <div id="sn-tooltip" class="tooltip">

            {%- for item in mounts -%}

            <div class="menu-option" onclick="location='/_toggle_connect?select={{item['mount']}}'">{{item['name']}}</div>

            {%- endfor -%}

            </div>

        </li>

        <!--li class="toolbar-items" onclick="location='/favorites'">

            <div>

                <img class="toolbar-icon" src="/static/icons/tool-shape-star.png" /> 

                <img onclick="location='/new/resource?cursor_offset={{context_offset}}'" class="toolbar-icon white-button" src="/static/icons/list-add.png" /> 

            </div>

        </li-->

        <!--li class="toolbar-items" onclick="location='/new/resource'"-->

        <li class="toolbar-items">

            <div id="browser-button" onclick="location='/context?type=all'">

                <img class="toolbar-icon" src="/static/icons/insert-table.png" /> 

            </div>

            <div id="browser-tooltip" class="tooltip">

            <div class="menu-option" onclick="location='/context?type=application'">{{_('Applications')}}</div>

            <div class="menu-option" onclick="location='/context?type=activity'">{{_('Activities')}}</div>

            <div class="menu-option" onclick='alert("{% trans %}Work in progress.{% endtrans %}"); return false;'

>{{_('Files')}}</div>

            <div class="menu-option" onclick="location='/context?type=article'">{{_('Articles')}}</div>

            <hr class="menu-separator"/>

            <div class="menu-option" onclick="location='/context?type=all'">{{_('All')}}</div>

            </div>

        </li>

        <li class="toolbar-items">

            <!-- input id="search" type="text" name="terms" value="{{query or ''}}"

                onkeyup="onKeyPressed(event)" /-->

            <div class="ui-widget">

                <input id="query" name="terms" value="{{query or ''}}">

            </div>

        </li>

        <li class="toolbar-items" onclick="improve_the_system('{{session.get('last_context')}}')">

            <div>

                <img class="toolbar-icon" src="/static/icons/list-add.png" /> 

            </div>

        </li>

        <li class="toolbar-items" onclick="new_context('{{session.get('last_context')}}')">

            <div>

                <img class="toolbar-icon" src="/static/icons/go-up.png" /> 

            </div>

        </li>

        </ul>

        <ul class="toolbar-bar toolbar-right">

        <li class="toolbar-items" onclick='alert("{% trans %}Work in progress.{% endtrans %}")'>

            <div>

                <img class="toolbar-icon" src="/static/icons/sugar-xo.png" /> 

            </div>

        </li>

        <li class="toolbar-items right">

            <div id="list-button" onclick="location='/resource'">

                <img class="toolbar-icon" src="/static/icons/view-list.png" /> 

            </div>

            <!--div id="browser-tooltip" class="tooltip">

            <div class="menu-option" onclick="location='/resource/questions'">{{_('Questions')}}</div>

            <div class="menu-option" onclick="location='/resource/ideas'">{{_('Ideas')}}</div>

            <div class="menu-option" onclick="location='/resource/problems'">{{_('Problems')}}</div>

            <div class="menu-option" onclick="location='/resource/reviews'">{{_('Reviews')}}</div>

            <hr class="menu-separator"/>

            <div class="menu-option" onclick="location='/resource'">{{_('All')}}</div>

            </div-->

        </li>

        </ul>

    </div>