1 | {combine_script id='common' load='footer' path='admin/themes/default/js/common.js'} |
---|
2 | {combine_script id='jquery.ui.slider' require='jquery.ui' load='footer' path='themes/default/js/ui/minified/jquery.ui.slider.min.js'} |
---|
3 | {combine_css path="themes/default/js/ui/theme/jquery.ui.slider.css"} |
---|
4 | |
---|
5 | {html_style} |
---|
6 | .graphicalCheckbox { |
---|
7 | font-size:16px; |
---|
8 | line-height:16px; |
---|
9 | } |
---|
10 | |
---|
11 | .graphicalCheckbox + input { |
---|
12 | display:none; |
---|
13 | } |
---|
14 | |
---|
15 | #album_thumb_size { |
---|
16 | width:400px; |
---|
17 | display:inline-block; |
---|
18 | margin-right:10px; |
---|
19 | } |
---|
20 | |
---|
21 | #album_square_thumbs { |
---|
22 | margin-top:5px; |
---|
23 | } |
---|
24 | {/html_style} |
---|
25 | |
---|
26 | |
---|
27 | {footer_script} |
---|
28 | jQuery(document).ready(function() { |
---|
29 | jQuery('#modus-config input[type=checkbox]').change(function() { |
---|
30 | jQuery(this).prev().toggleClass('icon-check icon-check-empty'); |
---|
31 | }); |
---|
32 | |
---|
33 | jQuery('input[name=use_album_square_thumbs]').change(function() { |
---|
34 | jQuery('#album_square_thumbs').toggle(); |
---|
35 | }); |
---|
36 | |
---|
37 | jQuery("#album_thumb_size").slider({ |
---|
38 | range: "min", |
---|
39 | min: 200, |
---|
40 | max: 400, |
---|
41 | value: {$ALBUM_THUMB_SIZE}, |
---|
42 | slide: function( event, ui ) { |
---|
43 | jQuery("#album_thumb_size_info").html(sprintf("{'%d pixels'|translate}", ui.value)); |
---|
44 | }, |
---|
45 | stop: function( event, ui ) { |
---|
46 | jQuery("input[name=album_thumb_size]").val(ui.value); |
---|
47 | } |
---|
48 | }); |
---|
49 | |
---|
50 | }); |
---|
51 | {/footer_script} |
---|
52 | |
---|
53 | <h2>{'Modus theme config'|translate}</h2> |
---|
54 | |
---|
55 | <form method="post" action="" id="modus-config"> |
---|
56 | |
---|
57 | |
---|
58 | <fieldset><legend>{'Skin'|translate}</legend> |
---|
59 | <select name="skin"> |
---|
60 | {html_options options=$available_skins selected=$SKIN} |
---|
61 | </select> |
---|
62 | </fieldset> |
---|
63 | |
---|
64 | <fieldset><legend>{'Album thumbnails'|translate}</legend> |
---|
65 | <label> |
---|
66 | <span class="graphicalCheckbox icon-check{if not $use_album_square_thumbs}-empty{/if}"></span> |
---|
67 | <input type="checkbox" name="use_album_square_thumbs"{if $use_album_square_thumbs} checked="checked"{/if}> |
---|
68 | <b>{'Use square thumbs'|translate}</b> |
---|
69 | </label> |
---|
70 | |
---|
71 | <div id="album_square_thumbs"{if not $use_album_square_thumbs} style="display:none"{/if}> |
---|
72 | <div id="album_thumb_size"></div> |
---|
73 | <span id="album_thumb_size_info">{'%d pixels'|translate|sprintf:$ALBUM_THUMB_SIZE}</span> |
---|
74 | <input type="hidden" name="album_thumb_size" value="{$ALBUM_THUMB_SIZE}"> |
---|
75 | </div> |
---|
76 | |
---|
77 | </fieldset> |
---|
78 | |
---|
79 | <fieldset><legend>{'Default sizes'|translate}</legend> |
---|
80 | |
---|
81 | <label>{'Default size for thumbnails'|translate} |
---|
82 | <select name="index_photo_deriv"> |
---|
83 | {html_options options=$available_derivatives selected=$INDEX_PHOTO_DERIV} |
---|
84 | </select> |
---|
85 | </label> |
---|
86 | <br> |
---|
87 | <label>{'Default size for thumbnails on high density display (retina)'|translate} |
---|
88 | <select name="index_photo_deriv_hdpi"> |
---|
89 | {html_options options=$available_derivatives selected=$INDEX_PHOTO_DERIV_HDPI} |
---|
90 | </select> |
---|
91 | </label> |
---|
92 | </fieldset> |
---|
93 | |
---|
94 | <fieldset><legend>{'Page banner'|translate}</legend> |
---|
95 | <label> |
---|
96 | <span class="graphicalCheckbox icon-check{if not $DISPLAY_PAGE_BANNER}-empty{/if}"></span> |
---|
97 | <input type="checkbox" name="display_page_banner"{if $DISPLAY_PAGE_BANNER} checked="checked"{/if}> |
---|
98 | <b>{'Display page banner'|translate}</b> |
---|
99 | </label> |
---|
100 | </fieldset> |
---|
101 | |
---|
102 | |
---|
103 | {* |
---|
104 | <fieldset><legend>Full row thumbnail layout</legend> |
---|
105 | Automatically applied for selected derivatives if max_width > max_height*1.5 |
---|
106 | </fieldset> |
---|
107 | *} |
---|
108 | |
---|
109 | <p class="formButtons"> |
---|
110 | <input type="submit" value="{'Save Settings'|translate}" /> |
---|
111 | </p> |
---|
112 | </form> |
---|
113 | |
---|