danbarber/neompc
1
0
Fork 0
mirror of https://github.com/danbee/neompc synced 2025-03-04 08:39:10 +00:00
Code Issues Releases Wiki Activity

Altered layout of control page. Buttons don't move now so interface consistency is better.

Browse Source
This commit is contained in:
Dan Barber 2007-05-16 06:49:33 +00:00
parent 2cfbf0fc5f
commit c3c17c1d3c
3 changed files with 17 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
lib/global.php
View File

@ -65,6 +65,7 @@
$smarty->assign('control_link', 'index.php?page=control'); $smarty->assign('control_link', 'index.php?page=control');
$smarty->assign('playlist_play_link', 'index.php?page=control&action=play&skipto='); $smarty->assign('playlist_play_link', 'index.php?page=control&action=play&skipto=');
$smarty->assign('playlist_clear_link', 'index.php?action=clear'); $smarty->assign('playlist_clear_link', 'index.php?action=clear');
$smarty->assign('mpd_state', $mympd->state);
/* first check for a page cookie, and default to displaying the playlist */ /* first check for a page cookie, and default to displaying the playlist */
if ($_GET['page']) { if ($_GET['page']) {

8
templates/default/control.html
View File

@ -1,8 +1,8 @@
<div id="controls"><a href="index.php?action=prev"><img src="images/prev_button.gif" Alt="Previous" /></a><a href="index.php?action=play"><img src="images/play_button.gif" Alt="Play" /></a><a href="index.php?action=pause"><img src="images/pause_button.gif" Alt="Pause" /></a><a href="index.php?action=stop"><img src="images/stop_button.gif" Alt="Stop" /></a><a href="index.php?action=next"><img src="images/next_button.gif" Alt="Next" /></a></div>
<div id="song_display">{if $current_title}<span class="pos">{$current_track_no+1|string_format:"%02d"}.</span> <span class="title">{$current_title}</span><br /><span class="artist">{$current_artist}</span> {if $current_album}<!--<span class="album">({$current_album})</span>-->{/if}{elseif $current_file}{$current_file}{else}<br />[Nothing playing]{/if}</div> <div id="song_display">{if $current_title}<span class="pos">{$current_track_no+1|string_format:"%02d"}.</span> <span class="title">{$current_title}</span><br /><span class="artist">{$current_artist}</span> {if $current_album}<!--<span class="album">({$current_album})</span>-->{/if}{elseif $current_file}{$current_file}{else}<br />[Nothing playing]{/if}</div>
{if $coverimage}<div id="cover_image"><img id="cover" src="lib/image.php?file={$coverimage}&size={$coversize}" /></div>{/if} {if $mpd_state == 'play' || $mpd_state == 'pause'}<div id="progress"><div id="progressbar" style="margin-right: {$initialprogress}px;">&nbsp;</div></div>{/if}
{if $coverimage}<div id="cover_image"><img id="cover" title="{$current_album}" src="lib/image.php?file={$coverimage}&size={$coversize}" /></div>{/if}
<div id="progress"><div id="progressbar" style="margin-right: {$initialprogress}px;">&nbsp;</div></div>
<div id="controls"><a href="index.php?action=prev"><img src="images/prev_button.gif" Alt="Previous" /></a><a href="index.php?action=play"><img src="images/play_button.gif" Alt="Play" /></a><a href="index.php?action=pause"><img src="images/pause_button.gif" Alt="Pause" /></a><a href="index.php?action=stop"><img src="images/stop_button.gif" Alt="Stop" /></a><a href="index.php?action=next"><img src="images/next_button.gif" Alt="Next" /></a></div>

13
templates/default/styles.css
View File

@ -107,7 +107,7 @@ img.button {
} }
#song_display { #song_display {
width: 215px; width: 215px;
margin: 0px auto 5px; margin: 5px auto 5px;
/* height: 55px; */ /* height: 55px; */
text-align: center; text-align: center;
font-size: 12px; font-size: 12px;
@ -137,21 +137,22 @@ li.playing {
} }
#progress { #progress {
border: 1px solid #666; border: 1px solid #666;
padding: 2px; padding: 0px;
width: 200px; width: 200px;
height: 6px; height: 6px;
margin-top: 3px; margin: 5px auto;
margin-left: auto;
margin-right: auto;
text-align: left; text-align: left;
} }
#progressbar { #progressbar {
font-size: 1px; font-size: 1px;
background: #ddd; background: #ccc;
height: 6px; height: 6px;
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;
} }
#cover_image {
margin: 10px auto;
}
img#cover { img#cover {
border: 1px solid #666; border: 1px solid #666;
padding: 2px; padding: 2px;