{% load toolbar_tags %}
-<div id="toolbar">
- <ol id="toolbar-tabs">
+<div class="toolbar" xmlns:ui="http://nowoczesnapolska.org.pl/platforma/ui">
+
+ <div class="toolbar-tabs-container">
+ <p>
{% for group in groups %}
- <li p:button-list="{{ group.slug }}" {% if forloop.first %}class="active"{% endif %}>{{ group.name }}</li>
+ <button ui:group="{{ group.slug }}" {% if forloop.first %}class="active"{% endif %}>
+ {{ group.name }}
+ </button>
{% endfor %}
- </ol>
- <div style="clear: both; height: 0; width: 0"> </div>
- <div id="toolbar-buttons">
- {% for group in groups %}
- <ol id="{{ group.slug }}" {% if not forloop.first %}style="display:none"{% endif %}>
+ </p>
+ </div>
+
+ <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 %}>
+ {# buttons for this group #}
{% for button in group.button_set.all %}
- <li p:tag="{{ button.tag }}" {% if button.key %}p:key="{{ button.key|keycode }}" title="Ctrl+{{ button.key }}"{% endif %}>{{ button.label }}</li>
+ <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>
{% endfor %}
- </ol>
+ </p>
{% endfor %}
- <div style="clear: both; height: 0; width: 0"> </div>
</div>
-</div>
\ No newline at end of file
+
+</div>