source: extensions/gally/gally-default/admin/gally_img_interface.tpl @ 8528

Last change on this file since 8528 was 6109, checked in by grum, 14 years ago

Gally's themes compatibles with piwigo 2.1

File size: 4.2 KB
Line 
1{known_script id="jquery.ui" src=$ROOT_URL|@cat:"themes/default/js/ui/packed/ui.core.packed.js"}
2{known_script id="jquery.ui.slider" src=$ROOT_URL|@cat:"themes/default/js/ui/packed/ui.slider.packed.js"}
3
4{literal}
5<style>
6 .ui-slider {
7    width:360px;
8    height:10px;
9    border-width:1px;
10    border-style:solid;
11    margin-right:5px;
12    padding-right:14px;
13  }
14 .ui-slider-handle {
15    width:12px;
16    height:12px;
17    position:relative;
18    top:-2px;
19    border-width:1px;
20    border-style:solid;
21    display:block;
22  }
23</style>
24<script type="text/javascript">
25
26  function init()
27  {
28    formatDelay({/literal}{$options.interfaceTimerDelay}{literal});
29    $("#iitd_slider").slider(
30      {
31        min:1000,
32        max:10000,
33        step:250,
34        value:{/literal}{$options.interfaceTimerDelay}{literal},
35        slide: function(event, ui) { formatDelay(ui.value); }
36      });
37    $("#iitd_slider a").addClass('gcBgInput');
38  }
39
40  function formatDelay(delay)
41  {
42    $("#iinterfaceTimerDelay").val(delay);
43    $("#iitd_display").html((delay/1000).toFixed(2)+"s");
44  }
45
46  function switchVisibility(item, visible)
47  {
48    if(visible=="yes")
49    {
50      $('#'+item).css("display", "block");
51    }
52    else
53    {
54      $('#'+item).css("display", "none");
55    }
56  }
57</script>
58{/literal}
59
60
61<p>{'gally_img_interface_desc'|@translate}</p>
62<br>
63
64<form method="post" action="" class="general">
65
66  <fieldset>
67    <legend>{'gally_image_interface_can_switch'|@translate}</legend>
68
69    <p class="leftAlign">{'gally_image_interface_can_switch_desc'|@translate}</p>
70
71    <label><input type="radio" name="f_interfaceCanSwitch" id="iinterfaceCanSwitch" value="yes" onclick="switchVisibility('interfaceCanSwitchOptions', 'yes');" {if $options.interfaceCanSwitch=="yes"}checked{/if}>&nbsp;{'gally_image_interface_can_switch_yes'|@translate}</label><br>
72    <label><input type="radio" name="f_interfaceCanSwitch" id="iinterfaceCanSwitch" value="no" onclick="switchVisibility('interfaceCanSwitchOptions', 'no');" {if $options.interfaceCanSwitch=="no"}checked{/if}>&nbsp;{'gally_image_interface_can_switch_no'|@translate}</label><br>
73  </fieldset>
74
75  <div id="interfaceCanSwitchOptions"  {if $options.interfaceCanSwitch=="no"}style="display:none;"{/if}>
76    <fieldset>
77      <legend>{'gally_image_interface_hidden'|@translate}</legend>
78
79      <p class="leftAlign">{'gally_image_interface_hidden_desc'|@translate}</p>
80
81      <label><input type="radio" name="f_interfaceHidden" id="iinterfaceHidden" value="yes" {if $options.interfaceHidden=="yes"}checked{/if}>&nbsp;{'gally_image_interface_hidden_yes'|@translate}</label><br>
82      <label><input type="radio" name="f_interfaceHidden" id="iinterfaceHidden" value="no" {if $options.interfaceHidden=="no"}checked{/if}>&nbsp;{'gally_image_interface_hidden_no'|@translate}</label><br>
83    </fieldset>
84
85    <fieldset>
86      <legend>{'gally_interface_on_image'|@translate}</legend>
87
88      <p class="leftAlign">{'gally_interface_on_image_desc'|@translate}</p>
89
90      <label><input type="radio" name="f_interfaceOnImage" id="iinterfaceOnImage" value="always" {if $options.interfaceOnImage=="always"}checked{/if}>&nbsp;{'gally_interface_on_image_always'|@translate}</label><br>
91      <label><input type="radio" name="f_interfaceOnImage" id="iinterfaceOnImage" value="noscroll" {if $options.interfaceOnImage=="noscroll"}checked{/if}>&nbsp;{'gally_interface_on_image_noscroll'|@translate}</label><br>
92      <label><input type="radio" name="f_interfaceOnImage" id="iinterfaceOnImage" value="never" {if $options.interfaceOnImage=="never"}checked{/if}>&nbsp;{'gally_interface_on_image_never'|@translate}</label>
93    </fieldset>
94
95    <fieldset>
96      <legend>{'gally_interface_timer_delay'|@translate}</legend>
97
98      <p class="leftAlign">{'gally_interface_timer_delay_desc'|@translate}</p>
99
100      <input type="hidden" name="f_interfaceTimerDelay" id="iinterfaceTimerDelay" value="{$options.interfaceTimerDelay}">
101      <table style="margin-left:0px;">
102        <tr>
103          <td><div id="iitd_slider" class="gcBgInput gcBorderInput"></div></td>
104          <td><div id="iitd_display"></div></td>
105        </tr>
106      </table>
107
108    </fieldset>
109  </div>
110
111  <input type="submit" value="{'Submit'|@translate}" name="submit_gally">
112
113</form>
114
115<script type="text/javascript">
116  init();
117</script>
Note: See TracBrowser for help on using the repository browser.