1 /*****************************************************************************
2 * vlm.js: VLC media player web interface
3 *****************************************************************************
4 * Copyright (C) 2005-2006 the VideoLAN team
7 * Authors: Antoine Cellerier <dionoea -at- videolan -dot- org>
9 * This program is free software; you can redistribute it and/or modify
10 * it under the terms of the GNU General Public License as published by
11 * the Free Software Foundation; either version 2 of the License, or
12 * (at your option) any later version.
14 * This program is distributed in the hope that it will be useful,
15 * but WITHOUT ANY WARRANTY; without even the implied warranty of
16 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
17 * GNU General Public License for more details.
19 * You should have received a copy of the GNU General Public License
20 * along with this program; if not, write to the Free Software
21 * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111, USA.
22 *****************************************************************************/
24 /* replace quotes and spaces by underscores */
25 function addunderscores( str ){ return str.replace(/\'|\"| /g, '_'); }
27 /**********************************************************************
28 * Input dialog functions
29 *********************************************************************/
31 function vlm_input_edit( dest )
33 document.getElementById( 'input_dest' ).value = dest;
37 function vlm_input_change()
39 document.getElementById( value( 'input_dest' ) ).value = value( 'input_mrl' );
41 document.getElementById( value( 'input_dest' ) ).focus();
44 function vlm_output_edit( dest )
46 document.getElementById( 'sout_dest' ).value = dest;
50 function vlm_output_change()
52 document.getElementById( value( 'sout_dest' ) ).value = value( 'sout_mrl' ).substr(6); /* substr <-> remove :sout= */
54 document.getElementById( value( 'sout_dest' ) ).focus();
57 function hide_vlm_add()
59 document.getElementById( 'vlm_add_broadcast' ).style.display = 'none';
60 document.getElementById( 'vlm_add_vod' ).style.display = 'none';
61 document.getElementById( 'vlm_add_schedule' ).style.display = 'none';
62 document.getElementById( 'vlm_add_other' ).style.display = 'none';
65 function toggle_schedule_date()
67 if( checked( 'vlm_schedule_now' ) )
69 disable( 'vlm_schedule_year' );
70 disable( 'vlm_schedule_month' );
71 disable( 'vlm_schedule_day' );
72 disable( 'vlm_schedule_hour' );
73 disable( 'vlm_schedule_minute' );
74 disable( 'vlm_schedule_second' );
78 enable( 'vlm_schedule_year' );
79 enable( 'vlm_schedule_month' );
80 enable( 'vlm_schedule_day' );
81 enable( 'vlm_schedule_hour' );
82 enable( 'vlm_schedule_minute' );
83 enable( 'vlm_schedule_second' );
87 function toggle_schedule_repeat()
89 if( checked( 'vlm_schedule_repeat' ) )
91 enable( 'vlm_schedule_period_year' );
92 enable( 'vlm_schedule_period_month' );
93 enable( 'vlm_schedule_period_day' );
94 enable( 'vlm_schedule_period_hour' );
95 enable( 'vlm_schedule_period_minute' );
96 enable( 'vlm_schedule_period_second' );
97 enable( 'vlm_schedule_repeat_times' );
101 disable( 'vlm_schedule_period_year' );
102 disable( 'vlm_schedule_period_month' );
103 disable( 'vlm_schedule_period_day' );
104 disable( 'vlm_schedule_period_hour' );
105 disable( 'vlm_schedule_period_minute' );
106 disable( 'vlm_schedule_period_second' );
107 disable( 'vlm_schedule_repeat_times' );
111 function vlm_schedule_type_change( name )
113 var act = document.getElementById( 'vlm_elt_' + name + '_action' ).value;
114 var itemname = document.getElementById( 'vlm_elt_' + name + '_name' );
115 var opt = document.getElementById( 'vlm_elt_' + name + '_opt' );
116 if( act == "play" || act == "pause" || act == "stop" )
118 itemname.style.display = "";
119 opt.style.display = "none";
121 else if( act == "seek" )
123 itemname.style.display = "";
124 opt.style.display = "";
128 itemname.style.display = "none";
129 opt.style.display = "";
133 function update_vlm_add_broadcast()
135 var cmd = document.getElementById( 'vlm_command' );
137 if( value( 'vlm_broadcast_name' ) )
139 cmd.value = "new " + addunderscores( value( 'vlm_broadcast_name' ) )
142 if( checked( 'vlm_broadcast_enabled' ) )
144 cmd.value += " enabled";
147 if( checked( 'vlm_broadcast_loop' ) )
149 cmd.value += " loop";
152 if( value( 'vlm_broadcast_input' ) )
154 cmd.value += " input " + value( 'vlm_broadcast_input' );
157 if( value( 'vlm_broadcast_output' ) )
159 cmd.value += " output " + value( 'vlm_broadcast_output' );
168 function update_vlm_add_vod()
170 var cmd = document.getElementById( 'vlm_command' );
172 if( value( 'vlm_vod_name' ) )
174 cmd.value = "new " + addunderscores( value( 'vlm_vod_name' ) )
177 if( checked( 'vlm_vod_enabled' ) )
179 cmd.value += " enabled";
182 if( value( 'vlm_vod_input' ) )
184 cmd.value += " input " + value( 'vlm_vod_input' );
187 if( value( 'vlm_vod_output' ) )
189 cmd.value += " output " + value( 'vlm_vod_output' );
198 function update_vlm_add_schedule()
200 var cmd = document.getElementById( 'vlm_command' );
202 check_and_replace_int( 'vlm_schedule_year', '0000' );
203 check_and_replace_int( 'vlm_schedule_month', '00' );
204 check_and_replace_int( 'vlm_schedule_day', '00' );
205 check_and_replace_int( 'vlm_schedule_hour', '00' );
206 check_and_replace_int( 'vlm_schedule_minute', '00' );
207 check_and_replace_int( 'vlm_schedule_second', '00' );
208 check_and_replace_int( 'vlm_schedule_period_year', '0000' );
209 check_and_replace_int( 'vlm_schedule_period_month', '00' );
210 check_and_replace_int( 'vlm_schedule_period_day', '00' );
211 check_and_replace_int( 'vlm_schedule_period_hour', '00' );
212 check_and_replace_int( 'vlm_schedule_period_minute', '00' );
213 check_and_replace_int( 'vlm_schedule_period_second', '00' );
215 if( value( 'vlm_schedule_name' ) )
217 cmd.value = "new " + addunderscores( value( 'vlm_schedule_name' ) ) + " schedule";
219 if( checked( 'vlm_schedule_enabled' ) )
221 cmd.value += " enabled";
224 if( checked( 'vlm_schedule_now' ) )
226 cmd.value += " date now";
230 cmd.value += " date " + value( 'vlm_schedule_year' ) + "/" + value( 'vlm_schedule_month' ) + "/" + value( 'vlm_schedule_day' ) + '-' + value( 'vlm_schedule_hour' ) + ':' + value( 'vlm_schedule_minute' ) + ':' + value( 'vlm_schedule_second' );
233 if( checked( 'vlm_schedule_repeat' ) )
235 cmd.value += " period " + value( 'vlm_schedule_period_year' ) + "/" + value( 'vlm_schedule_period_month' ) + "/" + value( 'vlm_schedule_period_day' ) + '-' + value( 'vlm_schedule_period_hour' ) + ':' + value( 'vlm_schedule_period_minute' ) + ':' + value( 'vlm_schedule_period_second' );
237 if( value( 'vlm_schedule_repeat_times' ) != 0 )
239 cmd.value += " repeat " + (value( 'vlm_schedule_repeat_times' ) - 1 );
250 function update_vlm_add_other()
252 var cmd = document.getElementById( 'vlm_command' );
256 function clear_vlm_add()
258 document.getElementById( 'vlm_command' ).value = "";
259 document.getElementById( 'vlm_broadcast_name' ).value = "";
260 document.getElementById( 'vlm_vod_name' ).value = "";
263 function clear_children( elt )
266 while( elt.hasChildNodes() )
267 elt.removeChild( elt.firstChild );
270 function create_button( caption, action )
272 var link = document.createElement( "input" );
273 link.setAttribute( 'type', 'button' );
274 link.setAttribute( 'onclick', action );
275 link.setAttribute( 'value', caption );
278 function create_option( caption, value )
280 var opt = document.createElement( 'option' );
281 opt.setAttribute( 'value', value );
282 opt.appendChild( document.createTextNode( caption ) );
286 function parse_vlm_cmd()
288 if( req.readyState == 4 )
290 if( req.status == 200 )
292 var vlm_answer = req.responseXML.documentElement;
293 var error_tag = vlm_answer.getElementsByTagName( 'error' )[0];
294 var vlme = document.getElementById( 'vlm_error' );
295 clear_children( vlme );
296 if( error_tag.hasChildNodes() )
298 vlme.appendChild( document.createTextNode( 'Error: ' + error_tag.firstChild.data ) );
299 vlme.style.color = "#f00";
303 vlme.appendChild( document.createTextNode( 'Command succesful (' + value( 'vlm_command' ) + ') ' ) );
304 vlme.style.color = "#0f0";
307 vlme.appendChild( create_button( 'clear', 'clear_children( document.getElementById( "vlm_error" ) );' ) );
314 function parse_vlm_elements()
316 if( req.readyState == 4 )
318 if( req.status == 200 )
320 var vlmb = document.getElementById( 'vlm_broadcast_list' );
321 var vlmv = document.getElementById( 'vlm_vod_list' );
322 var vlms = document.getElementById( 'vlm_schedule_list' );
324 clear_children( vlmb );
325 clear_children( vlmv );
326 clear_children( vlms );
328 answer = req.responseXML.documentElement;
330 var elt = answer.firstChild;
334 if( elt.nodeName == "broadcast" || elt.nodeName == "vod" )
336 var nb = document.createElement( 'div' );
337 nb.setAttribute( 'class', 'list_element' );
338 if( elt.nodeName == "broadcast" )
340 vlmb.appendChild( nb );
344 vlmv.appendChild( nb );
346 var nbname = document.createElement( 'b' );
347 nbname.appendChild( document.createTextNode( elt.getAttribute( 'name' ) ) );
348 nb.appendChild( nbname );
350 var link = document.createElement( 'input' );
351 link.setAttribute( 'type', 'button' );
352 if( elt.getAttribute( 'enabled' ) == 'yes' )
354 nb.appendChild( document.createTextNode( " enabled " ) );
355 link.setAttribute( 'onclick', 'vlm_disable("'+elt.getAttribute( 'name' ) + '");' );
356 link.setAttribute( 'value', "Disable" );
360 nb.appendChild( document.createTextNode( " disabled " ) );
361 link.setAttribute( 'onclick', 'vlm_enable("'+elt.getAttribute( 'name' ) + '");' );
362 link.setAttribute( 'value', "Enable" );
364 nb.appendChild( link );
366 if( elt.nodeName == "broadcast" )
368 link = document.createElement( 'input' );
369 link.setAttribute( 'type', 'button' );
370 if( elt.getAttribute( 'loop' ) == 'yes' )
372 nb.appendChild( document.createTextNode( " loop " ) );
374 link.setAttribute( 'onclick', 'vlm_unloop("'+elt.getAttribute( 'name' ) + '");' );
375 link.setAttribute( 'value', "Un-loop" );
379 nb.appendChild( document.createTextNode( " play once " ) );
381 link.setAttribute( 'onclick', 'vlm_loop("'+elt.getAttribute( 'name' ) + '");' );
382 link.setAttribute( 'value', "Loop" );
384 nb.appendChild( link );
386 if( elt.getAttribute( 'enabled' ) == 'yes' )
388 nb.appendChild( document.createTextNode( " " ) );
389 nb.appendChild( create_button( 'Play', 'vlm_play("'+elt.getAttribute('name')+'");' ) );
392 nb.appendChild( document.createTextNode( " " ) );
393 nb.appendChild( create_button( 'Pause', 'vlm_pause("'+elt.getAttribute('name')+'");' ) );
395 nb.appendChild( document.createTextNode( " " ) );
396 nb.appendChild( create_button( 'Stop', 'vlm_stop("'+elt.getAttribute('name')+'");' ) );
399 nb.appendChild( document.createTextNode( " " ) );
400 nb.appendChild( create_button( 'Delete', 'vlm_delete("'+elt.getAttribute( 'name' ) + '");' ) );
402 var list = document.createElement( "ul" );
403 /* begin input list */
404 var inputs = elt.getElementsByTagName( 'input' );
405 for( i = 0; i < inputs.length; i++ )
407 var item = document.createElement( "li" );
408 item.appendChild( document.createTextNode( "Input: " + inputs[i].firstChild.data + " " ) );
409 item.appendChild( create_button( "Delete", 'vlm_delete_input("' + elt.getAttribute( 'name' ) + '", '+(i+1)+' );' ) );
410 list.appendChild( item );
414 var item = document.createElement( "li" );
415 var text = document.createElement( "input" );
416 text.setAttribute( 'type', 'text' );
417 text.setAttribute( 'size', '40' );
418 text.setAttribute( 'id', 'vlm_elt_'+elt.getAttribute('name')+'_input' );
419 item.appendChild( text );
420 item.appendChild( document.createTextNode( ' ' ) );
421 item.appendChild( create_button( 'Edit', 'vlm_input_edit("vlm_elt_'+elt.getAttribute('name')+'_input");') );
422 item.appendChild( document.createTextNode( ' ' ) );
423 item.appendChild( create_button( 'Add input', 'vlm_add_input("'+elt.getAttribute('name')+'",document.getElementById("vlm_elt_'+elt.getAttribute('name')+'_input").value );' ) );
425 list.appendChild( item );
426 /* end of input list */
429 var item = document.createElement( "li" );
430 outputelt = elt.getElementsByTagName( 'output' )[0];
431 if( outputelt.hasChildNodes() )
433 output = outputelt.firstChild.data;
439 item.appendChild( document.createTextNode( 'Output: ' ) );
440 var text = document.createElement( "input" );
441 text.setAttribute( 'type', 'text' );
442 text.setAttribute( 'id', 'vlm_elt_'+elt.getAttribute('name')+'_output' );
443 text.setAttribute( 'value', output );
444 item.appendChild( text );
446 item.appendChild( document.createTextNode( ' ' ) );
448 item.appendChild( create_button( 'Edit', 'vlm_output_edit("vlm_elt_'+elt.getAttribute('name')+'_output");' ) );
449 item.appendChild( document.createTextNode( ' ' ) );
450 item.appendChild( create_button( 'Change output', 'vlm_output("'+elt.getAttribute( 'name' )+ '",document.getElementById("vlm_elt_'+elt.getAttribute( 'name' )+'_output").value);' ) );
451 list.appendChild( item );
454 /* begin options list */
455 var options = elt.getElementsByTagName( 'option' );
456 for( i = 0; i < options.length; i++ )
458 var item = document.createElement( "li" );
459 item.appendChild( document.createTextNode( "Option: " + options[i].firstChild.data ) );
460 list.appendChild( item );
464 var item = document.createElement( "li" );
465 item.appendChild( document.createTextNode( ' ' ) );
466 var text = document.createElement( "input" );
467 text.setAttribute( 'type', 'text' );
468 text.setAttribute( 'size', '40' );
469 text.setAttribute( 'id', 'vlm_elt_'+elt.getAttribute('name')+'_option' );
470 item.appendChild( text );
471 item.appendChild( document.createTextNode( ' ' ) );
472 item.appendChild( create_button( 'Add option', 'vlm_option("'+elt.getAttribute('name')+'",document.getElementById("vlm_elt_'+elt.getAttribute('name')+'_option").value );' ) );
474 list.appendChild( item );
477 nb.appendChild( list );
480 else if( elt.nodeName == "schedule" )
482 var nb = document.createElement( 'div' );
483 nb.setAttribute( 'class', 'list_element' );
484 vlms.appendChild( nb );
486 var nbname = document.createElement( 'b' );
487 nbname.appendChild( document.createTextNode( elt.getAttribute( 'name' ) ) );
488 nb.appendChild( nbname );
490 var link = document.createElement( 'input' );
491 link.setAttribute( 'type', 'button' );
492 if( elt.getAttribute( 'enabled' ) == 'yes' )
494 nb.appendChild( document.createTextNode( " enabled " ) );
495 link.setAttribute( 'onclick', 'vlm_disable("'+elt.getAttribute( 'name' ) + '");' );
496 link.setAttribute( 'value', "Disable" );
500 nb.appendChild( document.createTextNode( " disabled " ) );
501 link.setAttribute( 'onclick', 'vlm_enable("'+elt.getAttribute( 'name' ) + '");' );
502 link.setAttribute( 'value', "Enable" );
504 nb.appendChild( link );
506 nb.appendChild( document.createTextNode( " " ) );
507 nb.appendChild( create_button( "Delete", 'vlm_delete("'+elt.getAttribute( 'name' ) + '");' ) );
509 var list = document.createElement( 'ul' );
511 var item = document.createElement( 'li' );
512 item.appendChild( document.createTextNode( "Date: " + elt.getAttribute( 'date' ) ) );
513 list.appendChild( item );
515 var item = document.createElement( 'li' );
516 item.appendChild( document.createTextNode( "Period (in seconds): " + elt.getAttribute( 'period' ) ) );
517 list.appendChild( item );
519 var item = document.createElement( 'li' );
520 if( elt.getAttribute( 'repeat' ) == -1 )
522 item.appendChild( document.createTextNode( "Number of repeats left: for ever" ) );
526 item.appendChild( document.createTextNode( "Number of repeats left: " + elt.getAttribute( 'repeat' ) ) );
528 list.appendChild( item );
530 var commands = elt.getElementsByTagName( 'command' );
531 for( i = 0; i < commands.length; i++ )
533 var item = document.createElement( "li" );
534 item.appendChild( document.createTextNode( "Command: " + commands[i].firstChild.data + " " ) );
535 list.appendChild( item );
538 var item = document.createElement( 'li' );
539 var sel = document.createElement( 'select' );
540 sel.setAttribute( 'id', 'vlm_elt_'+elt.getAttribute('name')+'_action' );
541 sel.setAttribute( 'onchange', 'vlm_schedule_type_change("'+elt.getAttribute('name')+'");');
542 sel.appendChild( create_option( 'play', 'play' ) );
543 sel.appendChild( create_option( 'pause', 'pause' ) );
544 sel.appendChild( create_option( 'stop', 'stop' ) );
545 sel.appendChild( create_option( 'seek', 'seek' ) );
546 sel.appendChild( create_option( '(other)', '' ) );
547 item.appendChild( sel );
549 item.appendChild( document.createTextNode( " " ) );
550 var text = document.createElement( 'input' );
551 text.setAttribute( 'type', 'text' );
552 text.setAttribute( 'id', 'vlm_elt_'+elt.getAttribute('name')+'_name' );
553 text.setAttribute( 'size', '10' );
554 text.setAttribute( 'value', '(name)' );
555 text.setAttribute( 'onfocus', 'if( this.value == "(name)" ) this.value = "";' );
556 text.setAttribute( 'onblur', 'if( this.value == "" ) this.value = "(name)";' );
557 item.appendChild( text );
559 item.appendChild( document.createTextNode( " " ) );
560 text = document.createElement( 'input' );
561 text.setAttribute( 'type', 'text' );
562 text.setAttribute( 'id', 'vlm_elt_'+elt.getAttribute('name')+'_opt' );
563 text.setAttribute( 'size', '30' );
564 text.setAttribute( 'value', '(options)' );
565 text.setAttribute( 'onfocus', 'if( this.value == "(options)" ) this.value = "";' );
566 text.setAttribute( 'onblur', 'if( this.value == "" ) this.value = "(options)";' );
567 item.appendChild( text );
568 item.appendChild( document.createTextNode( " " ) );
569 item.appendChild( create_button( "Append command", 'vlm_schedule_append("' + elt.getAttribute( 'name' ) + '");') );
571 list.appendChild( item );
573 nb.appendChild( list );
574 vlm_schedule_type_change( elt.getAttribute('name') );
577 elt = elt.nextSibling;
583 function vlm_cmd( cmd )
585 loadXMLDoc( 'requests/vlm_cmd.xml?command='+cmd.replace(/\#/g, '%23'), parse_vlm_cmd );
588 function vlm_get_elements( )
590 loadXMLDoc( 'requests/vlm.xml', parse_vlm_elements );
593 /* helper functions */
595 function vlm_disable( name )
597 document.getElementById( 'vlm_command' ).value = "setup "+name+" disabled";
598 vlm_cmd( value( 'vlm_command' ) );
601 function vlm_enable( name )
603 document.getElementById( 'vlm_command' ).value = "setup "+name+" enabled";
604 vlm_cmd( value( 'vlm_command' ) );
607 function vlm_loop( name )
609 document.getElementById( 'vlm_command' ).value = "setup "+name+" loop";
610 vlm_cmd( value( 'vlm_command' ) );
613 function vlm_unloop( name )
615 document.getElementById( 'vlm_command' ).value = "setup "+name+" unloop";
616 vlm_cmd( value( 'vlm_command' ) );
619 function vlm_play( name )
621 document.getElementById( 'vlm_command' ).value = "control "+name+" play";
622 vlm_cmd( value( 'vlm_command' ) );
625 function vlm_pause( name )
627 document.getElementById( 'vlm_command' ).value = "control "+name+" pause";
628 vlm_cmd( value( 'vlm_command' ) );
631 function vlm_stop( name )
633 document.getElementById( 'vlm_command' ).value = "control "+name+" stop";
634 vlm_cmd( value( 'vlm_command' ) );
637 function vlm_delete( name )
639 document.getElementById( 'vlm_command' ).value = "del "+name;
640 vlm_cmd( value( 'vlm_command' ) );
643 function vlm_delete_input( name, num )
645 document.getElementById( 'vlm_command' ).value = "setup "+name+" inputdeln "+num;
646 vlm_cmd( value( 'vlm_command' ) );
649 function vlm_add_input( name, input )
651 document.getElementById( 'vlm_command' ).value = "setup "+name+" input "+input;
652 vlm_cmd( value( 'vlm_command' ) );
655 function vlm_output( name, output )
657 document.getElementById( 'vlm_command' ).value = "setup "+name+" output "+output;
658 vlm_cmd( value( 'vlm_command' ) );
661 function vlm_option( name, option )
663 document.getElementById( 'vlm_command' ).value = "setup "+name+" option "+option;
664 vlm_cmd( value( 'vlm_command' ) );
667 function vlm_batch( batch )
670 var commands = batch.split( '\n' );
671 for( i = 0; i < commands.length; i++ )
673 document.getElementById( 'vlm_command' ).value = commands[i];
674 vlm_cmd( value( 'vlm_command' ) );
678 function vlm_schedule_append( name )
680 var act = document.getElementById( 'vlm_elt_' + name + '_action' ).value;
681 document.getElementById( 'vlm_command' ).value = "setup " + name + " append ";
683 var itemname = document.getElementById( 'vlm_elt_' + name + '_name' ).value;
684 if( itemname == "(name)" ) itemname = "";
686 var opt = document.getElementById( 'vlm_elt_' + name + '_opt' ).value;
687 if( opt == "(options)" ) opt = "";
691 document.getElementById( 'vlm_command' ).value += opt;
695 document.getElementById( 'vlm_command' ).value += 'control ' + itemname + " " + act + " " + opt;
697 vlm_cmd( value( 'vlm_command' ) );
701 vlm_cmd( value( 'vlm_command' ) );