Makes easier and faster to select any status/score by enlarging the removing the dropdown selection of those options. Delete any entry from your list, or score + add the whole anime Franchise to your anime list with a single click.
// ==UserScript==
// @name Better Buttons to Change The Status Of Animes/Mangas And To Add Scores
// @namespace betterbuttonstomal2
// @version 24
// @description Makes easier and faster to select any status/score by enlarging the removing the dropdown selection of those options. Delete any entry from your list, or score + add the whole anime Franchise to your anime list with a single click.
// @author hacker09
// @include /^https:\/\/myanimelist\.net\/(anime|manga)(id=)?(\.php\?id=)?\/?\d+\/?(?!.*\/).*(\?q=.*&cat=anime|manga)?$/
// @icon https://t3.gstatic.com/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&url=http://myanimelist.net&size=64
// @require https://greasyforks.org/scripts/446666-jquery-core-minified/code/jQuery%20Core%20minified.js
// @grant GM.xmlHttpRequest
// @connect chiaki.site
// @run-at document-end
// ==/UserScript==
(function() {
'use strict';
var TotalLinks, FetchPage; //Creates a new global variable
var token = document.head.querySelector("[name='csrf_token']").content; //Get the user csrf token
const animeid = location.pathname.match(/\d+/) === null ? location.search.match(/\d+/)[0] : location.pathname.match(/\d+/)[0]; //Get the anime id
document.querySelectorAll("#myinfo_status")[1].size = "5"; //Set the size for the Status button
document.querySelectorAll("#myinfo_status")[1].setAttribute("style", "font-size: 13.2px; background-image: none; overflow: hidden;"); //Set the css for the status button
document.querySelectorAll("#myinfo_score")[1].size = "11"; //Set the size for the Score button
document.querySelectorAll("#myinfo_score > option:nth-child(1)")[1].innerText = 'Reset Score'; //Change the text "selection" to Reset Score
document.querySelectorAll("#myinfo_score")[1].setAttribute("style", "background-image: none; overflow: hidden; padding : 5px; width: 100px;"); //Set the CSS for the score button
const DeleteBTN = document.createElement("input"); //Create a input element
document.querySelectorAll("#myinfo_status")[1].parentElement.appendChild(DeleteBTN); //Show the delete button
window.jQuery(DeleteBTN).attr({ //Set the attributes
value: "Delete", //Add the value Delete to the button
id: "DeleteBTN", //Add the id DeleteBTN to the button
class: "inputButton ml8 delete_submit", //Add a class to the button
type: "button", //Add the type to the button
style: "margin-left: 15px!important;" //Set the CSS to the button
}); //Finishing setting the attributes
if (location.pathname.split('/')[1] === 'anime') { //If the user is on an anime page
var entrytype = 'anime'; //Set the variable as anime
document.querySelector("div.di-ib.form-user-episode.ml8").setAttribute("style", "width: 125px;"); //Set the CSS for the episodes element
document.querySelectorAll("#myinfo_watchedeps")[1].setAttribute("style", "width: 25px;"); //Set the CSS for the episodes seen element
const ScoreButton = document.createElement("input"); //Create a input element
document.querySelectorAll("#myinfo_status")[1].parentElement.appendChild(ScoreButton); //Show the Score button
window.jQuery(ScoreButton).attr({ //Set the attributes
value: "Score+Add Franchise", //Add the value Score to the button
id: "ScoreBTN", //Add the id ScoreBTN to the button
class: "inputButton ml8 delete_submit", //Add a class to the button
type: "button", //Add the type to the button
style: "margin-left: 15px!important;" //Set the CSS to the button
}); //Finishing setting the attributes
document.querySelector("div.di-ib.form-user-episode.ml8").setAttribute("style", "width: 125px;"); //Set the CSS for the episodes element
document.querySelectorAll("#myinfo_watchedeps")[1].setAttribute("style", "width: 25px;"); //Set the CSS for the episodes seen element
document.querySelector("#ScoreBTN").addEventListener("click", (async function() { //Add an event listener to the Score button that will score and set as "Watching" the whole franchise when clicked
if (document.querySelector("#myinfo_score").value === '0') //If the actual score of the anime entry is 0
{ //Start the if condition
alert('You must first give a score for this entry, then the script will give that same score and add the entire franchise with the current status of this entry.'); //Show a message
return; //Stop the script from executing
} //Finishes the if condition
GM.xmlHttpRequest({ //Starts the xmlHttpRequest
method: "GET",
url: `https://chiaki.site/?/tools/watch_order/id/${animeid}`,
onload: function(response) { //Starts the onload event listener
var ChiakiDocument = new DOMParser().parseFromString(response.responseText, 'text/html'); //Parses the fetch response
if (confirm("If you've already added this entire franchise to your anime list, press OK.")) { //Ask a question to the user
FetchPage = `edit`; //If the user has already added the entire franchise to his anime list
} else { //Starts the else condition
FetchPage = `add`; //If the user doesn't have added the entire franchise to his anime list
} //Starts the finishes
TotalLinks = ChiakiDocument.querySelectorAll("span.uk-text-muted.uk-text-small > a:nth-child(1)"); //Creates a variable to loop through the entry id elements after
for (var i = 0; i < TotalLinks.length; i++) { //Starts the for condition
async function AddScore() //Creates a function to Score + set as "Watching" the Franchise
{ //Starts the function
const response = await fetch(`https://myanimelist.net/ownlist/anime/${FetchPage}.json`, { //Fetches the page
"headers": {
"content-type": "application/x-www-form-urlencoded; charset=UTF-8"
},
"body": `{"anime_id":${TotalLinks[i].href.match(/\d+/)[0]},"status":${document.querySelector(".po-r > #myinfo_status > option:checked").value},"score":${document.querySelector("#myinfo_score").value},"num_watched_episodes":0,"csrf_token":"${token}"}`,
"method": "POST"
}); //Finishes the fetch
} //Finishes the async function
if (TotalLinks[i].href.match(/\d+/)[0] !== animeid) //If the fetched chiaki.site anime ID isn't the same as the actual page anime ID
{ //Starts if condition
AddScore(); //Starts the async AddScore function
} //Finishes the if condition
} //Finishes the for condition
alert(`Done!!!\nThe Whole Franchise was scored with ${document.querySelector("#myinfo_score").value} and added to your ${document.querySelector(".po-r > #myinfo_status > option:checked").innerText} anime list!`); //Shows a message
} //Finishes the onload event listener
}); //Finishes the xmlHttpRequest
})); //Finishes the event listener
} else { //Starts the else condition
entrytype = 'manga'; //Set the variable as manga
} //Finishes the else condition
document.querySelector("#DeleteBTN").addEventListener("click", (async function() { //Add an event listener to the delete button that will delete the entry of the user list when clicked
await fetch(`https://myanimelist.net/ownlist/${entrytype}/${animeid}/delete`, {
"headers": {
"content-type": "application/x-www-form-urlencoded"
},
"body": `csrf_token=${token}`,
"method": "POST"
}); //Finishes the fetch request
location.reload(); //Reload the page after the user deleted the anime from his list
})); //Finish the async function and the event listener
})();