source: trunk/themes/default/template/picture_nav_buttons.tpl @ 13729

Last change on this file since 13729 was 13729, checked in by Zaphod, 12 years ago

feature 2588: template modification for v2.4

-> new class .switchBox for all boxes (sortOrder, derivative, etc...)
-> new classes to help layout in switchBoxes:

  • .switchCheck for the check character
  • .switchSelected for the selected option
  • .switchUnselected for all other options

-> new menubar.tpl with empty div #menuSwitcher

  • Property svn:eol-style set to LF
File size: 5.5 KB
RevLine 
[8119]1<div class="navigationButtons">
[5305]2{if $DISPLAY_NAV_BUTTONS or isset($slideshow)}
[8119]3{if isset($slideshow)}
4{if isset($slideshow.U_INC_PERIOD)}
[11579]5        <a href="{$slideshow.U_INC_PERIOD}" title="{'Reduce diaporama speed'|@translate}" class="pwg-state-default pwg-button">
6                <span class="pwg-icon pwg-icon-clock-minus">&nbsp;</span><span class="pwg-button-text">{'Reduce diaporama speed'|@translate}</span>
[8119]7        </a>
[2227]8{else}
[8119]9        <span class="pwg-state-disabled pwg-button">
[11579]10                <span class="pwg-icon pwg-icon-clock-minus">&nbsp;</span><span class="pwg-button-text">{'Reduce diaporama speed'|@translate}</span>
[8119]11        </span>
[2227]12{/if}
[8119]13{if isset($slideshow.U_DEC_PERIOD)}
14        <a href="{$slideshow.U_DEC_PERIOD}" title="{'Accelerate diaporama speed'|@translate}" class="pwg-state-default pwg-button">
15                <span class="pwg-icon pwg-icon-clock-plus">&nbsp;</span><span class="pwg-button-text">{'Accelerate diaporama speed'|@translate}</span>
16        </a>
[2227]17{else}
[8119]18        <span class="pwg-state-disabled pwg-button">
19                <span class="pwg-icon pwg-icon-clock-plus">&nbsp;</span><span class="pwg-button-text">{'Accelerate diaporama speed'|@translate}</span>
20        </span>
[2227]21{/if}
[8119]22{/if}
23{if isset($slideshow.U_START_REPEAT)}
24        <a href="{$slideshow.U_START_REPEAT}" title="{'Repeat the slideshow'|@translate}" class="pwg-state-default pwg-button">
25                <span class="pwg-icon pwg-icon-repeat-play">&nbsp;</span><span class="pwg-button-text">{'Repeat the slideshow'|@translate}</span>
26        </a>
27{/if}
28{if isset($slideshow.U_STOP_REPEAT)}
29        <a href="{$slideshow.U_STOP_REPEAT}" title="{'Not repeat the slideshow'|@translate}" class="pwg-state-default pwg-button">
30                <span class="pwg-icon pwg-icon-repeat-stop">&nbsp;</span><span class="pwg-button-text">{'Not repeat the slideshow'|@translate}</span>
31        </a>
32{/if}
[13729]33<!--{strip}{if isset($first)}
[8119]34        <a href="{$first.U_IMG}" title="{'First'|@translate} : {$first.TITLE}" class="pwg-state-default pwg-button">
35                <span class="pwg-icon pwg-icon-arrowstop-w">&nbsp;</span><span class="pwg-button-text">{'First'|@translate}</span>
36        </a>
37{else}
38        <span class="pwg-state-disabled pwg-button">
39                <span class="pwg-icon pwg-icon-arrowstop-w">&nbsp;</span><span class="pwg-button-text">{'First'|@translate}</span>
40        </span>
[13729]41{/if}{/strip}-->
[8757]42{strip}{if isset($previous)}
[8119]43        <a href="{$previous.U_IMG}" title="{'Previous'|@translate} : {$previous.TITLE}" class="pwg-state-default pwg-button">
44                <span class="pwg-icon pwg-icon-arrow-w">&nbsp;</span><span class="pwg-button-text">{'Previous'|@translate}</span>
45        </a>
46{else}
47        <span class="pwg-state-disabled pwg-button">
48                <span class="pwg-icon pwg-icon-arrow-w">&nbsp;</span><span class="pwg-button-text">{'Previous'|@translate}</span>
49        </span>
[8757]50{/if}{/strip}
[2227]51{if isset($slideshow.U_START_PLAY)}
[8119]52        <a href="{$slideshow.U_START_PLAY}" title="{'Play of slideshow'|@translate}" class="pwg-state-default pwg-button">
53                <span class="pwg-icon pwg-icon-play">&nbsp;</span><span class="pwg-button-text">{'Play of slideshow'|@translate}</span>
54        </a>
[2227]55{/if}
56{if isset($slideshow.U_STOP_PLAY)}
[8119]57        <a href="{$slideshow.U_STOP_PLAY}" title="{'Pause of slideshow'|@translate}" class="pwg-state-default pwg-button">
58                <span class="pwg-icon pwg-icon-pause">&nbsp;</span><span class="pwg-button-text">{'Pause of slideshow'|@translate}</span>
59        </a>
[2227]60{/if}
[8757]61{strip}{if isset($U_UP) and !isset($slideshow)}
[8119]62        <a href="{$U_UP}" title="{'Thumbnails'|@translate}" class="pwg-state-default pwg-button">
63                <span class="pwg-icon pwg-icon-arrow-n">&nbsp;</span><span class="pwg-button-text">{'Thumbnails'|@translate}</span>
64        </a>
[8757]65{/if}{/strip}
66{strip}{if isset($next)}
[8119]67        <a href="{$next.U_IMG}" title="{'Next'|@translate} : {$next.TITLE}" class="pwg-state-default pwg-button pwg-button-icon-right">
68                <span class="pwg-icon pwg-icon-arrow-e">&nbsp;</span><span class="pwg-button-text">{'Next'|@translate}</span>
69        </a>
[2227]70{else}
[8119]71        <span class="pwg-state-disabled pwg-button pwg-button-icon-right">
72                <span class="pwg-icon pwg-icon-arrow-e">&nbsp;</span><span class="pwg-button-text">{'Next'|@translate}</span>
73        </span>
[8757]74{/if}{/strip}
[13729]75<!--{strip}{if isset($last)}
[8119]76        <a href="{$last.U_IMG}" title="{'Last'|@translate} : {$last.TITLE}" class="pwg-state-default pwg-button pwg-button-icon-right">
77                <span class="pwg-icon pwg-icon-arrowstop-e"></span><span class="pwg-button-text">{'Last'|@translate}</span>
78        </a>
[2227]79{else}
[8119]80        <span class="pwg-state-disabled pwg-button pwg-button-icon-right">
81                <span class="pwg-icon pwg-icon-arrowstop-e">&nbsp;</span><span class="pwg-button-text">{'Last'|@translate}</span>
82        </span>
[13729]83{/if}{/strip}-->
[2227]84{/if}
[8119]85</div>
[8757]86{strip}
87{footer_script}
88document.onkeydown = function(e){ldelim}
[7877]89        e=e||window.event;
[2700]90        if (e.altKey) return true;
[8757]91        var target=e.target||e.srcElement;
92        if (target && target.type) return true;{* an input editable element *}
93        var keyCode=e.keyCode||e.which, docElem=document.documentElement, url;
94        switch(keyCode){ldelim}
[2227]95{if isset($next)}
[8757]96        case 63235: case 39: if (e.ctrlKey || docElem.scrollLeft==docElem.scrollWidth-docElem.clientWidth)url="{$next.U_IMG}"; break;
[2227]97{/if}
98{if isset($previous)}
[8299]99        case 63234: case 37: if (e.ctrlKey || docElem.scrollLeft==0)url="{$previous.U_IMG}"; break;
[2227]100{/if}
101{if isset($first)}
[8757]102        {* Home *}case 36: if (e.ctrlKey)url="{$first.U_IMG}"; break;
[2227]103{/if}
104{if isset($last)}
[8757]105        {* End *}case 35: if (e.ctrlKey)url="{$last.U_IMG}"; break;
[2227]106{/if}
107{if isset($U_UP) and !isset($slideshow)}
[8757]108        {* Up *}case 38: if (e.ctrlKey)url="{$U_UP}"; break;
[2227]109{/if}
110{if isset($slideshow.U_START_PLAY)}
[8757]111        {* Pause *}case 32: url="{$slideshow.U_START_PLAY}"; break;
[2227]112{/if}
113{if isset($slideshow.U_STOP_PLAY)}
[8757]114        {* Play *}case 32: url="{$slideshow.U_STOP_PLAY}"; break;
[2227]115{/if}
[2700]116        }
[7877]117        if (url) {ldelim}window.location=url.replace("&amp;","&"); return false;}
[2700]118        return true;
[2218]119}
[8299]120{/footer_script}
[8757]121{/strip}
Note: See TracBrowser for help on using the repository browser.