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:
parent
ae099798db
commit
5aee29fa04
@ -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); */
|
||||
|
||||
@ -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;
|
||||
}
|
||||
@ -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>
|
||||
@ -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);
|
||||
}
|
||||
|
||||
'; ?>
|
||||
@ -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>
|
||||
@ -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; ?>
|
||||
@ -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>• <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>
|
||||
@ -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; ?>
|
||||
|
||||
@ -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;"> </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%;"> </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>
|
||||
|
||||
@ -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>
|
||||
@ -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;
|
||||
|
||||
?>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
|
||||
@ -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 {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user