1
0
mirror of https://github.com/danbee/neompc synced 2025-03-04 08:39:10 +00:00

~ Volume control reads current MPD state now.

This commit is contained in:
Dan Barber 2010-01-12 20:05:33 +00:00
parent ae099798db
commit 5aee29fa04
14 changed files with 31 additions and 638 deletions

View File

@ -2,6 +2,9 @@
$progressbar_width = $_CONFIG['progress_bar_width'];
$smarty->assign('progressbar_width', $progressbar_width);
$smarty->assign('volume_orientation', $_CONFIG['volume_orientation']);
$smarty->assign('volume_min', $_CONFIG['volume_min']);
$smarty->assign('volume_max', $_CONFIG['volume_max']);
$smarty->assign('page', $page);
/* print_r($mympd->playlist); */

View File

@ -1,297 +0,0 @@
<?php /* Smarty version 2.6.26, created on 2010-01-10 20:25:07
compiled from default/styles.css */ ?>
* {
margin: 0px;
padding: 0px;
}
img {
border: 0;
}
a {
text-decoration: none;
color: #fff;
}
body {
background: #333 url(templates/<?php echo $this->_tpl_vars['template']; ?>
/images/menu_shadow.png) center 29px repeat-x;
color: #fff;
font: 13px helvetica,verdana,sans-serif;
text-align: center;
margin: 45px 0px 0px 0px;
}
p {
margin-bottom: 5px;
}
#menu {
background: #111;
position: fixed;
width: 100%;
height: 30px;
top: 0px;
padding: 0px 2px 0px 0px;
z-index: 1;
text-align: center;
}
#menu ul {
width: 320px;
margin: 0px auto;
}
#menu li {
display: block;
float: left;
}
#menu a {
background: #000 url(templates/<?php echo $this->_tpl_vars['template']; ?>
/images/menu_back.png);
font: 14px helvetica,verdana,sans-serif;
color: rgba(0, 0, 0, 1);;
text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.6);
padding: 5px 0px 2px;
float: left;
margin-left: 0px;
display: block;
width: 107px;
height: 23px;
text-align: center;
font-weight: bold;
}
#menu a:hover {
background: #ccc url(templates/<?php echo $this->_tpl_vars['template']; ?>
/images/menu_back_active.png);;
color: #000;
}
#menu a:active {
background: #ccc url(templates/<?php echo $this->_tpl_vars['template']; ?>
/images/menu_back_active.png);;
color: #000;
}
#menu a.selected {
background: #333 url(templates/<?php echo $this->_tpl_vars['template']; ?>
/images/menu_back_selected.png);
color: #fff;
width: 106px;
text-shadow: 0 0 12px rgba(150, 210, 255, 0.9);
}
#page {
padding: 0px;
clear: left;
}
#page ul {
list-style-type: none;
width: 280px;
text-align: left;
margin-left: auto;
margin-right: auto;
}
#page ul.list {
margin-top: 10px;
}
#page ul li {
padding: 0px 1px 1px 0px;
border-top: 1px solid #666;
}
#song_display {
position: relative;
width: 280px;
height: 217px;
margin: 0px auto 5px;
/* height: 55px; */
text-align: left;
font-size: 14px;
}
#page #pos {
font-weight: bold;
}
#page #title {
font-size: 16px;
color: #ffc;
font-weight: bold;
}
#page #song_info {
text-align: center;
white-space: nowrap;
overflow: hidden;
clear: both;
}
#page #album_info {
position: absolute;
top: 10px;
left: 150px;
}
#page #artist {
font-style: italic;
}
#page #album {
color: #888;
}
#buttons {
width: 280px;
margin: 0px auto;
padding-top: 10px;
text-align: right;
}
img.icon {
margin: 2px 2px -1px 2px;
}
img.button {
float: right;
margin: 2px 2px -1px 2px;
}
#controls {
background: #666 url(templates/<?php echo $this->_tpl_vars['template']; ?>
/images/control_back.png) center center repeat-x;
text-align: center;
margin: 8px 0px 0px 0px;
padding: 10px 7px 10px 0px;
height: 50px;
}
#controls .container {
position: relative;
width: 280px;
margin: 0px auto;
}
#controls #main_controls {
width: 280px;
}
#controls #main_controls li {
display: block;
float: left;
border: 0;
}
#controls #main_controls a {
background-image: url(templates/<?php echo $this->_tpl_vars['template']; ?>
/images/buttons.png);
background-repeat: no-repeat;
display: block;
float: left;
width: 50px;
height: 50px;
margin-left: 7px;
}
#main_controls #prev_button {
background-position: 0px 0px;
}
#main_controls #playpause_button {
background-position: -50px 0px;
}
#main_controls #playpause_button.pause {
background-position: -100px 0px;
}
#main_controls #stop_button {
background-position: -150px 0px;
}
#main_controls #next_button {
background-position: -200px 0px;
}
#main_controls #prev_button:hover {
background-position: 0px -50px;
}
#main_controls #playpause_button:hover {
background-position: -50px -50px;
}
#main_controls #playpause_button.pause:hover {
background-position: -100px -50px;
}
#main_controls #stop_button:hover {
background-position: -150px -50px;
}
#main_controls #next_button:hover {
background-position: -200px -50px;
}
#volume_repeat {
position: absolute;
left: 250px;
}
#volume_repeat a {
display: block;
width: 30px;
height: 20px;
margin-bottom: 10px;
background-position: 0px 0px;
background-repeat: no-repeat;
}
#volume_repeat #volume_button {
background-image: url(templates/<?php echo $this->_tpl_vars['template']; ?>
/images/shuffle.png);
}
#volume_repeat #repeat_button {
background-image: url(templates/<?php echo $this->_tpl_vars['template']; ?>
/images/repeat.png);
}
#volume_repeat #volume_button:hover {
background-position: 0px -20px;
}
#volume_repeat #repeat_button:hover {
background-position: 0px -20px;
}
#volume_repeat #repeat_button.selected {
background-position: -30px 0px;
}
#volume_repeat #repeat_button.selected:hover {
background-position: -30px -20px;
}
#volume_container {
position: absolute;
display: none;
top: -120px;
background: rgba(255, 0, 0, 0.5);
height: 140px;
width: 30px;
}
#crumb_trail ul {
list-style-position: inside;
text-align: left;
}
#crumb_trail li {
display: inline;
margin-left: 3px;
border: 0px none !important;
}
li.playing {
background: #444;
}
#progress {
background: #222 url(templates/<?php echo $this->_tpl_vars['template']; ?>
/images/progress_back.png) center center repeat-x;
border: 1px solid #666;
padding: 2px;
width: 276px;
height: 10px;
margin: 5px auto 10px;
text-align: left;
clear: both;
}
#progressbar {
font-size: 1px;
background: #ccc url(templates/<?php echo $this->_tpl_vars['template']; ?>
/images/progress.png) center center repeat-x;;
height: 10px;
margin: 0px;
padding: 0px;
}
#cover_image {
float: left;
height: 130px;
width: 130px;
margin: 10px 0px 20px;
}
img#cover {
background: #111;
padding: 2px;
border: 1px solid #666;
}
#tracktime {
font-weight: bold;
position: absolute;
top: 130px;
left: 150px;
}
#tracktime #total {
color: #666;
}

