LUA MPD Web Interface for OpenWRT/LEDE systems
[mpd-lua.git] / index.html
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de-de" lang="de-de" >
3 <head>
4         <meta http-equiv="content-type" content="text/html; charset=utf-8" />
5         <title>MPD Player</title>
6         <link rel="stylesheet" href="css/general.css" type="text/css" />
7         <script type="text/javascript" src="ajax/mpd.js"></script>
8 </head>
9 <body onload="RefreshPageContent()">
10
11 <div id="frame">
12
13 <div id="playerframe">
14
15 <div id="nowplaying_heading">
16 <table id="heading_tbl">
17 <tr>
18 <td id="left">Now playing</td>
19 <td id="right">
20 <span onclick="RefreshPageContent()"><img class="button" align="right" width="20" src="images/update.png"></span>
21 </td>
22 </tr>
23 </table>
24 </div>
25
26 <div id="nowplaying_content">
27 </div>
28
29 <div id="control_buttons">
30 <table>
31 <tr>
32 <td><span onclick="Command('previous')"><img class="button" src="images/previous.png"></span></td>
33 <td><div id="playpausebutton"><span onclick="Command('pause')"><img class="button" src="images/pause.png"></span></div></td>
34 <td><span onclick="Command('stop')"><img class="button" src="images/stop.png"></span></td>
35 <td><span onclick="Command('next')"><img class="button" src="images/next.png"></span></td>
36 <td><span onclick="Command('repeat')"><div id="repeatstate"><img class="button" src="images/repeaton.png"></div></span></td>
37 </tr>
38 </table>
39 </div>
40
41 <div id="control_volume">
42 <table>
43 <tr>
44 <td><span onclick="Command('vold')"><img class="button" src="images/minus.png"></span></td>
45 <td id="volume_content">Volume:</td><td><div id="volume_total"></div></div></td>
46 <td><span onclick="Command('volu')"><img class="button" src="images/plus.png"></span></td>
47 </tr>
48 </table>
49 </div>
50 </div>
51
52 <div id="playlist">
53
54 <div id="playlist_menu">
55 <table>
56 <tr>
57 <td><span class="button" onclick="EditPlayList()"><img width="20" src="images/songs.png"></span><td>
58 <td><span class="button" onclick="LoadPlayList()"><img width="20" src="images/lists.png"></span><td>
59 <td><span class="button" onclick="SavePlayList()"><img width="20" src="images/save.png"></span><td>
60 <td><span class="button" onclick="return confirm('Clear current playlist, are you sure?') ? PlaylistCommand('clear') : false;" ><img width="20" src="images/removeall.png"></span><td>
61 <td><span class="button" onclick="PlaylistItemsCommand('removeselected')"><img width="20" src="images/removeselected.png"></span><td>
62 </tr>
63 </table>
64 </div>
65
66 <div id="items">
67 </div>
68
69 <div id="playlist_menu">
70 <table>
71 <tr>
72 <td><span class="button" onclick="EditPlayList()"><img width="20" src="images/songs.png"></span><td>
73 <td><span class="button" onclick="LoadPlayList()"><img width="20" src="images/lists.png"></span><td>
74 <td><span class="button" onclick="SavePlayList()"><img width="20" src="images/save.png"></span><td>
75 <td><span class="button" onclick="return confirm('Clear current playlist, are you sure?') ? PlaylistCommand('clear') : false;" ><img width="20" src="images/removeall.png"></span><td>
76 <td><span class="button" onclick="PlaylistItemsCommand('removeselected')"><img width="20" src="images/removeselected.png"></span><td>
77 </tr>
78 </table>
79 </div>
80
81 </div>
82
83 </div>
84
85 </body>