Userscripts.org

There are 12 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 = "&darr;";

  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 = "&uarr;";

  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() {

  var element;

  var index = GM_getValue(this.target+"_index", 0);

  

  if(this.target == "profile") {

    var first = document.getElementById("LastAd_mpu").nextElementSibling;

    while((first.id == "gmreplytracker" || (first.className != "first heading" && first.className != "heading" && first.className != "module" || index-- > 0)) && first.nextElementSibling) first = first.nextElementSibling;

  }

  else {

    var first = document.getElementById("launcherModule");

    while((first.id == "gmreplytracker" || (first.className != "home-module" || index-- > 0)) && first.nextElementSibling) first = first.nextElementSibling;

  }

  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]);

  if(this.threads.length > 0)

    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();