View File

@ -1,17 +0,0 @@
<?php /* Smarty version 2.6.26, created on 2010-01-10 12:08:37
compiled from default/playlist_item.html */ ?>
<?php require_once(SMARTY_CORE_DIR . 'core.load_plugins.php');
smarty_core_load_plugins(array('plugins' => array(array('modifier', 'string_format', 'default/playlist_item.html', 1, false),)), $this); ?>
<?php if ($this->_tpl_vars['playlist_item']['Pos'] == $this->_tpl_vars['playing']): ?><li class="playing"><?php else: ?><li><?php endif; ?><a href="<?php echo $this->_tpl_vars['playlist_remove_link']; ?>
<?php echo $this->_tpl_vars['playlist_item']['Pos']; ?>
"><img src="templates/<?php echo $this->_tpl_vars['template']; ?>
/images/del.gif" alt="Remove from Playlist" class="button" /></a><a href="<?php echo $this->_tpl_vars['playlist_play_link']; ?>
<?php echo $this->_tpl_vars['playlist_item']['Pos']; ?>
"><img src="templates/<?php echo $this->_tpl_vars['template']; ?>
/images/play.gif" alt="Play" class="button" /></a><img src="templates/<?php echo $this->_tpl_vars['template']; ?>
/images/note.gif" class="icon" /> <span class="pos"><?php echo ((is_array($_tmp=$this->_tpl_vars['playlist_item']['Pos']+1)) ? $this->_run_mod_handler('string_format', true, $_tmp, "%02d") : smarty_modifier_string_format($_tmp, "%02d")); ?>
.</span> <?php if ($this->_tpl_vars['playlist_item']['Title']): ?><span class="title"><?php echo $this->_tpl_vars['playlist_item']['Title']; ?>
</span><?php if ($this->_tpl_vars['playlist_item']['Artist'] && $this->_tpl_vars['show_extra_track_info']): ?><br /><span class="artist"><?php echo $this->_tpl_vars['playlist_item']['Artist']; ?>
</span> <?php if ($this->_tpl_vars['playlist_item']['Album']): ?><span class="album">(<?php echo $this->_tpl_vars['playlist_item']['Album']; ?>
)</span><?php endif; ?><?php endif; ?><?php else: ?><?php echo $this->_tpl_vars['playlist_item']['file_name']; ?>
<?php endif; ?></li>

