Changeset 16016 for extensions/gally/gally-default/template/picture_nav_buttons.tpl

Timestamp:

Jun 24, 2012, 9:26:25 PM (12 years ago)

Author:

grum

Message:

feature:2664- compatibility with Piwigo 2.4

File:

• extensions/gally/gally-default/template/picture_nav_buttons.tpl (modified) (3 diffs)

extensions/gally/gally-default/template/picture_nav_buttons.tpl

@@ -2 +2 @@
 {if $DISPLAY_NAV_BUTTONS or isset($slideshow)}
 
-  {if isset($last)}
-    <a id="icon_last" class="navButton" href="{$last.U_IMG}"
-       title="{$last.TITLE}"
-       rel="last"></a>
-  {else}
-    <a id="icon_last_unactive" class="navButton"></a>
-  {/if}
-
-  {if isset($next)}
-    <a id="icon_right" class="navButton" href="{$next.U_IMG}"
-       title="{$next.TITLE}"
+{strip}{if isset($next)}
+    <a href="{$next.U_IMG}"
+       title="{'Next'|@translate} : {$next.TITLE}"
+       id="icon_right" class="navButton" 
        rel="next"></a>
   {else}
     <a id="icon_right_unactive" class="navButton"></a>
-  {/if}
+  {/if}{/strip}
 
-  {if isset($slideshow.U_START_PLAY)}
-    <a id="icon_play" class="navButton" href="{$slideshow.U_START_PLAY}" title="{'Play of slideshow'|@translate}"></a>
-  {/if}
+{strip}{if isset($slideshow.U_START_PLAY)}
+    <a href="{$slideshow.U_START_PLAY}" title="{'Play of slideshow'|@translate}" id="icon_play" class="navButton" ></a>
+  {/if}{/strip}
 
-  {if isset($slideshow.U_STOP_PLAY)}
-    <a id="icon_pause" class="navButton" href="{$slideshow.U_STOP_PLAY}" title="{'Pause of slideshow'|@translate}"></a>
-  {/if}
+{strip}{if isset($slideshow.U_STOP_PLAY)}
+    <a href="{$slideshow.U_STOP_PLAY}" title="{'Pause of slideshow'|@translate}" id="icon_pause" class="navButton" ></a>
+  {/if}{/strip}
 
-  {if isset($U_UP) and !isset($slideshow)}
-    <a id="icon_up" class="navButton" href="{$U_UP}" title="{'Thumbnails'|@translate}" rel="up"></a>
-  {/if}
+{strip}{if isset($U_UP) and !isset($slideshow)}
+    <a href="{$U_UP}" title="{'Thumbnails'|@translate}" rel="up" id="icon_up" class="navButton"></a>
+  {/if}{/strip}
 
-  {if isset($previous)}
-    <a id="icon_left" class="navButton" href="{$previous.U_IMG}"
-       title="{$previous.TITLE}"
+{strip}{if isset($previous)}
+    <a href="{$previous.U_IMG}" 
+       title="{'Previous'|@translate} : {$previous.TITLE}"
+       id="icon_left" class="navButton"
        rel="prev"></a>
   {else}
     <a id="icon_left_unactive" class="navButton"></a>
-  {/if}
-
-  {if isset($first)}
-    <a id="icon_first" class="navButton" href="{$first.U_IMG}"
-       title="{$first.TITLE}"
-       rel="first"></a>
-  {else}
-    <a id="icon_first_unactive" class="navButton"></a>
-  {/if}
-
+  {/if}{/strip}
 
   {if isset($slideshow.U_START_REPEAT)}
-    <a id="icon_start_repeat" class="navButton" href="{$slideshow.U_START_REPEAT}" title="{'Repeat the slideshow'|@translate}"></a>
+    <a href="{$slideshow.U_START_REPEAT}" title="{'Repeat the slideshow'|@translate}" id="icon_start_repeat" class="navButton" ></a>
   {/if}
 
   {if isset($slideshow.U_STOP_REPEAT)}
-    <a id="icon_stop_repeat" class="navButton" href="{$slideshow.U_STOP_REPEAT}" title="{'Not repeat the slideshow'|@translate}"></a>
+    <a href="{$slideshow.U_STOP_REPEAT}" title="{'Not repeat the slideshow'|@translate}" id="icon_stop_repeat" class="navButton" ></a>
   {/if}
 
   {if isset($slideshow)}
     {if isset($slideshow.U_DEC_PERIOD)}
