1 <!-- Written by Mike Frysinger <vapier@gmail.com>. Released into the public domain. Suck it. -->
6 <title>Media Player Client</title>
7 <script src='js/tcp-client.js'></script>
8 <script src='js/mpc.js'></script>
9 <script src='main.js'></script>
14 border-collapse: collapse;
29 border: black solid 1px;
32 font-family: sans-serif;
33 background-color: #d0d0d0;
35 table.tabs td.selected {
36 background-color: white;
41 border-left: black solid 1px;
51 /* Get the tabs to float at the bottom */
60 padding-bottom: 1.3em;
79 <div class='main' id='main.controls'>
81 <tr style='whitespace:collapse'>
83 <input type='button' id='previous' value='⇦' accesskey='a'><input type='button' id='play' value='▷' accesskey='s'><input type='button' id='pause' value='◫' accesskey='d'><input type='button' id='stop' value='◻' accesskey='f'><input type='button' id='next' value='⇨' accesskey='g'>
86 <input type='button' id='repeat' value='∞'><input type='button' id='random' value='®'><input type='button' id='single' value='§'><input type='button' id='consume' value='©'>
91 <input type='range' id='setvol' min='0' max='100' value='0'>
94 <input type='range' id='seekcur' min='0' max='100' value='0'>
101 <td id='currtime'></td>
106 <div class='main' id='main.options' style='display: none'>
110 <td><input type='text' id='host'></td>
115 <input type='number' id='port' style='width:60px'>
117 <input type='button' id='connect' value='connect'>
121 <td>Refresh (sec):</td>
123 <input type='number' id='refresh' style='width:40px'>
125 Sync Settings:<input type='checkbox' id='sync' checked>
131 <div class='main' id='main.metadata' style='display: none'>
132 <span id='metadata.artist'></span> -
133 <span id='metadata.album'></span> -
134 <span id='metadata.title'></span><br>
135 <span id='metadata.date'></span><br><br>
136 <span id='metadata.file'></span>
139 <div class='main' id='main.playlist' style='display: none'>
140 <table id='playlist'></table>
148 <td id='tab.controls' class='selected'>Controls</td>
149 <td id='tab.metadata'>Metadata</td>
150 <td id='tab.playlist'>Playlist</td>
151 <td id='tab.options'>Options</td>