1 | <div class="titrePage"> |
---|
2 | <h2>Charlies' content [{$Charlies.version}]</h2> |
---|
3 | </div> |
---|
4 | |
---|
5 | <form method="post" action="" class="Charlies properties{if !empty($themeconf.name)} {$themeconf.name}{/if}{if !empty($themeconf.id)} {$themeconf.id}{/if}"> |
---|
6 | |
---|
7 | {if $page == 'templates'} |
---|
8 | <script type="text/javascript"> |
---|
9 | jQuery().ready(function(){ldelim} |
---|
10 | jQuery('.charlie-tlp').accordion(); |
---|
11 | }); |
---|
12 | </script> |
---|
13 | <fieldset> |
---|
14 | <legend>{'Charlies player template-mimetype association'|@translate}</legend> |
---|
15 | <div class="charlie-tlp"> |
---|
16 | {foreach from=$players item=player name=player} |
---|
17 | <a href="#" class="xl">charlie_{$player.name|@strtolower}.tpl</a> |
---|
18 | <div> |
---|
19 | <table class="checking" summary="Extensions and templates"> |
---|
20 | <tr> |
---|
21 | {foreach from=$extensions item=extension name=extension} |
---|
22 | {if ($smarty.foreach.extension.index - 1) % 10 == 9}</tr><tr>{/if} |
---|
23 | <td> |
---|
24 | <input id="{$player.name}-{$smarty.foreach.extension.iteration}" type="checkbox" |
---|
25 | {if in_array($extension, $player.ext)} checked {/if} value="{$extension}" name="{$player.name}[]"/> {$extension} |
---|
26 | </td> |
---|
27 | {/foreach} |
---|
28 | </tr> |
---|
29 | </table> |
---|
30 | </div> |
---|
31 | {/foreach} |
---|
32 | </div> |
---|
33 | <input type="submit" value="{'Save Charlies\' configuration'|@translate}" name="submit" class="submit"/> |
---|
34 | <p class="bot">[ {'Bind your prefered extensions to a template file (player) from:'|@translate} {$CHARLIES_PATH} ]<br /> |
---|
35 | [ {'Note: These options are available with the Maxi FLV Player. More details on all theses options on:'|@translate} |
---|
36 | <a class="external" href="http://flv-player.net/en/players/maxi/documentation/" title="Documentation">FLV Player</a> (neolao production). ]</p> |
---|
37 | <div><input type="hidden" name="from" value="templates" /></div> |
---|
38 | {/if} |
---|
39 | |
---|
40 | {if $page == 'options'} |
---|
41 | <fieldset> |
---|
42 | <legend>{'Charlies players configuration'|@translate}</legend> |
---|
43 | |
---|
44 | <div id="main-options"> |
---|
45 | <ul> |
---|
46 | <li><a class="nlink" href="#fgeneral">{'General options'|@translate}</a></li> |
---|
47 | <li><a class="nlink" href="#fbuffer">{'Buffering'|@translate}</a></li> |
---|
48 | <li><a class="nlink" href="#felement">{'Config by element'|@translate}</a></li> |
---|
49 | <li><a class="nlink" href="#fskin">{'Skin'|@translate}</a></li> |
---|
50 | <li><a class="nlink" href="#ftitle">{'Titleling'|@translate}</a></li> |
---|
51 | <li><a class="nlink" href="#fsubtitle">{'Subtitleling'|@translate}</a></li> |
---|
52 | <li><a class="nlink" href="#fplayer">{'Player and Buttons'|@translate}</a></li> |
---|
53 | <li><a class="nlink" href="#fmiscel">{'Miscellaneous'|@translate}</a></li> |
---|
54 | </ul> |
---|
55 | </div> |
---|
56 | <div class="none" id="fgeneral"> |
---|
57 | <ul> |
---|
58 | <li><table summary="General player options" style="width:100%;"><tr><td style="width:24.5%;"> |
---|
59 | <span class="property">{'Autoload'|@translate}</span> |
---|
60 | <input type="radio" value="1" name="autoload" {if ($Charlies.autoload==1)} checked="checked" {/if} title="{'Display first picture'|@translate}" />{'On'|@translate} |
---|
61 | <input type="radio" value="0" name="autoload" {if ($Charlies.autoload==0)} checked="checked" {/if}/>{'Off'|@translate} |
---|
62 | </td> |
---|
63 | <td style="width:24.5%;"> |
---|
64 | <span class="property">{'Autoplay'|@translate}</span> |
---|
65 | <input type="radio" value="1" name="autoplay" {if ($Charlies.autoplay==1)} checked="checked" {/if}/>{'On'|@translate} |
---|
66 | <input type="radio" value="0" name="autoplay" {if ($Charlies.autoplay==0)} checked="checked" {/if}/>{'Off'|@translate} |
---|
67 | </td> |
---|
68 | <td style="width:24.5%;"> |
---|
69 | <span class="property">{'Loop'|@translate}</span> |
---|
70 | <input type="radio" value="1" name="loop" {if ($Charlies.loop==1)} checked="checked" {/if}/>{'On'|@translate} |
---|
71 | <input type="radio" value="0" name="loop" {if ($Charlies.loop==0)} checked="checked" {/if}/>{'Off'|@translate} |
---|
72 | </td> |
---|
73 | <td style="width:24.5%;"> |
---|
74 | <span class="property">{'Fullscreen'|@translate}</span> |
---|
75 | <input type="radio" value="1" name="full" {if ($Charlies.full==1)} checked="checked" {/if} title="{'Flash Player 9.0.16.60 or above is required.'|@translate}"/>{'On'|@translate} |
---|
76 | <input type="radio" value="0" name="full" {if ($Charlies.full==0)} checked="checked" {/if}/>{'Off'|@translate} |
---|
77 | </td><td style="width:210px;"></td></tr></table></li> |
---|
78 | <li> |
---|
79 | <span class="property">{'Forced video width'|@translate}</span> |
---|
80 | <input type="text" id="forced_width" name="forced_width" value="{$Charlies.forced_width}" /> |
---|
81 | </li> |
---|
82 | <li> |
---|
83 | <span class="property">{'Forced video height'|@translate}</span> |
---|
84 | <input type="text" id="forced_height" name="forced_height" value="{$Charlies.forced_height}" /> |
---|
85 | </li> |
---|
86 | <li> |
---|
87 | <span class="property">{'Video default width'|@translate}</span> |
---|
88 | <input type="text" id="video_default_width" name="video_default_width" value="{$Charlies.video_default_width}" /> |
---|
89 | </li> |
---|
90 | <li> |
---|
91 | <span class="property">{'Video default height'|@translate}</span> |
---|
92 | <input type="text" id="video_default_height" name="video_default_height" value="{$Charlies.video_default_height}" /> |
---|
93 | </li> |
---|
94 | <li> |
---|
95 | <span class="property">{'Volume [0-200]'|@translate}</span> |
---|
96 | <input type="text" id="volume" maxlength="3" size="8" name="volume" value="{$Charlies.volume}" /> |
---|
97 | </li> |
---|
98 | <li> |
---|
99 | <p class="property" style="text-align:center; width:100%;">{'Onclick URL'|@translate} <span style="font-weight:normal;font-size:0.8;font-style:italic;">{'or fullscreen or playpause or none'|@translate}</span><br /> |
---|
100 | <input type="text" size="80" id="onclick" name="onclick" value="{$Charlies.onclick}" /> |
---|
101 | <input type="radio" value="1" name="onclicktarget" {if ($Charlies.onclicktarget==1)} checked="checked" {/if}/>{'_blank'|@translate} |
---|
102 | <input type="radio" value="0" name="onclicktarget" {if ($Charlies.onclicktarget==0)} checked="checked" {/if}/>{'_self'|@translate} |
---|
103 | </p> |
---|
104 | </li> |
---|
105 | <li> |
---|
106 | <p class="property" style="text-align:center; width:100%;">{'On doubleclick URL'|@translate} <span style="font-weight:normal;font-size:0.8;font-style:italic;">{'or fullscreen or playpause or none'|@translate}</span><br /> |
---|
107 | <input type="text" size="80" id="ondoubleclick" name="ondoubleclick" value="{$Charlies.ondoubleclick}" /> |
---|
108 | <input type="radio" value="1" name="ondoubleclicktarget" {if ($Charlies.ondoubleclicktarget==1)} checked="checked" {/if}/>{'_blank'|@translate} |
---|
109 | <input type="radio" value="0" name="ondoubleclicktarget" {if ($Charlies.ondoubleclicktarget==0)} checked="checked" {/if}/>{'_self'|@translate} |
---|
110 | </p> |
---|
111 | </li> |
---|
112 | </ul> |
---|
113 | </div> |
---|
114 | |
---|
115 | <div class="none" id="fbuffer"> |
---|
116 | <ul> |
---|
117 | <li> |
---|
118 | <span class="property">{'Video buffer size in seconds'|@translate}</span> |
---|
119 | <input type="text" id="buffer" maxlength="3" size="8" name="buffer" value="{$Charlies.buffer}" title="{'Default 5 seconds.'|@translate}" /> |
---|
120 | </li> |
---|
121 | <li> |
---|
122 | <span class="property">{'Video buffer percent message'|@translate}</span> |
---|
123 | <input type="text" size="32" id="buffermessage" name="buffermessage" value="{$Charlies.buffermessage}" title="{'Buffering _n_'|@translate}" /> |
---|
124 | </li> |
---|
125 | <li> |
---|
126 | <span class="property">{'Video buffer background'|@translate}</span> |
---|
127 | <input type="radio" value="1" name="buffershowbg" {if ($Charlies.buffershowbg==1)} checked="checked" {/if}/>{'On'|@translate} |
---|
128 | <input type="radio" value="0" name="buffershowbg" {if ($Charlies.buffershowbg==0)} checked="checked" {/if}/>{'Off'|@translate} |
---|
129 | </li> |
---|
130 | </ul> |
---|
131 | </div> |
---|
132 | |
---|
133 | <div class="none" id="felement"> |
---|
134 | <ul> |
---|
135 | <li> |
---|
136 | <span class="property">{'Use existing .txt to config'|@translate}</span> |
---|
137 | <input type="radio" value="1" name="config" {if ($Charlies.config==1)} checked="checked" {/if} title="{'Filename.txt might be use as config.txt file'|@translate}" />{'On'|@translate} |
---|
138 | <input type="radio" value="0" name="config" {if ($Charlies.config==0)} checked="checked" {/if}/>{'Off'|@translate} |
---|
139 | </li> |
---|
140 | <li> |
---|
141 | <span class="property">{'Use existing .xml to config'|@translate}</span> |
---|
142 | <input type="radio" value="1" name="configxml" {if ($Charlies.configxml==1)} checked="checked" {/if} title="{'Filename.xml might be use as config.xml file'|@translate}" />{'On'|@translate} |
---|
143 | <input type="radio" value="0" name="configxml" {if ($Charlies.configxml==0)} checked="checked" {/if}/>{'Off'|@translate} |
---|
144 | </li> |
---|
145 | </ul> |
---|
146 | </div> |
---|
147 | |
---|
148 | <div class="none" id="fskin"> |
---|
149 | <ul> |
---|
150 | <li> |
---|
151 | <span class="property">{'Margin for skin'|@translate}</span> |
---|
152 | <input type="text" id="margin" maxlength="2" size="8" name="margin" value="{$Charlies.margin}" /> |
---|
153 | </li> |
---|
154 | <li> |
---|
155 | <p class="property" style="text-align:center; width:100%;">{'Skin image'|@translate} <span style="font-weight:normal;font-size:0.8;font-style:italic;">{'(URL of a non progressive jpg)'|@translate}</span><br /> |
---|
156 | <input type="text" size="80" id="skin" name="skin" value="{$Charlies.skin}" /></p> |
---|
157 | </li> |
---|
158 | </ul> |
---|
159 | </div> |
---|
160 | |
---|
161 | <div class="none" id="ftitle"> |
---|
162 | <ul> |
---|
163 | <li> |
---|
164 | <span class="property">{'Title'|@translate}</span> |
---|
165 | <input type="text" id="title" maxlength="32" size="32" name="title" value="{$Charlies.title|@stripslashes}" /> |
---|
166 | </li> |
---|
167 | <li> |
---|
168 | <span class="property">{'Title font size [12-72]'|@translate}</span> |
---|
169 | <input type="text" id="titlesize" maxlength="2" size="8" name="titlesize" value="{$Charlies.titlesize}" title="{'Default size might be 20.'|@translate}" /> |
---|
170 | </li> |
---|
171 | <li> |
---|
172 | <p class="property" style="text-align:center; width:100%;">{'Start image'|@translate} <span style="font-weight:normal;font-size:0.8;font-style:italic;">{'(URL of a non progressive jpg)'|@translate}</span><br /> |
---|
173 | <input type="text" size="80" id="start_image" name="start_image" value="{$Charlies.start_image}" /></p> |
---|
174 | </li> |
---|
175 | <li> |
---|
176 | <span class="property">{'Title and start picture'|@translate}</span> |
---|
177 | <input type="radio" value="1" name="showtitleandstartimage" {if ($Charlies.showtitleandstartimage==1)} checked="checked" {/if}/>{'On'|@translate} |
---|
178 | <input type="radio" value="0" name="showtitleandstartimage" {if ($Charlies.showtitleandstartimage==0)} checked="checked" {/if}/>{'Off'|@translate} |
---|
179 | </li> |
---|
180 | <li> |
---|
181 | <span class="property">{'Play icon in middle'|@translate}</span> |
---|
182 | <input type="radio" value="1" name="showiconplay" {if ($Charlies.showiconplay==1)} checked="checked" {/if}/>{'On'|@translate} |
---|
183 | <input type="radio" value="0" name="showiconplay" {if ($Charlies.showiconplay==0)} checked="checked" {/if}/>{'Off'|@translate} |
---|
184 | </li> |
---|
185 | <li> |
---|
186 | <span class="property">{'Play icon transparency [0-100]'|@translate}</span> |
---|
187 | <input type="text" id="iconplaybgalpha" maxlength="3" size="8" name="iconplaybgalpha" value="{$Charlies.iconplaybgalpha}" /> |
---|
188 | </li> |
---|
189 | <li> |
---|
190 | <p class="property" style="text-align:center; width:100%;">{'Load an image over video'|@translate} <span style="font-weight:normal;font-size:0.8;font-style:italic;">{'(URL|x|y : where x,y are the offsets to place the picture)'|@translate}</span><br /> |
---|
191 | <input type="text" size="80" id="top1" name="top1" value="{$Charlies.top1}" /></p> |
---|
192 | </li> |
---|
193 | </ul> |
---|
194 | </div> |
---|
195 | |
---|
196 | <div class="none" id="fsubtitle"> |
---|
197 | <ul> |
---|
198 | <li> |
---|
199 | <span class="property">{'Use subtitles'|@translate}</span> |
---|
200 | <input type="radio" value="1" name="srt" {if ($Charlies.srt==1)} checked="checked" {/if} title="{'Filename.srt might be use for captioning'|@translate}" />{'On'|@translate} |
---|
201 | <input type="radio" value="0" name="srt" {if ($Charlies.srt==0)} checked="checked" {/if}/>{'Off'|@translate} |
---|
202 | </li> |
---|
203 | <li> |
---|
204 | <span class="property">{'Subtitles font size [8-24]'|@translate}</span> |
---|
205 | <input type="text" id="srtsize" maxlength="2" size="8" name="srtsize" value="{$Charlies.srtsize}" title="{'Default size might be 11.'|@translate}" /> |
---|
206 | </li> |
---|
207 | <li> |
---|
208 | <p class="property" style="text-align:center; width:100%;">{'Subtitles file URL'|@translate} <span style="font-weight:normal;font-size:0.8;font-style:italic;">{'(URL of .srt)'|@translate}</span><br /> |
---|
209 | <input type="text" size="80" id="srturl" name="srturl" value="{$Charlies.srturl}" /></p> |
---|
210 | </li> |
---|
211 | </ul> |
---|
212 | </div> |
---|
213 | |
---|
214 | <div class="none" id="fplayer"> |
---|
215 | <ul> |
---|
216 | <li> |
---|
217 | <span class="property">{'Show player'|@translate}</span> |
---|
218 | <input type="radio" value="1" name="showplayer" {if ($Charlies.showplayer==1)} checked="checked" {/if}/>{'Autohide'|@translate} |
---|
219 | <input type="radio" value="2" name="showplayer" {if ($Charlies.showplayer==2)} checked="checked" {/if}/>{'Always'|@translate} |
---|
220 | <input type="radio" value="0" name="showplayer" {if ($Charlies.showplayer==0)} checked="checked" {/if}/>{'Never'|@translate} |
---|
221 | </li> |
---|
222 | <li> |
---|
223 | <span class="property">{'Show loading'|@translate}</span> |
---|
224 | <input type="radio" value="1" name="showloading" {if ($Charlies.showloading==1)} checked="checked" {/if}/>{'Autohide'|@translate} |
---|
225 | <input type="radio" value="2" name="showloading" {if ($Charlies.showloading==2)} checked="checked" {/if}/>{'Always'|@translate} |
---|
226 | <input type="radio" value="0" name="showloading" {if ($Charlies.showloading==0)} checked="checked" {/if}/>{'Never'|@translate} |
---|
227 | </li> |
---|
228 | <li> |
---|
229 | <span class="property">{'Show mouse'|@translate}</span> |
---|
230 | <input type="radio" value="1" name="showmouse" {if ($Charlies.showmouse==1)} checked="checked" {/if}/>{'Autohide'|@translate} |
---|
231 | <input type="radio" value="2" name="showmouse" {if ($Charlies.showmouse==2)} checked="checked" {/if}/>{'Always'|@translate} |
---|
232 | <input type="radio" value="0" name="showmouse" {if ($Charlies.showmouse==0)} checked="checked" {/if}/>{'Never'|@translate} |
---|
233 | </li> |
---|
234 | <li> |
---|
235 | <span class="property">{'Show time'|@translate}</span> |
---|
236 | <input type="radio" value="1" name="showtime" {if ($Charlies.showtime==1)} checked="checked" {/if}/>{'On'|@translate} |
---|
237 | <input type="radio" value="2" name="showtime" {if ($Charlies.showtime==2)} checked="checked" {/if}/>{'Time left'|@translate} |
---|
238 | <input type="radio" value="0" name="showtime" {if ($Charlies.showtime==0)} checked="checked" {/if}/>{'Off'|@translate} |
---|
239 | </li> |
---|
240 | <li> |
---|
241 | <span class="property">{'Player transparency [0-100]'|@translate}</span> |
---|
242 | <input type="text" id="playeralpha" maxlength="3" size="8" name="playeralpha" value="{$Charlies.playeralpha}" /> |
---|
243 | </li> |
---|
244 | <li> |
---|
245 | <span class="property">{'Autohide delay [0-9999]'|@translate}</span> |
---|
246 | <input type="text" id="playertimeout" maxlength="4" size="8" name="playertimeout" value="{$Charlies.playertimeout}" title="{'Default 1500 milliseconds.'|@translate}" /> |
---|
247 | </li> |
---|
248 | <li><table summary="Stop and volume"><tr><td style="width:285px;"> |
---|
249 | <span class="property">{'Show stop button'|@translate}</span> |
---|
250 | <input type="radio" value="1" name="showstop" {if ($Charlies.showstop==1)} checked="checked" {/if}/>{'On'|@translate} |
---|
251 | <input type="radio" value="0" name="showstop" {if ($Charlies.showstop==0)} checked="checked" {/if}/>{'Off'|@translate} |
---|
252 | </td > |
---|
253 | <td style="width:285px;"> |
---|
254 | <span class="property">{'Show volume'|@translate}</span> |
---|
255 | <input type="radio" value="1" name="showvolume" {if ($Charlies.showvolume==1)} checked="checked" {/if}/>{'On'|@translate} |
---|
256 | <input type="radio" value="0" name="showvolume" {if ($Charlies.showvolume==0)} checked="checked" {/if}/>{'Off'|@translate} |
---|
257 | </td></tr></table> |
---|
258 | <li><table summary="Subtitles and stop loading"><tr><td style="width:285px;"> |
---|
259 | <span class="property">{'Show subtitles switch'|@translate}</span> |
---|
260 | <input type="radio" value="1" name="showswitchsubtitles" {if ($Charlies.showswitchsubtitles==1)} checked="checked" {/if}/>{'On'|@translate} |
---|
261 | <input type="radio" value="0" name="showswitchsubtitles" {if ($Charlies.showswitchsubtitles==0)} checked="checked" {/if}/>{'Off'|@translate} |
---|
262 | </td> |
---|
263 | <td style="width:285px;"> |
---|
264 | <span class="property">{'Stop stops loading'|@translate}</span> |
---|
265 | <input type="radio" value="1" name="loadonstop" {if ($Charlies.loadonstop==1)} checked="checked" {/if}/>{'On'|@translate} |
---|
266 | <input type="radio" value="0" name="loadonstop" {if ($Charlies.loadonstop==0)} checked="checked" {/if}/>{'Off'|@translate} |
---|
267 | </td> |
---|
268 | <td style="width:285px;"> |
---|
269 | <span class="property">{'Keyboard shortcuts'|@translate}</span> |
---|
270 | <input type="radio" value="1" name="shortcut" {if ($Charlies.shortcut==1)} checked="checked" {/if}/>{'On'|@translate} |
---|
271 | <input type="radio" value="0" name="shortcut" {if ($Charlies.shortcut==0)} checked="checked" {/if}/>{'Off'|@translate} |
---|
272 | </td></tr></table> |
---|
273 | </ul> |
---|
274 | </div> |
---|
275 | |
---|
276 | <div class="none" id="fmiscel"> |
---|
277 | <ul> |
---|
278 | <li> |
---|
279 | <span class="property">{'PHP streaming'|@translate}</span> |
---|
280 | <input type="radio" value="1" name="phpstream" {if ($Charlies.phpstream==1)} checked="checked" {/if}/>{'On'|@translate} |
---|
281 | <input type="radio" value="0" name="phpstream" {if ($Charlies.phpstream==0)} checked="checked" {/if}/>{'Off'|@translate} |
---|
282 | </li> |
---|
283 | <li> |
---|
284 | <p class="property" style="text-align:center; width:100%;">{'RTMP server URL'|@translate} <span style="font-weight:normal;font-size:0.8;font-style:italic;">{'(Adobe Systems for streaming audio, video and data)'|@translate}</span><br /> |
---|
285 | <input type="text" size="80" id="netconnection" name="netconnection" value="{$Charlies.netconnection}" /></p> |
---|
286 | </li> |
---|
287 | </ul> |
---|
288 | </div> |
---|
289 | <input type="submit" value="{'Save Charlies\' configuration'|@translate}" name="submit" class="submit"/><br /> |
---|
290 | <input type="submit" value="{'Reset ALL Charlies\' configuration'|@translate}" name="reset" class="submit" onclick="return confirm('{'Reset ALL Confirmation'|@translate|@escape:javascript}');"/> |
---|
291 | <p class="bot">[ {'FYI: all these options might be used or NOT by the inbound player (template).'|@translate} ]<br /> |
---|
292 | [ {'Note: These options are available with the Maxi FLV Player. More details on all theses options on:'|@translate} |
---|
293 | <a class="external" href="http://flv-player.net/en/players/maxi/documentation/" title="Documentation">FLV Player</a> (neolao production). ]</p> |
---|
294 | <div><input type="hidden" name="from" value="options" /></div> |
---|
295 | |
---|
296 | {literal} |
---|
297 | <script type="text/javascript"> |
---|
298 | jQuery(document).ready(function(){ |
---|
299 | jQuery("#main-options").tabs(); |
---|
300 | }); |
---|
301 | </script> |
---|
302 | {/literal} |
---|
303 | |
---|
304 | {/if} |
---|
305 | |
---|
306 | {if $page == 'colors'} |
---|
307 | <fieldset> |
---|
308 | <legend>{'Players colours selection '|@translate}</legend> |
---|
309 | <table class="checking" summary="Color weel"> |
---|
310 | <tr><td style="padding-right:20px;">{'Background'|@translate}</td><td><input type="text" id="color0" name="color0" class="colorwell" value="{$Charlies.color0}" /> |
---|
311 | </td><td rowspan="9" style="padding: 0 40px;"><div id="picker" style="float: right;"></div></td> |
---|
312 | <td><input type="text" id="color9" name="color9" class="colorwell" value="{$Charlies.color9}" /></td><td>{'Subtitles background'|@translate}</td> |
---|
313 | </tr><tr><td style="padding-right:20px;"> |
---|
314 | {'Top border fading'|@translate} |
---|
315 | </td><td> |
---|
316 | <input type="text" id="color1" name="color1" class="colorwell" value="{$Charlies.color1}" /> |
---|
317 | </td><td> |
---|
318 | <input type="text" id="color10" name="color10" class="colorwell" value="{$Charlies.color10}" /> |
---|
319 | </td><td> |
---|
320 | {'Player'|@translate} |
---|
321 | </td></tr><tr><td style="padding-right:20px;"> |
---|
322 | {'Bottom border fading'|@translate} |
---|
323 | </td><td> |
---|
324 | <input type="text" id="color2" name="color2" class="colorwell" value="{$Charlies.color2}" /> |
---|
325 | </td><td> |
---|
326 | <input type="text" id="color11" name="color11" class="colorwell" value="{$Charlies.color11}" /> |
---|
327 | </td><td> |
---|
328 | {'Loading bar'|@translate} |
---|
329 | </td></tr><tr><td style="padding-right:20px;"> |
---|
330 | {'Player buttons'|@translate} |
---|
331 | </td><td> |
---|
332 | <input type="text" id="color3" name="color3" class="colorwell" value="{$Charlies.color3}" /> |
---|
333 | </td><td> |
---|
334 | <input type="text" id="color12" name="color12" class="colorwell" value="{$Charlies.color12}" /> |
---|
335 | </td><td> |
---|
336 | {'Leftbar gradient fading'|@translate} |
---|
337 | </td></tr><tr><td style="padding-right:20px;"> |
---|
338 | {'Hover player buttons'|@translate} |
---|
339 | </td><td> |
---|
340 | <input type="text" id="color4" name="color4" class="colorwell" value="{$Charlies.color4}" /> |
---|
341 | </td><td> |
---|
342 | <input type="text" id="color13" name="color13" class="colorwell" value="{$Charlies.color13}" /> |
---|
343 | </td><td> |
---|
344 | {'Rightbar gradient fading'|@translate} |
---|
345 | </td></tr><tr><td style="padding-right:20px;"> |
---|
346 | {'Buffer'|@translate} |
---|
347 | </td><td> |
---|
348 | <input type="text" id="color5" name="color5" class="colorwell" value="{$Charlies.color5}" /> |
---|
349 | </td><td> |
---|
350 | <input type="text" id="color14" name="color14" class="colorwell" value="{$Charlies.color14}" /> |
---|
351 | </td><td> |
---|
352 | {'Hover bar gradient'|@translate} |
---|
353 | </td></tr><tr><td style="padding-right:20px;"> |
---|
354 | {'Buffer background'|@translate} |
---|
355 | </td><td> |
---|
356 | <input type="text" id="color6" name="color6" class="colorwell" value="{$Charlies.color6}" /> |
---|
357 | </td><td> |
---|
358 | <input type="text" id="color15" name="color15" class="colorwell" value="{$Charlies.color15}" /> |
---|
359 | </td><td> |
---|
360 | {'Play icon'|@translate} |
---|
361 | </td></tr><tr><td style="padding-right:20px;"> |
---|
362 | {'Title'|@translate} |
---|
363 | </td><td> |
---|
364 | <input type="text" id="color7" name="color7" class="colorwell" value="{$Charlies.color7}" /> |
---|
365 | </td><td> |
---|
366 | <input type="text" id="color16" name="color16" class="colorwell" value="{$Charlies.color16}" /> |
---|
367 | </td><td> |
---|
368 | {'Play icon background'|@translate} |
---|
369 | </td></tr><tr><td style="padding-right:20px;"> |
---|
370 | {'Subtitles'|@translate} |
---|
371 | </td><td> |
---|
372 | <input type="text" id="color8" name="color8" class="colorwell" value="{$Charlies.color8}" /> |
---|
373 | </td></tr> |
---|
374 | </table> |
---|
375 | <input type="submit" value="{'Save Charlies\' configuration'|@translate}" name="submit" class="submit"/> |
---|
376 | <p class="bot">[ {'Color usage might be just for information (Players could just ignore them or use them differently).'|@translate} ]<br /> |
---|
377 | [ {'Note: These options are available with the Maxi FLV Player. More details on all theses options on:'|@translate} |
---|
378 | <a class="external" href="http://flv-player.net/en/players/maxi/documentation/" title="Documentation">FLV Player</a> (neolao production). ]</p> |
---|
379 | <div><input type="hidden" name="from" value="colors" /></div> |
---|
380 | |
---|
381 | {literal} |
---|
382 | <script type="text/javascript"> |
---|
383 | jQuery(document).ready(function() { |
---|
384 | var f = $.farbtastic('#picker'); |
---|
385 | var p = $('#picker').css('opacity', 1); |
---|
386 | var selected; |
---|
387 | jQuery('.colorwell') |
---|
388 | .each(function () { f.linkTo(this); $(this).css('opacity', 0.50); }) |
---|
389 | .focus(function() { |
---|
390 | if (selected) { |
---|
391 | jQuery(selected).css('opacity', 0.90).removeClass('colorwell-selected'); |
---|
392 | } |
---|
393 | f.linkTo(this); |
---|
394 | p.css('opacity', 1); |
---|
395 | jQuery(selected = this).css('opacity', 1).addClass('colorwell-selected'); |
---|
396 | }); |
---|
397 | }); |
---|
398 | </script> |
---|
399 | {/literal} |
---|
400 | {/if} |
---|
401 | |
---|
402 | {if $page == 'curtain'} |
---|
403 | <fieldset id="theImage"> |
---|
404 | <legend>{'Active curtains'|@translate}</legend> |
---|
405 | <div id="charlie"> |
---|
406 | <table summary="Curtain choice"> |
---|
407 | <tr> |
---|
408 | {foreach from=$curtains item=curtain name=curtain} |
---|
409 | {if ($smarty.foreach.curtain.index % 3) == 0 and $smarty.foreach.curtain.index > 0 and $smarty.foreach.curtain.index < 18}</tr><tr>{/if} |
---|
410 | <td class="{$curtain}_1 curtain_l"> </td> |
---|
411 | <td {if $smarty.foreach.curtain.index < 18}class="input{if $smarty.foreach.curtain.index > 14} i15{/if}"{else}class="none"{/if}> |
---|
412 | <input type="radio" value="{$curtain}" name="curtain" {if ($curtain == $Charlies.curtain)} checked="checked" {/if}/> {$curtain}</td> |
---|
413 | <td class="{$curtain}_2 curtain_r"> </td> |
---|
414 | {if $smarty.foreach.curtain.index < 18}<td class="padd"> </td>{/if} |
---|
415 | {/foreach}</tr> |
---|
416 | </table> |
---|
417 | </div> |
---|
418 | <input type="submit" value="{'Save Charlies\' configuration'|@translate}" name="submit" class="submit"/> |
---|
419 | <p class="bot">[ {'.png without transparency are recommended. Maybe you can change a set of curtains by yours.'|@translate} ]<br /> |
---|
420 | [ {'Note: These options are available with the Maxi FLV Player. More details on all theses options on:'|@translate} |
---|
421 | <a class="external" href="http://flv-player.net/en/players/maxi/documentation/" title="Documentation">FLV Player</a> (neolao production). ]</p> |
---|
422 | <div><input type="hidden" name="from" value="curtain" /></div> |
---|
423 | |
---|
424 | {/if} |
---|
425 | |
---|
426 | </fieldset> |
---|
427 | |
---|
428 | </form> |
---|
429 | |
---|
430 | <script type="text/javascript"> |
---|
431 | jQuery(document).ready(function() {ldelim} |
---|
432 | jQuery(".infos").fadeOut(800).fadeIn(1200).fadeOut(400).fadeIn(800).fadeOut(400); |
---|
433 | jQuery(".errors").fadeOut(200).fadeIn(200).fadeOut(300).fadeIn(300).fadeOut(400).fadeIn(400); |
---|
434 | jQuery('#theAdminPage #the_page').addClass('{$themeconf.name}'); |
---|
435 | {if $page == 'options'} |
---|
436 | jQuery('#theAdminPage #the_page h2').addClass('cl2'); |
---|
437 | {/if}{if $page == 'colors'} |
---|
438 | jQuery('#theAdminPage #the_page.clear h2').addClass('cl3'); |
---|
439 | {/if}{if $page == 'curtain'} |
---|
440 | jQuery('#theAdminPage #the_page.roma h2').addClass('cl2'); |
---|
441 | {/if}}); |
---|
442 | jQuery('#theAdminPage #the_page h2').fadeIn(1800); |
---|
443 | </script> |
---|
444 | |
---|
445 | {html_head} |
---|
446 | <script type="text/javascript" |
---|
447 | src="{$CHARLIES_PATH|@cat:'farbtastic/farbtastic.js'}"></script> |
---|
448 | <link rel="stylesheet" type="text/css" |
---|
449 | href="{$CHARLIES_PATH|@cat:'farbtastic/farbtastic.css'}"> |
---|
450 | <link rel="stylesheet" type="text/css" href="{$CHARLIES_PATH|@cat:'charlies.css'}"> |
---|
451 | {/html_head} |
---|
452 | |
---|
453 | {known_script id="jquery.ui" src=$ROOT_URL|@cat:"themes/default/js/ui/packed/ui.core.packed.js"} |
---|
454 | {known_script id="jquery.ui.tabs" src=$ROOT_URL|@cat:"themes/default/js/ui/packed/ui.tabs.packed.js"} |
---|