Use respective listbox navigation renderer. CSS declarations.

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

bt5/erp5_km/SkinTemplateItem/portal_skins/erp5_km_theme/ListBox_asHTML.xml

@@ -2,10 +2,7 @@
 <ZopeData>
   <record id="1" aka="AAAAAAAAAAE=">
     <pickle>
-      <tuple>
-        <global name="ZopePageTemplate" module="Products.PageTemplates.ZopePageTemplate"/>
-        <tuple/>
-      </tuple>
+      <global name="ZopePageTemplate" module="Products.PageTemplates.ZopePageTemplate"/>
     </pickle>
     <pickle>
       <dictionary>
@@ -79,8 +76,7 @@
               current_page_stop  python: (total_line < current_page_max) and total_line or current_page_max;\n
               listbox_id request/current_form_id | form_id ;\n
               listbox_url string:${context_url}/${listbox_id};\n
-              need_pagination python: total_line > listbox_max_lines;\n
-              page_navigation_mode here/getPageNavigationMode;">\n
+              need_pagination python: total_line > listbox_max_lines;">\n
 \n
   <!-- Define hidden input.  -->\n
   <input type="hidden" name="list_selection_name" value="default" tal:attributes="value selection_name" />\n
@@ -505,15 +501,24 @@
     \n
       </div>\n
 \n
-      <!--Page pagination \n
-          XXX: make use of page_navigation_mode to show respective navigation.\n
-      -->\n
-      <div class="listbox-footer-box listbox-page-navigation"\n
-           tal:condition="need_pagination">\n
-        <div class="pageNavigation">\n
-          <tal:block metal:use-macro="real_context/page_navigation_render/macros/page_navigation" />\n
+      <!--Page pagination -->\n
+      <tal:block tal:condition="need_pagination"\n
+                   tal:define="page_navigation_mode python: request.get(\'page_navigation_mode\', here.getPageNavigationMode());\n
+                               is_slider_mode python: page_navigation_mode==\'slider\';\n
+                               class python: test(is_slider_mode, \'listbox-page-navigation listbox-page-navigation-slider\',\'listbox-page-navigation listbox-page-navigation-text\');">\n
+\n
+        <div tal:attributes="class class">\n
+            <tal:block tal:condition="is_slider_mode">\n
+                <tal:block metal:use-macro="real_context/page_navigation_render/macros/page_navigation" />\n
+            </tal:block> \n
+            \n
+            <tal:block tal:condition="not: is_slider_mode">\n
+                <tal:block metal:use-macro="real_context/page_navigation_render/macros/text_navigation" />\n
+            </tal:block> \n
+\n
         </div>\n
-      </div>\n
+      </tal:block>\n
+\n
 \n
     </div>\n
   </div>\n

bt5/erp5_km/SkinTemplateItem/portal_skins/erp5_km_theme/km_css/listbox.css.xml

@@ -2,10 +2,7 @@
 <ZopeData>
   <record id="1" aka="AAAAAAAAAAE=">
     <pickle>
-      <tuple>
-        <global name="ZopePageTemplate" module="Products.PageTemplates.ZopePageTemplate"/>
-        <tuple/>
-      </tuple>
+      <global name="ZopePageTemplate" module="Products.PageTemplates.ZopePageTemplate"/>
     </pickle>
     <pickle>
       <dictionary>
@@ -248,7 +245,8 @@ div.listbox-list-style-selection li{\n
 }\n
 div.listbox-list-style-selection li a.selected,\n
 .listbox-table-report-tree-selection-cell a.selected,\n
-.listbox-table-domain-tree-cell a.selected{\n
+.listbox-table-domain-tree-cell a.selected,\n
+.listbox-page-navigation-text a.selected{\n
   font-weight: bold;\n
 }\n
 \n
@@ -270,17 +268,60 @@ div.listbox-full-text-search input.button{\n
  width: auto;\n
 }\n
 \n
-/* Pagination*/\n
-div.listbox-page-navigation{\n
+/* Listbox Pagination*/\n
+div.listbox-page-navigation button{\n
+  background-color:transparent;\n
+  border: none;\n
+  cursor: pointer;\n
+}\n
+div.listbox-page-navigation button span.image{\n
+  display:block;\n
+  height:8px;\n
+  width:5px;\n
+  background-repeat:no-repeat;\n
+}\n
+\n
+div.listbox-page-navigation button.listbox_first_page span.image {\n
+  background-image:url("km_img/2leftarrowv.png");\n
+}\n
+div.listbox-page-navigation button.listbox_previous_page span.image {\n
+  background-image:url("km_img/1leftarrowv.png");\n
+}\n
+\n
+div.listbox-page-navigation button.listbox_next_page span.image {\n
+  background-image:url("km_img/1rightarrowv.png");\n
+}\n
+\n
+div.listbox-page-navigation button.listbox_last_page span.image {\n
+  background-image:url("km_img/2rightarrowv.png");\n
+}\n
+\n
+\n
+\n
+div.listbox-page-navigation-slider{\n
   width:auto;\n
   margin:auto;\n
   padding-right: 0.5em;\n
   float:right;\n
 }\n
-div.listbox-page-navigation input{\n
+\n
+div.listbox-page-navigation-slider input{\n
   max-width: 30px;\n
 }\n
 \n
+div.listbox-page-navigation-text{\n
+  width:100%;\n
+  float:left;\n
+  text-align:center;\n
+}\n
+\n
+div.listbox-page-navigation-text a{\n
+  padding-right: 1px;\n
+  color: #9D968D;\n
+  cursor: pointer;\n
+}\n
+\n
+\n
 /* Report tree */\n
 a.tree-closed {\n
   background:transparent url(\'./images/tree_closed.png\') no-repeat scroll left center;\n

bt5/erp5_km/SkinTemplateItem/portal_skins/erp5_km_theme/km_js/erp5_km.js.xml

@@ -2,10 +2,7 @@
 <ZopeData>
   <record id="1" aka="AAAAAAAAAAE=">
     <pickle>
-      <tuple>
-        <global name="File" module="OFS.Image"/>
-        <tuple/>
-      </tuple>
+      <global name="File" module="OFS.Image"/>
     </pickle>
     <pickle>
       <dictionary>

bt5/erp5_km/bt/revision

-1506
\ No newline at end of file
+1508
\ No newline at end of file