X-Git-Url: https://git.wh0rd.org/?p=chrome-ext%2Fmusic-player-client.git;a=blobdiff_plain;f=main.html;h=4305f7d66451997a676654292f83d9fe7a1f434d;hp=8f5e3c46165c6e4e434fbe2dbcb2778cf5eae497;hb=ea38f3edda02edbdbc0b3f46d58f2d2ba2795f37;hpb=50dafc4c60cfd4183bdedcd86fcd9b6b932c6a0b;ds=sidebyside

diff --git a/main.html b/main.html
index 8f5e3c4..4305f7d 100644
--- a/main.html
+++ b/main.html
@@ -36,6 +36,11 @@ table.tabs td.selected {
 	background-color: white;
 }
 
+table#playlist td {
+	border-left: black solid 1px;
+	padding-right: 0.5em;
+}
+
 /* Get the tabs to float at the bottom */
 html, body {
 	height: 100%;
@@ -79,9 +84,10 @@ div#footer {
   </td>
  </tr>
  <tr>
-  <td colspan=2>
-   <span id='status'>Loading...</span>
+  <td id='status'>
+   Loading...
   </td>
+  <td id='currtime'></td>
  </tr>
 </table>
 </div>
@@ -90,23 +96,37 @@ div#footer {
 <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>
-  <td><input type='number' id='port' value='6600'></td>
- </tr>
- <tr>
   <td colspan=2>
+   <input type='number' id='port' style='width:60px'>
+   &nbsp;&nbsp;&nbsp;
    <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;
-   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'>
-<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 class='main' id='main.playlist' style='display: none'>
+<table id='playlist'></table>
 </div>
 
 </div>
@@ -116,6 +136,7 @@ div#footer {
  <tr>
   <td id='tab.controls' class='selected'>Controls</td>
   <td id='tab.metadata'>Metadata</td>
+  <td id='tab.playlist'>Playlist</td>
   <td id='tab.options'>Options</td>
  </tr>
 </table>