source: extensions/Versa/template/picture_nav_buttons.tpl @ 31977

Last change on this file since 31977 was 31833, checked in by lexming, 7 years ago

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