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 0338417..1e4c203 100644 (file)
--- a/apps/toolbar/templates/toolbar/toolbar.html
+++ b/apps/toolbar/templates/toolbar/toolbar.html
@@ -1,19 +1,21 @@
 {% load toolbar_tags %}
-<div id="toolbar">
-    <ol id="toolbar-tabs">
-        {% for group in groups %}
-        <li p:button-list="{{ group.slug }}">{{ group.name }}</li>
+<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 %}
-    </ol>
-    <div style="clear: both; height: 0; width: 0">&nbsp;</div>
-    <div id="toolbar-buttons">
-        {% for group in groups %}
-        <ol id="{{ group.slug }}" style="display:none">
+    </select>
+
+       <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 %}
-            <li p:tag="{{ button.tag }}" {% if button.key %}p:key="{{ button.key|keycode }}" title="Ctrl+{{ button.key }}"{% endif %}>{{ button.label }}</li>
+               <li class="toolbar-button">{% toolbar_button button %}</li>
             {% endfor %}
-        </ol>
+        </ul>
         {% endfor %}
-        <div style="clear: both; height: 0; width: 0">&nbsp;</div>
     </div>
-</div>
\ No newline at end of file
+    <button type="button" class="next">&gt;</button>
+</div>