Here is how to remove a now playing entry after 5 minutes:
Locate and begin editing right.jsp. It can be found in the subsonic/jetty/[whateverYourBuildNumberIs]/webapp/WEB-INF/jsp.
Now, before I go any further, I want you to think. How does subsonic start showing the "minutes ago" text under an entry?
Well, there is a variable called minutesAgo and it says "if minutesAgo is more than 4, display 'minutes ago'"
It is this variable that we are going to hijack!
This is what the section of the file we are going to modify looks like unedited:
- Code: Select all
function getNowPlayingCallback(nowPlaying) {
var html = nowPlaying.length == 0 ? "" : "<h2><fmt:message key="main.nowplaying"/></h2><table>";
for (var i = 0; i < nowPlaying.length; i++) {
html += "<tr><td colspan='2' class='detail' style='padding-top:1em;white-space:nowrap'>";
if (nowPlaying[i].avatarUrl != null) {
html += "<img src='" + nowPlaying[i].avatarUrl + "' style='padding-right:5pt'>";
}
html += "<b>" + nowPlaying[i].username + "</b></td></tr>"
html += "<tr><td class='detail' style='padding-right:1em'>" +
"<a title='" + nowPlaying[i].tooltip + "' target='main' href='" + nowPlaying[i].albumUrl + "'><em>" +
nowPlaying[i].artist + "</em><br/>" + nowPlaying[i].title + "</a><br/>" +
"<span class='forward'><a href='" + nowPlaying[i].lyricsUrl + "' onclick=\"return popupSize(this, 'lyrics', 430, 550)\">" +
"<fmt:message key="main.lyrics"/>" + "</a></span></td><td style='padding-top:1em'>";
if (nowPlaying[i].coverArtUrl != null) {
html += "<a title='" + nowPlaying[i].tooltip + "' rel='zoom' href='" + nowPlaying[i].coverArtZoomUrl + "'>" +
"<img src='" + nowPlaying[i].coverArtUrl + "' width='48' height='48'></a>";
}
html += "</td></tr>";
var minutesAgo = nowPlaying[i].minutesAgo;
if (minutesAgo > 4) {
html += "<tr><td class='detail' colspan='2'>" + minutesAgo + " <fmt:message key="main.minutesago"/></td></tr>";
}
}
html += "</table>";
$('nowPlaying').innerHTML = html;
prepZooms();
}
All we are going to do is put these lines:
- Code: Select all
var minutesAgo = nowPlaying[i].minutesAgo;
if (minutesAgo < 5) {
right after these lines:
- Code: Select all
var html = nowPlaying.length == 0 ? "" : "<h2><fmt:message key="main.nowplaying"/></h2><table>";
for (var i = 0; i < nowPlaying.length; i++) {
and a '}' right before this line:
- Code: Select all
html += "</table>";
So the result should look like:
- Code: Select all
function getNowPlayingCallback(nowPlaying) {
var html = nowPlaying.length == 0 ? "" : "<h2><fmt:message key="main.nowplaying"/></h2><table>";
for (var i = 0; i < nowPlaying.length; i++) {
var minutesAgo = nowPlaying[i].minutesAgo;
if (minutesAgo < 5) {
html += "<tr><td colspan='2' class='detail' style='padding-top:1em;white-space:nowrap'>";
if (nowPlaying[i].avatarUrl != null) {
html += "<img src='" + nowPlaying[i].avatarUrl + "' style='padding-right:5pt'>";
}
html += "<b>" + nowPlaying[i].username + "</b></td></tr>"
html += "<tr><td class='detail' style='padding-right:1em'>" +
"<a title='" + nowPlaying[i].tooltip + "' target='main' href='" + nowPlaying[i].albumUrl + "'><em>" +
nowPlaying[i].artist + "</em><br/>" + nowPlaying[i].title + "</a><br/>" +
"<span class='forward'><a href='" + nowPlaying[i].lyricsUrl + "' onclick=\"return popupSize(this, 'lyrics', 430, 550)\">" +
"<fmt:message key="main.lyrics"/>" + "</a></span></td><td style='padding-top:1em'>";
if (nowPlaying[i].coverArtUrl != null) {
html += "<a title='" + nowPlaying[i].tooltip + "' rel='zoom' href='" + nowPlaying[i].coverArtZoomUrl + "'>" +
"<img src='" + nowPlaying[i].coverArtUrl + "' width='48' height='48'></a>";
}
html += "</td></tr>";
}
}
html += "</table>";
$('nowPlaying').innerHTML = html;
prepZooms();
}
Enjoy!
