source: extensions/Fotorama/template/admin.tpl @ 29621

Revision 29621, 6.1 KB checked in by JanisV, 6 years ago (diff)

Code cleanup

Line 
1<div class="titrePage">
2<h2>Fotorama</h2>
3</div>
4
5<form action="" method="post" class="properties">
6
7<fieldset id="Fotorama">
8<legend>{'Configuration'|translate}</legend>
9<ul>
10  <li>
11    <label for="allowfullscreen">
12      <b>{'Allows fullscreen'|translate}</b>
13    </label>
14    <select class="categoryDropDown" id="allowfullscreen" name="allowfullscreen">
15      <option value="false"{if $Fotorama.allowfullscreen == 'false'} selected{/if}>{'false'|translate}</option>
16      <option value="true"{if $Fotorama.allowfullscreen == 'true'} selected{/if}>{'true'|translate}</option>
17      <option value="native"{if $Fotorama.allowfullscreen == 'native'} selected{/if}>{'native'|translate}</option>
18    </select>
19  </li>
20  <li>
21    <input type="checkbox" id="only_fullscreen" name="only_fullscreen"{if $Fotorama.only_fullscreen} checked="checked"{/if}>
22    <label for="only_fullscreen">
23      <b>{'Only fullscreen mode'|translate}</b>
24    </label>
25  </li>
26  <li>
27    <label for="fit">
28      <b>{'How to fit an image'|translate}</b>
29    </label>
30    <select class="categoryDropDown" id="fit" name="fit">
31      <option value="contain"{if $Fotorama.fit == 'contain'} selected{/if}>{'contain'|translate}</option>
32      <option value="cover"{if $Fotorama.fit == 'cover'} selected{/if}>{'cover'|translate}</option>
33      <option value="scaledown"{if $Fotorama.fit == 'scaledown'} selected{/if}>{'scaledown'|translate}</option>
34      <option value="none"{if $Fotorama.fit == 'none'} selected{/if}>{'none'|translate}</option>
35    </select>
36  </li>
37  <li>
38    <label for="transition">
39      <b>{'What transition to use'|translate}</b>
40    </label>
41    <select class="categoryDropDown" id="transition" name="transition">
42      <option value="slide"{if $Fotorama.transition == 'slide'} selected{/if}>{'slide'|translate}</option>
43      <option value="crossfade"{if $Fotorama.transition == 'crossfade'} selected{/if}>{'crossfade'|translate}</option>
44      <option value="dissolve"{if $Fotorama.transition == 'dissolve'} selected{/if}>{'dissolve'|translate}</option>
45    </select>
46  </li>
47  <li>
48    <label for="nav">
49      <b>{'Navigation style'|translate}</b>
50    </label>
51    <select class="categoryDropDown" id="nav" name="nav">
52      <option value="false"{if $Fotorama.nav == 'false'} selected{/if}>{'false'|translate}</option>
53      <option value="dots"{if $Fotorama.nav == 'dots'} selected{/if}>{'dots'|translate}</option>
54      <option value="thumbs"{if $Fotorama.nav == 'thumbs'} selected{/if}>{'thumbs'|translate}</option>
55    </select>
56  </li>
57  <li>
58    <label for="fullscreen_nav">
59      <b>{'Fullscreen navigation style'|translate}</b>
60    </label>
61    <select class="categoryDropDown" id="fullscreen_nav" name="fullscreen_nav">
62      <option value="false"{if $Fotorama.fullscreen_nav == 'false'} selected{/if}>{'false'|translate}</option>
63      <option value="dots"{if $Fotorama.fullscreen_nav == 'dots'} selected{/if}>{'dots'|translate}</option>
64      <option value="thumbs"{if $Fotorama.fullscreen_nav == 'thumbs'} selected{/if}>{'thumbs'|translate}</option>
65    </select>
66  </li>
67  <li>
68    <label for="thumbheight">
69      <b>{'Tumbnail height (when present)'|translate}</b>
70    </label>
71    <input type="number" size="2" maxlength="3" name="thumbheight" value="{$Fotorama.thumbheight}" min="5" max="300" style="width: 50px;">&nbsp;px
72  </li>
73  <li>
74    <input type="checkbox" id="shadows" name="shadows"{if $Fotorama.shadows} checked="checked"{/if}>
75    <label for="shadows">
76      <b>{'Enables shadows'|translate}</b>
77    </label>
78  </li>
79  <li>
80    <input type="checkbox" id="autoplay" name="autoplay"{if $Fotorama.autoplay} checked="checked"{/if}>
81    <label for="autoplay">
82      <b>{'Enables autoplay'|translate}</b>
83    </label>
84  </li>
85  <li>
86    <input type="checkbox" id="stopautoplayontouch" name="stopautoplayontouch"{if $Fotorama.stopautoplayontouch} checked="checked"{/if}>
87    <label for="stopautoplayontouch">
88      <b>{'Stops slideshow at any user action with the fotorama'|translate}</b>
89    </label>
90  </li>
91  <li>
92    <input type="checkbox" id="loop" name="loop"{if $Fotorama.loop} checked="checked"{/if}>
93    <label for="loop">
94      <b>{'Enables loop'|translate}</b>
95    </label>
96  </li>
97  <li>
98    <input type="checkbox" id="enable_caption" name="enable_caption"{if $Fotorama.enable_caption} checked="checked"{/if}>
99    <label for="enable_caption">
100      <b>{'Show caption with image title'|translate}</b>
101    </label>
102  </li>
103  <li>
104    <input type="checkbox" id="replace_picture" name="replace_picture"{if $Fotorama.replace_picture} checked="checked"{/if}>
105    <label for="replace_picture">
106      <b>{'Replace picture page'|translate}</b>
107    </label>
108  </li>
109  <li>
110    &nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox" id="replace_picture_only_users" name="replace_picture_only_users"{if $Fotorama.replace_picture_only_users} checked="checked"{/if}>
111    <label for="replace_picture_only_users">
112      <b>{'except an administrator'|translate}</b>
113    </label>
114  </li>
115</ul>
116</fieldset>
117
118<p class="formButtons">
119  <input type="hidden" name="pwg_token" value="{$PWG_TOKEN}">
120  <input type="submit" name="submit" value="{'Save Settings'|translate}">
121</p>
122</form>
123
124{footer_script require='jquery'}{literal}
125  function update_Fotorama_state() {
126    if (jQuery('#allowfullscreen').val() == "false") {
127      jQuery('#only_fullscreen').prop('disabled', true);
128      jQuery('#only_fullscreen').removeAttr('checked');
129      jQuery('#nav').prop('disabled', false);
130      jQuery('#fullscreen_nav').prop('disabled', true);
131    }
132    else if (jQuery('#allowfullscreen').val() == "native") {
133      jQuery('#only_fullscreen').prop('disabled', true);
134      jQuery('#only_fullscreen').removeAttr('checked');
135    }
136    else {
137      jQuery('#only_fullscreen').prop('disabled', false);
138      jQuery('#fullscreen_nav').prop('disabled', false);
139    }
140
141    if(jQuery('#only_fullscreen').is(":checked")) {
142      jQuery('#nav').prop('disabled', true);
143    }
144    else {
145      jQuery('#nav').prop('disabled', false);
146    }
147  }
148  jQuery().ready(function() {
149    update_Fotorama_state();
150  });
151  jQuery('#allowfullscreen').change(function() {
152    update_Fotorama_state();
153  });
154  jQuery('#only_fullscreen').change(function() {
155    update_Fotorama_state();
156  });
157 
158{/literal}{/footer_script}
Note: See TracBrowser for help on using the repository browser.