- <div id="toolbar">
- <script type="text/javascript">
- //<![CDATA[
- // prepare DOM for YUI Toolbar
- $(document).ready(function() {
- yuiToolbar();
- });
- // YUI Toolbar Functions
- function yuiToolbar() {
- [% IF ( unclosable ) %]
- new YAHOO.widget.Button("closebutton", {disabled:true});
- [% ELSIF ( uncertainprices ) %]
- new YAHOO.widget.Button("uncertpricesbutton");
- [% ELSE %]
- new YAHOO.widget.Button("closebutton");
- [% END %]
- new YAHOO.widget.Button("basketheadbutton");
- new YAHOO.widget.Button("exportbutton");
- new YAHOO.widget.Button("delbasketbutton");
- }
- //]]>
- </script>
-
- <ul id="toolbar-list" class="toolbar">
- <li><a href="basketheader.pl?booksellerid=[% booksellerid %]&basketno=[% basketno %]&op=add_form" class="button" id="basketheadbutton">Edit basket</a></li>
- <li><a href="javascript:confirm_deletion();" class="button" id="delbasketbutton">Delete this basket</a></li>
+ <div id="toolbar" class="btn-toolbar">
+ <div class="btn-group"><a href="#addtoBasket" role="button" class="btn btn-small" data-toggle="modal"><i class="icon-plus"></i> Add to basket</a></div>
+ <div class="btn-group"><a href="basketheader.pl?booksellerid=[% booksellerid %]&basketno=[% basketno %]&op=add_form" class="btn btn-small" id="basketheadbutton"><i class="icon-pencil"></i> Edit basket</a></div>
+ <div class="btn-group"><a href="#" class="btn btn-small" id="delbasketbutton"><i class="icon-remove"></i> Delete this basket</a></div>