#Campcaster-Web: 'Now Playing' should display running playlist name
This commit is contained in:
parent
cbadb6e9eb
commit
eb47b8248a
|
@ -840,7 +840,7 @@ table.masterpalette td{
|
||||||
padding-right: 5px;
|
padding-right: 5px;
|
||||||
font-family: bitstream-vera, verdana, helvetica;
|
font-family: bitstream-vera, verdana, helvetica;
|
||||||
font: #999;
|
font: #999;
|
||||||
width: 150px;
|
width: 300px;
|
||||||
height: 85px;
|
height: 85px;
|
||||||
border-right: 1px solid #ccc;
|
border-right: 1px solid #ccc;
|
||||||
border-bottom: 1px solid #ccc;
|
border-bottom: 1px solid #ccc;
|
||||||
|
@ -895,13 +895,13 @@ table.masterpalette td{
|
||||||
|
|
||||||
.whatplaying .title {
|
.whatplaying .title {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 15px;
|
font-size: 11px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.whatplaying .scala {
|
.whatplaying .scala {
|
||||||
width: 250px;
|
width: 290px;
|
||||||
height: 8px;
|
height: 8px;
|
||||||
margin-top: 5px;
|
margin: 2px 0;
|
||||||
background-color: #DADADA;
|
background-color: #DADADA;
|
||||||
border-top: 1px solid #B5B5B5;
|
border-top: 1px solid #B5B5B5;
|
||||||
border-left: 1px solid #B5B5B5;
|
border-left: 1px solid #B5B5B5;
|
||||||
|
@ -916,26 +916,53 @@ table.masterpalette td{
|
||||||
}
|
}
|
||||||
|
|
||||||
.whatplaying .time {
|
.whatplaying .time {
|
||||||
width: 250px;
|
width: 300px;
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.whatplaying .time .left {
|
.whatplaying .left {
|
||||||
float: left;
|
float: left;
|
||||||
width: 125px;
|
width: 150px;
|
||||||
|
}
|
||||||
|
.whatplaying .left .left_title {
|
||||||
|
width: 65px;
|
||||||
|
float: left;
|
||||||
|
display: block;
|
||||||
|
overflow: hidden;
|
||||||
|
margin-right: 3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.whatplaying .time .right {
|
.whatplaying .right {
|
||||||
width: 125px;
|
width: 140px;
|
||||||
float: left;
|
float: left;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
.whatplaying .next {
|
.whatplaying .playlist {
|
||||||
|
width: 350px;
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
font-weight: bold;
|
}
|
||||||
margin: 10px 0 0 0;
|
|
||||||
vertical-align: baseline;
|
.whatplaying .playlist_title {
|
||||||
|
height: 1.4em;
|
||||||
|
overflow: hidden;
|
||||||
|
display: block;
|
||||||
|
width: 225px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.whatplaying #next_clip {
|
||||||
|
clear: both;
|
||||||
|
display: block;
|
||||||
|
font-size: 11px;
|
||||||
|
height: 1.4em;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.whatplaying #next_clip .next {
|
||||||
|
width: 65px;
|
||||||
|
float: left;
|
||||||
|
display: block;
|
||||||
|
overflow: hidden;
|
||||||
|
margin-right: 3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.loginname {
|
.loginname {
|
||||||
|
@ -952,10 +979,8 @@ table.masterpalette td{
|
||||||
.frequence { font-size: 12px;
|
.frequence { font-size: 12px;
|
||||||
margin: 15px 0 8px 0;
|
margin: 15px 0 8px 0;
|
||||||
}
|
}
|
||||||
|
/* micz */
|
||||||
|
.whatplaying .title {
|
||||||
|
max-height: 3em;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
|
@ -3,11 +3,12 @@
|
||||||
{literal}
|
{literal}
|
||||||
// play-progress-bar object
|
// play-progress-bar object
|
||||||
|
|
||||||
function plPrBar(tit, eh, ei, es, dh, di, ds, next, ntit, nh, ni, ns){
|
function plPrBar(tit, pltit, eh, ei, es, dh, di, ds, next, ntit, nh, ni, ns){
|
||||||
this.tit = tit.slice(0, 40);
|
this.tit = tit;
|
||||||
|
this.pltit = pltit;
|
||||||
this.next = next;
|
this.next = next;
|
||||||
this.interval = 333;
|
this.interval = 333;
|
||||||
this.ntit = ntit.slice(0, 35);
|
this.ntit = ntit.slice(0, 22);
|
||||||
this.nh = nh;
|
this.nh = nh;
|
||||||
this.ni = ni;
|
this.ni = ni;
|
||||||
this.ns = ns;
|
this.ns = ns;
|
||||||
|
@ -32,6 +33,7 @@ function plPrBar(tit, eh, ei, es, dh, di, ds, next, ntit, nh, ni, ns){
|
||||||
|
|
||||||
function plPrBar_init() {
|
function plPrBar_init() {
|
||||||
document.getElementById("now_title").innerHTML = this.tit;
|
document.getElementById("now_title").innerHTML = this.tit;
|
||||||
|
document.getElementById("now_pl_title").innerHTML = this.pltit;
|
||||||
|
|
||||||
if (this.next == 0) {
|
if (this.next == 0) {
|
||||||
document.getElementById("next_clip").innerHTML = '';
|
document.getElementById("next_clip").innerHTML = '';
|
||||||
|
@ -99,11 +101,12 @@ function plPrBar_hide() {
|
||||||
{/literal}
|
{/literal}
|
||||||
|
|
||||||
{if (is_array($_nowplaying.duration))}
|
{if (is_array($_nowplaying.duration))}
|
||||||
ppb = new plPrBar ("{$_nowplaying.title}",
|
ppb = new plPrBar ("{$_nowplaying.title|escape:html}",
|
||||||
|
"{$_nowplaying.pl_title|escape:html}",
|
||||||
{$_nowplaying.elapsed.h|string_format:"%d"}, {$_nowplaying.elapsed.m|string_format:"%d"}, {$_nowplaying.elapsed.s|string_format:"%d"},
|
{$_nowplaying.elapsed.h|string_format:"%d"}, {$_nowplaying.elapsed.m|string_format:"%d"}, {$_nowplaying.elapsed.s|string_format:"%d"},
|
||||||
{$_nowplaying.duration.h|string_format:"%d"}, {$_nowplaying.duration.m|string_format:"%d"}, {$_nowplaying.duration.s|string_format:"%d"},
|
{$_nowplaying.duration.h|string_format:"%d"}, {$_nowplaying.duration.m|string_format:"%d"}, {$_nowplaying.duration.s|string_format:"%d"},
|
||||||
{if is_array($_nextplaying)}
|
{if is_array($_nextplaying)}
|
||||||
1, "{$_nextplaying.title}", {$_nextplaying.duration.h|string_format:'%d'}, {$_nextplaying.duration.m|string_format:'%2d'}, {$_nextplaying.duration.s|string_format:'%2d'}
|
1, "{$_nextplaying.title|escape:html}", {$_nextplaying.duration.h|string_format:'%d'}, {$_nextplaying.duration.m|string_format:'%2d'}, {$_nextplaying.duration.s|string_format:'%2d'}
|
||||||
{else}
|
{else}
|
||||||
0, "", 0, 0, 0
|
0, "", 0, 0, 0
|
||||||
{/if}
|
{/if}
|
||||||
|
|
|
@ -624,11 +624,15 @@ class uiScheduler extends uiCalendar {
|
||||||
$elapsed = array_map('round', $elapsed);
|
$elapsed = array_map('round', $elapsed);
|
||||||
$remaining = array_map('round', $remaining);
|
$remaining = array_map('round', $remaining);
|
||||||
$percentage = $secondsElapsed ? (100 * $secondsElapsed / ($secondsElapsed + $secondsRemaining)) : 100;
|
$percentage = $secondsElapsed ? (100 * $secondsElapsed / ($secondsElapsed + $secondsRemaining)) : 100;
|
||||||
|
$pl_title = $this->Base->gb->getMetadataValue(BasicStor::IdFromGunid($pl['playlistId']), UI_MDATA_KEY_TITLE, $this->Base->sessid);
|
||||||
|
|
||||||
return array('title' => $clip['title'],
|
return array('title' => $clip['title'],
|
||||||
'duration' => $duration,
|
'duration' => $duration,
|
||||||
'elapsed' => $elapsed,
|
'elapsed' => $elapsed,
|
||||||
'remaining' => $remaining,
|
'remaining' => $remaining,
|
||||||
'percentage'=> $percentage);
|
'percentage'=> $percentage,
|
||||||
|
'pl_title' => $pl_title
|
||||||
|
);
|
||||||
} // fn getNowNextClip
|
} // fn getNowNextClip
|
||||||
|
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue