// ==UserScript==
// @name Filmtipset favorite lists
// @namespace https://github.com/Row/filmtipset-userscripts
// @version 0.7.2
// @description Highlight movies that are present in pre-selected favorite lists.
// @match http://nyheter24.se/filmtipset/*
// @copyright 2014+, Row
// ==/UserScript==
(function( $, document ) {
"use strict";
// Unique for array
Array.prototype.unique = function() {
var i, l,
u = {},
a = [];
for (i = 0, l = this.length; i < l; ++i) {
if (u.hasOwnProperty(this[i])) {
continue;
}
a.push(this[i]);
u[this[i]] = 1;
}
return a;
};
function ListHandler() {
var STORAGE_KEY = "filmtipsetLists",
mLists,
myDfds = [],
//
// Private methods
//
generateListUrl = function(listId, memberId, pageOffset) {
return "http://nyheter24.se/filmtipset/yourpage.cgi?member=" + memberId +
"&page=package_view&package=" + listId +
"&page_nr=" + pageOffset;
},
persist = function() {
// Prototype breaks stringify, this is handled on parse
GM_setValue(STORAGE_KEY, JSON.stringify(mLists));
},
collectObjects = function(htmlData, listId) {
mLists[listId].objects = mLists[listId].objects.concat(parseObjects(htmlData, listId));
},
collectListInfo = function(htmlData, listId) {
var url, i,
pageOffsetsCount = [];
htmlData.replace(/page_nr=(\d+)/gm, function(m, n) {
if (parseInt(n) !== 1) {
pageOffsetsCount.push(n);
}
});
pageOffsetsCount = pageOffsetsCount.unique();
for (i = 0; i < pageOffsetsCount.length; i++) {
var list = mLists[listId];
url = generateListUrl(listId, list.memberId, pageOffsetsCount[i]);
myDfds.push($.get(url, function(data) {
collectObjects(data, listId);
})); // jshint ignore:line
}
collectObjects(htmlData, listId, myDfds);
$.when.apply(window, myDfds).done(function() {
setTimeout(persist, 100);
myDfds = [];
});
},
parseObjects = function(htmlData, listId) {
var list = [];
htmlData.replace(/'info_(\d+)'/gm, function(m, n) {
list.push(n);
});
return list.unique();
},
updateLists = function() {
var listId, list, url,
offset = 60 * 60 * 24 * 1000, // Milliseconds
nextUpdate = new Date().getTime() - offset;
for (listId in mLists) {
if (!mLists.hasOwnProperty(listId)) {
continue;
}
list = mLists[listId];
if (nextUpdate > list.lastUpdate) {
list.objects = [];
list.lastUpdate = new Date().getTime();
url = generateListUrl(listId, list.memberId, 1);
$.get(url, function(data) {
collectListInfo(data, listId);
}); // jshint ignore:line
break; // update max one list per page load
}
}
},
loadLists = function() {
try {
var list,
listId;
mLists = JSON.parse(GM_getValue(STORAGE_KEY));
// Helvetes, Prototype breaks the native stringify, remove
// this in the future
for (listId in mLists) {
if (!mLists.hasOwnProperty(listId)) {
continue;
}
list = mLists[listId];
if (typeof list.objects === "string") {
list.objects = JSON.parse(list.objects);
}
}
} catch (err) {
console.error("Limited support? Malformed JSON? First run?");
mLists = {};
}
}; // end private methods and vars
//
// Public
//
this.getLists = function() {
var listId;
for (listId in mLists) {
if (!mLists.hasOwnProperty(listId)) {
continue;
}
mLists[listId].url = generateListUrl(listId, mLists[listId].memberId, 1);
}
return mLists;
};
this.addList = function(listId, memberId, title, color) {
loadLists(); // In case there are multiple tabs open
mLists[listId] = {
"title": title,
"lastUpdate": 0,
"listId": listId,
"memberId": memberId,
"color": color,
"objects": []
};
updateLists();
};
this.hardRefresh = function(listId) {
mLists[listId].lastUpdate = 0;
updateLists();
};
this.removeList = function(listId) {
delete mLists[listId];
persist();
};
//
// Init
//
loadLists();
updateLists();
}
function renderAdmin(list) {
var elBtn, elHld, elCol;
if (!/package_view/.test(document.location.href)) {
return;
}
elHld = $("<li class='add-new rightlink' />");
$("#favoriteLists").append(elHld);
$("<div class='in-list-admin'></div>").prependTo(elHld);
elCol = $("<input type='text' value='#FF0000' />")
.attr("title", "Färgkod på listan t.ex: #FF0000, yellow, blue");
elCol.on("keyup change", function() {
$(this).siblings(".in-list-admin").css("background", $(this).val());
});
elBtn = $("<button>Spara listan till favoriter</button>");
elBtn.on("click", function() {
var memberId, listId, matches,
url = document.location.href;
title = $("h1").text();
matches = /\bmember=(\d+).*?\bpackage=(\d+)/.exec(url);
memberId = matches[1];
listId = matches[2];
list.addList(listId, memberId, title, elCol.val());
$("<span>Sparad</span>")
.css({
"color": "green",
"font-weight": "bold"
})
.insertAfter(elBtn)
.fadeOut(3000);
});
elCol.appendTo(elHld).change();
elBtn.appendTo(elHld);
}
function renderList(aList) {
var listId,
elDestination = $("td > div.rightlink").last(),
ul = $("<ul id='favoriteLists' />")
.insertAfter(elDestination)
.on("click", ".delete", function() {
list.removeList($(this).data("listId"));
$(this).parent().hide();
})
.on("click", ".refresh", function() {
list.hardRefresh($(this).data("listId"));
}),
lists = aList.getLists();
$("<div class='rightlinkheader'>Favoritlistor</div>")
.insertAfter(elDestination);
if ($.isEmptyObject(lists)) {
$("<li class='rightlink'>")
.text('Gå till en lista för att lägga till den.')
.appendTo(ul);
}
for (listId in lists) {
var li, l, title;
if (!lists.hasOwnProperty(listId)) {
continue;
}
l = lists[listId];
li = $("<li class='rightlink'>");
var title = l.objects.length + " filmer, Uppdaterad " +
new Date(l.lastUpdate).toLocaleString();
li.attr("title", title).appendTo(ul);
$("<a>").text(l.title).attr("href", l.url).appendTo(li);
$("<div class='in-list-admin'></div>")
.css("background", l.color)
.prependTo(li);
$("<button class='refresh'>↻</button>")
.data("listId", listId).appendTo(li);
$("<button class='delete'>X</button>")
.data("listId", listId).appendTo(li);
}
}
function isMoviePage() {
return /filmtipset\/film\//.test(document.location.href);
}
function renderMarkers(aLists) {
var listId, list, i, renderer,
lists = aLists.getLists();
renderer = isMoviePage() ? new RenderSinglePage() : new RenderListPage();
for (listId in lists) {
if (!lists.hasOwnProperty(listId)) {
continue;
}
list = lists[listId];
renderer.list = list;
for (i = 0; i < list.objects.length; i++) {
renderer.render(list.objects[i]);
}
renderer.increaseOffset();
}
}
g
/* Renderer classes for markers */
var Renderer = {
list:null,
offset: 0,
increaseOffset: function() {
this.offset++;
},
};
function RenderSinglePage() {
var currentId = $("input[type=hidden][name=object]").val();
this.render = function(movieId) {
if(currentId == movieId) {
$(".movie_header").append(
$("<div />")
.addClass("in-list-badge")
.css("background", this.list.color)
.text(this.list.title)
);
}
};
}
RenderSinglePage.prototype = Renderer;
function RenderListPage() {
this.render = function(movieId) {
var elTarget = $("#info_" + movieId);
if (elTarget.length) {
$("<div />")
.addClass("in-list")
.css("background", this.list.color)
.css("left", (this.offset * 7) + "px")
.appendTo(elTarget.siblings(".row").first());
}
};
}
RenderListPage.prototype = Renderer;
// Init and render
GM_addStyle(
"#favoriteLists {padding: 0 0 0 10px}" +
"#favoriteLists>li {display: block;position:relative;}" +
"#favoriteLists .delete {position:absolute;right:0;top:0;}" +
"#favoriteLists .refresh {position:absolute;right: 24px;top: -1px;}" +
"#favoriteLists>li button {display: none;}" +
"#favoriteLists>li:hover button, #favoriteLists>li.add-new button {display: block;margin-top: 2px}" +
".in-list, .in-list-admin {z-index: 6;border: 1px solid #000000; border-radius: 4px;width: 8px; height: 8px;position: absolute}" +
".in-list {margin-left: 300px;top: 3px;}" +
".in-list-admin {margin-left: -12px; top:6px;}" +
"li.add-new.rightlink {border: 1px solid #DEB887; border-radius: 5px; padding: 3px; padding-left: 22px; margin-left: -15px; background: #F9EEE0;}" +
".movie_header {position:relative;}" +
".in-list-badge {height: auto; width: auto; color: #FFF; float: right; position: relative; margin-left: 0.3em; padding: 0.4em 0.4em; letter-spacing: 0.05em; font-size: 11px; font-weight: 700; margin-bottom: 10px; margin-top: -29px; border: 1px solid #E2E2E2; border-radius: 3px; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;"
);
var list = new ListHandler();
renderList(list);
renderMarkers(list);
renderAdmin(list);
})(unsafeWindow.jQuery, document); // jQuery from site
