1 | {combine_script id='jquery.chosen' load='footer' path='themes/default/js/plugins/chosen.jquery.min.js'} |
---|
2 | {combine_css path="themes/default/js/plugins/chosen.css"} |
---|
3 | |
---|
4 | {footer_script}{literal} |
---|
5 | jQuery(document).ready(function() { |
---|
6 | jQuery(".chzn-select").chosen(); |
---|
7 | |
---|
8 | function checkStatusOptions() { |
---|
9 | if (jQuery("input[name=apply_to_albums]:checked").val() == "list") { |
---|
10 | jQuery("#albumList").show(); |
---|
11 | } |
---|
12 | else { |
---|
13 | jQuery("#albumList").hide(); |
---|
14 | } |
---|
15 | } |
---|
16 | |
---|
17 | checkStatusOptions(); |
---|
18 | |
---|
19 | jQuery("input[name=apply_to_albums]").change(function() { |
---|
20 | checkStatusOptions(); |
---|
21 | }); |
---|
22 | }); |
---|
23 | {/literal}{/footer_script} |
---|
24 | |
---|
25 | <div class="titrePage"> |
---|
26 | <h2>Menu Random Photo</h2> |
---|
27 | </div> |
---|
28 | |
---|
29 | <form action="" method="post" class="properties"> |
---|
30 | |
---|
31 | <fieldset> |
---|
32 | <legend>{'Menu integration'|translate}</legend> |
---|
33 | <ul> |
---|
34 | <li> |
---|
35 | <label for="title"> |
---|
36 | <b>{'Block title'|translate}</b> |
---|
37 | </label> |
---|
38 | <input type="text" name="title" id="title" value="{$MRP.title}" size="50"> |
---|
39 | </li> |
---|
40 | <li> |
---|
41 | <label for="height"> |
---|
42 | <b>{'Height of menu block'|translate}</b> |
---|
43 | </label> |
---|
44 | <input type="number" size="2" maxlength="3" name="height" id="height" value="{$MRP.height}" min="100" max="300" style="width: 50px;"> px |
---|
45 | </li> |
---|
46 | <li> |
---|
47 | <input type="checkbox" id="square" name="square"{if $MRP.square} checked="checked"{/if}> |
---|
48 | <label for="square"> |
---|
49 | <b>{'Use square'|translate}</b> |
---|
50 | </label> |
---|
51 | </li> |
---|
52 | </ul> |
---|
53 | </fieldset> |
---|
54 | |
---|
55 | <fieldset> |
---|
56 | <legend>{'Periodic change of the image'|translate}</legend> |
---|
57 | <ul> |
---|
58 | <li> |
---|
59 | <label for="delay"> |
---|
60 | <b>{'Delay'|translate}</b> |
---|
61 | </label> |
---|
62 | <input type="number" size="2" maxlength="4" name="delay" id="delay" value="{$MRP.delay/1000}" min="1" style="width: 60px;"> {'seconds'|translate} |
---|
63 | </li> |
---|
64 | </ul> |
---|
65 | </fieldset> |
---|
66 | |
---|
67 | <fieldset> |
---|
68 | <legend>{'Which albums to use'|translate}</legend> |
---|
69 | <p> |
---|
70 | <label><input type="radio" name="apply_to_albums" value="all"{if $MRP.apply_to_albums eq 'all'} checked="checked"{/if}> <strong>{'all albums'|translate}</strong></label> |
---|
71 | <label><input type="radio" name="apply_to_albums" value="list"{if $MRP.apply_to_albums eq 'list'} checked="checked"{/if}> <strong>{'a list of albums'|translate}</strong></label> |
---|
72 | </p> |
---|
73 | <p id="albumList"> |
---|
74 | <select data-placeholder="{'Select albums...'|translate}" class="chzn-select" multiple style="width:700px;" name="albums[]"> |
---|
75 | {html_options options=$album_options selected=$album_options_selected} |
---|
76 | </select> |
---|
77 | <br> |
---|
78 | {'Note: Only the selected albums/categories will be shown. Sub-categories must be selected if they are to be used!'|translate} |
---|
79 | </p> |
---|
80 | </fieldset> |
---|
81 | |
---|
82 | <p class="formButtons"> |
---|
83 | <input type="hidden" name="pwg_token" value="{$PWG_TOKEN}"> |
---|
84 | <input type="submit" name="submit" value="{'Save Settings'|translate}"> |
---|
85 | </p> |
---|
86 | </form> |
---|