git.sesse.net Git - vlc/blob - share/http/js/functions.js

   1 /*****************************************************************************
   2  * functions.js: VLC media player web interface
   3  *****************************************************************************
   4  * Copyright (C) 2005-2006 the VideoLAN team
   5  * $Id$
   6  *
   7  * Authors: Antoine Cellerier <dionoea -at- videolan -dot- org>
   8  *
   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.
  13  *
  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.
  18  *
  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  *****************************************************************************/
  23
  24 /**********************************************************************
  25  * Global variables
  26  *********************************************************************/
  27
  28 var old_time = 0;
  29 var pl_cur_id;
  30
  31 /**********************************************************************
  32  * Slider functions
  33  *********************************************************************/
  34
  35 var slider_mouse_down = 0;
  36 var slider_dx = 0;
  37
  38 /* findPosX() from http://www.quirksmode.rg/js/indpos.html */
  39 function findPosX(obj)
  40 {
  41     var curleft = 0;
  42     if (obj.offsetParent)
  43     {
  44         while (obj.offsetParent)
  45         {
  46             curleft += obj.offsetLeft
  47             obj = obj.offsetParent;
  48         }
  49     }
  50     else if (obj.x)
  51         curleft += obj.x;
  52     return curleft;
  53 }
  54
  55 function slider_seek( e, bar )
  56 {
  57     seek(Math.floor(( e.clientX + document.body.scrollLeft - findPosX( bar )) / 4)+"%25");
  58 }
  59 function slider_down( e, point )
  60 {
  61     slider_mouse_down = 1;
  62     slider_dx = e.clientX - findPosX( point );
  63 }
  64 function slider_up( e, bar )
  65 {
  66     slider_mouse_down = 0;
  67     /* slider_seek( e, bar ); */
  68 }
  69 function slider_move( e, bar )
  70 {
  71     if( slider_mouse_down == 1 )
  72     {
  73         var slider_position  = Math.floor( e.clientX - slider_dx + document.body.scrollLeft - findPosX( bar ));
  74         document.getElementById( 'main_slider_point' ).style.left = slider_position+"px";
  75         slider_seek( e, bar );
  76     }
  77 }
  78
  79 /**********************************************************************
  80  * Misc utils
  81  *********************************************************************/
  82
  83 /* XMLHttpRequest wrapper */
  84 function loadXMLDoc( url, callback )
  85 {
  86   // branch for native XMLHttpRequest object
  87   if ( window.XMLHttpRequest )
  88   {
  89     req = new XMLHttpRequest();
  90     req.onreadystatechange = callback;
  91     req.open( "GET", url, true );
  92     req.send( null );
  93   // branch for IE/Windows ActiveX version
  94   }
  95   else if ( window.ActiveXObject )
  96   {
  97     req = new ActiveXObject( "Microsoft.XMLHTTP" );
  98     if ( req )
  99     {
 100       req.onreadystatechange = callback;
 101       req.open( "GET", url, true );
 102       req.send();
 103     }
 104   }
 105 }
 106
 107 /* fomat time in second as hh:mm:ss */
 108 function format_time( s )
 109 {
 110     var hours = Math.floor(s/3600);
 111     var minutes = Math.floor((s/60)%60);
 112     var seconds = Math.floor(s%60);
 113     if( hours < 10 ) hours = "0"+hours;
 114     if( minutes < 10 ) minutes = "0"+minutes;
 115     if( seconds < 10 ) seconds = "0"+seconds;
 116     return hours+":"+minutes+":"+seconds;
 117 }
 118
 119 /* delete all a tag's children and add a text child node */
 120 function set_text( id, val )
 121 {
 122     var elt = document.getElementById( id );
 123     while( elt.hasChildNodes() )
 124         elt.removeChild( elt.firstChild );
 125     elt.appendChild( document.createTextNode( val ) );
 126 }
 127
 128 /* set item's 'element' attribute to value */
 129 function set_css( item, element, value )
 130 {
 131     for( var j = 0; j < document.styleSheets.length; j++ )
 132     {
 133         cssRules = document.styleSheets[j].cssRules;
 134         for( var i = 0; i < cssRules.length; i++)
 135         {
 136             if( cssRules[i].selectorText == item )
 137             {
 138                 cssRules[i].style.setProperty( element, value, null );
 139                 return;
 140             }
 141         }
 142     }
 143 }
 144
 145 /* get item's 'element' attribute */
 146 function get_css( item, element )
 147 {
 148     for( var j = 0; j < document.styleSheets.length; j++ )
 149     {
 150         cssRules = document.styleSheets[j].cssRules;
 151         for( var i = 0; i < cssRules.length; i++)
 152         {
 153             if( cssRules[i].selectorText == item )
 154             {
 155                 return cssRules[i].style.getPropertyValue( element );
 156             }
 157         }
 158     }
 159 }
 160
 161 function toggle_show( id )
 162 {
 163     var element = document.getElementById( id );
 164     if( element.style.display == 'block' || element.style.display == '' )
 165     {
 166         element.style.display = 'none';
 167     }
 168     else
 169     {
 170         element.style.display = 'block';
 171     }
 172 }
 173 function toggle_show_node( id )
 174 {
 175     var element = document.getElementById( 'pl_'+id );
 176     var img = document.getElementById( 'pl_img_'+id );
 177     if( element.style.display == 'block' || element.style.display == '' )
 178     {
 179         element.style.display = 'none';
 180         img.setAttribute( 'src', 'images/plus.png' );
 181         img.setAttribute( 'alt', '[+]' );
 182     }
 183     else
 184     {
 185         element.style.display = 'block';
 186         img.setAttribute( 'src', 'images/minus.png' );
 187         img.setAttribute( 'alt', '[-]' );
 188     }
 189 }
 190
 191 function show( id ){ document.getElementById( id ).style.display = 'block'; }
 192
 193 function hide( id ){ document.getElementById( id ).style.display = 'none'; }
 194
 195 function checked( id ){ return document.getElementById( id ).checked; }
 196
 197 function value( id ){ return document.getElementById( id ).value; }
 198
 199 function radio_value( name )
 200 {
 201     var radio = document.getElementsByName( name );
 202     for( var i = 0; i < radio.length; i++ )
 203     {
 204         if( radio[i].checked )
 205         {
 206             return radio[i].value;
 207         }
 208     }
 209     return "";
 210 }
 211
 212 function check_and_replace_int( id, val )
 213 {
 214     var objRegExp = /^\d\d*$/;
 215     if( value( id ) != ''
 216         && ( !objRegExp.test( value( id ) )
 217              || parseInt( value( id ) ) < 1 ) )
 218         document.getElementById( id ).value = val;
 219 }
 220
 221 function addslashes( str ){ return str.replace(/\'/g, '\\\''); }
 222 function escapebackslashes( str ){ return str.replace(/\\[^']/g, '\\\\'); }
 223
 224 function disable( id ){ document.getElementById( id ).disabled = true; }
 225
 226 function enable( id ){ document.getElementById( id ).disabled = false; }
 227
 228 function button_over( element ){ element.style.border = "1px solid #000"; }
 229
 230 function button_out( element ){ element.style.border = "1px solid #fff"; }
 231 function button_out_menu( element ){ element.style.border = "1px solid transparent"; }
 232
 233 function show_menu( id ){ document.getElementById(id).style.display = 'block'; }
 234 function hide_menu( id ){ document.getElementById(id).style.display = 'none'; }
 235
 236 /* toggle show help under the buttons */
 237 function toggle_btn_text()
 238 {
 239     if( get_css( '.btn_text', 'display' ) == 'none' )
 240     {
 241         set_css( '.btn_text', 'display', 'block' );
 242     }
 243     else
 244     {
 245         set_css( '.btn_text', 'display', 'none' );
 246     }
 247 }
 248
 249 function clear_children( elt )
 250 {
 251     if( elt )
 252         while( elt.hasChildNodes() )
 253             elt.removeChild( elt.firstChild );
 254 }
 255
 256 /**********************************************************************
 257  * Interface actions
 258  *********************************************************************/
 259 /* input actions */
 260 function in_play()
 261 {
 262     var input = value('input_mrl');
 263     if( value('sout_mrl') != '' )
 264         input += ' '+value('sout_mrl');
 265     var url = 'requests/status.xml?command=in_play&input='+escape( input );
 266     loadXMLDoc( url, parse_status );
 267     setTimeout( 'update_playlist()', 1000 );
 268 }
 269 function in_enqueue()
 270 {
 271     var input = value('input_mrl');
 272     if( value('sout_mrl') != '' )
 273         input += ' '+value('sout_mrl');
 274     var url = 'requests/status.xml?command=in_enqueue&input='+escape( input );
 275     loadXMLDoc( url, parse_status );
 276     setTimeout( 'update_playlist()', 1000 );
 277 }
 278
 279 /* playlist actions */
 280 function pl_play( id )
 281 {
 282     loadXMLDoc( 'requests/status.xml?command=pl_play&id='+id, parse_status );
 283     pl_cur_id = id;
 284     setTimeout( 'update_playlist()', 1000 );
 285 }
 286 function pl_pause()
 287 {
 288     loadXMLDoc( 'requests/status.xml?command=pl_pause&id='+pl_cur_id, parse_status );
 289 }
 290 function pl_stop()
 291 {
 292     loadXMLDoc( 'requests/status.xml?command=pl_stop', parse_status );
 293     setTimeout( 'update_playlist()', 1000 );
 294 }
 295 function pl_next()
 296 {
 297     loadXMLDoc( 'requests/status.xml?command=pl_next', parse_status );
 298     setTimeout( 'update_playlist()', 1000 );
 299 }
 300 function pl_previous()
 301 {
 302     loadXMLDoc( 'requests/status.xml?command=pl_previous', parse_status );
 303     setTimeout( 'update_playlist()', 1000 );
 304 }
 305 function pl_delete( id )
 306 {
 307     loadXMLDoc( 'requests/status.xml?command=pl_delete&id='+id, parse_status );
 308     setTimeout( 'update_playlist()', 1000 );
 309 }
 310 function pl_empty()
 311 {
 312     loadXMLDoc( 'requests/status.xml?command=pl_empty', parse_status );
 313     setTimeout( 'update_playlist()', 1000 );
 314 }
 315 function pl_sort( sort, order )
 316 {
 317     loadXMLDoc( 'requests/status.xml?command=pl_sort&id='+order+'&val='+sort, parse_status );
 318     setTimeout( 'update_playlist()', 1000 );
 319 }
 320 function pl_shuffle()
 321 {
 322     loadXMLDoc( 'requests/status.xml?command=pl_random', parse_status );
 323     setTimeout( 'update_playlist()', 1000 );
 324 }
 325 function pl_loop()
 326 {
 327     loadXMLDoc( 'requests/status.xml?command=pl_loop', parse_status );
 328 }
 329 function pl_repeat()
 330 {
 331     loadXMLDoc( 'requests/status.xml?command=pl_repeat', parse_status );
 332 }
 333 function pl_sd( value )
 334 {
 335     loadXMLDoc( 'requests/status.xml?command=pl_sd&val='+value, parse_status );
 336 }
 337
 338 /* misc actions */
 339 function volume_down()
 340 {
 341     loadXMLDoc( 'requests/status.xml?command=volume&val=-20', parse_status );
 342 }
 343 function volume_up()
 344 {
 345     loadXMLDoc( 'requests/status.xml?command=volume&val=%2B20', parse_status );
 346 }
 347 function seek( pos )
 348 {
 349     loadXMLDoc( 'requests/status.xml?command=seek&val='+pos, parse_status );
 350 }
 351 function fullscreen()
 352 {
 353     loadXMLDoc( 'requests/status.xml?command=fullscreen', parse_status );
 354 }
 355 function update_status()
 356 {
 357     loadXMLDoc( 'requests/status.xml', parse_status );
 358 }
 359 function update_playlist()
 360 {
 361     loadXMLDoc( 'requests/playlist.xml', parse_playlist );
 362 }
 363
 364 /**********************************************************************
 365  * Parse xml replies to XMLHttpRequests
 366  *********************************************************************/
 367 /* parse request/status.xml */
 368 function parse_status()
 369 {
 370     if( req.readyState == 4 )
 371     {
 372         if( req.status == 200 )
 373         {
 374             var status = req.responseXML.documentElement;
 375             var timetag = status.getElementsByTagName( 'time' );
 376             if( timetag.length > 0 )
 377             {
 378                 var new_time = timetag[0].firstChild.data;
 379             }
 380             else
 381             {
 382                 new_time = old_time;
 383             }
 384             var lengthtag = status.getElementsByTagName( 'length' );
 385             var length;
 386             if( lengthtag.length > 0 )
 387             {
 388                 length = lengthtag[0].firstChild.data;
 389             }
 390             else
 391             {
 392                 length = 0;
 393             }
 394             var slider_position;
 395             positiontag = status.getElementsByTagName( 'position' );
 396             if( length < 100 && positiontag.length > 0 )
 397             {
 398                 slider_position = ( positiontag[0].firstChild.data * 4 ) + "px";
 399             }
 400             else if( length > 0 )
 401             {
 402                 /* this is more precise if length > 100 */
 403                 slider_position = Math.floor( ( new_time * 400 ) / length ) + "px";
 404             }
 405             else
 406             {
 407                 slider_position = 0;
 408             }
 409             if( old_time > new_time )
 410                 setTimeout('update_playlist()',50);
 411             old_time = new_time;
 412             set_text( 'time', format_time( new_time ) );
 413             set_text( 'length', format_time( length ) );
 414             if( status.getElementsByTagName( 'volume' ).length != 0 )
 415                 set_text( 'volume', Math.floor(status.getElementsByTagName( 'volume' )[0].firstChild.data/5.12)+'%' );
 416             var statetag = status.getElementsByTagName( 'state' );
 417             if( statetag.length > 0 )
 418             {
 419                 set_text( 'state', statetag[0].firstChild.data );
 420             }
 421             else
 422             {
 423                 set_text( 'state', '(?)' );
 424             }
 425             if( slider_mouse_down == 0 )
 426             {
 427                 document.getElementById( 'main_slider_point' ).style.left = slider_position;
 428             }
 429             var statustag = status.getElementsByTagName( 'state' );
 430             if( statustag.length > 0 ? statustag[0].firstChild.data == "playing" : 0 )
 431             {
 432                 document.getElementById( 'btn_pause_img' ).setAttribute( 'src', 'images/pause.png' );
 433                 document.getElementById( 'btn_pause_img' ).setAttribute( 'alt', 'Pause' );
 434                 document.getElementById( 'btn_pause' ).setAttribute( 'title', 'Pause' );
 435             }
 436             else
 437             {
 438                 document.getElementById( 'btn_pause_img' ).setAttribute( 'src', 'images/play.png' );
 439                 document.getElementById( 'btn_pause_img' ).setAttribute( 'alt', 'Play' );
 440                 document.getElementById( 'btn_pause' ).setAttribute( 'title', 'Play' );
 441             }
 442
 443             if( status.getElementsByTagName( 'random' )[0].firstChild.data == "1" )
 444                 document.getElementById( 'btn_shuffle').setAttribute( 'class', 'on' );
 445             else
 446                 document.getElementById( 'btn_shuffle').setAttribute( 'class', 'off' );
 447             if( status.getElementsByTagName( 'loop' )[0].firstChild.data == "1" )
 448                 document.getElementById( 'btn_loop').setAttribute( 'class', 'on' );
 449             else
 450                 document.getElementById( 'btn_loop').setAttribute( 'class', 'off' );
 451             if( status.getElementsByTagName( 'repeat' )[0].firstChild.data == "1" )
 452                 document.getElementById( 'btn_repeat').setAttribute( 'class', 'on' );
 453             else
 454                 document.getElementById( 'btn_repeat').setAttribute( 'class', 'off' );
 455
 456             var tree = document.createElement( "ul" );
 457             var categories = status.getElementsByTagName( 'category' );
 458             var i;
 459             for( i = 0; i < categories.length; i++ )
 460             {
 461                 var item = document.createElement( "li" );
 462                 item.appendChild( document.createTextNode( categories[i].getAttribute( 'name' ) ) );
 463                 var subtree = document.createElement( "dl" );
 464                 var infos = categories[i].getElementsByTagName( 'info' );
 465                 var j;
 466                 for( j = 0; j < infos.length; j++ )
 467                 {
 468                     var subitem = document.createElement( "dt" );
 469                     subitem.appendChild( document.createTextNode( infos[j].getAttribute( 'name' ) ) );
 470                     subtree.appendChild( subitem );
 471                     if( infos[j].hasChildNodes() )
 472                     {
 473                         var subitem = document.createElement( "dd" );
 474                         subitem.appendChild( document.createTextNode( infos[j].firstChild.data ) );
 475                         subtree.appendChild( subitem );
 476                     }
 477                 }
 478                 item.appendChild( subtree );
 479                 tree.appendChild( item );
 480             }
 481             var infotree = document.getElementById('infotree' );
 482             clear_children( infotree );
 483             infotree.appendChild( tree );
 484
 485         }
 486         else
 487         {
 488             /*alert( 'Error! HTTP server replied: ' + req.status );*/
 489         }
 490     }
 491 }
 492
 493 /* parse playlist.xml */
 494 function parse_playlist()
 495 {
 496     if( req.readyState == 4 )
 497     {
 498         if( req.status == 200 )
 499         {
 500             var answer = req.responseXML.documentElement;
 501             var playtree = document.getElementById( 'playtree' );
 502             var pos = document.createElement( "div" );
 503             var pos_top = pos;
 504             var elt = answer.firstChild;
 505
 506             pl_cur_id = 0;  /* changed to the current id is there actually
 507                              * is a current id */
 508             while( elt )
 509             {
 510                 if( elt.nodeName == "node" )
 511                 {
 512                     if( pos.hasChildNodes() )
 513                         pos.appendChild( document.createElement( "br" ) );
 514                     var nda = document.createElement( 'a' );
 515                     nda.setAttribute( 'href', 'javascript:toggle_show_node(\''+elt.getAttribute( 'id' )+'\');' );
 516                     var ndai = document.createElement( 'img' );
 517                     ndai.setAttribute( 'src', 'images/minus.png' );
 518                     ndai.setAttribute( 'alt', '[-]' );
 519                     ndai.setAttribute( 'id', 'pl_img_'+elt.getAttribute( 'id' ) );
 520                     nda.appendChild( ndai );
 521                     pos.appendChild( nda );
 522                     pos.appendChild( document.createTextNode( ' ' + elt.getAttribute( 'name' ) ) );
 523
 524                     if( elt.getAttribute( 'ro' ) == 'rw' )
 525                     {
 526                         pos.appendChild( document.createTextNode( ' ' ) );
 527                         var del = document.createElement( "a" );
 528                         del.setAttribute( 'href', 'javascript:pl_delete('+elt.getAttribute( 'id' )+')' );
 529                             var delimg = document.createElement( "img" );
 530                             delimg.setAttribute( 'src', 'images/delete_small.png' );
 531                             delimg.setAttribute( 'alt', '(delete)' );
 532                         del.appendChild( delimg );
 533                         pos.appendChild( del );
 534                     }
 535
 536                     var nd = document.createElement( "div" );
 537                     nd.setAttribute( 'class', 'pl_node' );
 538                     nd.setAttribute( 'id', 'pl_'+elt.getAttribute( 'id' ) );
 539                     pos.appendChild( nd );
 540                 }
 541                 else if( elt.nodeName == "leaf" )
 542                 {
 543                     if( pos.hasChildNodes() )
 544                     pos.appendChild( document.createElement( "br" ) );
 545                     var pl = document.createElement( "a" );
 546                     pl.setAttribute( 'class', 'pl_leaf' );
 547                     pl.setAttribute( 'href', 'javascript:pl_play('+elt.getAttribute( 'id' )+');' );
 548                     pl.setAttribute( 'id', 'pl_'+elt.getAttribute( 'id' ) );
 549                     if( elt.getAttribute( 'current' ) == 'current' )
 550                     {
 551                         pl.setAttribute( 'style', 'font-weight: bold;' );
 552                         var nowplaying = document.getElementById( 'nowplaying' );
 553                         clear_children( nowplaying );
 554                         nowplaying.appendChild( document.createTextNode( elt.getAttribute( 'name' ) ) );
 555                         pl.appendChild( document.createTextNode( '* '));
 556                         pl_cur_id = elt.getAttribute( 'id' );
 557                     }
 558                     pl.setAttribute( 'title', elt.getAttribute( 'uri' ));
 559                     pl.appendChild( document.createTextNode( elt.getAttribute( 'name' ) ) );
 560                     var duration = elt.getAttribute( 'duration' );
 561                     if( duration > 0 )
 562                         pl.appendChild( document.createTextNode( " (" + format_time( elt.getAttribute( 'duration' ) / 1000000 ) + ")" ) );
 563                     pos.appendChild( pl );
 564
 565                     if( elt.getAttribute( 'ro' ) == 'rw' )
 566                     {
 567                         pos.appendChild( document.createTextNode( ' ' ) );
 568                         var del = document.createElement( "a" );
 569                         del.setAttribute( 'href', 'javascript:pl_delete('+elt.getAttribute( 'id' )+')' );
 570                             var delimg = document.createElement( "img" );
 571                             delimg.setAttribute( 'src', 'images/delete_small.png' );
 572                             delimg.setAttribute( 'alt', '(delete)' );
 573                         del.appendChild( delimg );
 574                         pos.appendChild( del );
 575                     }
 576                 }
 577                 if( elt.firstChild )
 578                 {
 579                     elt = elt.firstChild;
 580                     pos = pos.lastChild;
 581                 }
 582                 else if( elt.nextSibling )
 583                 {
 584                     elt = elt.nextSibling;
 585                     pos = pos;
 586                 }
 587                 else
 588                 {
 589                     while( ! elt.parentNode.nextSibling )
 590                     {
 591                         elt = elt.parentNode;
 592                         if( ! elt.parentNode ) break;
 593                     }
 594                     if( ! elt.parentNode ) break;
 595                     elt = elt.parentNode.nextSibling;
 596                     pos = pos.parentNode;
 597                 }
 598             }
 599             clear_children( playtree );
 600             playtree.appendChild( pos_top );
 601         }
 602         else
 603         {
 604             /*alert( 'Error! HTTP server replied: ' + req.status );*/
 605         }
 606     }
 607 }
 608
 609 /* parse browse.xml */
 610 function parse_browse_dir( )
 611 {
 612     if( req.readyState == 4 )
 613     {
 614         if( req.status == 200 )
 615         {
 616             var answer = req.responseXML.documentElement;
 617             if( !answer ) return;
 618             var browser = document.getElementById( 'browser' );
 619             var pos = document.createElement( "div" );
 620             var elt = answer.firstChild;
 621             while( elt )
 622             {
 623                 if( elt.nodeName == "element" )
 624                 {
 625                     var item = document.createElement( "a" );
 626                     item.setAttribute( 'class', 'browser' );
 627                     if( elt.getAttribute( 'type' ) == 'directory' )
 628                     {
 629                         item.setAttribute( 'href', 'javascript:browse_dir(\''+escapebackslashes(addslashes(elt.getAttribute( 'path' )))+'\');');
 630                     }
 631                     else
 632                     {
 633                         item.setAttribute( 'href', 'javascript:browse_path(\''+escapebackslashes(addslashes(elt.getAttribute( 'path' )))+'\');' );
 634                     }
 635                     item.appendChild( document.createTextNode( elt.getAttribute( 'name' ) ) );
 636                     pos.appendChild( item );
 637                     if( elt.getAttribute( 'type' ) == 'directory' )
 638                     {
 639                         pos.appendChild( document.createTextNode( ' ' ) );
 640                         var item = document.createElement( "a" );
 641                         item.setAttribute( 'class', 'browser' );
 642                         item.setAttribute( 'href', 'javascript:browse_path(\''+escapebackslashes(addslashes(elt.getAttribute( 'path' )))+'\');');
 643                         item.appendChild( document.createTextNode( '(select)' ) );
 644                         pos.appendChild( item );
 645                     }
 646                     pos.appendChild( document.createElement( "br" ) );
 647                 }
 648                 elt = elt.nextSibling;
 649             }
 650             clear_children( browser );
 651             browser.appendChild( pos );
 652         }
 653         else
 654         {
 655             /*alert( 'Error! HTTP server replied: ' + req.status );*/
 656         }
 657     }
 658 }
 659
 660 /**********************************************************************
 661  * Input dialog functions
 662  *********************************************************************/
 663 function hide_input( )
 664 {
 665     document.getElementById( 'input_file' ).style.display = 'none';
 666     document.getElementById( 'input_disc' ).style.display = 'none';
 667     document.getElementById( 'input_network' ).style.display = 'none';
 668 }
 669
 670 /* update the input MRL using data from the input file helper */
 671 /* FIXME ... subs support */
 672 function update_input_file()
 673 {
 674     var mrl = document.getElementById( 'input_mrl' );
 675
 676     mrl.value = value( 'input_file_filename' );
 677 }
 678
 679 /* update the input MRL using data from the input disc helper */
 680 function update_input_disc()
 681 {
 682     var mrl = document.getElementById( 'input_mrl' );
 683     var type = radio_value( "input_disc_type" );
 684     var device = value( "input_disc_dev" );
 685
 686     check_and_replace_int( 'input_disc_title', 0 );
 687     check_and_replace_int( 'input_disc_chapter', 0 );
 688     check_and_replace_int( 'input_disc_subtrack', '' );
 689     check_and_replace_int( 'input_disc_audiotrack', 0 );
 690
 691     var title = value( 'input_disc_title' );
 692     var chapter = value( 'input_disc_chapter' );
 693     var subs = value( 'input_disc_subtrack' );
 694     var audio = value( 'input_disc_audiotrack' );
 695
 696     mrl.value = "";
 697
 698     if( type == "dvd" )
 699     {
 700         mrl.value += "dvd://";
 701     }
 702     else if( type == "dvdsimple" )
 703     {
 704         mrl.value += "dvdsimple://";
 705     }
 706     else if( type == "vcd" )
 707     {
 708         mrl.value += "vcd://";
 709     }
 710     else if( type == "cdda" )
 711     {
 712         mrl.value += "cdda://";
 713     }
 714
 715     mrl.value += device;
 716
 717     if( title )
 718     {
 719         mrl.value += "@"+title;
 720         if( chapter && type != "cdda" )
 721             mrl.value += ":"+chapter;
 722     }
 723
 724     if( type != "cdda" )
 725     {
 726         if( subs != '' )
 727             mrl.value += " :sub-track="+subs;
 728         if( audio != '' )
 729             mrl.value += " :audio-track="+audio;
 730     }
 731
 732 }
 733
 734 /* update the input MRL using data from the input network helper */
 735 function update_input_net()
 736 {
 737     var mrl = document.getElementById( 'input_mrl' );
 738     var type = radio_value( "input_net_type" );
 739
 740     check_and_replace_int( 'input_net_udp_port', 1234 );
 741     check_and_replace_int( 'input_net_udpmcast_port', 1234 );
 742
 743     mrl.value = "";
 744
 745     if( type == "udp" )
 746     {
 747         mrl.value += "udp://";
 748         if( checked( 'input_net_udp_forceipv6' ) )
 749             mrl.value += "[::]";
 750         if( value( 'input_net_udp_port' ) )
 751             mrl.value += ":"+value( 'input_net_udp_port' );
 752     }
 753     else if( type == "udpmcast" )
 754     {
 755         mrl.value += "udp://@"+value( 'input_net_udpmcast_address');
 756         if( value( 'input_net_udpmcast_port' ) )
 757             mrl.value += ":"+value( 'input_net_udpmcast_port' );
 758     }
 759     else if( type == "http" )
 760     {
 761         var url = value( 'input_net_http_url' );
 762         if( url.substring(0,7) != "http://"
 763             && url.substring(0,8) != "https://"
 764             && url.substring(0,6) != "ftp://"
 765             && url.substring(0,6) != "mms://"
 766             && url.substring(0,7) != "mmsh://" )
 767             mrl.value += "http://";
 768         mrl.value += url;
 769     }
 770     else if( type == "rtsp" )
 771     {
 772         var url = value( 'input_net_rtsp_url' );
 773         if( url.substring(0,7) != "rtsp://" )
 774             mrl.value += "rtsp://";
 775         mrl.value += url;
 776     }
 777
 778     if( checked( "input_net_timeshift" ) )
 779         mrl.value += " :access-filter=timeshift";
 780 }
 781
 782 /**********************************************************************
 783  * Sout dialog functions
 784  *********************************************************************/
 785 /* toggle show the full sout interface */
 786 function toggle_show_sout_helper()
 787 {
 788     var element = document.getElementById( "sout_helper" );
 789     if( element.style.display == 'block' )
 790     {
 791         element.style.display = 'none';
 792         document.getElementById( "sout_helper_toggle" ).value = 'Full sout interface';
 793     }
 794     else
 795     {
 796         element.style.display = 'block';
 797         document.getElementById( "sout_helper_toggle" ).value = 'Hide sout interface';
 798     }
 799 }
 800
 801 /* update the sout MRL using data from the sout_helper */
 802 function update_sout()
 803 {
 804     var mrl = document.getElementById( 'sout_mrl' );
 805     mrl.value = "";
 806
 807     check_and_replace_int( 'sout_http_port', 8080 );
 808     check_and_replace_int( 'sout_mmsh_port', 8080 );
 809     check_and_replace_int( 'sout_rtp_port', 1234 );
 810     check_and_replace_int( 'sout_udp_port', 1234 );
 811     check_and_replace_int( 'sout_ttl', 1 );
 812
 813     if( checked( 'sout_soverlay' ) )
 814     {
 815         disable( 'sout_scodec' );
 816         disable( 'sout_sub' );
 817     }
 818     else
 819     {
 820         enable( 'sout_scodec' );
 821         enable( 'sout_sub' );
 822     }
 823
 824     var transcode =  checked( 'sout_vcodec_s' ) || checked( 'sout_acodec_s' )
 825                   || checked( 'sout_sub' )      || checked( 'sout_soverlay' );
 826
 827     if( transcode )
 828     {
 829         mrl.value += ":sout=#transcode{";
 830         var alot = false; /* alot == at least one transcode */
 831         if( checked( 'sout_vcodec_s' ) )
 832         {
 833             mrl.value += "vcodec="+value( 'sout_vcodec' )+",vb="+value( 'sout_vb' )+",scale="+value( 'sout_scale' );
 834             alot = true;
 835         }
 836         if( checked( 'sout_acodec_s' ) )
 837         {
 838             if( alot ) mrl.value += ",";
 839             mrl.value += "acodec="+value( 'sout_acodec' )+",ab="+value( 'sout_ab' );
 840             if( value( 'sout_channels' ) )
 841                 mrl.value += ",channels="+value( 'sout_channels' );
 842             alot = true;
 843         }
 844         if( checked( 'sout_soverlay' ) )
 845         {
 846             if( alot ) mrl.value += ",";
 847             mrl.value += "soverlay";
 848             alot = true;
 849         }
 850         else if( checked( 'sout_sub' ) )
 851         {
 852             if( alot ) mrl.value += ",";
 853             mrl.value += "scodec="+value( 'sout_scodec' );
 854             alot = true;
 855         }
 856         mrl.value += "}";
 857     }
 858
 859     var output = checked( 'sout_display' ) + checked( 'sout_file' )
 860                + checked( 'sout_http' )    + checked( 'sout_mmsh' )
 861                + checked( 'sout_rtp' )     + checked( 'sout_udp' );
 862
 863     if( output )
 864     {
 865         if( transcode )
 866             mrl.value += ":";
 867         else
 868             mrl.value += ":sout=#";
 869         var aloo = false; /* aloo == at least one output */
 870         var mux = radio_value( 'sout_mux' );
 871         var ttl = parseInt( value( 'sout_ttl' ) );
 872         if( output > 1 ) mrl.value += "duplicate{";
 873         if( checked( 'sout_display' ) )
 874         {
 875             if( output > 1 ) mrl.value += "dst="
 876             mrl.value += "display";
 877             aloo = true;
 878         }
 879         if( checked( 'sout_file' ) )
 880         {
 881             if( aloo ) mrl.value += ",";
 882             if( output > 1 ) mrl.value += "dst="
 883             mrl.value += "std{access=file,mux="+mux+",dst="+value( 'sout_file_filename' )+"}";
 884             aloo = true;
 885         }
 886         if( checked( 'sout_http' ) )
 887         {
 888             if( aloo ) mrl.value += ",";
 889             if( output > 1 ) mrl.value += "dst="
 890             mrl.value += "std{access=http,mux="+mux+",dst="+value( 'sout_http_addr' );
 891             if( value( 'sout_http_port' ) )
 892                 mrl.value += ":"+value( 'sout_http_port' );
 893             mrl.value += "}";
 894             aloo = true;
 895         }
 896         if( checked( 'sout_mmsh' ) )
 897         {
 898             if( aloo ) mrl.value += ",";
 899             if( output > 1 ) mrl.value += "dst="
 900             mrl.value += "std{access=mmsh,mux="+mux+",dst="+value( 'sout_mmsh_addr' );
 901             if( value( 'sout_mmsh_port' ) )
 902                 mrl.value += ":"+value( 'sout_mmsh_port' );
 903             mrl.value += "}";
 904             aloo = true;
 905         }
 906         if( checked( 'sout_rtp' ) )
 907         {
 908             if( aloo ) mrl.value += ",";
 909             if( output > 1 ) mrl.value += "dst="
 910             mrl.value += "std{access=rtp";
 911             if( ttl ) mrl.value += "{ttl="+ttl+"}";
 912             mrl.value += ",mux="+mux+",dst="+value( 'sout_rtp_addr' );
 913             if( value( 'sout_rtp_port' ) )
 914                 mrl.value += ":"+value( 'sout_rtp_port' );
 915             if( checked( 'sout_sap' ) )
 916             {
 917                 mrl.value += ",sap";
 918                 if( value( 'sout_sap_group' ) != '' )
 919                 {
 920                     mrl.value += ",group=\""+value( 'sout_sap_group' )+"\"";
 921                 }
 922                 mrl.value += ",name=\""+value( 'sout_sap_name' )+"\"";
 923             }
 924             mrl.value += "}";
 925             aloo = true;
 926         }
 927         if( checked( 'sout_udp' ) )
 928         {
 929             if( aloo ) mrl.value += ",";
 930             if( output > 1 ) mrl.value += "dst="
 931             mrl.value += "std{access=udp";
 932             if( ttl ) mrl.value += "{ttl="+ttl+"}";
 933             mrl.value += ",mux="+mux+",dst="+value( 'sout_udp_addr' );
 934             if( value('sout_udp_port' ) )
 935                 mrl.value += ":"+value( 'sout_udp_port' );
 936             if( checked( 'sout_sap' ) )
 937             {
 938                 mrl.value += ",sap";
 939                 if( value( 'sout_sap_group' ) != '' )
 940                 {
 941                     mrl.value += ",group=\""+value( 'sout_sap_group' )+"\"";
 942                 }
 943                 mrl.value += ",name=\""+value( 'sout_sap_name' )+"\"";
 944             }
 945             mrl.value += "}";
 946             aloo = true;
 947         }
 948         if( output > 1 ) mrl.value += "}";
 949     }
 950
 951     if( ( transcode || output ) && checked( 'sout_all' ) )
 952         mrl.value += " :sout-all";
 953 }
 954
 955 /* reset sout mrl value */
 956 function reset_sout()
 957 {
 958     document.getElementById('sout_mrl').value = value('sout_old_mrl');
 959 }
 960
 961 /* save sout mrl value */
 962 function save_sout()
 963 {
 964     document.getElementById('sout_old_mrl').value = value('sout_mrl');
 965 }
 966
 967 /**********************************************************************
 968  * Browser dialog functions
 969  *********************************************************************/
 970 /* only browse() should be called directly */
 971 function browse( dest )
 972 {
 973     document.getElementById( 'browse_dest' ).value = dest;
 974     document.getElementById( 'browse_lastdir' ).value;
 975     browse_dir( document.getElementById( 'browse_lastdir' ).value );
 976     show( 'browse' );
 977 }
 978 function browse_dir( dir )
 979 {
 980     document.getElementById( 'browse_lastdir' ).value = dir;
 981     loadXMLDoc( 'requests/browse.xml?dir='+escape(dir), parse_browse_dir );
 982 }
 983 function browse_path( p )
 984 {
 985     document.getElementById( value( 'browse_dest' ) ).value = p;
 986     hide( 'browse' );
 987     document.getElementById( value( 'browse_dest' ) ).focus();
 988 }
 989
 990 /**********************************************************************
 991  * Periodically update stuff in the interface
 992  *********************************************************************/
 993 function loop_refresh_status()
 994 {
 995     setTimeout( 'loop_refresh_status()', 1000 );
 996     update_status();
 997 }
 998 function loop_refresh_playlist()
 999 {
1000     /* setTimeout( 'loop_refresh_playlist()', 10000 ); */
1001     update_playlist();
1002 }
1003 function loop_refresh()
1004 {
1005     setTimeout( 'loop_refresh_status()', 1 );
1006     setTimeout( 'loop_refresh_playlist()', 1 );
1007 }
1008