Greasy Fork is available in English.
Show anime/manga info inside your animelist/mangalist
// ==UserScript==
// @name MyAnimeList(MAL) - Extra
// @version 5.1.3
// @description Show anime/manga info inside your animelist/mangalist
// @author Cpt_mathix
// @match *://myanimelist.net/animelist/*
// @match *://myanimelist.net/mangalist/*
// @license GPL-2.0-or-later
// @namespace https://greasyfork.org/users/16080
// ==/UserScript==
(function ($) {
var store = (function () {
var map = {};
return {
set: function (key, value) {
map[key] = value;
},
get: function (key) {
return map[key];
}
};
})();
var mal = {
href: document.location.href,
modern: false,
user: '',
type: []
};
init();
function init() {
mal.user = mal.href.match(/[^/]*?(?=\?|$)/)[0];
if (mal.href.indexOf("mangalist") > -1) {
mal.type = ["manga", 65];
} else {
mal.type = ["anime", 64];
}
mal.modern = $('.header .header-menu .btn-menu > .username').length > 0;
if (mal.modern) {
initGlobalScrollListener();
try {
setTimeout(initModernList, 1000);
} catch (ex) {
console.log(ex);
}
} else {
initOldList();
}
}
function initOldList() {
$('#list_surround > table > tbody > tr > td[class*=td]:nth-child(2)').each(function () {
var id = $(this).find('> a').attr('href').match(/\/(\d+)\//)[1];
var tdtype = $(this).attr('class').match(/\d/)[0];
var moreEl = $(this).find('> div > small > a:nth-child(2)');
var memberId = $('#listUserId').val();
var moreObject = $("#more" + id);
$(moreEl).removeAttr('onclick');
$(moreEl).attr("href", "javascript:;");
$(moreEl).on('click', displayTable(id, tdtype, moreObject, memberId));
});
}
function initModernList() {
$('#list-container > div.list-block > div > table > tbody[class=list-item] > tr.list-table-data > td.data.title').each(function () {
if ($(this).attr('id') === 'list-extra') {
return true;
} else {
$(this).attr('id', 'list-extra');
}
var id = $(this).find('> a').attr('href').match(/\/(\d+)\//)[1];
var moreEl = $(this).find('> div > span.more > a');
var memberId = $('body')[0].dataset.ownerId;
var moreObject = $("#more-" + id);
var el = $(moreEl)[0],
elClone = el.cloneNode(true);
el.parentNode.replaceChild(elClone, el);
$(elClone).attr("href", "javascript:;");
$(elClone).on('click', displayTable(id, 1, moreObject, memberId));
});
}
function initGlobalScrollListener() {
document.addEventListener("scroll", function scroll(event) {
// temporarily remove scroll listener to prevent multiple events
event.currentTarget.removeEventListener(event.type, scroll);
initModernList();
setTimeout(function () {
initGlobalScrollListener();
}, 1000);
});
}
//--------------------------------//
// Get Data Functions //
//--------------------------------//
function getAnimeInfo(animeid, table) {
var dataMap = store.get(animeid + 'MAP');
$.get('/' + mal.type[0] + '/' + animeid, function (data) {
$(data).find('#content > table > tbody > tr > td.borderClass > div > div:nth-child(n) > span').each(function () {
var item = this.textContent.replace(/:/g, "");
if (isNaN(item) && this.nextSibling && (this.nextElementSibling === null || item == "Ranked")) {
dataMap[item] = this.nextSibling.textContent;
} else if (isNaN(item) && item.indexOf(',') == -1) {
if (item == "Genres") {
var genres = [];
for (var i = 2; i < this.parentNode.children.length; i += 2) {
genres.push(this.parentNode.children[i].outerHTML);
}
dataMap[item] = genres.join(", ");
} else if (this.parentNode.children[1]) {
dataMap[item] = this.parentNode.children[1].outerHTML;
}
}
});
$(data).find('#content > table > tbody > tr > td:nth-child(2) > div > table p[itemprop=description]').each(function () {
dataMap.Synopsis = this.innerHTML;
});
$(data).find('#content > table > tbody > tr > td:nth-child(2) > div > table > tbody > tr > td > table.anime_detail_related_anime > tbody > tr:nth-child(n) > td.ar.fw-n.borderClass').each(function () {
var related = this.textContent.replace(/:/g, "");
if (related == "Parent story") {
dataMap.Parent = this.nextElementSibling.innerHTML;
} else if (related == "Side story" && this.nextElementSibling.children.length <= 3) {
dataMap.Side = this.nextElementSibling.innerHTML;
} else if (related == "Prequel") {
dataMap.Prequel = this.nextElementSibling.innerHTML;
} else if (related == "Sequel") {
dataMap.Sequel = this.nextElementSibling.innerHTML;
} else if (related == "Alternative version") {
dataMap.Alternative = this.nextElementSibling.innerHTML;
}
});
dataMap.Image = $(data).find("#content > table > tbody > tr > td.borderClass > div > div:nth-child(1) > a > img").attr('data-src');
// score is a little bit different to get with manga -.-
if (mal.type[0] == "manga") {
dataMap.Score = $(data).find('#content > table > tbody > tr > td.borderClass > div > div > span > span:nth-child(2) > span')[0].textContent;
}
table.innerHTML = displayAnimeInfo(animeid);
if (mal.modern) {
$(table).find('a').each(function () {
$(this).hover(function () {
$(this).css("text-decoration", "underline");
}, function () {
$(this).css("text-decoration", "none");
});
});
}
var synopsis = table.getElementsByClassName('synopsis')[0];
var image = table.getElementsByClassName('image')[0];
var information = table.getElementsByClassName('information')[0];
var related = table.getElementsByClassName('related')[0];
image.firstChild.onload = function () {
var synopsisHeight = this.height - related.offsetHeight - information.offsetHeight;
synopsis.setAttribute('style', 'max-height:' + synopsisHeight + 'px; min-height:100px; overflow:auto; overflow-y: auto;');
};
});
}
function getDataFromOriginalMore(preData, animeid) {
var dataMap = store.get(animeid + 'MAP');
// Time Spent Watching
var start = preData.indexOf('Time Spent Watching');
var end = preData.indexOf('<small>(');
dataMap.TimeSpentWatching = preData.substring(start + 21, end);
start = end;
end = preData.indexOf('per episode');
var episodeTime = preData.substring(start + 8, end);
dataMap.EpisodeTime = episodeTime;
}
//--------------------------------//
// Display Data Functions //
//--------------------------------//
function displayTable(animeid, tdtype, moreObject, memberId) {
return function () {
var table = $(moreObject).find('.td' + tdtype + '.borderRBL')[0];
if (table && moreObject.hasClass("extraLoaded")) {
if (moreObject.hasClass("extraShowing")) {
table.innerHTML = store.get(animeid + 'Original');
moreObject.toggleClass("extraShowing originalShowing");
} else if (moreObject.hasClass("originalShowing")) {
moreObject.removeClass("originalShowing");
moreObject.hide();
} else {
table.innerHTML = displayAnimeInfo(animeid);
moreObject.addClass("extraShowing");
moreObject.show();
}
} else {
$.post("/includes/ajax-no-auth.inc.php?t=6", { color: tdtype, id: animeid, memId: memberId, type: mal.type[0] }, function (data) {
if (mal.modern) {
moreObject.find(".more-content").html(data.html);
} else {
moreObject.html(data.html);
}
moreObject.show();
moreObject.addClass("extraLoaded extraShowing");
var table = $(moreObject).find('.td' + tdtype + '.borderRBL')[0];
var dataMap = {};
store.set(animeid + 'MAP', dataMap);
store.set(animeid + 'Original', table.innerHTML);
if (table !== null && mal.type[0] != "manga") {
getDataFromOriginalMore(table.innerHTML, animeid);
table.innerHTML = "Fetching data";
getAnimeInfo(animeid, table);
} else if (table !== null) {
table.innerHTML = "Fetching data";
getAnimeInfo(animeid, table);
}
}, "json");
}
};
}
function getDataValue(animeid, string) {
var dataMap = store.get(animeid + 'MAP');
return dataMap[string] || "Unavailable";
}
function calcTimeNeeded(episodeTime, totalEpisodes) {
if (totalEpisodes.trim() == "0" || totalEpisodes == "Unknown") {
return 'Unknown';
} else if (episodeTime.indexOf("0 hours, 0 minutes, and 0 seconds") > -1) {
return 'Unknown';
} else if (totalEpisodes.trim() == "1") {
return episodeTime;
} else {
var str = episodeTime.split(' ');
var totalSeconds = parseInt(str[5]) * totalEpisodes + (parseInt(str[2]) * totalEpisodes * 60) + (parseInt(str[0]) * totalEpisodes * 60 * 60);
var seconds = totalSeconds % 60;
var totalMinutes = Math.floor(totalSeconds / 60);
var minutes = totalMinutes % 60;
var hours = Math.floor(totalMinutes / 60);
return hours + " hours, " + minutes + " minutes and " + seconds + " seconds";
}
}
function displayAnimeInfo(animeid) {
var episodes = getDataValue(animeid, 'Episodes');
var chapters = getDataValue(animeid, 'Chapters');
var volumes = getDataValue(animeid, 'Volumes');
var image = getDataValue(animeid, "Image");
var genres = getDataValue(animeid, 'Genres');
var status = getDataValue(animeid, 'Status');
var broadcast = getDataValue(animeid, 'Broadcast');
var score = getDataValue(animeid, 'Score');
var rank = getDataValue(animeid, 'Ranked');
var popularity = getDataValue(animeid, 'Popularity');
var studio = getDataValue(animeid, 'Studios');
var source = getDataValue(animeid, 'Source');
var premiered = getDataValue(animeid, 'Premiered');
var aired = getDataValue(animeid, 'Aired');
var published = getDataValue(animeid, 'Published');
var type = getDataValue(animeid, 'Type');
var parent = getDataValue(animeid, 'Parent');
var side = getDataValue(animeid, 'Side');
var prequel = getDataValue(animeid, 'Prequel');
var sequel = getDataValue(animeid, 'Sequel');
var alternative = getDataValue(animeid, 'Alternative');
var synopsis = getDataValue(animeid, 'Synopsis').replace(/\(Source.*[\s\S]*/g, "").replace(/\[.*\]/g, "").replace(/(<br>|\s+)*$/, "");
var timeSpentWatching;
var timeNeeded;
if (mal.type[0] == "anime") {
timeSpentWatching = getDataValue(animeid, 'TimeSpentWatching').replace("tes,", "tes");
timeNeeded = '0';
if (timeSpentWatching.indexOf("0 hours, 0 minutes and 0 seconds") > -1) {
timeNeeded = calcTimeNeeded(getDataValue(animeid, 'EpisodeTime'), episodes);
}
}
var strVar = "";
strVar += "<body>";
strVar += "<table>";
strVar += " <tr style=\"height:\"20%\"\">";
strVar += " <td class=\"image\" valign=\"top\" rowspan=\"4\"><img src=" + image + "><\/td>";
strVar += " <td class=\"information\" valign=\"top\" width=\"35%\">";
strVar += (status.indexOf("Currently Airing") > -1) ? ("<b>Broadcast: <\/b>" + broadcast + "<br>") : ("");
strVar += (mal.type[0] == "anime") ? ("<b>Episodes: <\/b>" + episodes + "<br>") : ("<b>Volumes: <\/b>" + volumes + "<br><b>Chapters: <\/b>" + chapters + "<br>");
strVar += " <b>Score: <\/b>" + score + "<br>";
strVar += (mal.type[0] == "anime") ? ("<b>Source: <\/b>" + source + "<br>") : ("<b>Type: <\/b>" + type + "<br>");
strVar += (studio.indexOf("add some") == -1 && mal.type[0] != "manga") ? ("<b>Studio: <\/b>" + studio + "<br>") : ("");
strVar += (mal.type[0] == "anime") ? (premiered != "Unavailable" ? ("<b>Premiered: <\/b>" + premiered + "<br>") : ("")) : ("");
strVar += (mal.type[0] == "anime") ? ("<b>Aired: <\/b>" + aired + "<br>") : ("<b>Published: <\/b>" + published + "<br>");
strVar += " <\/td>";
strVar += " <td class=\"genres\" valign=\"top\" align=\"right\" width=\"65%\">" + genres + "<\/td>";
strVar += " <\/tr>";
strVar += " <tr>";
strVar += " <td valign=\"top\" colspan=\"2\" width=\"100%\" height=\"100%\"><div class=\"synopsis\"><br>" + synopsis + "<br><br>";
strVar += " <a href=\"/forum/?" + mal.type[0] + "id=" + animeid + "\" target=\"_blank\"><small>Discuss " + mal.type[0].charAt(0).toUpperCase() + mal.type[0].slice(1) + "</small></a></div><\/td>";
strVar += " <\/tr>";
strVar += " <tr>";
strVar += " <td class=\"related\" valign=\"bottom\" align=\"left\" height=\"5px\" width=\"50%\">";
strVar += (parent != "Unavailable") ? ("<small><b>Parent story: <\/b>" + parent + "<\/small>") : ("");
strVar += (side != "Unavailable") ? ("<br><small><b>Side story: <\/b>" + side + "<\/small>") : ("");
strVar += (prequel != "Unavailable") ? ("<br><small><b>Prequel: <\/b>" + prequel + "<\/small>") : ("");
strVar += (sequel != "Unavailable") ? ("<br><small><b>Sequel: <\/b>" + sequel + "<\/small>") : ("");
strVar += (alternative != "Unavailable") ? ("<br><small><b>Alternative version: <\/b>" + alternative + "<\/small>") : ("");
strVar += " <\/td>";
strVar += (mal.type[0] == "anime") ? ("<td class=\"timeNeeded\" valign=\"bottom\" align=\"right\" colspan=\"2\"><br><small>" + (timeNeeded == '0' ? ("<b>Time Spent Watching: <\/b>" + timeSpentWatching) : ("<b>Time To Complete: <\/b>" + timeNeeded)) + "<\/small><\/td>") : ("");
strVar += " <\/tr>";
strVar += "<\/table>";
strVar += "<\/body>";
return strVar;
}
})(jQuery);