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

Revision 6109, 3.9 KB checked in by grum, 9 years ago (diff)

Gally's themes compatibles with piwigo 2.1

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:360px;
8    height:10px;
9    border-width:1px;
10    border-style:solid;
11    margin-right:5px;
12    padding-right:74px;
13  }
14 .ui-slider-handle {
15    width:72px;
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  function init()
27  {
28    formatNum({/literal}{$options.metaNumCols}{literal});
29    $("#imnc_slider").slider(
30      {
31        min:1,
32        max:5,
33        step:1,
34        value:{/literal}{$options.metaNumCols}{literal},
35        slide: function(event, ui) { formatNum(ui.value); }
36      }
37    );
38    $("#imnc_slider a").addClass('gcBgInput');
39  }
40
41  function formatNum(numCols)
42  {
43    $("#imetaNumCols").val(numCols);
44    $("#imnc_display").html("{/literal}{'gally_columns'|@translate}{literal} : "+numCols);
45  }
46
47  function switchVisibility(item, visible)
48  {
49    if(visible=="yes")
50    {
51      $('#'+item).css("display", "block");
52    }
53    else
54    {
55      $('#'+item).css("display", "none");
56    }
57  }
58
59</script>
60{/literal}
61
62
63<p>{'gally_img_other_desc'|@translate}</p>
64<br>
65
66<form method="post" action="" class="general">
67
68  <fieldset>
69    <legend>{'gally_display_banner'|@translate}</legend>
70
71    <p class="leftAlign">{'gally_display_banner_desc'|@translate}</p>
72
73    <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>
74    <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>
75    <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>
76    <div id="idisplayBannerAlternate" style="margin-left:30px;{if $options.displayBanner!="alternate"}display:none;{/if}">
77      <label>{'gally_alternate_banner_content'|@translate}<br>
78        <textarea id="ialternateBannerContent" name="f_alternateBannerContent" cols="80" rows="7">{$options.alternateBannerContent}</textarea>
79      </label>
80    </div>
81  </fieldset>
82
83
84  <fieldset>
85    <legend>{'gally_meta_num_cols'|@translate}</legend>
86
87    <p class="leftAlign">{'gally_meta_num_cols_desc'|@translate}</p>
88
89    <input type="hidden" name="f_metaNumCols" id="imetaNumCols" value="{$options.metaNumCols}">
90    <table style="margin-left:0px;">
91      <tr>
92        <td><div id="imnc_slider" class="gcBgInput gcBorderInput"></div></td>
93        <td><div id="imnc_display"></div></td>
94      </tr>
95    </table>
96  </fieldset>
97
98
99  <fieldset>
100    <legend>{'gally_image_auto_scroll'|@translate}</legend>
101
102    <p class="leftAlign">
103      {'gally_image_auto_scroll_desc'|@translate}<br>
104      <span style="font-style:italic;margin-left:20px;">!!!&nbsp;{'gally_image_auto_scroll_warning'|@translate}&nbsp;!!!</span>
105    </p>
106
107
108    <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>
109    <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>
110  </fieldset>
111
112
113  <input type="submit" value="{'Submit'|@translate}" name="submit_gally">
114
115</form>
116
117<script type="text/javascript">
118  init();
119</script>
Note: See TracBrowser for help on using the repository browser.