// ==UserScript==
// @name Filmtipset favorite lists
// @namespace https://github.com/Row/filmtipset-userscripts
// @version 0.2
// @description Makes it possible to highligt movies that are present in pre-selected lists.
// @match http://nyheter24.se/filmtipset/*
// @copyright 2014+, Row
// ==/UserScript==
/* jQuery from site */
var $ = unsafeWindow.jQuery,
jQuery = unsafeWindow.jQuery;
/**
* Unique for array
*/
Array.prototype.unique = function() {
var u = {},
a = [];
for (var 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",
lists,
dfds = [],
/**
* Private
*/
generateListUrl = function(listId, memberId, pageOffset) {
return "http://nyheter24.se/filmtipset/yourpage.cgi?member=" + memberId
+ "&page=package_view&package=" + listId
+ "&page_nr=" + pageOffset;
},
persist = function() {
GM_setValue(STORAGE_KEY, JSON.stringify(lists)); /* Prototype breaks stringify, this is handled on parse */
},
collectObjects = function(htmlData, listId) {
lists[listId].objects = lists[listId].objects.concat(parseObjects(htmlData, listId));
},
collectListInfo = function(htmlData, listId) {
var pageOffsetsCount = [],
url, i;
htmlData.replace(
/page_nr=(\d+)/gm,
function(m, n) {
if (n != 1)
pageOffsetsCount.push(n);
}
);
pageOffsetsCount = pageOffsetsCount.unique();
for (i = 0; i < pageOffsetsCount.length; i++) {
var list = lists[listId];
url = generateListUrl(listId, list.memberId, pageOffsetsCount[i]);
dfds.push($.get(url, function(data) {
collectObjects(data, listId);
}));
}
collectObjects(htmlData, listId, dfds);
$.when.apply(window, dfds).done(function() {
window.setTimeout(persist, 100);
dfds = [];
});
},
parseObjects = function(htmlData, listId) {
var list = [];
htmlData.replace(
/'info_(\d+)'/gm,
function(m, n) {
list.push(n);
}
);
return list.unique();
},
updateLists = function() {
var listId,
offset = 60 * 60 * 24 * 1000, // Milliseconds
nextUpdate = new Date().getTime() - offset;
for (listId in lists) {
if (!lists.hasOwnProperty(listId))
continue;
var list = lists[listId];
if (nextUpdate > list.lastUpdate) {
list.objects = [];
list.lastUpdate = new Date().getTime();
var url = generateListUrl(listId, list.memberId, 1);
$.get(url, function(data) {
collectListInfo(data, listId)
});
break; /* update max one list per page load */
}
}
};
/**
* Public
*/
this.getLists = function() {
return lists;
};
this.addList = function(listId, memberId, title, color) {
lists[listId] = {
"title": title,
"lastUpdate": 0,
"listId": listId,
"memberId": memberId,
"color": color,
"objects": []
};
updateLists();
};
this.removeList = function(listId) {
console.log("del", listId);
delete lists[listId];
persist();
};
/**
* Init
*/
try {
lists = JSON.parse(GM_getValue(STORAGE_KEY));
/* Helvetes, Prototype breaks the native stringify, remove this in the future */
for (var listId in lists) {
if (!lists.hasOwnProperty(listId))
continue;
var list = lists[listId];
if (typeof list.objects == "string")
list.objects = JSON.parse(list.objects);
}
} catch (err) {
console.error("Limited support? Malformed JSON? First run?");
lists = {};
}
updateLists();
}
function renderAdmin(list) {
var elBtn, elHld, elCol;
if (!/package_view/.test(document.location.href))
return;
elHld = $("h1").first();
elCol = $('<input type="text" value="#FF0000" />')
.on("keyup change", function() {
$(this).css('border-left', '12px solid ' + $(this).val());
})
elBtn = $("<button>Spara listan till favoriter</button>")
.on("click", function() {
var title, memberId, listId, url, matches;
url = document.location.href;
title = elHld.text();
matches = /\bmember=(\d+).*?\bpackage=(\d+)/.exec(url);
memberId = matches[1];
listId = matches[2];
list.addList(listId, memberId, title, elCol.val());
$('<span style="color: green; font-weight:bold">Sparad</span>').insertAfter(elBtn).hide(3000);
});
elBtn.insertAfter(elHld);
elCol.change().insertAfter(elHld);
}
function renderList(list) {
var elDestination = $("td > div.rightlink").last(),
ul = $('<ul id="favoriteLists" />').insertAfter(elDestination).on("click", ".delete", function() {
list.removeList($(this).data('listId'));
$(this).parent().hide();
}),
lists = list.getLists();
$('<div class="rightlinkheader">Favoritlistor</div>').insertAfter(elDestination);
for (var listId in lists) {
if (!lists.hasOwnProperty(listId))
continue;
var l = lists[listId];
var li = $('<li>').text(l.title).appendTo(ul);
$('<div class="in-list-admin"></div>').css('background', l.color).prependTo(li);
$('<button class="delete">X</button>').data("listId", listId).appendTo(li);
}
}
function renderMarkers(lists) {
var ll = lists.getLists();
var offset = 0;
for (listId in ll) {
if (!ll.hasOwnProperty(listId))
continue;
var list = ll[listId]
for(var i = 0; i < list.objects.length; i++) {
var elTarget = $("#info_"+list.objects[i]);
if(elTarget.length) {
$('<div class="in-list"></div>')
.css('background', list.color)
.css('left', offset + 'px')
.appendTo(elTarget.siblings('.row').first());
}
}
offset += 7;
}
}
/* Init and render */
GM_addStyle(
'#favoriteLists {padding: 3px; margin: 1px 0;}'
+ '#favoriteLists>li {display: block;padding:4px;position:relative;}'
+ '#favoriteLists .delete {position:absolute;right:0;top:0;}'
+ '.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;}'
);
var list = new ListHandler();
renderAdmin(list);
renderList(list);
renderMarkers(list);
