mirror of
https://github.com/WhatCD/Gazelle.git
synced 2024-12-14 03:16:25 +00:00
359 lines
17 KiB
JavaScript
359 lines
17 KiB
JavaScript
|
|
(function ($) {
|
|
var username;
|
|
// How many entries to show per category before expanding
|
|
var initialCount = 3;
|
|
var tasteometer = "";
|
|
var lastPlayedTrack = "";
|
|
var sharedArtists = "";
|
|
var topArtists = "";
|
|
var topAlbums = "";
|
|
var topTracks = "";
|
|
var expanded = false;
|
|
// Failed request flag.
|
|
var flag = 0;
|
|
$(document).ready(function () {
|
|
// Avoid conflicting with other jQuery instances (userscripts et al).
|
|
$.noConflict();
|
|
// Fetch the username (appended from php) to base all get requests on.
|
|
username = $('#lastfm_username').text();
|
|
var div = $('#lastfm_stats');
|
|
// Fetch the required data.
|
|
// If data isn't cached, delays are issued in the class to avoid too many parallel requests to Last.fm
|
|
getTasteometer(div);
|
|
getLastPlayedTrack(div);
|
|
getTopArtists(div);
|
|
getTopAlbums(div);
|
|
getTopTracks(div);
|
|
// Allow expanding the show information to more than three entries.
|
|
// Attach to document as lastfm_expand links are added dynamically when fetching the data.
|
|
$(document).on('click', "#lastfm_expand", function () {
|
|
// Make hidden entries visible and remove the expand button.
|
|
if ( $(this).attr("href") == "#sharedartists" ){
|
|
sharedArtists = sharedArtists.replace(/\ class="hidden"/g,"");
|
|
sharedArtists = sharedArtists.replace(/<li>\[<a\ href=\"#sharedartists.*\]<\/li>/,"");
|
|
} else if ( $(this).attr("href") == "#topartists" ){
|
|
topArtists = topArtists.replace(/\ class="hidden"/g,"");
|
|
topArtists = topArtists.replace(/<li>\[<a\ href=\"#topartists.*\]<\/li>/,"");
|
|
} else if ( $(this).attr("href") == "#topalbums" ){
|
|
topAlbums = topAlbums.replace(/\ class="hidden"/g,"");
|
|
topAlbums = topAlbums.replace(/<li>\[<a\ href=\"#topalbums.*\]<\/li>/,"");
|
|
} else if ( $(this).attr("href") == "#toptracks" ){
|
|
topTracks = topTracks.replace(/\ class="hidden"/g,"");
|
|
topTracks = topTracks.replace(/<li>\[<a\ href=\"#toptracks.*\]<\/li>/,"");
|
|
}
|
|
updateDivContents(div);
|
|
});
|
|
// Allow expanding or collapsing the Last.fm data.
|
|
$("#lastfm_expand").on('click', function () {
|
|
if(expanded == false){
|
|
expanded = true;
|
|
$(this).html("Show less info");
|
|
} else {
|
|
expanded = false;
|
|
$(this).html("Show more info");
|
|
}
|
|
updateDivContents(div);
|
|
});
|
|
// Hide the reload button until data is expanded.
|
|
$("#lastfm_reload_container").addClass("hidden");
|
|
// Allow reloading the data manually.
|
|
$.urlParam = function(name){
|
|
var results = new RegExp('[\\?&]' + name + '=([^&#]*)').exec(window.location.href);
|
|
return results[1] || 0;
|
|
}
|
|
$("#lastfm_reload").on('click', function () {
|
|
// Clear the cache and the necessary variables.
|
|
$.get('user.php?action=lastfm_clear_cache&username=' + username + '&uid=' + $.urlParam('id'), function (response) {
|
|
});
|
|
tasteometer = "";
|
|
lastPlayedTrack = "";
|
|
sharedArtists = "";
|
|
topArtists = "";
|
|
topAlbums = "";
|
|
topTracks = "";
|
|
// Revert the sidebar box to its initial state.
|
|
$("#lastfm_stats").html("");
|
|
//$(".box_lastfm").children("ul").append('<li id="lastfm_loading">Loading...</li>');
|
|
$("#lastfm_stats").append('<li id="lastfm_loading">Loading...</li>');
|
|
// Remove the stats reload button.
|
|
$("#lastfm_reload_container").remove();
|
|
getTasteometer(div);
|
|
getLastPlayedTrack(div);
|
|
getTopArtists(div);
|
|
getTopAlbums(div);
|
|
getTopTracks(div);
|
|
});
|
|
});
|
|
|
|
// Allow updating the sidebar element contents as get requests are completed.
|
|
function updateDivContents(div) {
|
|
var html = "";
|
|
// Pass all data vars, gets that haven't completed yet append empty strings.
|
|
html += tasteometer;
|
|
html += lastPlayedTrack;
|
|
html += sharedArtists;
|
|
html += topArtists;
|
|
html += topAlbums;
|
|
html += topTracks;
|
|
html += '<li id="lastfm_loading">Loading...</li>';
|
|
div.html(html);
|
|
// If the data isn't expanded hide most of the info.
|
|
if( expanded == false ){
|
|
$("#lastfm_stats").children(":not(.lastfm_essential)").addClass("hidden");
|
|
$("#lastfm_reload_container").addClass("hidden");
|
|
} else {
|
|
$("#lastfm_reload_container").removeClass("hidden");
|
|
}
|
|
// Once all requests are completed, remove the loading message.
|
|
if(tasteometer && lastPlayedTrack && sharedArtists && topArtists && topAlbums && topTracks){
|
|
$('#lastfm_loading').remove();
|
|
}
|
|
}
|
|
|
|
// Escape ampersands with url code to avoid breaking the search links
|
|
function escapeAmpUrl(input){
|
|
return input.replace(/&/g,"%26");
|
|
}
|
|
|
|
// Escape ampersands with html code to avoid breaking the search links
|
|
function escapeHtml(input){
|
|
return input.replace(/&/g,"&").replace(/</g,"<");
|
|
}
|
|
|
|
|
|
// Functions for fetching the required data are as follows.
|
|
// Also gets the data for shared artists as they're bundled.
|
|
function getTasteometer(div) {
|
|
if ($("#lastfm_stats").attr("data-uid")){
|
|
//Own profile, don't show tasteometer and shared artists.
|
|
tasteometer = " ";
|
|
sharedArtists = " ";
|
|
} else {
|
|
$.get('user.php?action=lastfm_compare&username=' + username, function (response) {
|
|
// Two separate elements are received from one Last.fm API call.
|
|
var tasteometerHtml = "";
|
|
var sharedArtistsHtml = "";
|
|
if ( response ){
|
|
json = JSON.parse(response);
|
|
if (json != null && json['error']) {
|
|
console.log("Tasteometer: " + json['message']);
|
|
// Specified non-existant username for Last.fm, remove Last.fm box from page.
|
|
if (json['error'] == "7" ){
|
|
tasteometer = " ";
|
|
sharedArtists = " ";
|
|
}
|
|
} else if (json == null) {
|
|
// No Last.fm compare possible.
|
|
tasteometer = " ";
|
|
sharedArtists = " ";
|
|
} else {
|
|
var j = json['comparison']['result'];
|
|
var a = j['artists']['artist'];
|
|
tasteometerHtml += '<li class="lastfm_essential">Compatibility: ';
|
|
var compatibility = Math.round(j['score'] * 100);
|
|
var background;
|
|
if (compatibility < 50){
|
|
background = 'rgb(255, '+Math.floor(255*compatibility/50)+', 0)'
|
|
} else {
|
|
background = 'rgb('+Math.floor((1-(compatibility-50)/50)*255)+', 255, 0)'
|
|
}
|
|
tasteometerHtml += compatibility + '%\r\
|
|
<li class="lastfm_essential">\r\
|
|
<div id="lastfm_compatibilitybar_container">\n\
|
|
<div id="lastfm_compatibilitybar" style="width: '+compatibility+'%; background: '+background+';">\n\
|
|
</div>\r\
|
|
</div>\r\
|
|
</li>';
|
|
// Only print shared artists if there are any
|
|
if (j['artists']['matches'] != 0){
|
|
sharedArtistsHtml += '<li>Shared artists:</li><li><ul class="nobullet">';
|
|
var k = initialCount;
|
|
if (a.length < 3) k = a.length;
|
|
for (var i = 0; i < k; i++) {
|
|
sharedArtistsHtml += '<li><a href="artist.php?artistname=' + escapeAmpUrl(a[i]['name']) + '">' + escapeHtml(a[i]['name']) + '</a></li>'
|
|
}
|
|
if ( a.length > 3 ){
|
|
for (i = 3; i < a.length; i++) {
|
|
sharedArtistsHtml += '<li class="hidden"><a href="artist.php?artistname=' + escapeAmpUrl(a[i]['name']) + '">' + escapeHtml(a[i]['name']) + '</a></li>'
|
|
}
|
|
sharedArtistsHtml += '<li>[<a href="#sharedartists" id="lastfm_expand" onclick="return false">Expand</a>]</li>'
|
|
}
|
|
sharedArtistsHtml += '</ul></li>';
|
|
sharedArtists = sharedArtistsHtml;
|
|
} else {
|
|
// Allow removing loading message regardless.
|
|
sharedArtists = " ";
|
|
sharedArtistsHtml += '<li class="lastfm_expand">[<a href="#sharedartists" id="lastfm_expand" onclick="return false">Expand</a>]</li>'
|
|
}
|
|
tasteometerHtml += "</li>";
|
|
tasteometer = tasteometerHtml;
|
|
}
|
|
} else {
|
|
sharedArtists = " ";
|
|
tasteometer = " ";
|
|
}
|
|
updateDivContents(div);
|
|
});
|
|
}
|
|
}
|
|
|
|
function getLastPlayedTrack(div) {
|
|
$.get('user.php?action=lastfm_last_played_track&username=' + username, function (response) {
|
|
var html = "";
|
|
if ( response ){
|
|
var json = JSON.parse(response);
|
|
if (json != null && json['error']) {
|
|
console.log("Last played track: " + json['message']);
|
|
lastPlayedTrack = " ";
|
|
}
|
|
else if (json == null) {
|
|
// No last played track available.
|
|
// Allow removing the loading message regardless.
|
|
lastPlayedTrack = " ";
|
|
} else {
|
|
// Fix Last.fm API returning more than one entry despite limit on certain conditions.
|
|
if ( typeof(json[0]) === "object" ) json = json[0];
|
|
html += '<li class="lastfm_essential">Last played: ';
|
|
html += '<a href="artist.php?artistname=' + escapeAmpUrl(json['artist']['#text']) + '">' + escapeHtml(json['artist']['#text']) + '</a> - <a href="torrents.php?filelist=' + escapeAmpUrl(json['name']) + '">' + escapeHtml(json['name']) + '</a>';
|
|
html += "</li>";
|
|
lastPlayedTrack = html;
|
|
}
|
|
} else {
|
|
lastPlayedTrack = " ";
|
|
}
|
|
updateDivContents(div);
|
|
});
|
|
}
|
|
|
|
function getTopArtists(div) {
|
|
$.get('user.php?action=lastfm_top_artists&username=' + username, function (response) {
|
|
var html;
|
|
if ( response ){
|
|
var json = JSON.parse(response);
|
|
if (json != null && json['error']) {
|
|
console.log("Top artists: " + json['message']);
|
|
topArtists = " ";
|
|
}
|
|
else if (json == null) {
|
|
console.log("Error: json == null");
|
|
topArtists = " ";
|
|
} else if ( json['topartists']['total']==0 ) {
|
|
// No top artists for the specified user, possibly a new Last.fm account.
|
|
// Allow removing the loading message regardless.
|
|
topArtists = " ";
|
|
} else {
|
|
html = "<li>Top Artists:</li>";
|
|
html += "<li>";
|
|
var j = json['topartists']['artist'];
|
|
html += '<ul class="nobullet">';
|
|
var k = initialCount;
|
|
if (j.length < 3) k = j.length;
|
|
for (var i = 0; i < k; i++) {
|
|
html += '<li><a href="artist.php?artistname=' + escapeAmpUrl(j[i]['name']) + '">' + escapeHtml(j[i]['name']) + '</a></li>'
|
|
}
|
|
if ( j.length>3 ){
|
|
for (i = 3; i < j.length; i++) {
|
|
html += '<li class="hidden"><a href="artist.php?artistname=' + escapeAmpUrl(j[i]['name']) + '">' + escapeHtml(j[i]['name']) + '</a></li>'
|
|
}
|
|
html+= '<li>[<a href="#topartists" id="lastfm_expand" onclick="return false">Expand</a>]</li>'
|
|
}
|
|
html += '</ul>';
|
|
html += "</li>";
|
|
topArtists = html;
|
|
}
|
|
} else {
|
|
topArtists = " ";
|
|
}
|
|
updateDivContents(div);
|
|
});
|
|
}
|
|
|
|
function getTopAlbums(div) {
|
|
$.get('user.php?action=lastfm_top_albums&username=' + username, function (response) {
|
|
var html;
|
|
if ( response ){
|
|
var json = JSON.parse(response);
|
|
if (json != null && json['error']) {
|
|
console.log("Top albums: " + json['message']);
|
|
topAlbums = " ";
|
|
}
|
|
else if (json == null) {
|
|
console.log("Error: json == null");
|
|
topAlbums = " ";
|
|
} else if ( json['topalbums']['total']==0 ) {
|
|
// No top artists for the specified user, possibly a new Last.fm account.
|
|
// Allow removing the loading message regardless.
|
|
topAlbums = " ";
|
|
} else {
|
|
var j = json['topalbums']['album'];
|
|
html = "<li>Top Albums:</li>";
|
|
html += "<li>";
|
|
html += '<ul class="nobullet">';
|
|
var k = initialCount;
|
|
if (j.length < 3) k = j.length;
|
|
for (var i = 0; i < k; i++) {
|
|
html += '<li><a href="artist.php?artistname=' + escapeAmpUrl(j[i]['artist']['name']) + '">' + escapeHtml(j[i]['artist']['name']) + '</a> - <a href="torrents.php?searchstr=' + escapeAmpUrl(j[i]['name']) + '">' + escapeHtml(j[i]['name']) + '</a></li>'
|
|
}
|
|
if ( j.length>3 ){
|
|
for (i = 3; i < j.length; i++) {
|
|
html += '<li class="hidden"><a href="artist.php?artistname=' + escapeAmpUrl(j[i]['artist']['name']) + '">' + escapeHtml(j[i]['artist']['name']) + '</a> - <a href="torrents.php?searchstr=' + escapeAmpUrl(j[i]['name']) + '">' + escapeHtml(j[i]['name']) + '</a></li>'
|
|
}
|
|
html+= '<li>[<a href="#topalbums" id="lastfm_expand" onclick="return false">Expand</a>]</li>'
|
|
}
|
|
html += '</ul>';
|
|
html += "</li>";
|
|
topAlbums = html;
|
|
}
|
|
} else {
|
|
topAlbums = " ";
|
|
}
|
|
updateDivContents(div);
|
|
});
|
|
}
|
|
|
|
function getTopTracks(div) {
|
|
$.get('user.php?action=lastfm_top_tracks&username=' + username, function (response) {
|
|
var html;
|
|
if ( response ){
|
|
var json = JSON.parse(response);
|
|
if (json != null && json['error']) {
|
|
console.log("Toptracks: " + json['message']);
|
|
topTracks = " ";
|
|
}
|
|
else if (json == null) {
|
|
console.log("Error: json == null");
|
|
topTracks = " ";
|
|
} else if ( json['toptracks']['total']==0 ) {
|
|
// No top artists for the specified user, possibly a new Last.fm account.
|
|
// Allow removing the loading message regardless.
|
|
topTracks = " ";
|
|
} else {
|
|
html = "<li>Top Tracks:</li>";
|
|
html += "<li>";
|
|
var j = json['toptracks']['track'];
|
|
html += '<ul class="nobullet">';
|
|
var k = initialCount;
|
|
if (j.length < 3) k = j.length;
|
|
for (var i = 0; i < k; i++) {
|
|
html += '<li><a href="artist.php?artistname=' + escapeAmpUrl(j[i]['artist']['name']) + '">' + escapeHtml(j[i]['artist']['name']) + '</a> - <a href="torrents.php?filelist=' + escapeAmpUrl(j[i]['name']) + '">' + escapeHtml(j[i]['name']) + '</a></li>'
|
|
}
|
|
if ( j.length>3 ){
|
|
for (i = 3; i < j.length; i++) {
|
|
html += '<li class="hidden"><a href="artist.php?artistname=' + escapeAmpUrl(j[i]['artist']['name']) + '">' + escapeHtml(j[i]['artist']['name']) + '</a> - <a href="torrents.php?filelist=' + escapeAmpUrl(j[i]['name']) + '">' + escapeHtml(j[i]['name']) + '</a></li>'
|
|
}
|
|
html+= '<li>[<a href="#toptracks" id="lastfm_expand" onclick="return false">Expand</a>]</li>'
|
|
}
|
|
html += '</ul>';
|
|
html += "</li>";
|
|
topTracks = html;
|
|
}
|
|
} else {
|
|
topTracks = " ";
|
|
}
|
|
updateDivContents(div);
|
|
});
|
|
}
|
|
|
|
})(jQuery);
|