<?vlc --[[
vim:syntax=html
<!--  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - >
<  vlm: VLC media player web interface - VLM controler
< - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - >
<  Copyright (C) 2005-2006 the VideoLAN team
<  $Id$
< 
<  Authors: Antoine Cellerier <dionoea -at- videolan -dot- org>
< 
<  This program is free software; you can redistribute it and/or modify
<  it under the terms of the GNU General Public License as published by
<  the Free Software Foundation; either version 2 of the License, or
<  (at your option) any later version.
< 
<  This program is distributed in the hope that it will be useful,
<  but WITHOUT ANY WARRANTY; without even the implied warranty of
<  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
<  GNU General Public License for more details.
< 
<  You should have received a copy of the GNU General Public License
<  along with this program; if not, write to the Free Software
<  Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111, USA.
< - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->

This dialog needs the following dialogs to be fully functional: input,
sout and vlmelements .
]]?>

<div id="vlm" class="dialog" >
  <div class="title">
    VLC media player - VLM interface
    <!--
    <button id="btn_toggle_text" onclick="toggle_btn_text();">
      <img src="/images/help.png" alt="Help" />
      Help
    </button>
    -->
  </div>
  <div class="controls">
    <label for="vlm_command">VLM command:</label>
    <input type="text" id="vlm_command" size="60" onkeypress="if( event.keyCode == 13 ) vlm_send();" />
    <input type="button" value="Send" onclick="vlm_send();" />
    <br />
    <span id="vlm_error"></span>
    <br />
    <span id="vlm_helper_controls">
      <button id="btn_broadcast" onclick="hide_vlm_add();show('vlm_add_broadcast');update_vlm_add_broadcast();" onmouseover="button_over(this);" onmouseout="button_out(this);">
        Broadcast
      </button>
      <button id="btn_vod" onclick="hide_vlm_add();show('vlm_add_vod');update_vlm_add_vod();" onmouseover="button_over(this);" onmouseout="button_out(this);">
        Video on Demand
      </button>
      <button id="btn_schedule" onclick="hide_vlm_add();show('vlm_add_schedule');update_vlm_add_schedule();" onmouseover="button_over(this);" onmouseout="button_out(this);">
        Schedule
      </button>
      <button id="btn_other" onclick="hide_vlm_add();show('vlm_add_other');update_vlm_add_other();" onmouseover="button_over(this);" onmouseout="button_out(this);">
        Other
      </button>
    </span>
    <button id="btn_vlm_helper_toggle" onclick="toggle_show_vlm_helper();" onmouseover="button_over(this);" onmouseout="button_out(this);">
      Hide VLM helper
    </button>
  </div>
  <div id="vlm_helper" class="helper" >
    <div id="vlm_add_broadcast" style="display: block">
      New broadcast element
      <hr />
      <label for="vlm_broadcast_name">Name</label>
      <input type="text" id="vlm_broadcast_name" size="20" onchange="update_vlm_add_broadcast();" />
      <input type="checkbox" id="vlm_broadcast_enabled" onchange="update_vlm_add_broadcast();" />
      <label for="vlm_broadcast_enabled">Enable</label>
      <input type="checkbox" id="vlm_broadcast_loop" onchange="update_vlm_add_broadcast();" />
      <label for="vlm_broadcast_loop">Loop</label>
      <br/>
      <label for="vlm_broadcast_input">Input</label>
      <input type="text" id="vlm_broadcast_input" size="60" onblur="update_vlm_add_broadcast();" />
      <input type="button" value="Edit" onclick="vlm_input_edit('vlm_broadcast_input');" />
      <br/>
      <label for="vlm_broadcast_output">Output</label>
      <input type="text" id="vlm_broadcast_output" size="60" onblur="update_vlm_add_broadcast();" />
      <input type="button" value="Edit" onclick="vlm_output_edit('vlm_broadcast_output');" />
      <br/>
    </div>
    <div id="vlm_add_vod" style="display: none">
      New video on demand element
      <hr />
      <label for="vlm_vod_name">Name</label>
      <input type="text" id="vlm_vod_name" size="20" onchange="update_vlm_add_vod();" />
      <input type="checkbox" id="vlm_vod_enabled" onchange="update_vlm_add_vod();" />
      <label for="vlm_vod_enabled">Enable</label>
      <br/>
      <label for="vlm_vod_input">Input</label>
      <input type="text" id="vlm_vod_input" size="60" onblur="update_vlm_add_vod();" />
      <input type="button" value="Edit" onclick="vlm_input_edit('vlm_vod_input');" />
      <br/>
      <label for="vlm_vod_output">Output (leave empty unless you want to transcode)</label>
      <input type="text" id="vlm_vod_output" size="60" onblur="update_vlm_add_vod();" />
      <input type="button" value="Edit" onclick="vlm_output_edit('vlm_vod_output');" />
      <br/>
    </div>
    <div id="vlm_add_schedule" style="display: none">
      New schedule
      <hr />
      <label for="vlm_schedule_name">Name</label>
      <input type="text" id="vlm_schedule_name" size="20" onchange="update_vlm_add_schedule();" />
      <input type="checkbox" id="vlm_schedule_enabled" onchange="update_vlm_add_schedule();" />
      <label for="vlm_schedule_enabled">Enable</label>
      <br />
      Schedule date:
      <input type="checkbox" id="vlm_schedule_now" onchange="toggle_schedule_date();update_vlm_add_schedule();" />
      <label for="vlm_schedule_now">Now</label>
      <br/>
      <label for="vlm_schedule_year">Year:</label>
      <input type="text" id="vlm_schedule_year" value="1970" size="4" maxlength="4" onchange="update_vlm_add_schedule();" />
      <label for="vlm_schedule_month">Month:</label>
      <input type="text" id="vlm_schedule_month" value="01" size="2" maxlength="2" onchange="update_vlm_add_schedule();" />
      <label for="vlm_schedule_day">Day:</label>
      <input type="text" id="vlm_schedule_day" value="01" size="2" maxlength="2" onchange="update_vlm_add_schedule();" />
      <label for="vlm_schedule_hour">Hour:</label>
      <input type="text" id="vlm_schedule_hour" value="00" size="2" maxlength="2" onchange="update_vlm_add_schedule();" />
      <label for="vlm_schedule_minute">Minute:</label>
      <input type="text" id="vlm_schedule_minute" value="59" size="2" maxlength="2" onchange="update_vlm_add_schedule();" />
      <label for="vlm_schedule_second">Second:</label>
      <input type="text" id="vlm_schedule_second" value="59" size="2" maxlength="2" onchange="update_vlm_add_schedule();" />
      <br/>
      Schedule period:<br/>
      <input type="checkbox" id="vlm_schedule_repeat" onchange="toggle_schedule_repeat();update_vlm_add_schedule();" />
      <label for="vlm_schedule_repeat">Repeat</label>
      <br />
      <label for="vlm_schedule_period_year">Year:</label>
      <input type="text" id="vlm_schedule_period_year" value="0" size="4" disabled="disabled" onchange="update_vlm_add_schedule();" />
      <label for="vlm_schedule_period_month">Month:</label>
      <input type="text" id="vlm_schedule_period_month" value="0" size="2" disabled="disabled" onchange="update_vlm_add_schedule();" />
      <label for="vlm_schedule_period_day">Day:</label>
      <input type="text" id="vlm_schedule_period_day" value="0" size="2" disabled="disabled" onchange="update_vlm_add_schedule();" />
      <label for="vlm_schedule_period_hour">Hour:</label>
      <input type="text" id="vlm_schedule_period_hour" value="0" size="2" disabled="disabled" onchange="update_vlm_add_schedule();" />
      <label for="vlm_schedule_period_minute">Minute:</label>
      <input type="text" id="vlm_schedule_period_minute" value="0" size="4" disabled="disabled" onchange="update_vlm_add_schedule();" />
      <label for="vlm_schedule_period_second">Second:</label>
      <input type="text" id="vlm_schedule_period_second" value="0" size="4" disabled="disabled" onchange="update_vlm_add_schedule();" />
      <br />
      <label for="vlm_schedule_repeat_times">Number of repetitions (use 0 to repeat endlessly):</label>
      <input type="text" id="vlm_schedule_repeat_times" size="8" disabled="disabled" value="0" onchange="update_vlm_add_schedule();" />
    </div>
    <div id="vlm_add_other" style="display: none">
      <input type="button" id="btn_import" onclick="vlm_batch(document.getElementById('vlm_batch_text').value);" value="Send command batch" />
      <input type="button" id="btn_export" onclick="document.location.assign('vlm_export.html');" value="Export VLM commands (new page)" />
      <br/>
      <textarea cols="70" rows="20" id="vlm_batch_text">#paste your VLM commands here</textarea>
    </div>
  </div>
</div>

<div id="vlm_broadcast" class="dialog" >
  <div class="title">
    Broadcast Elements
    <button id="btn_refresh_broadcast" onclick="vlm_get_elements();" title="Refresh" >
      <img src="/old/images/refresh.png" alt="Refresh" />
    </button>
  </div>
  <div id="vlm_broadcast_list" class="list"></div>
</div>

<div id="vlm_vod" class="dialog" >
  <div class="title">
    Video on Demand Elements
    <button id="btn_refresh_vod" onclick="vlm_get_elements();" title="Refresh" >
      <img src="/old/images/refresh.png" alt="Refresh" />
    </button>
  </div>
  <div id="vlm_vod_list" class="list"></div>
</div>

<div id="vlm_schedule" class="dialog" >
  <div class="title">
    Schedule Elements
    <button id="btn_refresh_schedule" onclick="vlm_get_elements();" title="Refresh" >
      <img src="/old/images/refresh.png" alt="Refresh" />
    </button>
  </div>
  <div id="vlm_schedule_list" class="list"></div>
</div>
