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

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

Update the plugin for compatibility with Piwigo 2.1 and fix some bugs
feature 1384, feature 1476, feature 1541

  • 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        startValue:{/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        startValue: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.