Inserts movie ratings from IMDb, RottenTomatoes and Metacritic ratings in any grid view
// ==UserScript==
// @name trakt.tv grid++ IMDb, MetaCritic & RottenTomatoes movie ratings + links
// @namespace https://greasyfork.org/en/users/167473-benedict-harris
// @author jesuis-parapluie (plus modifications by Benedict)
// @description Inserts movie ratings from IMDb, RottenTomatoes and Metacritic ratings in any grid view
//
// @include /^https?://(.+\.)?trakt\.tv/?.*$/
// @exclude /^https?://(.+\.)?trakt\.tv/(calendars)/?.*$/
//
// @require http://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js
//
// @grant GM_xmlhttpRequest
//
// @version 2.2.3
//
// ==/UserScript==
/*==================NOTE - REPLACE the eight @ symbols on the line below (line 22) with your API from www.omdbapi.com (its free) ====================*/
var API = '@@@@@@@@';
(function ($) {
'use strict';
/*jslint browser: true, regexp: true, newcap: true*/
/*global jQuery, GM_xmlhttpRequest */
$.noConflict();
var loadRatingsForItem = function () {
var imdb = $('<span>', {
'class': 'ratings',
'html': '<div style="float: left; width: 0px;"></div><span class="value"> </span>'
}),
tomatoes = $('<span>', {
'class': 'ratings',
'html': '<div style="float: left; width: 0px;"></div><span class="value"> </span>'
}),
dummy = $('<span>', {
'class': 'ratings',
'style': 'opacity: 0.8; height: 18px;'
}),
url = $(this).attr('data-url');
if ($(this).attr('data-type') !== 'movie' && ($(this).attr('data-type') !== 'show')) {
$(this).find('.quick-icons').after(dummy).after(dummy.clone());
} else {
$(this).find('.quick-icons').after(tomatoes).after(imdb);
if (url) {
$(imdb).find('span.value').html('<span style="color: #999!important; font-weight: normal; font-size: 11px;"> loading<span>');
$.get(url, function (data) {
var imdb_id = $(data).find('.external a:contains("IMDB")').attr('href').split('/').pop();
GM_xmlhttpRequest({
method: "GET",
url: "http://www.omdbapi.com/?plot=short&tomatoes=true&r=json&apikey=" + API + "&i=" + imdb_id,
onload: function (json) {
var rtcolour = '#FF5555';
var rtimglink = 'https://www.rottentomatoes.com/assets/pizza-pie/images/icons/tomatometer/tomatometer-fresh.149b5e8adc3.svg';
var imdbimglink = 'https://ia.media-imdb.com/images/M/MV5BMTk3ODA4Mjc0NF5BMl5BcG5nXkFtZTgwNDc1MzQ2OTE@._V1_.png';
var metacimglink = 'https://upload.wikimedia.org/wikipedia/commons/2/20/Metacritic.svg';
var rtimglong = '<img src="https://www.rottentomatoes.com/assets/pizza-pie/images/icons/tomatometer/tomatometer-fresh.149b5e8adc3.svg" alt="rt" height="16" width="16">';
var r, res = $.parseJSON(json.responseText);
for (r in res.Ratings) {
if (res.Ratings.hasOwnProperty(r) && res.Ratings[r].Source === "Rotten Tomatoes") {
res.tomatoRating = res.Ratings[r].Value;
}
}
var yearja = res.Year;
if (res.Type == 'series'){
//yearja = res.Year.match(/^..../ig);
console.log('oneyear ='+yearja);
//res.tomatoRating = 'tv ➔';
//res.tomatoRating = '❯❯❯';
res.tomatoRating = '<span style="font-variant: all-petite-caps;">TV</span>';
rtimglong = "";
res.tomatoURL = "https://duckduckgo.com/?q=site%3Arottentomatoes.com+"+res.Title+"+"+res.Year+"+!&t=hg";
}
var metalink = "https://duckduckgo.com/?q=site%3Ametacritic.com+"+res.Title+"+"+yearja+"+!&t=hg";
//var metalink = "https://duckduckgo.com/?q=site%3Ametacritic.com+"+res.Title+"+"+res.Year+"+!";
//console.log('METALINK');
//console.log(metalink);
//console.log('++');
//console.log("console.log(res.tomatoURL)");
//console.log(res.tomatoURL);
//console.log("console.dir(res);");
//console.dir(res);
//console.log("console.log(json);");
//console.dir(json);
//console.log("console.log(res.Response)");
//console.log(res.Response);
if (res.tomatoRating === undefined || res.tomatoRating === "N/A") {
res.tomatoRating = '-';
res.tomatoURL = "https://duckduckgo.com/?q=site%3Arottentomatoes.com+"+res.Title+"+"+res.Year+"+!&t=hg";
console.log('NULLLLLLLLLLLLLLLLLLLLLLLLLLLLLL');
rtimglink = '';
rtimglong = '';
}
if (parseFloat(res.tomatoRating) < 60 ) {
rtcolour = '#00CA5F';
rtimglink = 'https://www.rottentomatoes.com/assets/pizza-pie/images/icons/tomatometer/tomatometer-rotten.f1ef4f02ce3.svg';
rtimglong = '<img src="https://www.rottentomatoes.com/assets/pizza-pie/images/icons/tomatometer/tomatometer-rotten.f1ef4f02ce3.svg" alt="rt" height="16" width="16">';
}
if (res.Metascore === undefined || res.Metascore === "N/A") {
if (res.Type == 'series'){
//res.Metascore = 'tv ➔';
//res.Metascore = '❯❯❯';
res.Metascore = '<span style="font-variant: all-petite-caps;">TV</span>';
} else {
res.Metascore = '-';
}
}
if (API == '@@@@@@@@'){
res.tomatoRating = 'you didnt read instructions.<br>put in your API in line 22.';
res.Metascore = '';
}
if (res.imdbRating === undefined || res.imdbRating === "N/A") {
$(imdb).find('span.value').html(' -');
} else {
/*console.log('============================' + res.tomatoRating);*/
$(imdb).find('span.value').html('<a href="http://www.imdb.com/title/' + res.imdbID + '" target="_blank"><font color="#555"><font color="#F6F68B">' + res.imdbRating + '</a>');
}
$(tomatoes).find('span.value').html('<font color="#555"> <span class="uuu"><a href="' + metalink + '" target="_blank"><font color="orange">' + res.Metascore + '</a></span><span class="sunsh" style="float: right;"><div class="tooltip2"><span class="tooltiptext">' + res.Plot + '</span></div><a href="' + res.tomatoURL + '" target="_blank">' + rtimglong + '<font color="' + rtcolour + '">' + res.tomatoRating + '</a></span>');
},
onerror: function () {
$(imdb).find('span.value').html('<span style="color: #c11!important; font-weight: normal; font-size: 12px;"> failed<span>');
}
});
}).fail(function () {
$(imdb).find('span.value').html('<span style="color: #c11!important; font-weight: normal; font-size: 12px;"> failed<span>');
});
}
}
},
parseRating = function (item, type) {
var r;
if (type === 'originalOrder') {
return $(item).attr('startOrder');
}
if (type === 'trakt') {
r = $(item).find("div.percentage").text().slice(0, -1);
if (r !== null && r >= 0 && r <= 100) {
return r;
}
}
if (type === 'imdb') {
r = $(item).find("span.ratings").text().match(/IMDb\W+(\d(\.\d)?).*/i);
}
if (type === 'tomatometer') {
r = $(item).find("span.ratings").text().match(/R\.T\.[^\d]+(\d*)%?.*/i);
}
if (type === 'metascore') {
r = $(item).find("span.ratings").text().match(/R\.T\. \/[^\/]+\/\W*(\d+).*/i);
}
if (r !== null && r.length > 1 && r[1] !== '-') {
return r[1];
}
return -1;
},
sortByRating = function (e) {
var items, order,
dict = {},
parent = $("div.grid-item").parent(),
how = function (a, b) { return a - b; };
$(".no-top").hide();
if ($('#sortable-name').size() > 0) {
$('#sortable-name').text($(e.target).text()).attr('data-sort-by', $(e.target).attr('data-sort-by'));
} else {
$('.trakt-icon-swap-vertical').next().find('.btn-default').html($(e.target).text() + ' <span class="caret"></span>');
}
$("div.grid-item").each(function () {
var rating = parseRating(this, $(e.target).attr('data-sort-by'));
if (dict[rating] === undefined) {
dict[rating] = [$(this)];
} else {
dict[rating].push($(this));
}
});
if ($('#sort-direction').hasClass('desc')) {
how = function (b, a) { return a - b; };
}
order = Object.keys(dict).sort(how);
while (order.length > 0) {
items = dict[order.pop()];
while (items.length > 0) {
parent.append(items.shift());
}
}
},
setPositioning = function () {
setTimeout(function () {
if ($('.trakt-icon-swap-vertical').next().find('a.rating:contains("' + $('.trakt-icon-swap-vertical').next().find('.btn-default').text().trim() + '")').size() > 0) {
$("div.grid-item").each(function () { $(this).attr('style', '{position:relative;top:0px;left:0px;}'); });
} else if ($('.grid-item').first().attr('style') !== undefined) {
$("div.grid-item").each(function () { $(this).css('position', 'absolute'); });
}
}, 500);
},
init = function () {
$("div[id*=\"huckster-desktop\"]").html("");
if (/^\/users\/.+\/(collection|ratings|lists\/|watchlist)/.test(window.location.pathname) && $('.trakt-icon-swap-vertical').next().find('ul a.rating').size() === 0) {
var sortMenu = $('.trakt-icon-swap-vertical').next().find('ul');
sortMenu.append($('<li>', { html: "<a class='rating' data-sort-by='imdb' data-sort-how='desc'>IMDb rating</a>" }));
sortMenu.append($('<li>', { html: "<a class='rating' data-sort-by='tomatometer' data-sort-how='desc'>TomatoMeter</a>" }));
sortMenu.append($('<li>', { html: "<a class='rating' data-sort-by='metascore' data-sort-how='desc'>Metascore</a>" }));
sortMenu.find('a.rating').click(sortByRating);
sortMenu.find('a').click(setPositioning);
$(window).on('resize', setPositioning);
$('#sort-direction').click(function () {
$('.trakt-icon-swap-vertical').next().find('a.rating:contains("' + $('.trakt-icon-swap-vertical').next().find('.btn-default').text().trim() + '")').click();
});
} else {
$(window).off('resize', setPositioning);
}
if (($("div.grid-item[data-type='movie']").size() > 0||$("div.grid-item[data-type='show']").size() > 0)) {
$("div.grid-item").not('.ratingsloaded').each(loadRatingsForItem);
}
};
$(window).ready(function () {
$('head').append('<style>span.ratings, span.ratings a { padding-top:4px!important; padding-bottom:0px!important; padding-left: 0px!important; margin-top: 0px!important; margin-left:1px!important; margin-right:0px; background-color: transparent; color: white; text-align: left!important; };</style>');
$('head').append('<style>span.value, span.value>a { padding-left: 3px!important; font-weight: bolder!important; font-size: 18px; };</style><style>.quick-icons { border-bottom:none!important; };</style>');
$('head').append('<style>div.posters, div.poster, div.quick-icons { background-color: #1d1d1d; border: none !important; };</style>');
$('head').append('<style>span.sunsh {padding-right: 10px; };</style>');
$('head').append('<style>span.sunsh img {margin-right: 4px; };</style>');
$('head').append('<style>div.grid-item.col-xxlg-1.col-xlg-2.col-lg-2.col-md-3.col-sm-3.col-xs-6 span.sunsh img, div.grid-item.col-xs-6.col-md-2.col-sm-3 span.sunsh img {vertical-align: text-top; margin-right: 2px !important; margin-top: 1px; height:14px !important; width:14px !important;};</style>');
$('head').append('<style>div.grid-item.col-xxlg-1.col-xlg-2.col-lg-2.col-md-3.col-sm-3.col-xs-6 span.sunsh, div.grid-item.col-xs-6.col-md-2.col-sm-3 span.sunsh {padding-right: 5px !important; };</style>');
$('head').append('<style>div.grid-item.col-xxlg-1.col-xlg-2.col-lg-2.col-md-3.col-sm-3.col-xs-6 span.value, div.grid-item.col-xs-6.col-md-2.col-sm-3 span.value {font-size: 14px !important; margin-right: 0px!important;};</style>');
$('head').append('<style>div.grid-item.col-xxlg-1.col-xlg-2.col-lg-2.col-md-3.col-sm-3.col-xs-6 span.value>a, div.grid-item.col-xs-6.col-md-2.col-sm-3 span.value>a {font-size: 14px !important; font-weight: 700 !important; margin-right: 0px!important;};</style>');
// one below kills ads
$('head').append('<style>div.grid-item.huckster-grid-item, a.alert.alert-vip-required {display: none !important; };</style>');
$('head').append('<style>.sunsh { position: relative; </style>');
//$('head').append('<style>.tooltiptext { visibility: hidden; width: 120px; background-color: #555; color: #fff; text-align: left; border-radius: 6px; padding: 5px; position: absolute; z-index: 999; bottom: 125%; left: 50%; margin-left: -60px; opacity: 0; transition: opacity 0.3s;} ;</style>');
$('head').append('<style>.tooltiptext { visibility: hidden; width: 225px; background-color: #2d2d2ddb; color: #fff; text-align: left; border-radius: 6px; padding: 10px; position: absolute; z-index: 999; text-shadow: 0 0px 15px #000; font-family: proxima nova; font-size: 16px; bottom: 125%; right:20%; opacity: 0; transition: opacity 0.3s;} ;</style>');
$('head').append('<style>.tooltiptext::after { content: ""; position: absolute; top: 100%; right: 10%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent;} ;</style>');
$('head').append('<style>.sunsh:hover .tooltiptext { visibility: visible; opacity: 1;} ;</style>');
init();
$(window).on('DOMNodeInserted', function (e) {
if (e.target.tagName === 'BODY') {
$(e.target).ready(init);
}
});
});
}(jQuery));