metadata: add a bit more info to the tab

[chrome-ext/music-player-client.git] / main.html

diff --git a/main.html b/main.html
index 8f5e3c46165c6e4e434fbe2dbcb2778cf5eae497..1af66ee99690d7f690b85b314d2776bdd4c9c3b7 100644 (file)
--- a/main.html
+++ b/main.html
@@ -90,23 +90,33 @@ div#footer {
 <table>
  <tr>
   <td>Host:</td>
 <table>
  <tr>
   <td>Host:</td>

-  <td><input type='text' id='host' value='192.168.0.2'></td>
+  <td><input type='text' id='host'></td>

  </tr>
  <tr>
   <td>Port:</td>
  </tr>
  <tr>
   <td>Port:</td>

-  <td><input type='number' id='port' value='6600'></td>
- </tr>
- <tr>

   <td colspan=2>
   <td colspan=2>

+   <input type='number' id='port' style='width:60px'>
+   &nbsp;&nbsp;&nbsp;

    <input type='button' id='connect' value='connect'>
    <input type='button' id='connect' value='connect'>

+  </td>
+ </tr>
+ <tr>
+  <td>Refresh (sec):</td>
+  <td>
+   <input type='number' id='refresh' style='width:40px'>

    &nbsp;&nbsp;&nbsp;
    &nbsp;&nbsp;&nbsp;

-   Sync Settings:<input type='checkbox' id='sync' checked></td>
+   Sync Settings:<input type='checkbox' id='sync' checked>
+  </td>

  </tr>
 </table>
 </div>
 
 <div class='main' id='main.metadata' style='display: none'>
  </tr>
 </table>
 </div>
 
 <div class='main' id='main.metadata' style='display: none'>

-<div id='metadata'></div>
+<span id='metadata.artist'></span> -
+<span id='metadata.album'></span> -
+<span id='metadata.title'></span><br>
+<span id='metadata.date'></span><br><br>
+<span id='metadata.file'></span>

 </div>
 
 </div>
 </div>
 
 </div>