Added buttons to scroll toolbar buttons. Fixes #606.

[redakcja.git] / apps / toolbar / templates / toolbar / toolbar.html

diff --git a/apps/toolbar/templates/toolbar/toolbar.html b/apps/toolbar/templates/toolbar/toolbar.html
index 29528c1..1e4c203 100644 (file)
--- a/apps/toolbar/templates/toolbar/toolbar.html
+++ b/apps/toolbar/templates/toolbar/toolbar.html
@@ -1,31 +1,21 @@
 {% 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>
+<div class="toolbar">
+    <select class="group_selector">
+        {% 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 %}>
-            {# buttons for this group #}            
+       <button type="button" class="prev">&lt;</button>
+    <div class="button_group_container">       
+        {% for group in toolbar_groups %}
+        <ul data-group="{{ group.slug }}" class="button_group">
+            {# 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.key|keycode }}"{% endif %} 
-                {% if button.tooltip %}ui:tooltip="{{ button.tooltip }}"{% endif %} >
-            {{ button.label }}
-            </button>
+               <li class="toolbar-button">{% toolbar_button button %}</li>
             {% endfor %}
-        </p>
+        </ul>
         {% endfor %}
     </div>
-
+    <button type="button" class="next">&gt;</button>
 </div>