source: extensions/AMenuManager/admin/amm_randompicconfig.tpl @ 5429

Revision 5429, 6.5 KB checked in by grum, 10 years ago (diff)

Update the plugin for compatibility with Piwigo 2.1 - some properties for widgets are not the same with jQuery 1.4

  • Property svn:executable set to *
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:350px;
8    height:10px;
9    border:1px solid;
10    margin-right:5px;
11    padding-right:14px;
12  }
13 .ui-slider-handle {
14    width:12px;
15    height:12px;
16    position:relative;
17    top:-2px;
18    border:1px solid;
19    display:block;
20  }
21</style>
22<script type="text/javascript">
23
24  //global var ; need to not have to initialize them every time a value is changed
25  var objlang;
26  var objnames = new Array('iamm_randompicture_title');
27  var objinput = new Array();   //input text from form => objinput[name]
28  var objhidden = new Array();  //input hidden from form => objhidden[name][lang]
29
30  function init()
31  {
32    objlang = document.getElementById('islang');
33    for(i=0;i<objnames.length;i++)
34    {
35      objinput[i] = document.getElementById(objnames[i]);
36      objhidden[i] = new Array();
37      for(j=0;j<objlang.options.length;j++)
38      {
39        objhidden[i][j] = document.getElementById(objnames[i]+'_'+objlang.options[j].value);
40      }
41    }
42
43    formatDelay({/literal}{$datas.periodic_change}{literal});
44    $("#iamm_rp_pc_slider").slider(
45      {
46        min:0,
47        max:60000,
48        steps:120,
49        value:{/literal}{$datas.periodic_change}{literal},
50        slide: function(event, ui) { formatDelay(ui.value); }
51      });
52
53    formatHeight({/literal}{$datas.height}{literal});
54    $("#iamm_rp_height_slider").slider(
55      {
56        min:99,
57        max:300,
58        steps:201,
59        value:affectHeight({/literal}{$datas.height}{literal}),
60        slide: function(event, ui) { formatHeight(ui.value); }
61      });
62  }
63
64  function formatDelay(delay)
65  {
66    $("#iamm_randompicture_periodicchange").val(delay);
67    if(delay==0)
68    {
69      $("#iamm_rp_pc_display").html("{/literal}{'g002_setting_randompic_periodicchange_deactivated'|@translate}{literal}");
70    }
71    else
72    {
73      $("#iamm_rp_pc_display").html((delay/1000).toFixed(2)+"s");
74    }
75  }
76
77  function formatHeight(height)
78  {
79    (height==99)?vheight=0:vheight=height;
80
81    $("#iamm_randompicture_height").val(vheight);
82    if(vheight==0)
83    {
84      $("#iamm_rp_height_display").html("{/literal}{'g002_setting_randompic_height_auto'|@translate}{literal}");
85    }
86    else
87    {
88      $("#iamm_rp_height_display").html(vheight+"px");
89    }
90  }
91
92  function affectHeight(height)
93  {
94    if(height==0)
95    {return(0);}else{return(height);}
96  }
97
98  function change_lang()
99  {
100    for(i=0;i<objnames.length;i++)
101    {
102      objinput[i].value = objhidden[i][objlang.options.selectedIndex].value;
103    }
104  }
105
106  function apply_changes(input_id)
107  {
108    var obj=document.getElementById(input_id);
109    objhidden[objnames.indexOf(input_id)][objlang.options.selectedIndex].value = obj.value;
110  }
111
112  function do_translation()
113  {
114    var inputid = document.getElementById('iamm_randompicture_title');
115    var tolang = objlang.options[objlang.options.selectedIndex].value.substr(0,2);
116
117    google_translate(inputid.value, '{/literal}{$datas.fromlang}{literal}', tolang, inputid, 'value', apply_changes, inputid.id);
118
119  }
120
121
122</script>
123{/literal}
124
125
126
127<h3>{'g002_configrandompic'|@translate}</h3>
128
129
130<form method="post" action="" class="general">
131  <fieldset>
132    <legend>{'g002_setting_block_menu'|@translate}</legend>
133
134    {if isset($datas.language_list) and count($datas.language_list)}
135      {foreach from=$datas.language_list key=name item=language_row}
136        <input type="hidden" name="famm_randompicture_title_{$language_row.LANG}"
137                id="iamm_randompicture_title_{$language_row.LANG}" value="{$language_row.MENUBARTIT}">
138      {/foreach}
139    {/if}
140
141    <table class="formtable">
142      <tr>
143        <td>{'g002_setting_block_title'|@translate}</td>
144        <td colspan="2">
145          <input type="text" id="iamm_randompicture_title" value="" maxlength="50" onkeyup="apply_changes('iamm_randompicture_title');" onblur="apply_changes('iamm_randompicture_title');"/>
146          <select onchange="change_lang();" id="islang">
147            {html_options values=$datas.language_list_values output=$datas.language_list_labels selected=$datas.lang_selected}
148          </select><br>
149        </td>
150      </tr>
151      <tr>
152        <td></td>
153        <td style="font-size:80%;" colspan="2">
154          <a style="cursor:pointer;" onclick="do_translation()">{'g002_translate'|@translate}</a>
155        </td>
156      </tr>
157
158      <tr>
159        <td>{'g002_setting_randompic_height'|@translate}</td>
160        <td>
161          <input type="hidden" name="famm_randompicture_height" id="iamm_randompicture_height" value="{$datas.height}">
162          <div id="iamm_rp_height_slider"></div>
163        </td>
164        <td width="90px">
165          <div id="iamm_rp_height_display"></div>
166        </td>
167      </tr>
168
169
170    </table>
171
172  </fieldset>
173
174  <fieldset>
175    <legend>{'g002_setting_randompic_aboutpicture'|@translate}</legend>
176      <table class="formclass">
177        <tr>
178          <td>{'g002_setting_randompic_showname'|@translate}</td>
179          <td>
180            <select name="famm_randompicture_showname" id="iamm_randompicture_showname">
181              {html_options values=$datas.show_values output=$datas.show_labels selected=$datas.showname_selected}
182            </select>
183          </td>
184        </tr>
185
186        <tr>
187          <td>{'g002_setting_randompic_showcomment'|@translate}</td>
188          <td>
189            <select name="famm_randompicture_showcomment" id="iamm_randompicture_showcomment">
190              {html_options values=$datas.show_values output=$datas.show_labels selected=$datas.showcomment_selected}
191            </select>
192          </td>
193        </tr>
194
195      </table>
196  </fieldset>
197
198
199  <fieldset>
200    <legend>{'g002_setting_randompic_periodicchange'|@translate}</legend>
201      <table class="formclass">
202        <tr>
203          <td>{'g002_setting_randompic_periodicchange_delay'|@translate}</td>
204          <td>
205            <input type="hidden" name="famm_randompicture_periodicchange" id="iamm_randompicture_periodicchange" value="{$datas.periodic_change}">
206            <div id="iamm_rp_pc_slider"></div>
207          </td>
208          <td width="70px">
209            <div id="iamm_rp_pc_display"></div>
210          </td>
211        </tr>
212
213
214      </table>
215  </fieldset>
216
217  <p>
218    <input type="submit" name="famm_submit_apply" id="iamm_submit_apply" value="{'g002_apply'|@translate}" >
219  </p>
220
221  <input type="hidden" name="famm_modeedit" value="config">
222
223</form>
224
225<script type="text/javascript">
226  init();
227  change_lang();
228</script>
Note: See TracBrowser for help on using the repository browser.