View File

@ -1,67 +0,0 @@
<?php /* Smarty version 2.6.9, created on 2010-01-09 15:42:43
compiled from ../lib/javascript.js */ ?>
song_length = <?php echo $this->_tpl_vars['song_length']; ?>
;
song_position = <?php echo $this->_tpl_vars['song_position']; ?>
;
song_min = <?php echo $this->_tpl_vars['initialmin']; ?>
;
song_sec = <?php echo $this->_tpl_vars['initialsec']; ?>
;
progressbar_width = <?php echo $this->_tpl_vars['progressbar_width']; ?>
;
mpd_state = '<?php echo $this->_tpl_vars['mpd_state']; ?>
';
<?php echo '
update_int = null;
function format_time(number) {
if (number < 10) {
return \'0\' + number.toString();
}
else {
return number.toString();
}
}
function update_progress() {
//set the interval if it hasn\'t been set already.
if (update_int == null) {
update_int = setInterval(\'update_progress()\', 1000);
}
if (song_position < song_length) {
song_position = song_position + 1;
song_sec = song_sec + 1;
if (song_sec >= 60) {
song_sec = 0;
song_min = song_min + 1
}
}
progressbar = document.getElementById(\'progressbar\');
new_margin = Math.round(progressbar_width - ((song_position / song_length) * progressbar_width));
new_margin_string = new_margin + \'px\';
progressbar.style.marginRight = new_margin_string;
document.getElementById(\'min\').innerHTML = format_time(song_min);
document.getElementById(\'sec\').innerHTML = format_time(song_sec);
//alert(progressbar.style.marginRight + \' - \' + new_margin_string);
}
if (mpd_state == \'play\') {
//start off with a shorter interval. this should make the whole thing a little more accurate.
setTimeout(\'update_progress()\', 750);
}
'; ?>

View File

@ -1,12 +0,0 @@
<?php /* Smarty version 2.6.26, created on 2010-01-10 12:04:42
compiled from default/menu.html */ ?>
<div id="menu">
<ul>
<li><a <?php if ($this->_tpl_vars['page'] == 'browse'): ?>class="selected" <?php endif; ?>href="<?php echo $this->_tpl_vars['browse_link']; ?>
">Browse</a></li>
<li><a <?php if ($this->_tpl_vars['page'] == 'playlist'): ?>class="selected" <?php endif; ?>href="<?php echo $this->_tpl_vars['playlist_link']; ?>
">Playlist</a></li>
<li><a <?php if ($this->_tpl_vars['page'] == 'control'): ?>class="selected" <?php endif; ?>href="<?php echo $this->_tpl_vars['control_link']; ?>
">Control</a></li>
</ul>
</div>

View File

@ -1,57 +0,0 @@
<?php /* Smarty version 2.6.26, created on 2010-01-10 12:25:55
compiled from default/browselist_item.html */ ?>
<?php require_once(SMARTY_CORE_DIR . 'core.load_plugins.php');
smarty_core_load_plugins(array('plugins' => array(array('modifier', 'escape', 'default/browselist_item.html', 4, false),)), $this); ?>
<?php if ($this->_tpl_vars['browselist_item']['directory']): ?>
<li><a href="index.php?browse=<?php echo ((is_array($_tmp=$this->_tpl_vars['browselist_item']['directory'])) ? $this->_run_mod_handler('escape', true, $_tmp, 'url') : smarty_modifier_escape($_tmp, 'url')); ?>
"><img src="templates/<?php echo $this->_tpl_vars['template']; ?>
/images/dir.gif" class="icon" /> <?php echo ((is_array($_tmp=$this->_tpl_vars['browselist_item']['directory_name'])) ? $this->_run_mod_handler('escape', true, $_tmp, 'html') : smarty_modifier_escape($_tmp, 'html')); ?>
</a></li>
<?php elseif ($this->_tpl_vars['browselist_item']['metaArtist']): ?>
<li><a href="index.php?browse=<?php echo ((is_array($_tmp=$this->_tpl_vars['browselist_item']['path'])) ? $this->_run_mod_handler('escape', true, $_tmp, 'url') : smarty_modifier_escape($_tmp, 'url')); ?>
"><img src="templates/<?php echo $this->_tpl_vars['template']; ?>
/images/artist.gif" class="icon" /> <?php echo ((is_array($_tmp=$this->_tpl_vars['browselist_item']['metaArtist'])) ? $this->_run_mod_handler('escape', true, $_tmp, 'html') : smarty_modifier_escape($_tmp, 'html')); ?>
</a></li>
<?php elseif ($this->_tpl_vars['browselist_item']['metaAlbum']): ?>
<li><a href="index.php?browse=<?php echo ((is_array($_tmp=$this->_tpl_vars['browselist_item']['path'])) ? $this->_run_mod_handler('escape', true, $_tmp, 'url') : smarty_modifier_escape($_tmp, 'url')); ?>
"><img src="templates/<?php echo $this->_tpl_vars['template']; ?>
/images/album.gif" class="icon" /> <?php echo ((is_array($_tmp=$this->_tpl_vars['browselist_item']['metaAlbum'])) ? $this->_run_mod_handler('escape', true, $_tmp, 'html') : smarty_modifier_escape($_tmp, 'html')); ?>
</a></li>
<?php elseif ($this->_tpl_vars['browselist_item']['Title']): ?>
<?php if ($this->_tpl_vars['browselist_item']['in_playlist']): ?><li class="playing"><?php else: ?><li><?php endif; ?><a href="<?php echo $this->_tpl_vars['browselist_add_link']; ?>
<?php echo ((is_array($_tmp=$this->_tpl_vars['browselist_item']['file'])) ? $this->_run_mod_handler('escape', true, $_tmp, 'url') : smarty_modifier_escape($_tmp, 'url')); ?>
"><img src="templates/<?php echo $this->_tpl_vars['template']; ?>
/images/add.gif" alt="Add" class="button" /></a><a href="<?php echo $this->_tpl_vars['browselist_play_link']; ?>
<?php echo ((is_array($_tmp=$this->_tpl_vars['browselist_item']['file'])) ? $this->_run_mod_handler('escape', true, $_tmp, 'url') : smarty_modifier_escape($_tmp, 'url')); ?>
"><img src="templates/<?php echo $this->_tpl_vars['template']; ?>
/images/play.gif" alt="Play" class="button" /></a><img src="templates/<?php echo $this->_tpl_vars['template']; ?>
/images/note.gif" class="icon" /> <?php if (((is_array($_tmp=$this->_tpl_vars['browselist_item']['Title'])) ? $this->_run_mod_handler('escape', true, $_tmp, 'html') : smarty_modifier_escape($_tmp, 'html'))): ?><span class="title"><?php echo ((is_array($_tmp=$this->_tpl_vars['browselist_item']['Title'])) ? $this->_run_mod_handler('escape', true, $_tmp, 'html') : smarty_modifier_escape($_tmp, 'html')); ?>
</span><?php if ($this->_tpl_vars['browselist_item']['Artist'] && $this->_tpl_vars['show_extra_track_info']): ?><br /><span class="artist"><?php echo ((is_array($_tmp=$this->_tpl_vars['browselist_item']['Artist'])) ? $this->_run_mod_handler('escape', true, $_tmp, 'html') : smarty_modifier_escape($_tmp, 'html')); ?>
</span> <?php if ($this->_tpl_vars['browselist_item']['Album']): ?><span class="album">(<?php echo ((is_array($_tmp=$this->_tpl_vars['browselist_item']['Album'])) ? $this->_run_mod_handler('escape', true, $_tmp, 'html') : smarty_modifier_escape($_tmp, 'html')); ?>
)</span><?php endif; ?><?php endif; ?><?php else: ?><?php echo ((is_array($_tmp=$this->_tpl_vars['browselist_item']['file_name'])) ? $this->_run_mod_handler('escape', true, $_tmp, 'html') : smarty_modifier_escape($_tmp, 'html')); ?>
<?php endif; ?></li>
<?php elseif ($this->_tpl_vars['browselist_item']['file']): ?>
<?php if ($this->_tpl_vars['browselist_item']['in_playlist']): ?><li class="playing"><?php else: ?><li><?php endif; ?><a href="<?php echo $this->_tpl_vars['browselist_add_link']; ?>
<?php echo ((is_array($_tmp=$this->_tpl_vars['browselist_item']['file'])) ? $this->_run_mod_handler('escape', true, $_tmp, 'url') : smarty_modifier_escape($_tmp, 'url')); ?>
"><img src="templates/<?php echo $this->_tpl_vars['template']; ?>
/images/add.gif" alt="Add" class="button" /></a><a href="<?php echo $this->_tpl_vars['browselist_play_link']; ?>
<?php echo ((is_array($_tmp=$this->_tpl_vars['browselist_item']['file'])) ? $this->_run_mod_handler('escape', true, $_tmp, 'url') : smarty_modifier_escape($_tmp, 'url')); ?>
"><img src="templates/<?php echo $this->_tpl_vars['template']; ?>
/images/play.gif" alt="Play" class="button" /></a><img src="templates/<?php echo $this->_tpl_vars['template']; ?>
/images/note.gif" class="icon" /> <?php if (((is_array($_tmp=$this->_tpl_vars['browselist_item']['Title'])) ? $this->_run_mod_handler('escape', true, $_tmp, 'html') : smarty_modifier_escape($_tmp, 'html'))): ?><span class="title"><?php echo ((is_array($_tmp=$this->_tpl_vars['browselist_item']['Title'])) ? $this->_run_mod_handler('escape', true, $_tmp, 'html') : smarty_modifier_escape($_tmp, 'html')); ?>
</span><?php if ($this->_tpl_vars['browselist_item']['Artist'] && $this->_tpl_vars['show_extra_track_info']): ?><br /><span class="artist"><?php echo ((is_array($_tmp=$this->_tpl_vars['browselist_item']['Artist'])) ? $this->_run_mod_handler('escape', true, $_tmp, 'html') : smarty_modifier_escape($_tmp, 'html')); ?>
</span> <?php if ($this->_tpl_vars['browselist_item']['Album']): ?><span class="album">(<?php echo ((is_array($_tmp=$this->_tpl_vars['browselist_item']['Album'])) ? $this->_run_mod_handler('escape', true, $_tmp, 'html') : smarty_modifier_escape($_tmp, 'html')); ?>
)</span><?php endif; ?><?php endif; ?><?php else: ?><?php echo ((is_array($_tmp=$this->_tpl_vars['browselist_item']['file_name'])) ? $this->_run_mod_handler('escape', true, $_tmp, 'html') : smarty_modifier_escape($_tmp, 'html')); ?>
<?php endif; ?></li>
<?php endif; ?>

View File

@ -1,35 +0,0 @@
<?php /* Smarty version 2.6.26, created on 2010-01-10 12:25:55
compiled from default/browse.html */ ?>
<?php require_once(SMARTY_CORE_DIR . 'core.load_plugins.php');
smarty_core_load_plugins(array('plugins' => array(array('modifier', 'escape', 'default/browse.html', 6, false),)), $this); ?>
<ul id="crumb_trail">
<li><a href="<?php echo $this->_tpl_vars['home_link']; ?>
"><img src="templates/<?php echo $this->_tpl_vars['template']; ?>
/images/home.gif" alt="Home" /></a></li>
<?php $_from = $this->_tpl_vars['dir_list']; if (!is_array($_from) && !is_object($_from)) { settype($_from, 'array'); }if (count($_from)):
foreach ($_from as $this->_tpl_vars['dir_list_item']):
?>
<li>&bull; <a href="index.php?browse=<?php echo $this->_tpl_vars['dir_list_item']['path']; ?>
"><?php echo ((is_array($_tmp=$this->_tpl_vars['dir_list_item']['name'])) ? $this->_run_mod_handler('escape', true, $_tmp, 'html') : smarty_modifier_escape($_tmp, 'html')); ?>
</a></li>
<?php endforeach; endif; unset($_from); ?>
</ul>
<div id="buttons"><a href="index.php?action=playall"><img src="templates/<?php echo $this->_tpl_vars['template']; ?>
/images/playall.gif" /></a> <a href="index.php?action=addall"><img src="templates/<?php echo $this->_tpl_vars['template']; ?>
/images/addall.gif" /></a></div>
<ul class="list">
<?php $_from = $this->_tpl_vars['browselist']; if (!is_array($_from) && !is_object($_from)) { settype($_from, 'array'); }if (count($_from)):
foreach ($_from as $this->_tpl_vars['browselist_item']):
?>
<?php $_smarty_tpl_vars = $this->_tpl_vars;
$this->_smarty_include(array('smarty_include_tpl_file' => "default/browselist_item.html", 'smarty_include_vars' => array()));
$this->_tpl_vars = $_smarty_tpl_vars;
unset($_smarty_tpl_vars);
?>
<?php endforeach; endif; unset($_from); ?>
</ul>

View File

@ -1,22 +0,0 @@
<?php /* Smarty version 2.6.26, created on 2010-01-10 12:08:37
compiled from default/playlist.html */ ?>
<?php if ($this->_tpl_vars['playlist']): ?>
<div id="buttons"><a href="<?php echo $this->_tpl_vars['playlist_clear_link']; ?>
"><img src="templates/<?php echo $this->_tpl_vars['template']; ?>
/images/delall.gif" /></a></div>
<ul class="list">
<?php $_from = $this->_tpl_vars['playlist']; if (!is_array($_from) && !is_object($_from)) { settype($_from, 'array'); }if (count($_from)):
foreach ($_from as $this->_tpl_vars['playlist_item']):
?>
<?php $_smarty_tpl_vars = $this->_tpl_vars;
$this->_smarty_include(array('smarty_include_tpl_file' => "default/playlist_item.html", 'smarty_include_vars' => array()));
$this->_tpl_vars = $_smarty_tpl_vars;
unset($_smarty_tpl_vars);
?>
<?php endforeach; endif; unset($_from); ?>
</ul>
<?php else: ?>
<p>(Empty playlist)</p>
<?php endif; ?>

View File

@ -1,65 +0,0 @@
<?php /* Smarty version 2.6.26, created on 2010-01-10 20:09:32
compiled from default/control.html */ ?>
<?php require_once(SMARTY_CORE_DIR . 'core.load_plugins.php');
smarty_core_load_plugins(array('plugins' => array(array('modifier', 'escape', 'default/control.html', 3, false),array('modifier', 'string_format', 'default/control.html', 12, false),)), $this); ?>
<div id="song_display">
<!--<div id="cover_image"><?php if ($this->_tpl_vars['coverimage']): ?><img id="cover" title="<?php echo $this->_tpl_vars['current_album']; ?>
" src="lib/image.php?file=<?php echo ((is_array($_tmp=$this->_tpl_vars['coverimage'])) ? $this->_run_mod_handler('escape', true, $_tmp, 'url') : smarty_modifier_escape($_tmp, 'url')); ?>
&size=<?php echo $this->_tpl_vars['coversize']; ?>
" /><?php else: ?><img id="cover" title="<?php echo $this->_tpl_vars['current_album']; ?>
" src="templates/default/images/default_cover.png" /><?php endif; ?></div>
<div id="album_info"><p id="artist"><?php echo $this->_tpl_vars['current_artist']; ?>
</p><?php if ($this->_tpl_vars['current_album']): ?><p id="album"><?php echo $this->_tpl_vars['current_album']; ?>
</p><?php endif; ?></div>
<?php if ($this->_tpl_vars['mpd_state'] == 'play' || $this->_tpl_vars['mpd_state'] == 'pause'): ?><div id="tracktime"><span id="min"><?php echo $this->_tpl_vars['initialmin']; ?>
</span>:<span id="sec"><?php echo $this->_tpl_vars['initialsec']; ?>
</span> <span id="total">(<?php echo $this->_tpl_vars['totalmin']; ?>
:<?php echo $this->_tpl_vars['totalsec']; ?>
)</span></div><?php endif; ?>
<?php if ($this->_tpl_vars['mpd_state'] == 'play' || $this->_tpl_vars['mpd_state'] == 'pause'): ?><div id="progress"><div id="progressbar" style="margin-right: <?php echo $this->_tpl_vars['initialprogress']; ?>
px;">&nbsp;</div></div><?php else: ?><div id="progress"></div><?php endif; ?>
<div id="song_info">
<?php if ($this->_tpl_vars['current_title']): ?><span id="pos"><?php echo ((is_array($_tmp=$this->_tpl_vars['current_track_no']+1)) ? $this->_run_mod_handler('string_format', true, $_tmp, "%02d") : smarty_modifier_string_format($_tmp, "%02d")); ?>
.</span> <span id="title"><?php echo $this->_tpl_vars['current_title']; ?>
</span><br /><br /><?php elseif ($this->_tpl_vars['current_filename']): ?><?php echo $this->_tpl_vars['current_filename']; ?>
<?php else: ?>[Nothing playing]<?php endif; ?>
</div>-->
<div id="cover_image"><img id="cover" title="<?php echo $this->_tpl_vars['current_album']; ?>
" src="templates/<?php echo $this->_tpl_vars['template']; ?>
/images/default_cover.png" /></div>
<div id="album_info"><p id="artist"></p><p id="album"></p></div>
<div id="tracktime"><span id="current">--:--</span></div>
<div id="progress"><div id="progressbar" style="margin-right: 100%;">&nbsp;</div></div>
<div id="song_info">
<span id="pos"></span> <span id="title"></span>
</div>
</div>
<div id="controls">
<div class="container">
<ul id="main_controls">
<li><a rel="prev" id="prev_button" class="control_button" href="index.php?action=prev"></a></li>
<li><a rel="playpause" id="playpause_button" class="control_button" href="index.php?action=playpause"></a></li>
<li><a rel="stop" id="stop_button" class="control_button" href="index.php?action=stop"></a></li>
<li><a rel="next" id="next_button" class="control_button" href="index.php?action=next"></a></li>
</ul>
<div id="volume_repeat">
<div id="volume_container"></div>
<a rel="volume" id="volume_button"></a>
<a rel="repeat" id="repeat_button" class="control_button" href="index.php?action=repeat"></a>
</div>
</div>
</div>

View File

@ -1,58 +0,0 @@
<?php /* Smarty version 2.6.26, created on 2010-01-10 14:03:32
compiled from default/index.html */ ?>
<!DOCTYPE html>
<html>
<head>
<title>NeoMPC <?php echo $this->_tpl_vars['version']; ?>
</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=320, user-scalable=no"/>
<style>
<?php $_smarty_tpl_vars = $this->_tpl_vars;
$this->_smarty_include(array('smarty_include_tpl_file' => "default/styles.css", 'smarty_include_vars' => array()));
$this->_tpl_vars = $_smarty_tpl_vars;
unset($_smarty_tpl_vars);
?>
</style>
<script type="text/javascript" src="lib/js/jquery-min.js"></script>
<script type="text/javascript">
progressbar_width = <?php echo $this->_tpl_vars['progressbar_width']; ?>
;
template = '<?php echo $this->_tpl_vars['template']; ?>
';
<?php $_smarty_tpl_vars = $this->_tpl_vars;
$this->_smarty_include(array('smarty_include_tpl_file' => "../lib/js/neompc.js", 'smarty_include_vars' => array()));
$this->_tpl_vars = $_smarty_tpl_vars;
unset($_smarty_tpl_vars);
?>
</script>
</head>
<body>
<?php $_smarty_tpl_vars = $this->_tpl_vars;
$this->_smarty_include(array('smarty_include_tpl_file' => "default/menu.html", 'smarty_include_vars' => array()));
$this->_tpl_vars = $_smarty_tpl_vars;
unset($_smarty_tpl_vars);
?>
<div id="page">
<?php $_smarty_tpl_vars = $this->_tpl_vars;
$this->_smarty_include(array('smarty_include_tpl_file' => "default/".($this->_tpl_vars['page']).".html", 'smarty_include_vars' => array()));
$this->_tpl_vars = $_smarty_tpl_vars;
unset($_smarty_tpl_vars);
?>
</div>
<?php echo $this->_tpl_vars['refresh']; ?>
</body>
</html>

View File

@ -5,5 +5,9 @@
$_CONFIG['album_cover_size'] = 130;
$_CONFIG['progress_bar_width'] = 276;
$_CONFIG['volume_orientation'] = 'v';
$_CONFIG['volume_max'] = 5;
$_CONFIG['volume_min'] = 105;
?>

View File

@ -36,8 +36,11 @@
<li><a rel="next" id="next_button" class="control_button" href="index.php?action=next"></a></li>
</ul>
<div id="volume_repeat">
<div id="volume_container"></div>
<a rel="volume" id="volume_button"></a>
<div id="volume_container">
<a id="volume_slider"></a>
<a id="volume_hide" href="index.php?action=hide_volume"></a>
</div>
<a rel="volume" id="volume_button" href="index.php?action=show_volume"></a>
<a rel="repeat" id="repeat_button" class="control_button" href="index.php?action=repeat"></a>
</div>
</div>

View File

@ -12,8 +12,6 @@
<script type="text/javascript" src="lib/js/jquery-min.js"></script>
<script type="text/javascript">
progressbar_width = {:$progressbar_width:};
template = '{:$template:}';
{:include file="../lib/js/neompc.js":}
</script>

View File

@ -205,7 +205,7 @@ img.button {
background-repeat: no-repeat;
}
#volume_repeat #volume_button {
background-image: url(templates/{:$template:}/images/shuffle.png);
background-image: url(templates/{:$template:}/images/volume.png);
}
#volume_repeat #repeat_button {
background-image: url(templates/{:$template:}/images/repeat.png);
@ -226,10 +226,25 @@ img.button {
#volume_container {
position: absolute;
display: none;
top: -120px;
background: rgba(255, 0, 0, 0.5);
height: 140px;
top: -140px;
background: url(templates/{:$template:}/images/volume_container.png) center center no-repeat;
height: 160px;
width: 30px;
}
#volume_container a#volume_hide {
position: absolute;
top: 140px;
left: 0px;
width: 30px;
height: 20px;
}
#volume_container a#volume_slider {
background: url(templates/{:$template:}/images/volume_slider.png) center center no-repeat;
position: absolute;
top: 5px;
left: 5px;
width: 20px;
height: 30px;
}
#crumb_trail ul {