{% load toolbar_tags %}
<div class="toolbar" xmlns:ui="http://nowoczesnapolska.org.pl/platforma/ui">
-
- <div class="toolbar-tabs-container">
- <p>
- {% for group in groups %}
- <button ui:group="{{ group.slug }}" {% if forloop.first %}class="active"{% endif %}>
- {{ group.name }}
- </button>
+ <select name="button_group" id="toolbar-button-group-select" size="1">
+ {% for group in toolbar_groups %}
+ <option value="{{ group.slug }}" {% if forloop.first %}selected="selected"{% endif %}>{{ group.name }}</option>
{% endfor %}
- </p>
- </div>
-
+ </select>
+
<div class="toolbar-button-groups-container">
- {% for group in groups %}
- <p ui:group="{{group.slug}}" class="toolbar-buttons-container" {% if not forloop.first %}style="display:none;"{% endif %}>
+ {% for group in toolbar_groups %}
+ <div data-group="{{group.slug}}" class="toolbar-buttons-container">
{# buttons for this group #}
{% for button in group.button_set.all %}
- <button type="button"
- ui:action="{{ button.scriptlet.name }}"
- ui:action-params="{{ button.params|escape }}"
- {% if button.key %}ui:hotkey="{{ button.hotkey_code }}"{% endif %}
- {% if button.tooltip %}ui:tooltip="{{ button.tooltip }}"{% endif %} >
- {{ button.label|safe }}
- </button>
+ {% toolbar_button button %}
{% endfor %}
- </p>
+ </div>
{% endfor %}
</div>
-
+ <div class="toolbar-end"></div>
</div>