mirror of
https://github.com/danbee/neompc
synced 2025-03-04 08:39:10 +00:00
~ Control screen is now Ajax based.
+ Added repeat button. + Started work on volume control.
This commit is contained in:
Dan Barber
parent
9f1fc76b97
commit
ae099798db
@ -45,21 +45,31 @@
|
||||
header("Location: index.php");
|
||||
break;
|
||||
|
||||
case "play":
|
||||
$mympd->Play();
|
||||
header("Location: index.php");
|
||||
break;
|
||||
|
||||
case "stop":
|
||||
$mympd->Stop();
|
||||
header("Location: index.php");
|
||||
break;
|
||||
|
||||
case "play":
|
||||
$mympd->Play();
|
||||
header("Location: index.php");
|
||||
break;
|
||||
|
||||
case "pause":
|
||||
$mympd->Pause();
|
||||
header("Location: index.php");
|
||||
break;
|
||||
|
||||
case 'playpause':
|
||||
if ($mympd->state == 'play') {
|
||||
$mympd->Pause();
|
||||
}
|
||||
else {
|
||||
$mympd->Play();
|
||||
}
|
||||
header("Location: index.php");
|
||||
break;
|
||||
|
||||
case "prev":
|
||||
$mympd->Previous();
|
||||
header("Location: index.php");
|
||||
@ -107,8 +117,8 @@
|
||||
|
||||
case 'metadata':
|
||||
|
||||
$browse_bits = explode($_CONFIG['separator'], $browse);
|
||||
|
||||
$browse_bits = explode($_CONFIG['separator'], $browse);
|
||||
|
||||
if (is_array($browse_bits)) {
|
||||
|
||||
if ($browse_bits[1]) {
|
||||
|
||||
@ -11,15 +11,15 @@
|
||||
$_COOKIE = array_map('stripslashes', $_COOKIE);
|
||||
}
|
||||
|
||||
require('config/config.inc.php');
|
||||
|
||||
switch ($_CONFIG['browse_mode']) {
|
||||
case 'filesystem':
|
||||
$_CONFIG['separator'] = '/';
|
||||
break;
|
||||
case 'metadata':
|
||||
$_CONFIG['separator'] = '|';
|
||||
break;
|
||||
require('config/config.inc.php');
|
||||
|
||||
switch ($_CONFIG['browse_mode']) {
|
||||
case 'filesystem':
|
||||
$_CONFIG['separator'] = '/';
|
||||
break;
|
||||
case 'metadata':
|
||||
$_CONFIG['separator'] = '|';
|
||||
break;
|
||||
}
|
||||
|
||||
define('SMARTY_DIR', 'lib/smarty/libs/');
|
||||
@ -31,16 +31,23 @@
|
||||
$smarty->cache_dir = 'smarty/cache/';
|
||||
|
||||
$smarty->assign('version', $version);
|
||||
$smarty->assign('template', $_CONFIG['template']);
|
||||
|
||||
$smarty->assign('template', $_CONFIG['template']);
|
||||
|
||||
require("templates/${_CONFIG['template']}/config.inc.php");
|
||||
|
||||
if ($_CONFIG['smarty_left_delimiter']) {
|
||||
$smarty->left_delimiter = $_CONFIG['smarty_left_delimiter'];
|
||||
}
|
||||
if ($_CONFIG['smarty_right_delimiter']) {
|
||||
$smarty->right_delimiter = $_CONFIG['smarty_right_delimiter'];
|
||||
}
|
||||
|
||||
include('lib/mpd.class.php');
|
||||
if ($_CONFIG['password'] != '') {
|
||||
$mympd = new mpd($_CONFIG['server'], $_CONFIG['port'], $_CONFIG['password']);
|
||||
}
|
||||
include('lib/mpd.class.php');
|
||||
if ($_CONFIG['password'] != '') {
|
||||
$mympd = new mpd($_CONFIG['server'], $_CONFIG['port'], $_CONFIG['password']);
|
||||
}
|
||||
else {
|
||||
$mympd = new mpd($_CONFIG['server'], $_CONFIG['port']);
|
||||
$mympd = new mpd($_CONFIG['server'], $_CONFIG['port']);
|
||||
}
|
||||
|
||||
if (!$mympd->connected) {
|
||||
|
||||
@ -1,5 +1,7 @@
|
||||
<?php
|
||||
|
||||
$progressbar_width = $_CONFIG['progress_bar_width'];
|
||||
$smarty->assign('progressbar_width', $progressbar_width);
|
||||
$smarty->assign('page', $page);
|
||||
|
||||
/* print_r($mympd->playlist); */
|
||||
@ -25,7 +27,6 @@
|
||||
case "control":
|
||||
/* get the currently playing track */
|
||||
$current_track = $mympd->playlist[$mympd->current_track_id];
|
||||
$smarty->assign('progressbar_width', $_CONFIG['progress_bar_width']);
|
||||
$smarty->assign('current_track_no', $mympd->current_track_id);
|
||||
$smarty->assign('current_title', $current_track['Title']);
|
||||
$smarty->assign('current_album', $current_track['Album']);
|
||||
@ -47,7 +48,7 @@
|
||||
|
||||
$time_left = (($mympd->current_track_length - $mympd->current_track_position) + 1) * 1000;
|
||||
|
||||
$initialprogress = round(280 - (($mympd->current_track_position / $mympd->current_track_length) * 280));
|
||||
$initialprogress = round($progressbar_width - (($mympd->current_track_position / $mympd->current_track_length) * $progressbar_width));
|
||||
|
||||
$smarty->assign('initialprogress', $initialprogress);
|
||||
$smarty->assign('initialmin', date('i', $mympd->current_track_position));
|
||||
|
||||
@ -1,6 +1,5 @@
|
||||
<?php /* Smarty version 2.6.9, created on 2010-01-09 15:44:28
|
||||
<?php /* Smarty version 2.6.26, created on 2010-01-10 20:25:07
|
||||
compiled from default/styles.css */ ?>
|
||||
<?php echo '
|
||||
* {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
@ -13,34 +12,37 @@ a {
|
||||
color: #fff;
|
||||
}
|
||||
body {
|
||||
background: #333 url(templates/default/images/menu_shadow.png) center 29px repeat-x;
|
||||
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: #000 url(templates/default/images/menu_back.png);
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 30px;
|
||||
top: 0px;
|
||||
padding: 0px 2px 0px 0px;
|
||||
z-index: 1;
|
||||
text-align: center;
|
||||
}
|
||||
#menu ul {
|
||||
width: 320px;
|
||||
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;
|
||||
}
|
||||
#menu li {
|
||||
display: block;
|
||||
float: left;
|
||||
}
|
||||
#menu a {
|
||||
#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);
|
||||
@ -49,24 +51,27 @@ p {
|
||||
margin-left: 0px;
|
||||
display: block;
|
||||
width: 107px;
|
||||
height: 23px;
|
||||
height: 23px;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
}
|
||||
#menu a:hover {
|
||||
background: #ccc url(templates/default/images/menu_back_active.png);;
|
||||
background: #ccc url(templates/<?php echo $this->_tpl_vars['template']; ?>
|
||||
/images/menu_back_active.png);;
|
||||
color: #000;
|
||||
}
|
||||
#menu a:active {
|
||||
background: #ccc url(templates/default/images/menu_back_active.png);;
|
||||
background: #ccc url(templates/<?php echo $this->_tpl_vars['template']; ?>
|
||||
/images/menu_back_active.png);;
|
||||
color: #000;
|
||||
}
|
||||
#menu a.selected {
|
||||
background: #333 url(templates/default/images/menu_back_selected.png);
|
||||
background: #333 url(templates/<?php echo $this->_tpl_vars['template']; ?>
|
||||
/images/menu_back_selected.png);
|
||||
color: #fff;
|
||||
width: 106px;
|
||||
width: 106px;
|
||||
text-shadow: 0 0 12px rgba(150, 210, 255, 0.9);
|
||||
}
|
||||
}
|
||||
#page {
|
||||
padding: 0px;
|
||||
clear: left;
|
||||
@ -84,46 +89,48 @@ p {
|
||||
#page ul li {
|
||||
padding: 0px 1px 1px 0px;
|
||||
border-top: 1px solid #666;
|
||||
}
|
||||
#song_display {
|
||||
position: relative;
|
||||
width: 280px;
|
||||
}
|
||||
#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;
|
||||
#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;
|
||||
}
|
||||
#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;
|
||||
}
|
||||
@ -131,18 +138,110 @@ img.button {
|
||||
float: right;
|
||||
margin: 2px 2px -1px 2px;
|
||||
}
|
||||
#controls {
|
||||
background: #666 url(templates/default/images/control_back.png) center center repeat-x;
|
||||
#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;
|
||||
margin: 8px 0px 0px 0px;
|
||||
padding: 10px 7px 10px 0px;
|
||||
height: 50px;
|
||||
}
|
||||
#controls #track {
|
||||
#controls .container {
|
||||
position: relative;
|
||||
width: 280px;
|
||||
margin: 0px auto;
|
||||
}
|
||||
#controls a {
|
||||
#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;
|
||||
@ -156,44 +255,43 @@ img.button {
|
||||
}
|
||||
li.playing {
|
||||
background: #444;
|
||||
}
|
||||
#progress {
|
||||
background: #222 url(templates/default/images/progress_back.png) center center repeat-x;
|
||||
border: 1px solid #666;
|
||||
padding: 2px;
|
||||
width: 276px;
|
||||
height: 10px;
|
||||
margin: 5px auto 15px;
|
||||
text-align: left;
|
||||
clear: both;
|
||||
}
|
||||
#progressbar {
|
||||
font-size: 1px;
|
||||
background: #ccc url(templates/default/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;
|
||||
#progress {
|
||||
background: #222 url(templates/<?php echo $this->_tpl_vars['template']; ?>
|
||||
/images/progress_back.png) center center repeat-x;
|
||||
border: 1px solid #666;
|
||||
}
|
||||
#tracktime {
|
||||
font-weight: bold;
|
||||
position: absolute;
|
||||
top: 130px;
|
||||
left: 150px;
|
||||
}
|
||||
#tracktime #total {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
'; ?>
|
||||
http://www.google.com
|
||||
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,14 +1,17 @@
|
||||
<?php /* Smarty version 2.6.9, created on 2009-07-01 08:30:50
|
||||
<?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']; echo $this->_tpl_vars['playlist_item']['Pos']; ?>
|
||||
<?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']; echo $this->_tpl_vars['playlist_item']['Pos']; ?>
|
||||
/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; endif; else: echo $this->_tpl_vars['playlist_item']['file_name']; endif; ?></li>
|
||||
)</span><?php endif; ?><?php endif; ?><?php else: ?><?php echo $this->_tpl_vars['playlist_item']['file_name']; ?>
|
||||
<?php endif; ?></li>
|
||||
@ -1,13 +1,12 @@
|
||||
<?php /* Smarty version 2.6.9, created on 2010-01-06 16:48:52
|
||||
<?php /* Smarty version 2.6.26, created on 2010-01-10 12:04:42
|
||||
compiled from default/menu.html */ ?>
|
||||
<div id="menu">
|
||||
<ul>
|
||||
<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>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
<?php /* Smarty version 2.6.9, created on 2009-07-01 08:31:00
|
||||
<?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); ?>
|
||||
@ -26,26 +26,32 @@ smarty_core_load_plugins(array('plugins' => array(array('modifier', 'escape', 'd
|
||||
|
||||
<?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']; echo ((is_array($_tmp=$this->_tpl_vars['browselist_item']['file'])) ? $this->_run_mod_handler('escape', true, $_tmp, 'url') : smarty_modifier_escape($_tmp, 'url')); ?>
|
||||
<?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']; echo ((is_array($_tmp=$this->_tpl_vars['browselist_item']['file'])) ? $this->_run_mod_handler('escape', true, $_tmp, 'url') : smarty_modifier_escape($_tmp, 'url')); ?>
|
||||
/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; endif; else: echo ((is_array($_tmp=$this->_tpl_vars['browselist_item']['file_name'])) ? $this->_run_mod_handler('escape', true, $_tmp, 'html') : smarty_modifier_escape($_tmp, 'html')); endif; ?></li>
|
||||
)</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']; echo ((is_array($_tmp=$this->_tpl_vars['browselist_item']['file'])) ? $this->_run_mod_handler('escape', true, $_tmp, 'url') : smarty_modifier_escape($_tmp, 'url')); ?>
|
||||
<?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']; echo ((is_array($_tmp=$this->_tpl_vars['browselist_item']['file'])) ? $this->_run_mod_handler('escape', true, $_tmp, 'url') : smarty_modifier_escape($_tmp, 'url')); ?>
|
||||
/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; endif; else: echo ((is_array($_tmp=$this->_tpl_vars['browselist_item']['file_name'])) ? $this->_run_mod_handler('escape', true, $_tmp, 'html') : smarty_modifier_escape($_tmp, 'html')); endif; ?></li>
|
||||
)</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,4 +1,4 @@
|
||||
<?php /* Smarty version 2.6.9, created on 2009-07-01 08:31:00
|
||||
<?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); ?>
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
<?php /* Smarty version 2.6.9, created on 2009-07-01 08:30:49
|
||||
<?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']; ?>
|
||||
|
||||
@ -1,42 +1,65 @@
|
||||
<?php /* Smarty version 2.6.9, created on 2010-01-09 14:59:56
|
||||
<?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', 11, false),)), $this); ?>
|
||||
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']; ?>
|
||||
<!--<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 class="artist"><?php echo $this->_tpl_vars['current_artist']; ?>
|
||||
</p><?php if ($this->_tpl_vars['current_album']): ?><p class="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']; ?>
|
||||
<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; ?>
|
||||
|
||||
)</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 class="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 class="title"><?php echo $this->_tpl_vars['current_title']; ?>
|
||||
</span><br /><br /><?php elseif ($this->_tpl_vars['current_filename']): echo $this->_tpl_vars['current_filename']; else: ?>[Nothing playing]<?php endif; ?>
|
||||
<?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>
|
||||
|
||||
<div id="controls">
|
||||
<a href="index.php?action=prev"><img src="templates/<?php echo $this->_tpl_vars['template']; ?>
|
||||
/images/prev_button.png" Alt="Previous" width="50" height="50" /></a><a href="index.php?action=play"><img src="templates/<?php echo $this->_tpl_vars['template']; ?>
|
||||
/images/play_button.png" Alt="Play" width="50" height="50" /></a><a href="index.php?action=pause"><img src="templates/<?php echo $this->_tpl_vars['template']; ?>
|
||||
/images/pause_button.png" Alt="Pause" width="50" height="50" /></a><a href="index.php?action=stop"><img src="templates/<?php echo $this->_tpl_vars['template']; ?>
|
||||
/images/stop_button.png" Alt="Stop" width="50" height="50" /></a><a href="index.php?action=next"><img src="templates/<?php echo $this->_tpl_vars['template']; ?>
|
||||
/images/next_button.png" Alt="Next" width="50" height="50" /></a>
|
||||
<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,4 +1,4 @@
|
||||
<?php /* Smarty version 2.6.26, created on 2010-01-09 16:53:35
|
||||
<?php /* Smarty version 2.6.26, created on 2010-01-10 14:03:32
|
||||
compiled from default/index.html */ ?>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
@ -6,7 +6,7 @@
|
||||
<head>
|
||||
<title>NeoMPC <?php echo $this->_tpl_vars['version']; ?>
|
||||
</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
|
||||
<meta name="viewport" content="width=320, user-scalable=no"/>
|
||||
|
||||
<style>
|
||||
@ -15,20 +15,25 @@ $this->_smarty_include(array('smarty_include_tpl_file' => "default/styles.css",
|
||||
$this->_tpl_vars = $_smarty_tpl_vars;
|
||||
unset($_smarty_tpl_vars);
|
||||
?>
|
||||
</style>
|
||||
|
||||
</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>
|
||||
|
||||
<script type="text/javascript">
|
||||
<?php $_smarty_tpl_vars = $this->_tpl_vars;
|
||||
$this->_smarty_include(array('smarty_include_tpl_file' => "../lib/js/javascript.js", 'smarty_include_vars' => array()));
|
||||
$this->_tpl_vars = $_smarty_tpl_vars;
|
||||
unset($_smarty_tpl_vars);
|
||||
?>
|
||||
</script>
|
||||
|
||||
<?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;
|
||||
|
||||
@ -1,17 +1,17 @@
|
||||
|
||||
<ul id="crumb_trail">
|
||||
<li><a href="{$home_link}"><img src="templates/{$template}/images/home.gif" alt="Home" /></a></li>
|
||||
<li><a href="{:$home_link:}"><img src="templates/{:$template:}/images/home.gif" alt="Home" /></a></li>
|
||||
|
||||
{foreach from=$dir_list item=dir_list_item}
|
||||
<li>• <a href="index.php?browse={$dir_list_item.path}">{$dir_list_item.name|escape:'html'}</a></li>
|
||||
{/foreach}
|
||||
{:foreach from=$dir_list item=dir_list_item:}
|
||||
<li>• <a href="index.php?browse={:$dir_list_item.path:}">{:$dir_list_item.name|escape:'html':}</a></li>
|
||||
{:/foreach:}
|
||||
|
||||
</ul>
|
||||
|
||||
<div id="buttons"><a href="index.php?action=playall"><img src="templates/{$template}/images/playall.gif" /></a> <a href="index.php?action=addall"><img src="templates/{$template}/images/addall.gif" /></a></div>
|
||||
<div id="buttons"><a href="index.php?action=playall"><img src="templates/{:$template:}/images/playall.gif" /></a> <a href="index.php?action=addall"><img src="templates/{:$template:}/images/addall.gif" /></a></div>
|
||||
|
||||
<ul class="list">
|
||||
{foreach from=$browselist item=browselist_item}
|
||||
{include file="default/browselist_item.html"}
|
||||
{/foreach}
|
||||
{:foreach from=$browselist item=browselist_item:}
|
||||
{:include file="default/browselist_item.html":}
|
||||
{:/foreach:}
|
||||
</ul>
|
||||
|
||||
@ -1,22 +1,22 @@
|
||||
|
||||
{if $browselist_item.directory}
|
||||
{:if $browselist_item.directory:}
|
||||
|
||||
<li><a href="index.php?browse={$browselist_item.directory|escape:'url'}"><img src="templates/{$template}/images/dir.gif" class="icon" /> {$browselist_item.directory_name|escape:'html'}</a></li>
|
||||
<li><a href="index.php?browse={:$browselist_item.directory|escape:'url':}"><img src="templates/{:$template:}/images/dir.gif" class="icon" /> {:$browselist_item.directory_name|escape:'html':}</a></li>
|
||||
|
||||
{elseif $browselist_item.metaArtist}
|
||||
{:elseif $browselist_item.metaArtist:}
|
||||
|
||||
<li><a href="index.php?browse={$browselist_item.path|escape:'url'}"><img src="templates/{$template}/images/artist.gif" class="icon" /> {$browselist_item.metaArtist|escape:'html'}</a></li>
|
||||
<li><a href="index.php?browse={:$browselist_item.path|escape:'url':}"><img src="templates/{:$template:}/images/artist.gif" class="icon" /> {:$browselist_item.metaArtist|escape:'html':}</a></li>
|
||||
|
||||
{elseif $browselist_item.metaAlbum}
|
||||
{:elseif $browselist_item.metaAlbum:}
|
||||
|
||||
<li><a href="index.php?browse={$browselist_item.path|escape:'url'}"><img src="templates/{$template}/images/album.gif" class="icon" /> {$browselist_item.metaAlbum|escape:'html'}</a></li>
|
||||
<li><a href="index.php?browse={:$browselist_item.path|escape:'url':}"><img src="templates/{:$template:}/images/album.gif" class="icon" /> {:$browselist_item.metaAlbum|escape:'html':}</a></li>
|
||||
|
||||
{elseif $browselist_item.Title}
|
||||
{:elseif $browselist_item.Title:}
|
||||
|
||||
{if $browselist_item.in_playlist}<li class="playing">{else}<li>{/if}<a href="{$browselist_add_link}{$browselist_item.file|escape:'url'}"><img src="templates/{$template}/images/add.gif" alt="Add" class="button" /></a><a href="{$browselist_play_link}{$browselist_item.file|escape:'url'}"><img src="templates/{$template}/images/play.gif" alt="Play" class="button" /></a><img src="templates/{$template}/images/note.gif" class="icon" /> {if $browselist_item.Title|escape:'html'}<span class="title">{$browselist_item.Title|escape:'html'}</span>{if $browselist_item.Artist && $show_extra_track_info}<br /><span class="artist">{$browselist_item.Artist|escape:'html'}</span> {if $browselist_item.Album}<span class="album">({$browselist_item.Album|escape:'html'})</span>{/if}{/if}{else}{$browselist_item.file_name|escape:'html'}{/if}</li>
|
||||
{:if $browselist_item.in_playlist:}<li class="playing">{:else:}<li>{:/if:}<a href="{:$browselist_add_link:}{:$browselist_item.file|escape:'url':}"><img src="templates/{:$template:}/images/add.gif" alt="Add" class="button" /></a><a href="{:$browselist_play_link:}{:$browselist_item.file|escape:'url':}"><img src="templates/{:$template:}/images/play.gif" alt="Play" class="button" /></a><img src="templates/{:$template:}/images/note.gif" class="icon" /> {:if $browselist_item.Title|escape:'html':}<span class="title">{:$browselist_item.Title|escape:'html':}</span>{:if $browselist_item.Artist && $show_extra_track_info:}<br /><span class="artist">{:$browselist_item.Artist|escape:'html':}</span> {:if $browselist_item.Album:}<span class="album">({:$browselist_item.Album|escape:'html':})</span>{:/if:}{:/if:}{:else:}{:$browselist_item.file_name|escape:'html':}{:/if:}</li>
|
||||
|
||||
{elseif $browselist_item.file}
|
||||
{:elseif $browselist_item.file:}
|
||||
|
||||
{if $browselist_item.in_playlist}<li class="playing">{else}<li>{/if}<a href="{$browselist_add_link}{$browselist_item.file|escape:'url'}"><img src="templates/{$template}/images/add.gif" alt="Add" class="button" /></a><a href="{$browselist_play_link}{$browselist_item.file|escape:'url'}"><img src="templates/{$template}/images/play.gif" alt="Play" class="button" /></a><img src="templates/{$template}/images/note.gif" class="icon" /> {if $browselist_item.Title|escape:'html'}<span class="title">{$browselist_item.Title|escape:'html'}</span>{if $browselist_item.Artist && $show_extra_track_info}<br /><span class="artist">{$browselist_item.Artist|escape:'html'}</span> {if $browselist_item.Album}<span class="album">({$browselist_item.Album|escape:'html'})</span>{/if}{/if}{else}{$browselist_item.file_name|escape:'html'}{/if}</li>
|
||||
{:if $browselist_item.in_playlist:}<li class="playing">{:else:}<li>{:/if:}<a href="{:$browselist_add_link:}{:$browselist_item.file|escape:'url':}"><img src="templates/{:$template:}/images/add.gif" alt="Add" class="button" /></a><a href="{:$browselist_play_link:}{:$browselist_item.file|escape:'url':}"><img src="templates/{:$template:}/images/play.gif" alt="Play" class="button" /></a><img src="templates/{:$template:}/images/note.gif" class="icon" /> {:if $browselist_item.Title|escape:'html':}<span class="title">{:$browselist_item.Title|escape:'html':}</span>{:if $browselist_item.Artist && $show_extra_track_info:}<br /><span class="artist">{:$browselist_item.Artist|escape:'html':}</span> {:if $browselist_item.Album:}<span class="album">({:$browselist_item.Album|escape:'html':})</span>{:/if:}{:/if:}{:else:}{:$browselist_item.file_name|escape:'html':}{:/if:}</li>
|
||||
|
||||
{/if}
|
||||
{:/if:}
|
||||
|
||||
@ -1,5 +1,8 @@
|
||||
<?php
|
||||
|
||||
$_CONFIG['smarty_left_delimiter'] = '{:';
|
||||
$_CONFIG['smarty_right_delimiter'] = ':}';
|
||||
|
||||
$_CONFIG['album_cover_size'] = 130;
|
||||
$_CONFIG['progress_bar_width'] = 276;
|
||||
|
||||
|
||||
@ -1,21 +1,46 @@
|
||||
<div id="song_display">
|
||||
|
||||
<div id="cover_image">{if $coverimage}<img id="cover" title="{$current_album}" src="lib/image.php?file={$coverimage|escape:'url'}&size={$coversize}" />{else}<img id="cover" title="{$current_album}" src="templates/default/images/default_cover.png" />{/if}</div>
|
||||
<!--<div id="cover_image">{:if $coverimage:}<img id="cover" title="{:$current_album:}" src="lib/image.php?file={:$coverimage|escape:'url':}&size={:$coversize:}" />{:else:}<img id="cover" title="{:$current_album:}" src="templates/default/images/default_cover.png" />{:/if:}</div>
|
||||
|
||||
<div id="album_info"><p class="artist">{$current_artist}</p>{if $current_album}<p class="album">{$current_album}</p>{/if}</div>
|
||||
{if $mpd_state == 'play' || $mpd_state == 'pause'}<div id="tracktime"><span id="min">{$initialmin}</span>:<span id="sec">{$initialsec}</span> <span id="total">({$totalmin}:{$totalsec})</span></div>{/if}
|
||||
|
||||
{if $mpd_state == 'play' || $mpd_state == 'pause'}<div id="progress"><div id="progressbar" style="margin-right: {$initialprogress}px;"> </div></div>{else}<div id="progress"></div>{/if}
|
||||
|
||||
<div id="album_info"><p id="artist">{:$current_artist:}</p>{:if $current_album:}<p id="album">{:$current_album:}</p>{:/if:}</div>
|
||||
|
||||
{:if $mpd_state == 'play' || $mpd_state == 'pause':}<div id="tracktime"><span id="min">{:$initialmin:}</span>:<span id="sec">{:$initialsec:}</span> <span id="total">({:$totalmin:}:{:$totalsec:})</span></div>{:/if:}
|
||||
|
||||
{:if $mpd_state == 'play' || $mpd_state == 'pause':}<div id="progress"><div id="progressbar" style="margin-right: {:$initialprogress:}px;"> </div></div>{:else:}<div id="progress"></div>{:/if:}
|
||||
|
||||
<div id="song_info">
|
||||
{if $current_title}<span class="pos">{$current_track_no+1|string_format:"%02d"}.</span> <span class="title">{$current_title}</span><br /><br />{elseif $current_filename}{$current_filename}{else}[Nothing playing]{/if}
|
||||
{:if $current_title:}<span id="pos">{:$current_track_no+1|string_format:"%02d":}.</span> <span id="title">{:$current_title:}</span><br /><br />{:elseif $current_filename:}{:$current_filename:}{:else:}[Nothing playing]{:/if:}
|
||||
|
||||
</div>-->
|
||||
|
||||
<div id="cover_image"><img id="cover" title="{:$current_album:}" src="templates/{:$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>
|
||||
|
||||
<div id="controls">
|
||||
<a href="index.php?action=prev"><img src="templates/{$template}/images/prev_button.png" Alt="Previous" width="50" height="50" /></a><a href="index.php?action=play"><img src="templates/{$template}/images/play_button.png" Alt="Play" width="50" height="50" /></a><a href="index.php?action=pause"><img src="templates/{$template}/images/pause_button.png" Alt="Pause" width="50" height="50" /></a><a href="index.php?action=stop"><img src="templates/{$template}/images/stop_button.png" Alt="Stop" width="50" height="50" /></a><a href="index.php?action=next"><img src="templates/{$template}/images/next_button.png" Alt="Next" width="50" height="50" /></a>
|
||||
<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>
|
||||
|
||||
|
||||
|
||||
@ -2,31 +2,34 @@
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<title>NeoMPC {$version}</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
|
||||
<title>NeoMPC {:$version:}</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
|
||||
<meta name="viewport" content="width=320, user-scalable=no"/>
|
||||
|
||||
<style>
|
||||
{include file="default/styles.css"}
|
||||
</style>
|
||||
|
||||
{:include file="default/styles.css":}
|
||||
</style>
|
||||
|
||||
<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>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<script type="text/javascript">
|
||||
{include file="../lib/js/javascript.js"}
|
||||
</script>
|
||||
|
||||
{include file="default/menu.html"}
|
||||
{:include file="default/menu.html":}
|
||||
|
||||
<div id="page">
|
||||
|
||||
{include file="default/$page.html"}
|
||||
{:include file="default/$page.html":}
|
||||
|
||||
</div>
|
||||
|
||||
{$refresh}
|
||||
{:$refresh:}
|
||||
|
||||
</body>
|
||||
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
<div id="menu">
|
||||
<ul>
|
||||
<li><a {if $page == 'browse'}class="selected" {/if}href="{$browse_link}">Browse</a></li>
|
||||
<li><a {if $page == 'playlist'}class="selected" {/if}href="{$playlist_link}">Playlist</a></li>
|
||||
<li><a {if $page == 'control'}class="selected" {/if}href="{$control_link}">Control</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<ul>
|
||||
<li><a {:if $page == 'browse':}class="selected" {:/if:}href="{:$browse_link:}">Browse</a></li>
|
||||
<li><a {:if $page == 'playlist':}class="selected" {:/if:}href="{:$playlist_link:}">Playlist</a></li>
|
||||
<li><a {:if $page == 'control':}class="selected" {:/if:}href="{:$control_link:}">Control</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
{if $playlist}
|
||||
<div id="buttons"><a href="{$playlist_clear_link}"><img src="templates/{$template}/images/delall.gif" /></a></div>
|
||||
{:if $playlist:}
|
||||
<div id="buttons"><a href="{:$playlist_clear_link:}"><img src="templates/{:$template:}/images/delall.gif" /></a></div>
|
||||
|
||||
<ul class="list">
|
||||
{foreach from=$playlist item=playlist_item}
|
||||
{include file="default/playlist_item.html"}
|
||||
{/foreach}
|
||||
{:foreach from=$playlist item=playlist_item:}
|
||||
{:include file="default/playlist_item.html":}
|
||||
{:/foreach:}
|
||||
</ul>
|
||||
{else}
|
||||
{:else:}
|
||||
<p>(Empty playlist)</p>
|
||||
{/if}
|
||||
{:/if:}
|
||||
|
||||
|
||||
@ -1 +1 @@
|
||||
{if $playlist_item.Pos == $playing}<li class="playing">{else}<li>{/if}<a href="{$playlist_remove_link}{$playlist_item.Pos}"><img src="templates/{$template}/images/del.gif" alt="Remove from Playlist" class="button" /></a><a href="{$playlist_play_link}{$playlist_item.Pos}"><img src="templates/{$template}/images/play.gif" alt="Play" class="button" /></a><img src="templates/{$template}/images/note.gif" class="icon" /> <span class="pos">{$playlist_item.Pos+1|string_format:"%02d"}.</span> {if $playlist_item.Title}<span class="title">{$playlist_item.Title}</span>{if $playlist_item.Artist && $show_extra_track_info}<br /><span class="artist">{$playlist_item.Artist}</span> {if $playlist_item.Album}<span class="album">({$playlist_item.Album})</span>{/if}{/if}{else}{$playlist_item.file_name}{/if}</li>
|
||||
{:if $playlist_item.Pos == $playing:}<li class="playing">{:else:}<li>{:/if:}<a href="{:$playlist_remove_link:}{:$playlist_item.Pos:}"><img src="templates/{:$template:}/images/del.gif" alt="Remove from Playlist" class="button" /></a><a href="{:$playlist_play_link:}{:$playlist_item.Pos:}"><img src="templates/{:$template:}/images/play.gif" alt="Play" class="button" /></a><img src="templates/{:$template:}/images/note.gif" class="icon" /> <span class="pos">{:$playlist_item.Pos+1|string_format:"%02d":}.</span> {:if $playlist_item.Title:}<span class="title">{:$playlist_item.Title:}</span>{:if $playlist_item.Artist && $show_extra_track_info:}<br /><span class="artist">{:$playlist_item.Artist:}</span> {:if $playlist_item.Album:}<span class="album">({:$playlist_item.Album:})</span>{:/if:}{:/if:}{:else:}{:$playlist_item.file_name:}{:/if:}</li>
|
||||
|
||||
@ -1,4 +1,3 @@
|
||||
{literal}
|
||||
* {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
@ -11,34 +10,35 @@ a {
|
||||
color: #fff;
|
||||
}
|
||||
body {
|
||||
background: #333 url(templates/default/images/menu_shadow.png) center 29px repeat-x;
|
||||
background: #333 url(templates/{:$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: #000 url(templates/default/images/menu_back.png);
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 30px;
|
||||
top: 0px;
|
||||
padding: 0px 2px 0px 0px;
|
||||
z-index: 1;
|
||||
text-align: center;
|
||||
}
|
||||
#menu ul {
|
||||
width: 320px;
|
||||
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;
|
||||
}
|
||||
#menu li {
|
||||
display: block;
|
||||
float: left;
|
||||
}
|
||||
#menu a {
|
||||
#menu a {
|
||||
background: #000 url(templates/{:$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);
|
||||
@ -47,24 +47,24 @@ p {
|
||||
margin-left: 0px;
|
||||
display: block;
|
||||
width: 107px;
|
||||
height: 23px;
|
||||
height: 23px;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
}
|
||||
#menu a:hover {
|
||||
background: #ccc url(templates/default/images/menu_back_active.png);;
|
||||
background: #ccc url(templates/{:$template:}/images/menu_back_active.png);;
|
||||
color: #000;
|
||||
}
|
||||
#menu a:active {
|
||||
background: #ccc url(templates/default/images/menu_back_active.png);;
|
||||
background: #ccc url(templates/{:$template:}/images/menu_back_active.png);;
|
||||
color: #000;
|
||||
}
|
||||
#menu a.selected {
|
||||
background: #333 url(templates/default/images/menu_back_selected.png);
|
||||
background: #333 url(templates/{:$template:}/images/menu_back_selected.png);
|
||||
color: #fff;
|
||||
width: 106px;
|
||||
width: 106px;
|
||||
text-shadow: 0 0 12px rgba(150, 210, 255, 0.9);
|
||||
}
|
||||
}
|
||||
#page {
|
||||
padding: 0px;
|
||||
clear: left;
|
||||
@ -82,46 +82,48 @@ p {
|
||||
#page ul li {
|
||||
padding: 0px 1px 1px 0px;
|
||||
border-top: 1px solid #666;
|
||||
}
|
||||
#song_display {
|
||||
position: relative;
|
||||
width: 280px;
|
||||
}
|
||||
#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;
|
||||
#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;
|
||||
}
|
||||
#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;
|
||||
}
|
||||
@ -129,18 +131,106 @@ img.button {
|
||||
float: right;
|
||||
margin: 2px 2px -1px 2px;
|
||||
}
|
||||
#controls {
|
||||
background: #666 url(templates/default/images/control_back.png) center center repeat-x;
|
||||
#controls {
|
||||
background: #666 url(templates/{:$template:}/images/control_back.png) center center repeat-x;
|
||||
text-align: center;
|
||||
margin: 8px 0px 0px 0px;
|
||||
padding: 10px 7px 10px 0px;
|
||||
margin: 8px 0px 0px 0px;
|
||||
padding: 10px 7px 10px 0px;
|
||||
height: 50px;
|
||||
}
|
||||
#controls #track {
|
||||
#controls .container {
|
||||
position: relative;
|
||||
width: 280px;
|
||||
margin: 0px auto;
|
||||
}
|
||||
#controls a {
|
||||
#controls #main_controls {
|
||||
width: 280px;
|
||||
}
|
||||
#controls #main_controls li {
|
||||
display: block;
|
||||
float: left;
|
||||
border: 0;
|
||||
}
|
||||
#controls #main_controls a {
|
||||
background-image: url(templates/{:$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/{:$template:}/images/shuffle.png);
|
||||
}
|
||||
#volume_repeat #repeat_button {
|
||||
background-image: url(templates/{:$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;
|
||||
@ -154,43 +244,41 @@ img.button {
|
||||
}
|
||||
li.playing {
|
||||
background: #444;
|
||||
}
|
||||
#progress {
|
||||
background: #222 url(templates/default/images/progress_back.png) center center repeat-x;
|
||||
border: 1px solid #666;
|
||||
padding: 2px;
|
||||
width: 276px;
|
||||
height: 10px;
|
||||
margin: 5px auto 15px;
|
||||
text-align: left;
|
||||
clear: both;
|
||||
}
|
||||
#progressbar {
|
||||
font-size: 1px;
|
||||
background: #ccc url(templates/default/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;
|
||||
#progress {
|
||||
background: #222 url(templates/{:$template:}/images/progress_back.png) center center repeat-x;
|
||||
border: 1px solid #666;
|
||||
}
|
||||
#tracktime {
|
||||
font-weight: bold;
|
||||
position: absolute;
|
||||
top: 130px;
|
||||
left: 150px;
|
||||
}
|
||||
#tracktime #total {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
{/literal}http://www.google.com
|
||||
padding: 2px;
|
||||
width: 276px;
|
||||
height: 10px;
|
||||
margin: 5px auto 10px;
|
||||
text-align: left;
|
||||
clear: both;
|
||||
}
|
||||
#progressbar {
|
||||
font-size: 1px;
|
||||
background: #ccc url(templates/{:$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;
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user