There are 9 previous versions of this script.
// ==UserScript==
// @name Last.fm Reply tracker
// @namespace slosd@freedig.org
// @description Adds a reply tracker to your profile page
// @include http://www.last.fm/home
// @include http://www.lastfm.*/home
// @include http://www.last.fm/user/*
// @include http://www.lastfm.*/user/*
// @exclude http://www.last.fm/user/*/*
// @exclude http://www.lastfm.*/user/*/*
// ==/UserScript==
function GMY_optionExits(key) {
var value = GM_getValue(key, "undefined");
return (value != "undefined" && value != "");
}
var Thread = function(properties, options) {
this.options = options;
this.elements = new Object();
this.url = properties.url;
var parts = this.url.replace(/^.*\/forum\/(\d+?)\/_\/(\d+?)\/_\/(\d+)$/, "$1,$2,$3").split(",");
this.forum_id = parts[0];
this.id = parts[1];
this.last_post_id = parts[2];
this.title = properties.title;
this.title_short = this.title.replace(/^.*?\'(.*)\'$/, "$1");
this.user = properties.description.replace(/^.*<a[^>]*>(.*?)<\/a>.*$/, "$1");
this.date = properties.date
this.date_str = this.date.toLocaleString();
this.status = this.getStatus();
this.buildRow().setStyle(this.status);
}
Thread.prototype.setStatus = function(status) {
if(status == "read" || status == "spam")
GM_setValue("thread_list", this._readlist(true) + "/" + this._identifier(status == "read" ? 3 : 2));
else if(status == "unread")
GM_setValue("thread_list", this._readlist(true));
this.status = status;
this.setStyle(status);
return this;
}
Thread.prototype.setStyle = function(status) {
var background, opacity, img_tip = "Spam thread", spam_button = "http://cdn.last.fm/flatness/global/icon_delete.2.png";
switch(status) {
case "read":
background = "url(http://cdn.last.fm/flatness/icons/activity/2/created.png) left center no-repeat";
opacity = 0.4;
break;
case "unread":
background = "url(http://cdn.last.fm/flatness/icons/activity/2/recommended.png) left center no-repeat";
opacity = 1;
break;
case "spam":
background = "url(http://cdn.last.fm/flatness/icons/activity/2/disconnected.png) left center no-repeat";
opacity = 0.4;
img_tip = "Don't spam thread";
spam_button = "http://cdn.last.fm/flatness/messageboxes/success.png";
break;
}
this.elements.row.style.background = background;
this.elements.row.style.opacity = opacity;
this.elements.spam.alt = img_tip;
this.elements.spam.title = img_tip;
this.elements.spam.src = spam_button;
return this;
}
Thread.prototype.getStatus = function() {
var list = this._readlist();
if(list.match(new RegExp("/" + this._identifier() + "(/|$)")))
return "read";
else if(list.match(new RegExp("/" + this._identifier(2) + "(/|$)")))
return "spam";
else
return "unread";
}
Thread.prototype._readlist = function(clean) {
var list = GM_getValue("thread_list", "");
if(clean) return list.replace(new RegExp("/" + this._identifier(2) + ".*?(/|$)", "g"), "$1");
else return list;
}
Thread.prototype._identifier = function(depth) {
if(!depth) var depth = 3;
return new Array(this.forum_id, this.id, this.last_post_id).slice(0, depth).join("%");
}
Thread.prototype.buildRow = function() {
this.elements.row = document.createElement("li");
this.elements.row.style.background = "none";
this.elements.row.style.paddingLeft = "30px";
this.elements.row.addEventListener("mouseover", (function(klass) {
return function() {
klass.elements.spam.style.visibility = "visible";
}
})(this), false);
this.elements.row.addEventListener("mouseout", (function(klass) {
return function() {
klass.elements.spam.style.visibility = "hidden";
}
})(this), false);
this.elements.spam = document.createElement("img");
this.elements.spam.style.cssFloat = "right";
this.elements.spam.style.cursor = "pointer";
this.elements.spam.style.visibility = "hidden";
this.elements.spam.addEventListener("click", (function(klass) {
return function() {
klass.setStatus.apply(klass, [(klass.status == "spam" ? "unread" : "spam")]);
}
})(this), false);
this.elements.row.appendChild(this.elements.spam);
this.elements.link = document.createElement("a");
this.elements.link.href = this.url;
this.elements.link.innerHTML = this.title_short;
this.elements.link.addEventListener("mouseup", (function(klass) {
return function() {
klass.setStatus.apply(klass, ["read"]);
}
})(this), false);
this.elements.row.appendChild(this.elements.link);
this.elements.date = document.createElement("span");
this.elements.date.className = "date";
if(this.options.show_date == "yes") {
this.elements.row.appendChild(document.createElement("br"));
this.elements.date.innerHTML = this.date_str;
}
if(this.options.show_user == "yes") this.elements.date.innerHTML += ' from <a href="/user/' + this.user + '">' + this.user + '</a>';
this.elements.row.appendChild(this.elements.date);
return this;
}
var ReplyTracker = function() {
this.loadTracker();
}
ReplyTracker.prototype.user_options = [
// these two options must be the first in the array!
{ name: "show_profile", label: "Display on your profile", default: "yes" },
{ name: "show_home", label: "Display on your home page", default: "yes" },
// these options are not visible in the "Settings"
{ name: "@index", label: "Index", default: 0, hidden: true },
{ name: "@max_length", label: "Max. rows", default: 5 },
{ name: "@update_interval", label: "Update interval (sec)", default: 60 },
{ name: "@show_date", label: "Show dates (yes/no)", default: "yes" },
{ name: "@show_user", label: "Show usernames (yes/no)", default: "yes" },
{ name: "@show_read", label: "Show read threads (yes/no)", default: "yes" },
{ name: "@show_spam", label: "Show spammed threads (yes/no)", default: "no" }
];
ReplyTracker.prototype.options = new Object();
ReplyTracker.prototype.elements = new Object();
ReplyTracker.prototype.threads = new Array();
ReplyTracker.prototype.loadTracker = function() {
if(GM_getValue("show_profile", this.user_options[0].default) == "yes" && this.isOwnProfile())
this.target = "profile";
else if(GM_getValue("show_home", this.user_options[1].default) && document.location.href.indexOf("/home") != -1) {
this.target = "home";
if(document.getElementById("idBadgerUser"))
this.options.username = document.getElementById("idBadgerUser").href.replace(/^.*?\/user\/(.+?)(\/.*|$)/, "$1");
}
else
return false;
this.loadOptions();
this.updateFeed();
}
ReplyTracker.prototype.reloadTracker = function() {
delete this.threads;
this.threads = new Array();
this.options = new Object();
this.loadTracker();
}
ReplyTracker.prototype.loadOptions = function() {
for(var i = 0, c = this.user_options.length, name; i < c; i++) {
name = this.user_options[i].name;
this.options[name.replace(/@/g, "")] = GM_getValue(name.replace(/@/g, this.target+"_"), this.user_options[i].default);
}
return true;
}
ReplyTracker.prototype.isOwnProfile = function() {
this.options.username = document.location.href.replace(/^.*?\/user\/(.+?)(\/.*|$)/, "$1");
try { return (document.getElementById("idBadgerUser").href == document.location.href); } catch(e) { return false; }
}
ReplyTracker.prototype.showOptions = function() {
if(!this.buildOptions())
this.elements.options.style.display = "block";
if(typeof this.elements.feed != "undefined")
this.elements.feed.style.display = "none";
this.stopUpdater();
}
ReplyTracker.prototype.buildBody = function() {
if(typeof this.elements.body != "undefined")
return false;
var klass = this,
first = this.getSibling();
this.elements.header = document.createElement("h2");
this.elements.header.setAttribute("id", "gmreplytracker");
this.elements.header.setAttribute("class", "heading");
this.elements.header.innerHTML = '<span class="h2Wrapper"><span style="float:right;font-weight:normal;font-size:11px;"><a class="mEdit icon" href="#" style="background:url(http://cdn.last.fm/flatness/icons/settings.2.png) left center no-repeat;padding-left: 12px;"><span>Settings</span></a></span><a href="/user/' + this.options.username + '/replytracker" title="">Reply Tracker</a></span>';
this.elements.header.firstChild.firstChild.firstChild.addEventListener("click", function(e) {
klass.showOptions.apply(klass);
e.preventDefault();
return false;
}, false);
this.elements.body = document.createElement("div");
this.elements.footer = document.createElement("div");
this.elements.footer.style.textAlign = "right";
var button_down = document.createElement("a");
button_down.href = "#";
button_down.innerHTML = "↓";
button_down.addEventListener("click", function(e) {
var index = klass.options["index"] = parseInt(klass.options["index"]) + 1;
GM_setValue(klass.target+"_index", index);
klass.updateBody.call(klass);
e.preventDefault();
}, false);
var button_up = document.createElement("a");
button_up.href = "#";
button_up.innerHTML = "↑";
button_up.addEventListener("click", function(e) {
var index = klass.options["index"] = parseInt(klass.options["index"]) - 1;
if(index < 0)
return false;
GM_setValue(klass.target+"_index", index);
klass.updateBody.call(klass);
e.preventDefault();
}, false);
this.elements.footer.appendChild(button_down);
this.elements.footer.appendChild(button_up);
if(this.target == "home") {
body = document.createElement("div");
body.setAttribute("id", "gmreplytracker");
body.setAttribute("class", "home-module");
body.appendChild(this.elements.header);
body.appendChild(this.elements.body);
body.appendChild(this.elements.footer);
first.parentNode.insertBefore(body, first);
}
else {
first.parentNode.insertBefore(this.elements.header, first);
first.parentNode.insertBefore(this.elements.body, first);
first.parentNode.insertBefore(this.elements.footer, first);
}
return true;
}
ReplyTracker.prototype.getSibling = function() {
if(this.target == "profile") {
var index = GM_getValue("profile_index", 0);
var first = document.getElementById("player").nextSibling;
while((first.id == "gmreplytracker" || (first.className != "heading" && first.className != "module" || index-- > 0)) && first.nextSibling) first = first.nextSibling;
}
else {
var index = GM_getValue("home_index", 0);
var first = document.getElementById("launcherModule");
while((first.id == "gmreplytracker" || (first.className != "home-module" || index-- > 0)) && first.nextSibling) first = first.nextSibling;
}
if(index > 0) {
this.options["index"] = GM_getValue(this.target+"_index", index) - index;
GM_setValue(this.target+"_index", this.options["index"]);
}
return first;
}
ReplyTracker.prototype.updateBody = function() {
var first = this.getSibling();
if(this.target == "home") {
first.parentNode.insertBefore(this.elements.header.parentNode, first);
}
else {
first.parentNode.insertBefore(this.elements.header, first);
first.parentNode.insertBefore(this.elements.body, first);
first.parentNode.insertBefore(this.elements.footer, first);
}
}
ReplyTracker.prototype.buildOptions = function() {
if(typeof this.elements.options != "undefined")
return false;
var klass = this;
this.buildBody();
this.elements.options = document.createElement("ul");
for(var i = 0, c = this.user_options.length, li, label, input, name; i < c; i++) {
if(this.user_options[i].hidden)
continue;
name = this.user_options[i].name.replace(/@/g, "");
li = document.createElement("li");
li.style.lineHeight = "25px";
label = document.createElement("label");
label.innerHTML = this.user_options[i].label;
label.setAttribute("for", name);
input = document.createElement("input");
if(typeof this.options[name] != "undefined")
input.setAttribute("value", this.options[name]);
with(input) {
setAttribute("id", name);
setAttribute("name", name);
setAttribute("size", 4);
with(style) {
border = "1px solid #999";
background = "#fff";
color = "#222";
cssFloat = "right";
}
}
this.user_options[i].element = input;
li.appendChild(input);
li.appendChild(label);
this.elements.options.appendChild(li);
}
li = document.createElement("li");
li.style.textAlign = "center";
input = document.createElement("input");
input.setAttribute("type", "button");
input.setAttribute("value", "Save Options");
input.addEventListener("click", function() {
klass.saveOptions.apply(klass);
return false;
}, false);
li.appendChild(input);
this.elements.options.appendChild(li);
this.elements.body.appendChild(this.elements.options);
return true;
}
ReplyTracker.prototype.buildFeed = function() {
if(typeof this.elements.feed != "undefined")
return false;
this.buildBody();
this.elements.feed = document.createElement("ul");
this.elements.feed.className = "minifeedSmall";
this.elements.body.appendChild(this.elements.feed);
return true;
}
ReplyTracker.prototype.saveOptions = function() {
for(var i = 0, l = this.user_options.length, name, value; i < l; i++) {
if(this.user_options[i].hidden)
continue;
name = this.user_options[i].name;
value = this.user_options[i].element.value;
this.options[name.replace(/@/, "")] = value;
GM_setValue(name.replace(/@/, this.target+"_"), value);
}
this.elements.options.style.display = "none";
if(typeof this.elements.feed != "undefined")
this.elements.feed.style.display = "block";
this.reloadTracker();
}
ReplyTracker.prototype._feed = function() {
return "http://ws.audioscrobbler.com/1.0/user/" + this.options.username + "/replytracker.rss";
}
ReplyTracker.prototype.startUpdater = function() {
var klass = this;
if(!this.update)
this.update = window.setInterval(function() {
klass.updateFeed.apply(klass);
}, this.options.update_interval * 1000);
}
ReplyTracker.prototype.stopUpdater = function() {
window.clearInterval(this.update);
delete this.update;
}
ReplyTracker.prototype.updateFeed = function() {
this.getFeed(this._feed());
}
ReplyTracker.prototype.getFeed = function(feed_url) {
var klass = this;
this.buildFeed();
GM_xmlhttpRequest({
"method": "GET",
"url": feed_url,
"onload": function(response) {
var parser = new DOMParser();
var xmlDoc = parser.parseFromString(response.responseText, "text/xml");
klass.processFeed.call(klass, xmlDoc);
},
"onerror": function() {
}
});
this.startUpdater();
}
ReplyTracker.prototype.processFeed = function(xml) {
this.elements.feed.innerHTML = "";
var feed = xml.getElementsByTagName("channel").item(0);
var replies = feed.getElementsByTagName("item");
var feed_length = this.options.max_length > replies.length ? replies.length : this.options.max_length;
for(var i = 0, added = 0; i < replies.length && added < this.options.max_length; i++)
added += this.addItem(replies[i]);
this.threads[this.threads.length-1].elements.row.className = "last";
}
ReplyTracker.prototype.addItem = function(item) {
var thread = new Thread({
"title": item.getElementsByTagName("title").item(0).firstChild.data,
"description": item.getElementsByTagName("description").item(0).firstChild.data,
"url": item.getElementsByTagName("link").item(0).firstChild.data,
"date": new Date(item.getElementsByTagName("pubDate").item(0).firstChild.data)
}, this.options);
if(thread.status == "read" && this.options.show_read == "no" || thread.status == "spam" && this.options.show_spam == "no")
return false;
this.elements.feed.appendChild(thread.elements.row);
this.threads.push(thread);
return true;
}
new ReplyTracker();
