* add pageNavigation css class in ListBox_asStandardHTML

* remove one call of navigation_page_render in ListBox_asTableStyleHTML because it was twice
* use span makup instead of img in the navigation_page_render template (in gadget_mode part). This permit to change images using css
* add css selectors because of the changes in the navigation_page_render
* translate titles of buttons in gadget mode

git-svn-id: https://svn.erp5.org/repos/public/erp5/trunk@26815 20353a03-c40f-0410-a6d1-a30d3c3de9de

product/ERP5/bootstrap/erp5_xhtml_style/SkinTemplateItem/portal_skins/erp5_xhtml_style/ListBox_asStandardHTML.xml

@@ -114,7 +114,8 @@
                     tal:attributes="id string:${field_id}_item_number"\n
                     i18n:translate="" i18n:domain="ui"> - <tal:block tal:replace="python: len(here.getCheckedUidList())" i18n:name="number">0</tal:block> item(s) selected</span>\n
               </td>\n
-              <td style="white-space: nowrap; vertical-align: middle; text-align: center;">\n
+\n
+              <td class="pageNavigation" style="white-space: nowrap; vertical-align: middle; text-align: center;">\n
                 <tal:block metal:use-macro="real_context/page_navigation_render/macros/page_navigation" />\n
               </td>\n
             </tr>\n

product/ERP5/bootstrap/erp5_xhtml_style/SkinTemplateItem/portal_skins/erp5_xhtml_style/ListBox_asTableStyleHTML.xml

@@ -313,12 +313,6 @@
               </tr>\n
               <tr tal:condition="python: int(here.total_size) > int(here.getMaxLineNumber())"\n
                 class="tfoot">\n
-                <td style="white-space: nowrap; vertical-align: middle;"\n
-                  tal:condition = "not: is_gadget_mode"\n
-                  tal:attributes="colspan python: len(here.getSelectedColumnList()) + bool(show_select_column)">\n
-                  <tal:block metal:use-macro="real_context/page_navigation_render/macros/page_navigation" />\n
-                </td>\n
-                <!-- Page navigation for gadget mode -->\n
                 <td class="pageNavigation" style="white-space: nowrap; vertical-align: middle; text-align: right;"\n
                     tal:attributes="colspan python: len(here.getSelectedColumnList()) + bool(show_select_column)">\n
                   <tal:block metal:use-macro="real_context/page_navigation_render/macros/page_navigation" />\n

product/ERP5/bootstrap/erp5_xhtml_style/SkinTemplateItem/portal_skins/erp5_xhtml_style/erp5.css.xml

@@ -598,6 +598,39 @@ div.index_html table {\n
   min-height: 2.5em;\n
 }\n
 \n
+.pageNavigation button{\n
+  display: inline;\n
+  border:0 none;\n
+  background-color:inherit;\n
+  vertical-align:middle;\n
+}\n
+\n
+.pageNavigation button.listbox_first_page .image,\n
+.pageNavigation button.listbox_previous_page .image,\n
+.pageNavigation button.listbox_next_page .image,\n
+.pageNavigation button.listbox_last_page .image{\n
+  width:22px;\n
+  height:22px;\n
+  display:block;\n
+  background-color:transparent;\n
+}\n
+\n
+.pageNavigation button.listbox_first_page .image{\n
+  background-image: url(\'<dtml-var expr="portal_url()">/images/2leftarrowv.png\');\n
+}\n
+\n
+.pageNavigation button.listbox_previous_page .image{\n
+  background-image: url(\'<dtml-var expr="portal_url()">/images/1leftarrowv.png\');\n
+}\n
+\n
+.pageNavigation button.listbox_next_page .image{\n
+  background-image: url(\'<dtml-var expr="portal_url()">/images/1rightarrowv.png\');\n
+}\n
+\n
+.pageNavigation button.listbox_last_page .image{\n
+  background-image: url(\'<dtml-var expr="portal_url()">/images/2rightarrowv.png\');\n
+}\n
+\n
 table.fake {\n
   width: 100%;\n
 }\n

product/ERP5/bootstrap/erp5_xhtml_style/SkinTemplateItem/portal_skins/erp5_xhtml_style/page_navigation_render.xml

@@ -105,8 +105,9 @@
                tal:attributes="id string:${field_id}_first_page;\n
                                value string:|<;\n
                                onclick python:\n
-                               real_context.KnowledgePad_generateAjaxCall(context_url+\'/\'+form_id,box,dom_id,params)">\n
-          <img src="images/2leftarrowv.png"/>\n
+                               real_context.KnowledgePad_generateAjaxCall(context_url+\'/\'+form_id,box,dom_id,params)"\n
+                               i18n:domain="ui" i18n:attributes="title">\n
+          <span class="image"/>\n
         </button>\n
         <button tal:define ="params python: {field_id+\'_previousPage:method\':\'\',\'page_start\':here.current_page+1,\'list_style\':list_style}"\n
                title="Previous Page"\n
@@ -115,9 +116,10 @@
                class="listbox_previous_page"\n
                tal:attributes="id    string:${field_id}_previous_page;\n
                                value string:&lt;&lt;;\n
-                               onclick python: real_context.KnowledgePad_generateAjaxCall(context_url+\'/\'+form_id,box,dom_id,params)">\n
+                               onclick python: real_context.KnowledgePad_generateAjaxCall(context_url+\'/\'+form_id,box,dom_id,params)"\n
+                               i18n:domain="ui" i18n:attributes="title">\n
                              \n
-          <img src="images/1leftarrowv.png"/>\n
+          <span class="image"/>\n
         </button>\n
       </tal:block>\n
       <input id="listbox_set_page" name="page_start"\n
@@ -136,8 +138,9 @@
                type="button"\n
                class="listbox_next_page"\n
                tal:attributes="id    string:${field_id}_next_page;\n
-                               onclick python: real_context.KnowledgePad_generateAjaxCall(context_url+\'/\'+form_id,box,dom_id,params)">\n
-          <img src="images/1rightarrowv.png"/>\n
+                               onclick python: real_context.KnowledgePad_generateAjaxCall(context_url+\'/\'+form_id,box,dom_id,params)"\n
+                               i18n:domain="ui" i18n:attributes="title">\n
+          <span class="image"/>\n
         </button>\n
         <button tal:define ="params python: {field_id+\'_lastPage:method\':\'\',\'total_size\':int(here.total_size), \'list_style\':list_style}"\n
                title="Last Page"\n
@@ -145,8 +148,9 @@
                type="button"\n
                class="listbox_last_page"\n
                tal:attributes="id    string:${field_id}_last_page;\n
-                               onclick python: real_context.KnowledgePad_generateAjaxCall(context_url+\'/\'+form_id,box,dom_id,params)">\n
-          <img src="images/2rightarrowv.png"/>\n
+                               onclick python: real_context.KnowledgePad_generateAjaxCall(context_url+\'/\'+form_id,box,dom_id,params)"\n
+                               i18n:domain="ui" i18n:attributes="title">\n
+          <span class="image"/>\n
         </button>\n
       </tal:block>\n
     </tal:block>\n

product/ERP5/bootstrap/erp5_xhtml_style/bt/revision

-740
\ No newline at end of file
+741
\ No newline at end of file