* http interface: changed index.html for new seek function. small change

  		   in css.

diff --git a/share/http/index.html b/share/http/index.html
index e7df9c21154ce07fb99a8c738293a3635929cdbf..06084ee517958c5d985e8b80229a7db42110c5a4 100644 (file)
--- a/share/http/index.html
+++ b/share/http/index.html
@@ -17,25 +17,30 @@
     <h2>
      <a href="http://www.videolan.org">VLC Media Player <vlc id="value" param1="version" /></a> (http interface)</h2>
     <div class="sectitle">Control VLC</div>
-    <div class="section">   
+    <div class="section">
      <table class="add">
+      <tr>
+       <td colspan="1">Current State: <vlc id="value" param1="stream_state" /></td>
+       <td colspan="0" align="right"><a href="info.html">Information</a> <a href="admin/">Administration</a></td>
+      </tr>
+      <tr><td> </td></tr>
       <tr>
        <form method="get" action="">
-        <td><input type="submit" name="control" value="stop" /></td>
-        <td><input type="submit" name="control" value="pause" /></td>
-        <td><input type="submit" name="control" value="previous" /></td>
-        <td><input type="submit" name="control" value="next" /></td>
-        <td><input type="submit" name="control" value="fullscreen" /></td>
-        <td><a href="info.html">Information</a></td>
-        <td><a href="admin/">Administration</a></td>
-       </form>
-       <form>
-        <td colspan="0" align="right">Current Volume: <vlc id="value" param1="volume" /> <input type="text" name="value" size="5"><input type="hidden" name="control" value="volume"><input type="submit" name="Set" value="Set"></td>
+        <td colspan="5">
+         <input type="submit" name="control" value="stop" />
+         <input type="submit" name="control" value="pause" />
+         <input type="submit" name="control" value="previous" />
+         <input type="submit" name="control" value="next" />
+         <input type="submit" name="control" value="fullscreen" />
+        </td>
+        <td colspan="0" align="right">
+         Current Volume: <vlc id="value" param1="volume" /> <input type="text" name="value" size="5"><input type="hidden" name="control" value="volume"><input type="submit" name="Set" value="Set">
+        </td>
        </form>
       </tr>
       <tr>
        <form>
-        <td colspan="5">Seek (in percentage): <input type="text" name="percent" size="3">%<input type="submit" name="control" value="seek"></td>
+        <td colspan="8"><input type="submit" name="seek_value" value="-1min"><input type="text" name="seek_value" size="12"><input type="hidden" name="control" value="seek"><input type="submit" name="seek_value" value="+1min"> ( Seek Textbox: for example "+12min 42sec", "01:13:43", "-12%" etc... )</td>
        </form>
       </tr>
      </table>
@@ -46,13 +51,11 @@
       <table class="add">
        <tr>
         <td>Add a MRL (Media Resource Locator) to the playlist</td>
-        <td><input type="text" name="mrl" size="40" /></td>
-        <td><input type="submit" name="control" value="add" /></td>
+        <td><input type="text" name="mrl" size="40" /><input type="submit" name="control" value="add" /></td>
        </tr>
        <tr>
         <td>Stream Output:</td>
-        <td><input type="text" name="sout" size="40" value="<vlc id="get" param1="sout" param2="string" />" /></td>
-        <td><input type="submit" name="control" value="sout" /></td>
+        <td><input type="text" name="sout" size="40" value="<vlc id="get" param1="sout" param2="string" />" /><input type="submit" name="control" value="sout" /></td>
        </tr>
       </table>
      </form>

diff --git a/share/http/style.css b/share/http/style.css
index 7f532835e1044f140ea8100755f709594009fb4f..8704735d3b11cb40b10030246b24df90db1ecb13 100644 (file)
--- a/share/http/style.css
+++ b/share/http/style.css
@@ -2,17 +2,15 @@ body {font-family:Verdana, Arial, Sans Serif; }
 h2 { text-align:center; }
 h3 { text-align:left; }
 table {width:100%;}
-table.add {width:70%;}
+table.add {width:100%;}
 div.section {background-color:#DDDDFF;
      border:1pt black solid;
-     margin-bottom:2em; 
+     margin-bottom:2em;
      padding:0.5em;}
-div.sectitle { background-color:#5A5ABB; 
+div.sectitle {background-color:#5A5ABB;
         color:#FFFFFF;
         border:1pt black solid;
-        width:20%;
+        width:8em;
         font-weight:bold;}
 tr.ligne1 { background-color:#EEEEFF; }
 tr.ligne2 { background-color:#CCCCFF; }
-
-