Adds icons next to anime titles corresponding to its filestate, liststate, wishlist & notification status. Also adds red "(18+)" if anime is "18 Restricted". On Anime page it also adds Mylist & Seen count.
目前為
// ==UserScript==
// @name AniDB.net status icons next to titles
// @namespace dexter86
// @description Adds icons next to anime titles corresponding to its filestate, liststate, wishlist & notification status. Also adds red "(18+)" if anime is "18 Restricted". On Anime page it also adds Mylist & Seen count.
// @include http://anidb.net/perl-bin/animedb.pl*
// @include https://anidb.net/perl-bin/animedb.pl*
// @grant none
// @version 6.4.5
// @supportURL http://anidb.net/perl-bin/animedb.pl?show=cmt&id=50589
// ==/UserScript==
"use strict";
/*
TO DO
wykrywanie zmian przy wishlist/notify (na animepage, seasons chart i poszukać gdzie jeszcze)
zawijanie tytułów w related/similar na animepage
customise per page
sprawdzić z https://www.microsoft.com/en-us/store/p/tampermonkey/9nblggh5162s
*/
var classes = [
"restricted",
"state_deleted",
"state_mixed",
"state_oncd",
"state_onhdd",
"state_onserver",
"state_unknown",
"liststate_collecting",
"liststate_completed",
"liststate_dropped",
"liststate_stalled",
"liststate_unknown",
"liststate_watching",
"blacklist",
"wishlist_type_buddy",
"wishlist_type_toget",
"wishlist_type_towatch",
"wishlist_type_undefined",
"wishlist_priority_low",
"wishlist_priority_med",
"wishlist_priority_high",
"notification",
"notification_type_all",
"notification_type_new",
"notification_type_group",
"notification_type_complete",
"notification_priority_low",
"notification_priority_med",
"notification_priority_high"
];
var img = [
"<span style='color: #BC1818'> (18+)</span>", //❤
"<span style='margin-left:0.5em;' class='i_icon i_state_deleted' title='File with status: deleted'></span>",
"<span style='margin-left:0.5em;' class='i_icon i_state_mixed' title='File with status: mixed state'></span>",
"<span style='margin-left:0.5em;' class='i_icon i_state_oncd' title='File with status: external storage (cd/dvd/...)'></span>",
"<span style='margin-left:0.5em;' class='i_icon i_state_onhdd' title='File with status: internal storage (hdd)'></span>",
"<span style='margin-left:0.5em;' class='i_icon i_state_onserver' title='File with status: remote storage (NAS/cloud/...)'></span>",
"<span style='margin-left:0.5em;' class='i_icon i_state_unknown' title='File with status: unknown'></span>",
"<span style='margin-left:0.5em;' class='i_icon i_liststate_collecting' title='State: collecting'></span>",
"<span style='margin-left:0.5em;' class='i_icon i_liststate_completed' title='State: completed'></span>",
"<span style='margin-left:0.5em;' class='i_icon i_liststate_dropped' title='State: dropped'></span>",
"<span style='margin-left:0.5em;' class='i_icon i_liststate_stalled' title='State: stalled'></span>",
"<span style='margin-left:0.5em;' class='i_icon i_liststate_unknown' title='State: unknown'></span>",
"<span style='margin-left:0.5em;' class='i_icon i_liststate_watching' title='State: watching'></span>",
"<span style='margin-left:0.5em;' class='i_icon i_wishlist_blacklist' title='Wishlist Type: blacklist'></span>",
"<span style='margin-left:0.5em;' class='i_icon i_wishlist_buddy' title='Wishlist Type: buddy recommendations'></span>",
"<span style='margin-left:0.5em;' class='i_icon i_wishlist_toget' title='Wishlist Type: to get'></span>",
"<span style='margin-left:0.5em;' class='i_icon i_wishlist_towatch' title='Wishlist Type: to watch'></span>",
"<span style='margin-left:0.5em;' class='i_icon i_wishlist_undefined' title='Wishlist Type: undefined'></span>",
"<span style='margin-left:0.2em;' class='i_icon i_pri_low' title='Wishlist priority: low'></span>",
"<span style='margin-left:0.2em;' class='i_icon i_pri_med' title='Wishlist priority: medium'></span>",
"<span style='margin-left:0.2em;' class='i_icon i_pri_high' title='Wishlist priority: high'></span>",
"<span style='margin-left:0.5em;' class='i_icon i_notify' title='Notification'></span>",
" all",
" new",
" group",
" complete",
"<span style='margin-left:0.2em;' class='i_icon i_pri_low' title='Notification priority: low'></span>",
"<span style='margin-left:0.2em;' class='i_icon i_pri_med' title='Notification priority: medium'></span>",
"<span style='margin-left:0.2em;' class='i_icon i_pri_high' title='Notification priority: high'></span>"
];
function ExtractValue(a) {
var i,
querystring = location.search.substring(1).split("&");
for (i = 0; i < querystring.length; i++) {
if (querystring[i].split("=")[0] === a) {
return querystring[i].split("=")[1];
}
}
}
function AniDB(page) {
//page = "userpage";//debug string
if (page === "anime") {
var aftertitle = "",
i,
j,
mylisteps = document.querySelector("tr.inmylist>td.value"),
mylistseen = document.querySelector("tr.mylistseen>td.value"),
myliststats = "";
var mydata_filestate = [
"i_state_deleted",
"i_state_mixed",
"i_state_oncd",
"i_state_onhdd",
"i_state_onserver",
"i_state_unknown"
];
var mydata_liststate = [
"i_liststate_collecting",
"i_liststate_completed",
"i_liststate_dropped",
"i_liststate_stalled",
"i_liststate_unknown",
"i_liststate_watching"
];
var mydata_priorities = [
"i_pri_low",
"i_pri_med",
"i_pri_high"
];
var mydata_wishlist = [
"i_wishlist_blacklist",
"i_wishlist_buddy",
"i_wishlist_toget",
"i_wishlist_towatch",
"i_wishlist_undefined"
];
//18 restricted
if (document.querySelector("a[href='animedb.pl?show=tag&tagid=2615&reltb=animetb']") !== null) {
aftertitle += img[0];
}
//filestate
for (i = 0; i < mydata_filestate.length; i++) {
if (document.querySelector("tr.status a." + mydata_filestate[i]) !== null) {
aftertitle += img[1+i];
break;
}
}
//liststate
for (i = 0; i < mydata_liststate.length; i++) {
if (document.querySelector("tr.status a." + mydata_liststate[i]) !== null) {
aftertitle += img[7+i];
break;
}
}
//wishlist
for (i = 0; i < mydata_wishlist.length; i++) {
if (document.querySelector("tr.wishlist div.state>." + mydata_wishlist[i]) !== null) {
aftertitle += img[13+i];
for (j = 0; j < mydata_priorities.length; j++) {
if (document.querySelector("tr.wishlist div.state>." + mydata_priorities[j]) !== null) {
aftertitle += img[18+j];
break;
}
}
break;
}
}
//notification
if (document.querySelector("tr.notification div.state") !== null) {
var notifytype = document.querySelector("tr.notification div.state>span[title='Notification Type']").textContent;
aftertitle += img[21] + notifytype;
for (i = 0; i < mydata_priorities.length; i++) {
if (document.querySelector("tr.notification div.state>." + mydata_priorities[i]) !== null) {
aftertitle += img[26+i];
break;
}
}
}
//mylist stats
if (mylisteps === null || mylistseen === null) {
mylisteps = document.querySelector("div.g_section.mylist td.state:nth-child(2)");
mylistseen = document.querySelector("div.g_section.mylist td.state:nth-child(3)");
}
if (mylisteps !== null && mylistseen !== null) {
myliststats = "Mylist state: " + mylisteps.innerHTML + ", Seen: " + mylistseen.innerHTML;
//myliststats = "";
}
//finishing touch :)
var title = document.querySelector("h1.anime");
title.innerHTML = "<table style='width:100%; border-style:none;'><tr style='background-color: transparent;'><td style='padding: 0px;'>" + title.innerHTML + aftertitle + "</td><td style='padding: 0px 2px 0px 0px; text-align:right;'>" + myliststats + "</td></tr></table>";
}
AddStatusIcons(page);
}
function AddStatusIcons(page) {
var ElementsWithClassInfo,
i,
j,
k,
LinksToProcess,
LinksToProcessAdditional;
for (i = 0; i < classes.length; i++) {
//console.log(classes[i]);
if ((page === "mywishlist" && ((i >= 1 && i <=6) || (i>= 13 && i <= 28))) || (page === "mylist" && i >= 1 && i <= 12) || (page === "mynotifies" && ((i >= 1 && i <=6) || (i>= 21 && i <= 28)))) {
continue;
}
ElementsWithClassInfo = document.querySelectorAll("." + classes[i]);
//console.log("ElementsWithClassInfo", ElementsWithClassInfo);
for (j = 0; j < ElementsWithClassInfo.length; j++) {
if ((ElementsWithClassInfo[j].nodeName === "TABLE") || (ElementsWithClassInfo[j].nodeName === "IMG")) {
continue;
}
if (page === "latest2" && ExtractValue("do") === "reviews") {
//http://anidb.net/perl-bin/animedb.pl?show=latest2&do.filter=1&do=reviews
LinksToProcess = ElementsWithClassInfo[j].querySelectorAll("a[href*='show=animeatt&aid=']");
} else if (ElementsWithClassInfo[j].parentNode.parentNode.className.search("characterlist") !== -1) {
if (ElementsWithClassInfo[j].querySelector("td.anime") !== null) {
//http://anidb.net/cr468
LinksToProcess = ElementsWithClassInfo[j].querySelectorAll("a[href*='show=anime&aid=']");
} else {
//http://anidb.net/t6467
LinksToProcess = ElementsWithClassInfo[j].querySelectorAll("a[href*='show=character&charid=']");
}
} else {
LinksToProcess = ElementsWithClassInfo[j].querySelectorAll("a[href*='show=anime&aid=']");
}
//console.log("LinksToProcess", LinksToProcess);
if ((page === "userpage") || (page === "myfavourites") || (page === "addfavourite")) {
//https://anidb.net/perl-bin/animedb.pl?show=userpage
//https://anidb.net/perl-bin/animedb.pl?show=myfavourites
//https://anidb.net/perl-bin/animedb.pl?show=addfavourite
LinksToProcessAdditional = ElementsWithClassInfo[j].querySelectorAll("a[href*='show=character&charid=']");
}
//console.log("LinksToProcessAdditional", LinksToProcessAdditional);
for (k = 0; k < LinksToProcess.length; k++) {
if (page === "anime" && LinksToProcess[k].getAttribute("title") === "Expand this release") {
continue;
//without it, script would add status icons on Anime page > Groups > Plus button on the left
}
if (LinksToProcess[k].querySelector(".g_image") !== null) {
continue;
//without it, script would add status icons under thumbnails
}
LinksToProcess[k].innerHTML += img[i];
break;
}
for (k = 0; k < LinksToProcessAdditional.length; k++) {
if (LinksToProcessAdditional[k].querySelector(".g_image") !== null) {
continue;
//without it, script would add status icons under thumbnails
}
LinksToProcessAdditional[k].innerHTML += img[i];
break;
}
}
}
}
AniDB(ExtractValue("show"));