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

Revision 5545, 6.7 KB checked in by grum, 10 years ago (diff)

Update the plugin for compatibility with Piwigo 2.1

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