From cc8835bb1f1666491d3719b39fd19a97c623d142 Mon Sep 17 00:00:00 2001
From: flop25 <flop25@piwigo.org>
Date: Fri, 28 Jun 2013 19:39:31 +0000
Subject: bug:2918 Display a link for the fist and last page on picture.tpl, to
 go to the album 3 lang keys added

git-svn-id: http://piwigo.org/svn/trunk@23642 68402e56-0260-453c-a942-63ccdbb3a9ee
---
 themes/default/template/picture.tpl |  8 ++++++++
 themes/default/theme.css            | 19 +++++++++++++++++--
 2 files changed, 25 insertions(+), 2 deletions(-)

(limited to 'themes/default')

diff --git a/themes/default/template/picture.tpl b/themes/default/template/picture.tpl
index bdf21bd65..8d94438cd 100644
--- a/themes/default/template/picture.tpl
+++ b/themes/default/template/picture.tpl
@@ -132,12 +132,20 @@ y.callService(
 				<span class="thumbHover prevThumbHover"></span>
 				<img src="{$previous.derivatives.square->get_url()}" alt="{$previous.TITLE|@escape}">
 			</a>
+		{elseif isset($U_UP)}
+			<a class="navThumb" id="linkFirst" href="{$U_UP}" title="{'Thumbnails'|@translate}" rel="prev">
+				<div class="thumbHover">{'First Page'|@translate}<br><br>{'Go back to the album'|@translate}</div>
+			</a>
 		{/if}
 		{if isset($next)}
 			<a class="navThumb" id="linkNext" href="{$next.U_IMG}" title="{'Next'|@translate} : {$next.TITLE|@escape}" rel="next">
 				<span class="thumbHover nextThumbHover"></span>
 				<img src="{$next.derivatives.square->get_url()}" alt="{$next.TITLE|@escape}">
 			</a>
+		{elseif isset($U_UP)}
+			<a class="navThumb" id="linkLast"  href="{$U_UP}"  title="{'Thumbnails'|@translate}" rel="next">
+				<div class="thumbHover">{'Last Page'|@translate}<br><br>{'Go back to the album'|@translate}</div>
+			</a>
 		{/if}
 	</div>
 {/if}
diff --git a/themes/default/theme.css b/themes/default/theme.css
index 25444db30..c77e81c9d 100644
--- a/themes/default/theme.css
+++ b/themes/default/theme.css
@@ -391,14 +391,29 @@ TD.calDayCellFull, TD.calDayCellEmpty {
 	min-height: 120px;
 }
 
-#linkPrev {
+#linkPrev, #linkFirst {
 	float: left;
 	margin: 5px 10px 0 5px;
 }
 
-#linkNext {
+#linkNext, #linkLast {
 	float: right;
 	margin: 5px 5px 0 10px;
+  text-align: right;
+}
+
+#linkFirst, #linkLast {
+  border: 1px solid #ccc;
+  height: 118px;
+  line-height: 118px;
+}
+
+#linkFirst div, #linkLast div {
+  display: inline-block;
+  vertical-align: middle;
+  width: 108px;
+  line-height: 1.2;
+  margin: 0 5px;
 }
 
 .imageInfoTable UL { /*this is the album list*/
-- 
cgit v1.2.3