1 | <br> |
---|
2 | <div id="colorpicker" style="float: right;"></div> |
---|
3 | <table> |
---|
4 | |
---|
5 | <tr> |
---|
6 | <td colspan="3" align="left"><label>{'ZG_options_label'|@translate}</label> |
---|
7 | </td> |
---|
8 | </tr> |
---|
9 | |
---|
10 | <tr> |
---|
11 | <td>{'ZG_cacheRadius'|@translate}</td> |
---|
12 | <td colspan="2"><input type="text" size="2" maxlength="2" name="ZG_cacheRadius" value="{$ZG_cacheRadius}" /> px</td> |
---|
13 | </tr> |
---|
14 | <tr> |
---|
15 | <td>{'ZG_imageScaleMode'|@translate}</td> |
---|
16 | <td colspan"2"> |
---|
17 | <select id="ZG_imageScaleMode" name="ZG_imageScaleMode"> |
---|
18 | {foreach from=$ZG_imageScaleMode item=ZG_imageScaleMode} |
---|
19 | <option value="{$ZG_imageScaleMode.ID}" {$ZG_imageScaleMode.SELECTED}>{$ZG_imageScaleMode.NAME}</option> |
---|
20 | {/foreach} |
---|
21 | </select> |
---|
22 | </td> |
---|
23 | </tr> |
---|
24 | |
---|
25 | <tr> |
---|
26 | <td>{'ZG_dropShadow'|@translate}</td> |
---|
27 | <td colspan="2"><input type="checkbox" name="ZG_dropShadow" {$ZG_dropShadow}/></td> |
---|
28 | </tr> |
---|
29 | <tr> |
---|
30 | <td>{'ZG_frameSize'|@translate}</td> |
---|
31 | <td colspan="2"><input type="text" size="2" maxlength="2" name="ZG_frameSize" value="{$ZG_frameSize}" /> px</td> |
---|
32 | </tr> |
---|
33 | <tr> |
---|
34 | <td>{'ZG_frameColor'|@translate}</td> |
---|
35 | <td colspan="2"><input type="text" size="7" maxlength="7" name="ZG_frameColor" class="colorwell" value="{$ZG_frameColor}" /></td> |
---|
36 | </tr> |
---|
37 | <tr> |
---|
38 | <td>{'ZG_cornerRadius'|@translate}</td> |
---|
39 | <td colspan="2"><input type="text" size="2" maxlength="2" name="ZG_cornerRadius" value="{$ZG_cornerRadius}" /> px</td> |
---|
40 | </tr> |
---|
41 | <tr> |
---|
42 | <td>{'ZG_backgroundColor'|@translate}</td> |
---|
43 | <td colspan="2"><input type="text" size="7" maxlength="7" name="ZG_backgroundColor" class="colorwell" value="{$ZG_backgroundColor}" /></td> |
---|
44 | </tr> |
---|
45 | <tr> |
---|
46 | <td>{'ZG_initialState'|@translate}</td> |
---|
47 | <td colspan"2"> |
---|
48 | <select id="ZG_initialState" name="ZG_initialState"> |
---|
49 | {foreach from=$ZG_initialState item=ZG_initialState} |
---|
50 | <option value="{$ZG_initialState.ID}" {$ZG_initialState.SELECTED}>{$ZG_initialState.NAME}</option> |
---|
51 | {/foreach} |
---|
52 | </select> |
---|
53 | </td> |
---|
54 | </tr> |
---|
55 | <tr> |
---|
56 | <td>{'ZG_showCaption'|@translate}</td> |
---|
57 | <td colspan"2"> |
---|
58 | <select id="ZG_showCaption" name="ZG_showCaption"> |
---|
59 | {foreach from=$ZG_showCaption item=ZG_showCaption} |
---|
60 | <option value="{$ZG_showCaption.ID}" {$ZG_showCaption.SELECTED}>{$ZG_showCaption.NAME}</option> |
---|
61 | {/foreach} |
---|
62 | </select> |
---|
63 | </td> |
---|
64 | </tr> |
---|
65 | <tr> |
---|
66 | <td>{'ZG_captionBackgroundAlpha'|@translate}</td> |
---|
67 | <td colspan="2"><input type="text" size="3" maxlength="3" name="ZG_captionBackgroundAlpha" value="{$ZG_captionBackgroundAlpha}" /></td> |
---|
68 | </tr> |
---|
69 | <tr> |
---|
70 | <td>{'ZG_captionBackgroundCornerRadius'|@translate}</td> |
---|
71 | <td colspan="2"><input type="text" size="2" maxlength="2" name="ZG_captionBackgroundCornerRadius" value="{$ZG_captionBackgroundCornerRadius}" /></td> |
---|
72 | </tr> |
---|
73 | <tr> |
---|
74 | <td>{'ZG_buttonsBackgroundAlpha'|@translate}</td> |
---|
75 | <td colspan="2"><input type="text" size="2" maxlength="2" name="ZG_buttonsBackgroundAlpha" value="{$ZG_buttonsBackgroundAlpha}" /></td> </tr> |
---|
76 | <tr> |
---|
77 | <td>{'ZG_buttonsBackgroundCornerRadius'|@translate}</td> |
---|
78 | <td colspan="2"><input type="text" size="2" maxlength="2" name="ZG_buttonsBackgroundCornerRadius" value="{$ZG_buttonsBackgroundCornerRadius}" /></td> |
---|
79 | </tr> |
---|
80 | <tr> |
---|
81 | <td>{'ZG_showButtons'|@translate}</td> |
---|
82 | <td colspan"2"> |
---|
83 | <select id="ZG_showButtons" name="ZG_showButtons"> |
---|
84 | {foreach from=$ZG_showButtons item=ZG_showButtons} |
---|
85 | <option value="{$ZG_showButtons.ID}" {$ZG_showButtons.SELECTED}>{$ZG_showButtons.NAME}</option> |
---|
86 | {/foreach} |
---|
87 | </select> |
---|
88 | </td> |
---|
89 | </tr> |
---|
90 | <tr> |
---|
91 | <td>{'ZG_showAlbumsButton'|@translate}</td> |
---|
92 | <td colspan="2"><input type="checkbox" name="ZG_showAlbumsButton" {$ZG_showAlbumsButton}/></td> |
---|
93 | </tr> |
---|
94 | <tr> |
---|
95 | <td>{'ZG_showThumbnailsButton'|@translate}</td> |
---|
96 | <td colspan="2"><input type="checkbox" name="ZG_showThumbnailsButton" {$ZG_showThumbnailsButton}/></td> |
---|
97 | </tr> |
---|
98 | <tr> |
---|
99 | <td>{'ZG_showSlideshowButton'|@translate}</td> |
---|
100 | <td colspan="2"><input type="checkbox" name="ZG_showSlideshowButton" {$ZG_showSlideshowButton}/></td> |
---|
101 | </tr> |
---|
102 | <tr> |
---|
103 | <td>{'ZG_showNavigationButton'|@translate}</td> |
---|
104 | <td colspan="2"><input type="checkbox" name="ZG_showNavigationButton" {$ZG_showNavigationButton}/></td> |
---|
105 | </tr> |
---|
106 | |
---|
107 | <tr> |
---|
108 | <td>{'ZG_slideshowDelay'|@translate}</td> |
---|
109 | <td colspan="2"><input type="text" size="3" maxlength="3" name="ZG_slideshowDelay" value="{$ZG_slideshowDelay}" /> sec.</td> |
---|
110 | </tr> |
---|
111 | <tr> |
---|
112 | <td>{'ZG_rotationDirection'|@translate}</td> |
---|
113 | <td colspan"2"> |
---|
114 | <select id="ZG_rotationDirection" name="ZG_rotationDirection"> |
---|
115 | {foreach from=$ZG_rotationDirection item=ZG_rotationDirection} |
---|
116 | <option value="{$ZG_rotationDirection.ID}" {$ZG_rotationDirection.SELECTED}>{$ZG_rotationDirection.NAME}</option> |
---|
117 | {/foreach} |
---|
118 | </select> |
---|
119 | </td> |
---|
120 | </tr> |
---|
121 | <tr> |
---|
122 | <td>{'ZG_rotationDuration'|@translate}</td> |
---|
123 | <td colspan="2"><input type="text" size="2" maxlength="2" name="ZG_rotationDuration" value="{$ZG_rotationDuration}" /> millisec.</td> |
---|
124 | </tr> |
---|
125 | <tr> |
---|
126 | <td>{'ZG_panelBackgroundAlpha'|@translate}</td> |
---|
127 | <td colspan="2"><input type="text" size="3" maxlength="3" name="ZG_panelBackgroundAlpha" value="{$ZG_panelBackgroundAlpha}" /></td> |
---|
128 | </tr> |
---|
129 | <tr> |
---|
130 | <td>{'ZG_iconWidth'|@translate}</td> |
---|
131 | <td colspan="2"><input type="text" size="2" maxlength="2" name="ZG_iconWidth" value="{$ZG_iconWidth}" /> px</td> |
---|
132 | </tr> |
---|
133 | <tr> |
---|
134 | <td>{'ZG_iconHeight'|@translate}</td> |
---|
135 | <td colspan="2"><input type="text" size="2" maxlength="2" name="ZG_iconHeight" value="{$ZG_iconHeight}" /> px</td> |
---|
136 | </tr> |
---|
137 | <tr> |
---|
138 | <td>{'ZG_iconPadding'|@translate}</td> |
---|
139 | <td colspan="2"><input type="text" size="2" maxlength="2" name="ZG_iconPadding" value="{$ZG_iconPadding}" /> px</td> |
---|
140 | </tr> |
---|
141 | |
---|
142 | <tr> |
---|
143 | <td>{'ZG_useEmbeddedFont'|@translate}</td> |
---|
144 | <td colspan="2"><input type="checkbox" name="ZG_useEmbeddedFont" {$ZG_useEmbeddedFont}/></td> |
---|
145 | </tr> |
---|
146 | <tr> |
---|
147 | <td>{'ZG_fontName'|@translate}</td> |
---|
148 | <td colspan="2"><input type="text" size="15" maxlength="15" name="ZG_fontName" value="{$ZG_fontName}" /></td> |
---|
149 | </tr> |
---|
150 | <tr> |
---|
151 | <td>{'ZG_fontSize'|@translate}</td> |
---|
152 | <td colspan="2"><input type="text" size="2" maxlength="2" name="ZG_fontSize" value="{$ZG_fontSize}" /></td> |
---|
153 | </tr> |
---|
154 | |
---|
155 | |
---|
156 | </table> |
---|
157 | |
---|
158 | {literal} |
---|
159 | |
---|
160 | <script type="text/javascript" charset="utf-8"> |
---|
161 | $(document).ready(function() { |
---|
162 | var f = $.farbtastic('#colorpicker'); |
---|
163 | var selected; |
---|
164 | $('.colorwell') |
---|
165 | .each(function () { f.linkTo(this); }) |
---|
166 | .focus(function() { |
---|
167 | f.linkTo(this); |
---|
168 | |
---|
169 | }); |
---|
170 | }); |
---|
171 | </script> |
---|
172 | {/literal} |
---|
173 | |
---|