-      <a id="icon_dec_period" class="navButton" href="{$slideshow.U_DEC_PERIOD}" title="{'Accelerate diaporama speed'|@translate}"></a>
+      <a href="{$slideshow.U_DEC_PERIOD}" title="{'Accelerate diaporama speed'|@translate}" id="icon_dec_period" class="navButton"></a>
     {else}
       <a id="icon_dec_period_unactive" class="navButton" ></a>
@@ -63 +48 @@
 
     {if isset($slideshow.U_INC_PERIOD)}
-      <a id="icon_inc_period" class="navButton" href="{$slideshow.U_INC_PERIOD}" title="{'Reduce diaporama speed'|@translate}"></a>
+      <a href="{$slideshow.U_INC_PERIOD}" title="{'Reduce diaporama speed'|@translate}" id="icon_inc_period" class="navButton" ></a>
     {else}
       <a id="icon_inc_period_unactive" class="navButton"></a>
@@ -70 +55 @@
 {/if}
 </div>
-
-<script type="text/javascript">// <![CDATA[
-{literal}
-function keyboardNavigation(e)
-{
-  if(!e) e=window.event;
+{strip}
+{footer_script}
+document.onkeydown = function(e){ldelim}
+        e=e||window.event;
   if (e.altKey) return true;
-  var target = e.target || e.srcElement;
-  if (target && target.type) return true; //an input editable element
-  var keyCode=e.keyCode || e.which;
-  var docElem = document.documentElement;
-  switch(keyCode) {
-{/literal}
+        var target=e.target||e.srcElement;
+        if (target && target.type) return true;{* an input editable element *}
+        var keyCode=e.keyCode||e.which, docElem=document.documentElement, url;
+        switch(keyCode){ldelim}
 {if isset($next)}
-  case 63235: case 39: if (e.ctrlKey || docElem.scrollLeft==docElem.scrollWidth-docElem.clientWidth ){ldelim}window.location="{$next.U_IMG}".replace( "&amp;", "&" ); return false; } break;
+        case 63235: case 39: if (e.ctrlKey || docElem.scrollLeft==docElem.scrollWidth-docElem.clientWidth)url="{$next.U_IMG}"; break;
 {/if}
 {if isset($previous)}
-  case 63234: case 37: if (e.ctrlKey || docElem.scrollLeft==0){ldelim}window.location="{$previous.U_IMG|@escape:jasvascript}".replace("&amp;","&"); return false; } break;
+        case 63234: case 37: if (e.ctrlKey || docElem.scrollLeft==0)url="{$previous.U_IMG}"; break;
 {/if}
 {if isset($first)}
-  /*Home*/case 36: if (e.ctrlKey){ldelim}window.location="{$first.U_IMG|@escape:jasvascript}".replace("&amp;","&"); return false; } break;
+        {* Home *}case 36: if (e.ctrlKey)url="{$first.U_IMG}"; break;
 {/if}
 {if isset($last)}
-  /*End*/case 35: if (e.ctrlKey){ldelim}window.location="{$last.U_IMG|@escape:jasvascript}".replace("&amp;","&"); return false; } break;
+        {* End *}case 35: if (e.ctrlKey)url="{$last.U_IMG}"; break;
 {/if}
 {if isset($U_UP) and !isset($slideshow)}
-  /*Up*/case 38: if (e.ctrlKey){ldelim}window.location="{$U_UP|@escape:jasvascript}".replace("&amp;","&"); return false; } break;
+        {* Up *}case 38: if (e.ctrlKey)url="{$U_UP}"; break;
 {/if}
-
 {if isset($slideshow.U_START_PLAY)}
-  /*Pause*/case 32: {ldelim}window.location="{$slideshow.U_START_PLAY|@escape:jasvascript}".replace("&amp;","&"); return false; } break;
+        {* Pause *}case 32: url="{$slideshow.U_START_PLAY}"; break;
 {/if}
 {if isset($slideshow.U_STOP_PLAY)}
-  /*Play*/case 32: {ldelim}window.location="{$slideshow.U_STOP_PLAY|@escape:jasvascript}".replace("&amp;","&"); return false; } break;
+        {* Play *}case 32: url="{$slideshow.U_STOP_PLAY}"; break;
 {/if}
   }
+  if (url) {ldelim}window.location=url.replace("&amp;","&"); return false;}
   return true;
 }
-document.onkeydown=keyboardNavigation;
-// ]]></script>
+{/footer_script}
+{/strip}