Make it possible to customize PDF thumbnail inline navigation with CSS.

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

bt5/erp5_dms/SkinTemplateItem/portal_skins/erp5_dms/PDF_renderHTMLPreviewNavigation.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>
@@ -52,63 +49,59 @@ XXX: PDF pagination should be similar to OOo one (using iframe). This part shoul
                  next_thunmbnail_index python: current_thumbnail_index + 1;\n
                  previous_thunmbnail_index python: current_thumbnail_index - 1;\n
                  parent_doc_url here/absolute_url;\n
-                 base_url python: \'%s/%s\' % (parent_doc_url, request.get(\'current_form_id\', \'view\'))">\n
+                 base_url python: \'%s/%s\' % (parent_doc_url, request.get(\'current_form_id\', \'view\'));\n
+                 hide_left_side_links python: not current_thumbnail_index >= 1;\n
+                 hide_right_side_links python: not all_thunmbnails > next_thunmbnail_index;">\n
 \n
   <div class="pdf-preview-navigation">\n
-    <tal:block tal:condition="python:current_thumbnail_index >= 1">\n
-    <a href=""\n
-      tal:attributes="href string:${base_url}?selection_index=0">\n
-        <img src="images/2leftarrowb.png" \n
-             i18n:attributes="alt"\n
-             i18n:domain="ui"\n
-             alt="First"/>\n
-      </a>\n
-    <a href=""\n
-      tal:attributes="href string:${base_url}?selection_index=${previous_thunmbnail_index}">\n
-        <img src="images/1leftarrowb.png" \n
-             i18n:attributes="alt"\n
-             i18n:domain="ui"\n
-             alt="Previous"/>\n
-      </a>\n
-    </tal:block>\n
-    <tal:block tal:condition="python:current_thumbnail_index < 1">\n
-    <img src="images/2leftarrowb.png" style="opacity:0.2; vertical-align:middle"\n
-              i18n:attributes="alt"\n
-              i18n:domain="ui"\n
-              alt="First"/>\n
-    <img src="images/1leftarrowb.png" style="opacity:0.2; vertical-align:middle"\n
-              i18n:attributes="alt"\n
-              i18n:domain="ui"\n
-              alt="Previous"/>\n
-    </tal:block>\n
+\n
+    <a tal:omit-tag="hide_left_side_links"\n
+       tal:attributes="href string:${base_url}?selection_index=0">\n
+      <img src="images/transparent-image.gif" \n
+           i18n:attributes="alt; title"\n
+           i18n:domain="ui"\n
+           alt="First"\n
+           title="First"\n
+           class="first"\n
+           tal:attributes="class python: test(hide_left_side_links, \'first shaded\', \'first\')"/>\n
+    </a>\n
+    <a tal:omit-tag="hide_left_side_links"\n
+       tal:attributes="href string:${base_url}?selection_index=${previous_thunmbnail_index}">\n
+      <img src="images/transparent-image.gif" \n
+           i18n:attributes="alt; title"\n
+           i18n:domain="ui"\n
+           alt="Previous"\n
+           title="Previous"\n
+           class="previous"\n
+           tal:attributes="class python: test(hide_left_side_links, \'previous shaded\', \'previous\')"/>\n
+    </a>\n
+\n
+    <!-- Current Thumbnail / Total Thumbnails -->\n
     <span tal:content="python:current_thumbnail_index+1"/> / <span tal:content="all_thunmbnails"/>\n
-    <tal:block tal:condition="python:all_thunmbnails > next_thunmbnail_index">\n
-    <a href=""\n
-      tal:attributes="href string:${base_url}?selection_index=${next_thunmbnail_index}">\n
-        <img src="images/1rightarrowb.png" \n
-             i18n:attributes="alt"\n
+\n
+    <a tal:omit-tag="hide_right_side_links"\n
+       tal:attributes="href string:${base_url}?selection_index=${next_thunmbnail_index}">\n
+        <img src="images/transparent-image.gif" \n
+             i18n:attributes="alt; title"\n
              i18n:domain="ui"\n
-             alt="Next"/>\n
+             alt="Next"\n
+             title="Next"\n
+             class="next"\n
+             tal:attributes="class python: test(hide_right_side_links, \'next shaded\', \'next\')"/>\n
     </a>\n
-    <a href=""\n
-      tal:attributes="href string:${base_url}?selection_index=${all_thunmbnails}">\n
-        <img src="images/2rightarrowb.png" \n
-             i18n:attributes="alt"\n
-             i18n:domain="ui"\n
-             alt="Last"/>\n
+    <a tal:omit-tag="hide_right_side_links"\n
+       tal:attributes="href string:${base_url}?selection_index=${all_thunmbnails}">\n
+      <img src="images/transparent-image.gif" \n
+           i18n:attributes="alt; title"\n
+           i18n:domain="ui"\n
+           alt="Last"\n
+           title="Last"\n
+           class="last"\n
+           tal:attributes="class python: test(hide_right_side_links, \'last shaded\', \'last\')"/>\n
     </a>\n
-    </tal:block>\n
-    <tal:block tal:condition="python:all_thunmbnails <= next_thunmbnail_index">\n
-    <img src="images/1rightarrowb.png" style="opacity:0.2; vertical-align:middle"\n
-              i18n:attributes="alt"\n
-              i18n:domain="ui"\n
-              alt="Next"/>\n
-    <img src="images/2rightarrowb.png" style="opacity:0.2; vertical-align:middle"\n
-              i18n:attributes="alt"\n
-              i18n:domain="ui"\n
-              alt="Last"/>\n
-    </tal:block>\n
+\n
   </div>\n
+\n
 </tal:block>\n
 
 

bt5/erp5_dms/bt/revision

-1180
\ No newline at end of file
+1181
\ No newline at end of file