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

Revision 16510, 4.5 KB checked in by grum, 7 years ago (diff)

feature:2664 - compatibility with Piwigo 2.4
fix dependencies

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