WIP: prev/next navigation with buttons.

master/bt5/vifib_web/SkinTemplateItem/portal_skins/vifib_hosting_theme/vifib_hosting_js/vifib.js.xml

@@ -8,7 +8,7 @@
       <dictionary>
         <item>
             <key> <string>_EtagSupport__etag</string> </key>
-            <value> <string>ts22154140.33</string> </value>
+            <value> <string>ts22156440.07</string> </value>
         </item>
         <item>
             <key> <string>__name__</string> </key>
@@ -100,27 +100,29 @@ function drawSoftwareReleaseList(data) {\n
       setSoftwareReleaseEntry(item, ul, false)\n
     });\n
     var li = $(\'<li>\').appendTo(ul);\n
-    li.addClass(\'software_release_more\');\n
+    li.addClass(\'software_release_entry\');\n
     li.attr(\'id\', \'end\');\n
     var navigation_div = $(\'<div>\');\n
     navigation_div.attr(\'id\', \'navigation_div\');\n
     navigation_div.addClass(\'software_release_more\');\n
     var param = {};\n
     if (data.title) { param[\'query\'] = data.title; }\n
-    if (data.before) {\n
-      a = $(\'<a>\');\n
-      param[\'page\'] = data.page-1;\n
-      a.attr(\'href\', \'#\'+$.param(param));\n
-      a.text(\'previous\');\n
-      navigation_div.append(a);\n
-    }\n
+    var a = $(\'<div>\');\n
     if (data.after) {\n
-      a = $(\'<a>\');\n
+      a.addClass(\'sr_right_active\');\n
       param[\'page\'] = data.page+1;\n
-      a.attr(\'href\', \'#\'+$.param(param));\n
-      a.text(\'next\');\n
-      navigation_div.append(a);\n
+      a.click(function() {window.location.hash = \'#\'+$.param(param);});\n
+    }\n
+    else { a.addClass(\'sr_right_inactive\'); }\n
+    navigation_div.append(a);\n
+    var a = $(\'<div>\');\n
+    if (data.before) {\n
+      param[\'page\'] = data.page-1;\n
+      a.addClass(\'sr_left_active\');\n
+      a.click(function() {window.location.hash = \'#\'+$.param(param);});\n
     }\n
+    else { a.addClass(\'sr_left_inactive\'); }\n
+    navigation_div.append(a);\n
     li.append(navigation_div);\n
   }\n
   else\n
@@ -273,7 +275,7 @@ function hashController ()\n
         </item>
         <item>
             <key> <string>size</string> </key>
-            <value> <int>7984</int> </value>
+            <value> <int>8165</int> </value>
         </item>
         <item>
             <key> <string>title</string> </key>

master/bt5/vifib_web/SkinTemplateItem/portal_skins/vifib_jauks_theme/vifib_image/sr_left_active.png.xml

+<?xml version="1.0"?>
+<ZopeData>
+  <record id="1" aka="AAAAAAAAAAE=">
+    <pickle>
+      <global name="Image" module="OFS.Image"/>
+    </pickle>
+    <pickle>
+      <dictionary>
+        <item>
+            <key> <string>_EtagSupport__etag</string> </key>
+            <value> <string>ts22154523.94</string> </value>
+        </item>
+        <item>
+            <key> <string>__name__</string> </key>
+            <value> <string>sr_left_active.png</string> </value>
+        </item>
+        <item>
+            <key> <string>content_type</string> </key>
+            <value> <string>image/png</string> </value>
+        </item>
+        <item>
+            <key> <string>data</string> </key>
+            <value> <string encoding="base64">iVBORw0KGgoAAAANSUhEUgAAABIAAAAUCAYAAACAl21KAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A
+/wD/oL2nkwAAAAlwSFlzAAAN1wAADdcBQiibeAAAAAd0SU1FB9sLGBEHB5qRwg4AAAAdaVRYdENv
+bW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAAstJREFUOMuNlDFIW2EQx+++9158yTPB
+RxysLUjrUkuhlgxqaGuHDqWkOLQRQgWxQS2WutlBVztUR4dCZrXgpIjNUhAkBItCRYcidpIMYjHl
+vUSJyXffdVFIa572lhu+u//3++7uOwQAbW5uLkREwXK5jOVy2V1YWCisrq5K+E8bHh429Hg87otE
+Is9s235IROi67trh4eEyALhXCSCib21t7e7g4GBZr1QqdaFQ6JFt272IaBIRNjQ0fEXEAjNzjWRk
+Zo7FYvbGxsbTtra217lcbl43DEMAgF/XdQsRDQDwM7PwIEBm5snJyZvT09O9LS0t/XV1dbeJaEl3
+XReUUgQASinFiChPTk48XzM7O3t/YGBgKBwOx0zTvE5EVKlUKvrZTVDtPWgC6XT6cUdHx7tgMPhA
+1/X6syNFREr3Sqyuz8TExLWtra3nra2tbyzLuoeIoioOlVIXhZRSf2HNzMzcSSaT/U1NTS8DgcCt
+GqTMzHRBSAjBAAA9PT3BoaGh9kQi8TYUCj3x+XxhD3JARKpFBHt7ezw6Otre1dU1ZZpmRAhhXFI7
+YGYlvAJM06xHxPBlIudEUsqLQkIIaG5uxmw2+317e3vccZxvtQaz2jRNkzWJLMuCsbGxg87OzuX1
+9fWxo6OjFSIqeUFJKb3bfzbFp4iYmZ+fd7q7uw8aGxtf+Hw++99YKSWLqz4mM3MikdheXFz8uL+/
+P1MqlXI1LiVxXrBqX8tGRkZ+plKpT7u7ux+KxeKP6jkCACkCgQAKITRmFkIIBADNS2xqauogmUx+
+3tnZGXccZ/18lUgpWfj9fgUAp8xMRCSZ+dSyLOUltrm56USj0S+ZTOZ9Pp9fISLHMAylFwqF02Kx
+mNU0zWRmOD4+zpZKpdIVLa/EYrHM0tKSE41GXxmG8Qvj8bjW19fXKISwAQAKhcLvVCp1dNWqPd9N
+6XT6Rj6fd/8Ac9lleWoVRZMAAAAASUVORK5CYII=</string> </value>
+        </item>
+        <item>
+            <key> <string>height</string> </key>
+            <value> <int>20</int> </value>
+        </item>
+        <item>
+            <key> <string>precondition</string> </key>
+            <value> <string></string> </value>
+        </item>
+        <item>
+            <key> <string>size</string> </key>
+            <value> <int>884</int> </value>
+        </item>
+        <item>
+            <key> <string>title</string> </key>
+            <value> <string></string> </value>
+        </item>
+        <item>
+            <key> <string>width</string> </key>
+            <value> <int>18</int> </value>
+        </item>
+      </dictionary>
+    </pickle>
+  </record>
+</ZopeData>

master/bt5/vifib_web/SkinTemplateItem/portal_skins/vifib_jauks_theme/vifib_image/sr_left_inactive.png.xml

+<?xml version="1.0"?>
+<ZopeData>
+  <record id="1" aka="AAAAAAAAAAE=">
+    <pickle>
+      <global name="Image" module="OFS.Image"/>
+    </pickle>
+    <pickle>
+      <dictionary>
+        <item>
+            <key> <string>_EtagSupport__etag</string> </key>
+            <value> <string>ts22154540.94</string> </value>
+        </item>
+        <item>
+            <key> <string>__name__</string> </key>
+            <value> <string>sr_left_inactive.png</string> </value>
+        </item>
+        <item>
+            <key> <string>content_type</string> </key>
+            <value> <string>image/png</string> </value>
+        </item>
+        <item>
+            <key> <string>data</string> </key>
+            <value> <string encoding="base64">iVBORw0KGgoAAAANSUhEUgAAABIAAAAUCAYAAACAl21KAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A
+/wD/oL2nkwAAAAlwSFlzAAAN1wAADdcBQiibeAAAAAd0SU1FB9sLGBEGIsiOJwgAAAAdaVRYdENv
+bW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAAi5JREFUOMudlDFoU1EUhv9z3yuJEbXJ
+8EQIBmoKQslWCgWnLmKGlBKiglDaQQilWh0qLaTyBguiHZTq4uJqKA4umVxDhuASyCQk2EXNpqnm
+Je05x6FJsdqXGC9cuHAP3/nP+e+5pKooFAoxZr4AAJZlfU4mk58wYBERATDxeNweGxuzbQAQkftE
+tNI9Pwdw7x8g9szMjDM/P39XVesGQy4iMgBGFhcXE9ls9k0kElnxPO+UPQSAABCA067rXkskEk9D
+odDFdru9z8xsDyHGxOPxyOrq6p1oNLqiqmdVFUSkAAaDukqsTCZzaW5u7kk4HL7KzAFVPYpRVbUH
+uQIgsLa2dmVycvJZMBi8zMz0BwREdGD3g4yOjp7Z2NhYGB8ff2hZVlhETkyqqn+X1suWSqXOp9Pp
+R47j3BCRkB+EiCAiYk66mJ6eDs7Ozt5yHCfdD9JLrKp84jsqlUrtzc3NV/V6/TEz7xlj+pmhzCx+
+EVqr1faWlpZeVCqVbKfT+eoHExECsG985KqqMoAfuVzubbFYvNlqtap+ikRE+46IqgqA9tbWVjGf
+z19vNpvviYgPTT0GOxg4a3po48HOzs7H7e3thUaj8doY4/VKJSL1bbYfrFQqfXFd90GtVnOZuWmM
+gapSv2b7wWR3d/f78vLyy2q1etvzvAYAEpEjRS0A37q71Q/WNeHn+vr6u3K5nOl0Oh8CgUD72NwM
++S/RxMTEyNTU1LlYLMb/DfptJgEAvwCxBCKsRLslpwAAAABJRU5ErkJggg==</string> </value>
+        </item>
+        <item>
+            <key> <string>height</string> </key>
+            <value> <int>20</int> </value>
+        </item>
+        <item>
+            <key> <string>precondition</string> </key>
+            <value> <string></string> </value>
+        </item>
+        <item>
+            <key> <string>size</string> </key>
+            <value> <int>727</int> </value>
+        </item>
+        <item>
+            <key> <string>title</string> </key>
+            <value> <string></string> </value>
+        </item>
+        <item>
+            <key> <string>width</string> </key>
+            <value> <int>18</int> </value>
+        </item>
+      </dictionary>
+    </pickle>
+  </record>
+</ZopeData>

master/bt5/vifib_web/SkinTemplateItem/portal_skins/vifib_jauks_theme/vifib_image/sr_right_active.png.xml

+<?xml version="1.0"?>
+<ZopeData>
+  <record id="1" aka="AAAAAAAAAAE=">
+    <pickle>
+      <global name="Image" module="OFS.Image"/>
+    </pickle>
+    <pickle>
+      <dictionary>
+        <item>
+            <key> <string>_EtagSupport__etag</string> </key>
+            <value> <string>ts22154551.4</string> </value>
+        </item>
+        <item>
+            <key> <string>__name__</string> </key>
+            <value> <string>sr_right_active.png</string> </value>
+        </item>
+        <item>
+            <key> <string>content_type</string> </key>
+            <value> <string>image/png</string> </value>
+        </item>
+        <item>
+            <key> <string>data</string> </key>
+            <value> <string encoding="base64">iVBORw0KGgoAAAANSUhEUgAAABIAAAAUCAYAAACAl21KAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A
+/wD/oL2nkwAAAAlwSFlzAAAN1wAADdcBQiibeAAAAAd0SU1FB9sLGBEGMDs3VkAAAAAdaVRYdENv
+bW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAAnJJREFUOMuVVE1oE0EYfbM7hKXUhDS5
+tCAVpAQRL4H2ZHOwKYVepYLFu+ccFAnkpkgwBwVj6cWaS4jFkhx6q6GHFoqlORUKxhIaAhabQldh
+N8nu/HjZlRA3G30wMHwf8743b75vAIAeHR3dPT8/zxSLxdsAiJQSfgtAoFarPeh0OmemaTZ1Xd+l
+AIhpmtFoNPpkYWHhzvb29mtCSA2AJZ1T/SCEEKdYRNO0aTdGAaDb7QpK6bVIJHJ/fn7+xt7e3svN
+zc19QsilFxkACCGYu2eMdagT5ACgqqoSDAZn4/H4m3A4/DYej5cJIacAMIzQUQQFADjnvD8xNjZ2
+fWZmJp1MJp+Vy+VZAKpzpaFQHEViMBEIBEKTk5OPEonEq2q1ei+ZTAZHEjHGuFdSVdXAxMREYm5u
+7l0ul3uYz+enARD3XD8oAFiWJfyqjY+P34zFYs/D4fCtWCz2YXFxse5J1P8Cw6BpWmRqauqxlLIN
+4FQIQQaJJOdcjCLinBuGYXw5OTn5DEB4emTbNvcjsW37st1ufywWi6nl5eVDAFxRFPnX1fyIer1e
+q9VqvS+VSoVMJnPmhKWnR5xzT4+63W79+Pg4t7a2VtnY2Lj0U+0qEgPtbxuGUTs4OHixtLS0C8B0
+O3tYY1IA0jRN0Tc3v3Rd393Z2cmurq4eSik5/gGuIub48ePi4uLT1tZWPpVKffXy4s8rKYrat9co
+AFBKe5ZlNRqNxnqhUChls9nWiEEVlNIry7K+SSkJY+w7BSBDodBVs9l8mk6nq5VK5affpEspJSGE
+1+v1fcZYyrZtRVEUHQDIysqK6vTUyN/R9XwwRnyK/xd+AxV3dzxIWB2YAAAAAElFTkSuQmCC</string> </value>
+        </item>
+        <item>
+            <key> <string>height</string> </key>
+            <value> <int>20</int> </value>
+        </item>
+        <item>
+            <key> <string>precondition</string> </key>
+            <value> <string></string> </value>
+        </item>
+        <item>
+            <key> <string>size</string> </key>
+            <value> <int>795</int> </value>
+        </item>
+        <item>
+            <key> <string>title</string> </key>
+            <value> <string></string> </value>
+        </item>
+        <item>
+            <key> <string>width</string> </key>
+            <value> <int>18</int> </value>
+        </item>
+      </dictionary>
+    </pickle>
+  </record>
+</ZopeData>

master/bt5/vifib_web/SkinTemplateItem/portal_skins/vifib_jauks_theme/vifib_image/sr_right_inactive.png.xml

+<?xml version="1.0"?>
+<ZopeData>
+  <record id="1" aka="AAAAAAAAAAE=">
+    <pickle>
+      <global name="Image" module="OFS.Image"/>
+    </pickle>
+    <pickle>
+      <dictionary>
+        <item>
+            <key> <string>_EtagSupport__etag</string> </key>
+            <value> <string>ts22154563.6</string> </value>
+        </item>
+        <item>
+            <key> <string>__name__</string> </key>
+            <value> <string>sr_right_inactive.png</string> </value>
+        </item>
+        <item>
+            <key> <string>content_type</string> </key>
+            <value> <string>image/png</string> </value>
+        </item>
+        <item>
+            <key> <string>data</string> </key>
+            <value> <string encoding="base64">iVBORw0KGgoAAAANSUhEUgAAABIAAAAUCAYAAACAl21KAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A
+/wD/oL2nkwAAAAlwSFlzAAAN1wAADdcBQiibeAAAAAd0SU1FB9sLGBEGOULr7uQAAAAdaVRYdENv
+bW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAAktJREFUOMullMFrGkEYxd/srrsRk7WG
+9lxblAYkx94MvaXXUshFesqfIFJ60B6KBzVICAUtiVDwFCw0l5xySFPYQ+tFay1UPLQLYQPxUAsm
+u5md3emhq9BWjdIPhmFm4TfvvW92CABpZ2fnwfLycrzdbr/N5/NtzjnHNXV4ePgIwIG3/CQAII7j
+3FJVNbm6uprJZrNrhBCFEEIwR0kAiGVZTFEUlRDyOBqNhovF4pamae8BnM8KEgDAdV3Htm1IkiSq
+qno/HA5vra+vb6ZSqRUAmEWdBACO47jeDEIIFhcXb0uS9NTv999Lp9N7AOqEEGdadgIADoANNzjn
+oJRiYWEhFAqFErFYLJfL5R7G4/Eb11rjnDt/f6CUQpZlORgMrkUike1EIvEkmUzenWRVGmY07hTG
+GARBwNLSUlQUxeeBQGClUCi8BtAcC2KMsUmSXdcFpRTBYPAmIWTTtu1TAK1JYTvT/MuyjMvLy4Fp
+mpphGCcA3HEgPskaACiKAtu2z3u93kG9Xi+Vy+W216B/wx6nSBAE+Hw+WJb1Xdf1l8fHx/lyufz5
+d2/4eJBlWX+ARFEEAFxcXHzpdDovarXaq2q1+s3rMJ94IV3XHYXt8/nAGKODweBDt9vNZzKZdwCs
+aZBRRowxZ5gHpbTf7/ePWq3WdqFQ+DjLSzBSZJom8yDG2dlZrdFo7JZKpa/z/v0QBMG8urrq6Lq+
+q2nam/39/dPrrIy1JoriD8MwnlUqlZNms/lzRsARY+yOJ4QCANnY2BA55/ifQeZQP7V+Aaz8UJil
+c37nAAAAAElFTkSuQmCC</string> </value>
+        </item>
+        <item>
+            <key> <string>height</string> </key>
+            <value> <int>20</int> </value>
+        </item>
+        <item>
+            <key> <string>precondition</string> </key>
+            <value> <string></string> </value>
+        </item>
+        <item>
+            <key> <string>size</string> </key>
+            <value> <int>756</int> </value>
+        </item>
+        <item>
+            <key> <string>title</string> </key>
+            <value> <string></string> </value>
+        </item>
+        <item>
+            <key> <string>width</string> </key>
+            <value> <int>18</int> </value>
+        </item>
+      </dictionary>
+    </pickle>
+  </record>
+</ZopeData>

master/bt5/vifib_web/SkinTemplateItem/portal_skins/vifib_jauks_theme/vifib_style/vifib.css.xml

@@ -248,9 +248,12 @@ button.software_release_input {\n
 \n
 div.software_release_search {text-align: right;}\n
 \n
-.software_release_more {text-decoration: none; list-style: none; cursor: default}\n
-div.software_release_more {position:relative; width:100%;cursor: pointer; font-size:20px; color: white; text-align: left; background-color: #008080;}\n
+div.software_release_more {position:relative; width:100%; height: 20px;background-color: #008080;}\n
 \n
+.sr_right_active {float:right; height:20px; width:20px; background:url(<tal:block tal:replace="images_path"/>sr_right_active.png);cursor: pointer;}\n
+.sr_right_inactive {float:right; height:20px; width:20px; background:url(<tal:block tal:replace="images_path"/>sr_right_inactive.png);}\n
+.sr_left_active {float:right; height:20px; width:20px; background:url(<tal:block tal:replace="images_path"/>sr_left_active.png);cursor: pointer;}\n
+.sr_left_inactive {float:right; height:20px; width:20px; background:url(<tal:block tal:replace="images_path"/>sr_left_inactive.png);}\n
 </tal:block>
 
 ]]></unicode> </value>