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

Revision 16510, 4.7 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{literal}
8<style>
9 .ui-slider {
10    width:360px;
11    height:10px;
12    border-width:1px;
13    border-style:solid;
14    margin-right:5px;
15    padding-right:74px;
16  }
17 .ui-slider-handle {
18    width:72px;
19    height:12px;
20    position:relative;
21    top:-2px;
22    border-width:1px;
23    border-style:solid;
24    display:block;
25  }
26</style>
27<script type="text/javascript">
28
29  function init()
30  {
31    formatNum({/literal}{$options.metaNumCols}{literal});
32    $("#imnc_slider").slider(
33      {
34        min:1,
35        max:5,
36        step:1,
37        value:{/literal}{$options.metaNumCols}{literal},
38        slide: function(event, ui) { formatNum(ui.value); }
39      }
40    );
41    $("#imnc_slider a").addClass('gcBgInput');
42  }
43
44  function formatNum(numCols)
45  {
46    $("#imetaNumCols").val(numCols);
47    $("#imnc_display").html("{/literal}{'gally_columns'|@translate}{literal} : "+numCols);
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
62  function setOptionCB(id)
63  {
64    if($('#'+id+'_cb').get(0).checked)
65    {
66      $('#'+id).val('yes');
67    }
68    else
69    {
70      $('#'+id).val('no');
71    }
72  }
73
74</script>
75{/literal}
76
77
78<p>{'gally_img_other_desc'|@translate}</p>
79<br>
80
81<form method="post" action="" class="general">
82
83  <fieldset>
84    <legend>{'gally_display_banner'|@translate}</legend>
85
86    <p class="leftAlign">{'gally_display_banner_desc'|@translate}</p>
87
88    <label><input onclick="switchVisibility('idisplayBannerAlternate', 'no');" type="radio" name="f_displayBanner" id="idisplayBanner" value="yes" {if $options.displayBanner=="yes"}checked{/if}>&nbsp;{'gally_display_banner_yes'|@translate}</label><br>
89    <label><input onclick="switchVisibility('idisplayBannerAlternate', 'no');" type="radio" name="f_displayBanner" id="idisplayBanner" value="no" {if $options.displayBanner=="no"}checked{/if}>&nbsp;{'gally_display_banner_no'|@translate}</label><br>
90    <label><input onclick="switchVisibility('idisplayBannerAlternate', 'yes');" type="radio" name="f_displayBanner" id="idisplayBanner" value="alternate" {if $options.displayBanner=="alternate"}checked{/if}>&nbsp;{'gally_display_banner_alternate'|@translate}</label><br>
91    <div id="idisplayBannerAlternate" style="margin-left:30px;{if $options.displayBanner!="alternate"}display:none;{/if}">
92      <label>{'gally_alternate_banner_content'|@translate}<br>
93        <textarea id="ialternateBannerContent" name="f_alternateBannerContent" cols="80" rows="7">{$options.alternateBannerContent}</textarea>
94      </label>
95    </div>
96  </fieldset>
97
98
99  <fieldset>
100    <legend>{'gally_meta_num_cols'|@translate}</legend>
101
102    <p class="leftAlign">{'gally_meta_num_cols_desc'|@translate}</p>
103
104    <input type="hidden" name="f_metaNumCols" id="imetaNumCols" value="{$options.metaNumCols}">
105    <table style="margin-left:0px;">
106      <tr>
107        <td><div id="imnc_slider" class="gcBgInput gcBorderInput"></div></td>
108        <td><div id="imnc_display"></div></td>
109      </tr>
110    </table>
111  </fieldset>
112
113
114  <fieldset>
115    <legend>{'gally_image_auto_scroll'|@translate}</legend>
116
117    <p class="leftAlign">
118      {'gally_image_auto_scroll_desc'|@translate}<br>
119      <span style="font-style:italic;margin-left:20px;">!!!&nbsp;{'gally_image_auto_scroll_warning'|@translate}&nbsp;!!!</span>
120    </p>
121    <label><input type="radio" name="f_imageAutoScroll" id="iimageAutoScroll" value="yes" {if $options.imageAutoScroll=="yes"}checked{/if}>&nbsp;{'gally_image_auto_scroll_yes'|@translate}</label><br>
122    <label><input type="radio" name="f_imageAutoScroll" id="iimageAutoScroll" value="no" {if $options.imageAutoScroll=="no"}checked{/if}>&nbsp;{'gally_image_auto_scroll_no'|@translate}</label><br>
123
124    <br>
125    <label>
126      <input type="checkbox" id="iimageSimulateHighRes_cb" {if $options.imageSimulateHighRes=="yes"}checked{/if} onclick="setOptionCB('iimageSimulateHighRes');">&nbsp;{'gally_image_simulate_high_res'|@translate}
127      <input type="hidden" name="f_imageSimulateHighRes" id="iimageSimulateHighRes" value="{$options.imageSimulateHighRes}">
128    </label><br>
129
130  </fieldset>
131
132
133  <input type="submit" value="{'Submit'|@translate}" name="submit_gally">
134
135</form>
136
137<script type="text/javascript">
138  init();
139</script>
Note: See TracBrowser for help on using the repository browser.