Changeset 176

Timestamp:

12/23/10 18:58:19 (13 years ago)

Author:

nanardon

Message:

• use picture for prev/next paging in search

Location:

server/trunk/web/root

Files:

• static/images/arrow-down-double.png (added)
• static/images/arrow-down.png (added)
• static/images/arrow-left-double.png (added)
• static/images/arrow-left.png (added)
• static/images/arrow-right-double.png (added)
• static/images/arrow-right.png (added)
• static/images/arrow-up-double.png (added)
• static/images/arrow-up.png (added)
• static/sophie.css (modified) (1 diff)
• templates/html/search/results.tt (modified) (1 diff)

server/trunk/web/root/static/sophie.css

@@ -96 +96 @@
 }
 
+.result_pager {
+    text-align: center;
+}
+
+.result_pager img {
+    vertical-align: middle;
+}
+
 div.sophie_package_list {
     float:right;

server/trunk/web/root/templates/html/search/results.tt

@@ -4 +4 @@
 [% USE 'ObfuscateMail' %]
 
-<p>
+[% IF pager %]
+<p class="result_pager">
 [% IF pager.current_page != pager.first_page %]
-<a href="[% c.uri_for('/', c.req.path, { 'page' => pager.first_page }) %]">First</a> 
+<a href="[% c.uri_for('/', c.req.path, { 'page' => pager.first_page }) %]">
+<img 
+  src="[% c.uri_for('/static', 'images', 'arrow-left-double.png') %]"
+  alt="First">
+</a>
+[% IF pager.previous_page != pager.first_page %]
+<a href="[% c.uri_for('/', c.req.path, { 'page' => pager.previous_page }) %]">
+<img 
+  src="[% c.uri_for('/static', 'images', 'arrow-left.png') %]"
+  alt="Prev">
+</a> 
 [% END %]
-[% IF pager.previous_page != pager.first_page %]
-<a href="[% c.uri_for('/', c.req.path, { 'page' => pager.previous_page }) %]">[%
-pager.previous_page %]</a> 
 [% END %]
-[% pager.current_page %] / [% pager.last_page %]
+Page [% pager.current_page %] / [% pager.last_page %]
+[% IF pager.current_page != pager.last_page %]
 [% IF pager.next_page != pager.last_page %]
-<a href="[% c.uri_for('/', c.req.path, { 'page' => pager.next_page }) %]">[%
-pager.next_page %]</a> 
+<a href="[% c.uri_for('/', c.req.path, { 'page' => pager.next_page }) %]">
+<img 
+  src="[% c.uri_for('/static', 'images', 'arrow-right.png') %]"
+  alt="Next">
+</a> 
 [% END %]
-[% IF pager.current_page != pager.last_page %]
-<a href="[% c.uri_for('/', c.req.path, { 'page' => pager.last_page }) %]">Last</a> 
+<a href="[% c.uri_for('/', c.req.path, { 'page' => pager.last_page }) %]">
+<img 
+  src="[% c.uri_for('/static', 'images', 'arrow-right-double.png') %]"
+  alt="Last">
+</a> 
+</a> 
 [% END %]
 </p>
+[% END %]
 
 [% FOREACH pkgid = xmlrpc.results %]