- // ==UserScript==
- // @name Automatically Add Start/Finish Dates For Animes/Mangas + Helpful Buttons
- // @namespace Add End And Start Dates In 1 Click + Reset Dates/All Buttons,
- // @version 44
- // @description Selecting Watching/Reading auto adds the start date, and Completed auto adds the finish date. Shows the actual Anime/Manga dates below the Anime/Manga image, that's updated every time you reload or click on Watching/Reading/Completed. Hover the mouse over the dates and click to reset them. This script adds 6 helpful buttons on the Anime/Manga Edit Details Page.
- // @author hacker09
- // @match https://myanimelist.net/ownlist/*
- // @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
- // @run-at document-end
- // @grant none
- // ==/UserScript==
-
- (function() {
- 'use strict';
- if (location.pathname.split('/')[1] === 'ownlist') //Check If The User Is On https://myanimelist.net/ownlist/
- {
- const $ = window.jQuery; //Defines That The Symbol $ Is A jQuery
- const entrytype = location.pathname.split('/')[2]; //Get the entry type
- //**********************************************************************************************************************************************************************
- document.querySelector("#start_date_insert_today").parentElement.insertAdjacentHTML('beforeend', '<a id="resetstart" style="cursor: pointer;margin-left: 5px;height: 10px;width: 10px;top: 10px;">Reset</a>'); //Adds a reset btn on the page
- document.getElementById('resetstart').onclick = function() { //Adds an event listener to the button
- document.querySelectorAll("#add_" + entrytype + "_start_date_year,#add_" + entrytype + "_start_date_day,#add_" + entrytype + "_start_date_month").forEach(el => el.selectedIndex = -1); //Reset the start dates
- }; //Finishes the event listener
- //**********************************************************************************************************************************************************************
- document.querySelector("#end_date_insert_today").parentElement.insertAdjacentHTML('beforeend', '<a id="resetend" style="cursor: pointer;margin-left: 5px;height: 10px;width: 10px;top: 10px;">Reset</a>'); //Adds a reset btn on the page
- document.getElementById('resetend').onclick = function() { //Adds an event listener to the button
- document.querySelectorAll("#add_" + entrytype + "_finish_date_year,#add_" + entrytype + "_finish_date_day,#add_" + entrytype + "_finish_date_month").forEach(el => el.selectedIndex = -1); //Reset the finish dates
- }; //Finishes the event listener
- //**********************************************************************************************************************************************************************
- document.querySelector('.notice_open_public').insertAdjacentHTML('beforeend', '<a id="addalldates" style="cursor: pointer;margin-left: 5px;height: 10px;width: 10px;top: 10px;">Add End And Start Dates + Submit</a>'); //Adds the add all dates btn on the page
- document.getElementById('addalldates').onclick = function() { //Adds an event listener to the button
- document.querySelectorAll("#start_date_insert_today,#end_date_insert_today").forEach(el => el.click()); //Add dates
- document.getElementsByClassName("inputButton main_submit")[0].click(); //Submit
- }; //Finishes the event listener
- //**********************************************************************************************************************************************************************
- [...document.querySelectorAll("td")].find(td => td.textContent === "Start Date").parentElement.insertAdjacentHTML('beforeend', '<a id="InsertStart" style="cursor: pointer;margin-left: -200px; margin-top: -3px; display: block;">Insert + Submit</a>'); //Adds the add start dates btn on the page
- document.getElementById('InsertStart').onclick = function() { //Adds an event listener to the button
- document.getElementById("start_date_insert_today").click(); //Adds the start date
- document.getElementsByClassName("inputButton main_submit")[0].click(); //Submit
- }; //Finishes the event listener
- //**********************************************************************************************************************************************************************
- [...document.querySelectorAll("td")].find(td => td.textContent === "Finish Date").parentElement.insertAdjacentHTML('beforeend', '<a id="InsertEnd" style="cursor: pointer;margin-left: -200px; margin-top: 30px; display: block;">Insert + Submit</a>'); //Adds the add finish dates btn on the page
- document.getElementById('InsertEnd').onclick = function() { //Adds an event listener to the button
- document.getElementById("end_date_insert_today").click(); //Adds the finish date
- document.getElementsByClassName("inputButton main_submit")[0].click(); //Submit
- }; //Finishes the event listener
- //**********************************************************************************************************************************************************************
- document.querySelector("#advanced-button").parentElement.insertAdjacentHTML('beforeend', '<a id="resetalmostall" style="cursor: pointer;margin-left: 240px;">Reset Almost Everything</a>'); //Adds the reset almost all btn on the page
- document.getElementById('resetalmostall').onclick = function() { //Adds an event listener to the button
- $('select').prop('selectedIndex', 0); //Resets almost all form fields
- }; //Finishes the event listener
- //**********************************************************************************************************************************************************************
- setTimeout(function() { //Starts the timeout condition
- if (document.querySelectorAll("#hide-advanced-button")[0].outerText !== "Hide Advanced ") //Detect if the Show Advanced button is already opened or not,if not then...
- { //Starts the if condition
- document.querySelector("#hide-advanced-button").click(); //Clicks on the Show Advanced button
- } //Finishes the if condition
- }, 0); //Finishes the settimeout
- } //Finishes the if condition
- //**********************************************************************************************************************************************************************
- else //If the user is on a manga/anime page
- { //Starts the else condition
- const day = new Date().getDate(); //Creates a variable to hold the actual day
- const month = new Date().getMonth() + 1; //Creates a variable to hold the actual month
- const year = new Date().getFullYear(); //Creates a variable to hold the actual year
- const monthNames = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]; //Creates a variable to hold the month names
- const entrytype2 = location.pathname.split('/')[1].match('.php') !== null ? location.pathname.split('/')[1].split('.php')[0] : location.pathname.split('/')[1]; //Creates a variable to hold the actual entry type
- const token = document.head.querySelector("[name='csrf_token']").content; //Creates a variable to hold the actual csrf_token
- const entryid = location.pathname.match(/\d+/) === null ? location.search.match(/\d+/)[0] : location.pathname.match(/\d+/)[0]; //Creates a variable to hold the actual entry id
- var priority, is_asked_to_discuss, sns_post_type, start_month, start_day, start_year, finish_month, finish_day, finish_year, watched_eps, current_score, anime_tags, storage_type, storage_value, rewatched_times, rewatch_value, comments, manga_read_chapters, manga_retail, manga_read_times, manga_reread_value, manga_read_volumes, status, IsEditPageOpened, totaleps, totalVols, totalChaps, AddedToList, color; //Make all these variables global
-
- document.querySelector(".dark-mode") !== null ? color = '' : color = '#1d439b'; //Change the btns txt color according to the user theme mode
-
- async function ShowButtons() //Creates a function to show the Buttons
- { //Starts the function
- //Starts the codes to Display the Started Date
- if ((start_month !== "") || (start_day !== "") || (start_year !== "")) // If month or date or year is set in the started dates then show the button
- { //Starts the if condition
- var ShowStartedMonth = monthNames[start_month - 1]; //Suppose the month is set and show it
- if (ShowStartedMonth === undefined) // If month is not set in the started dates
- { //Starts the if condition
- ShowStartedMonth = ''; //Hide the started month
- } //Finishes the if condition
- const ResetStartDate = document.createElement("div"); //Creates the button to reset the start date
- ResetStartDate.innerHTML = 'Started: ' + ShowStartedMonth + ' ' + start_day + ' ' + start_year; //Define the button text
- document.querySelector("#profileRows").append(ResetStartDate); //Append the button below the "add to favorites" button
- ResetStartDate.setAttribute("id", "ResetStartDate"); //Gives an id to the button
- if (document.querySelectorAll("#ResetStartDate").length > 1) //If the button already exits
- { //Starts the if condition
- document.querySelector("#ResetStartDate").remove(); //Remove the old button
- } //Finishes the if condition
- ResetStartDate.setAttribute("style", "border-top: #92b0f1 1px solid;border-color: #92b0f1;border-style: solid;border-width: 0 0 1px;color: " + color + ";cursor: pointer;padding: 2px 3px;"); //Set the css for the button when the page loads
- document.querySelector("#ResetStartDate").onmousemove = function() { //Set the css for the button when the mouse is hovering the button
- ResetStartDate.innerHTML = "Reset Started Date"; //Change the element text
- ResetStartDate.setAttribute("style", "cursor: pointer;background-color: " + color + ";border-color: #6386d5;border-style: solid;border-width: 0 0 1px;color: #fff;padding: 2px 3px;"); //Make the element look like it's clickable and change the element color
- }; //Finishes the css for the button when the mouse is hovering the button
- document.querySelector("#ResetStartDate").onmouseout = function() {
- ResetStartDate.innerHTML = 'Started: ' + ShowStartedMonth + ' ' + start_day + ' ' + start_year;
- ResetStartDate.setAttribute("style", "border-top: #92b0f1 1px solid;border-color: #92b0f1;border-style: solid;border-width: 0 0 1px;color: " + color + ";cursor: pointer;padding: 2px 3px;"); //Set the css for the button when the mouse is not hovering the button
- }; //Set the css for the button when the mouse is leaves the button
- document.querySelector("#ResetStartDate").addEventListener("click", ResetStartDateFunc, false); //When the button is cliked call this function
- } //Finishes the if condition
-
- //Starts the codes to Display the Finished Date
- if ((finish_month !== "") || (finish_day !== "") || (finish_year !== "")) // If month or date or year is set in the finished dates then show the button
- { //Starts the if condition
- var ShowFinishedMonth = monthNames[finish_month - 1]; //Suppose the month is set and show it
- if (ShowFinishedMonth === undefined) // If month is not set in the finished dates
- { //Starts the if condition
- ShowFinishedMonth = ''; //Hide the finished month
- } //Finishes the if condition
- const ResetFinishDate = document.createElement("div"); //Creates the button to reset the finish date
- ResetFinishDate.innerHTML = 'Finished: ' + ShowFinishedMonth + ' ' + finish_day + ' ' + finish_year; //Define the button text; //Define the button text
- document.querySelector("#profileRows").append(ResetFinishDate); //Append the button below the "add to favorites" button
- ResetFinishDate.setAttribute("id", "ResetFinishDate"); //Gives an id to the button
- if (document.querySelectorAll("#ResetFinishDate").length > 1) //If the button already exits
- { //Starts the if condition
- document.querySelector("#ResetFinishDate").remove(); //Remove the old button
- } //Finishes the if condition
- ResetFinishDate.setAttribute("style", "border-top: #92b0f1 1px solid;border-color: #92b0f1;border-style: solid;border-width: 0 0 1px;color: " + color + ";cursor: pointer;padding: 2px 3px;"); //Set the css for the button when the page loads
- document.querySelector("#ResetFinishDate").onmousemove = function() { //Set the css for the button when the mouse is hovering the button
- ResetFinishDate.innerHTML = "Reset Finished Date"; //Change the element text
- ResetFinishDate.setAttribute("style", "cursor: pointer;background-color: " + color + ";border-color: #6386d5;border-style: solid;border-width: 0 0 1px;color: #fff;padding: 2px 3px;"); //Make the element look like it's clickable and change the element color
- }; //Finishes the css for the button when the mouse is hovering the button
- document.querySelector("#ResetFinishDate").onmouseout = function() {
- ResetFinishDate.innerHTML = 'Finished: ' + ShowFinishedMonth + ' ' + finish_day + ' ' + finish_year;
- ResetFinishDate.setAttribute("style", "border-top: #92b0f1 1px solid;border-color: #92b0f1;border-style: solid;border-width: 0 0 1px;color: " + color + ";cursor: pointer;padding: 2px 3px;"); //Set the css for the button when the mouse is leaves the button
- }; //Set the css for the button when the mouse is hovering the button
- document.querySelector("#ResetFinishDate").addEventListener("click", ResetFinishDateFunc, false); //When the button is cliked call this function
- } //Finishes the if condition
-
- //Starts the codes to Display the Reset All Dates
- if ((finish_month !== "" || finish_day !== "" || finish_year !== "") && (start_month !== "" || start_day !== "" || start_year !== "")) // If month or date or year is set in the started and finished dates then show the button
- { //Starts the if condition
- const ResetAllDatesVar = document.createElement("div"); //Creates the button to reset all dates
- ResetAllDatesVar.innerHTML = "Reset Started+Finished Dates"; //Define the button text
- document.querySelector("#profileRows").append(ResetAllDatesVar); //Append the button below the "add to favorites" button
- ResetAllDatesVar.setAttribute("id", "ResetAllDatesVar"); //Gives an id to the button
- if (document.querySelectorAll("#ResetAllDatesVar").length > 1) //If the button already exits
- { //Starts the if condition
- document.querySelectorAll("#ResetAllDatesVar")[0].remove(); //Remove the old button.There's no real need to update this button again, but if isn't updated the onmousemove/out won't work
- } //Finishes the if condition
- ResetAllDatesVar.setAttribute("style", "border-top: #92b0f1 1px solid;border-color: #92b0f1;border-style: solid;border-width: 0 0 1px;color: " + color + ";cursor: pointer;padding: 2px 3px;"); //Set the css for the button when the page loads
- document.querySelector("#ResetAllDatesVar").onmousemove = function() { //Set the css for the button when the mouse is hovering the button
- ResetAllDatesVar.setAttribute("style", "cursor: pointer;background-color: " + color + ";border-color: #6386d5;border-style: solid;border-width: 0 0 1px;color: #fff;padding: 2px 3px;"); //Make the element look like it's clickable and change the element color
- }; //Finishes the css for the button when the mouse is hovering the button
- document.querySelector("#ResetAllDatesVar").onmouseout = function() { //Set the css for the button when the mouse isn't hovering the button
- ResetAllDatesVar.setAttribute("style", "border-top: #92b0f1 1px solid;border-color: #92b0f1;border-style: solid;border-width: 0 0 1px;color: " + color + ";cursor: pointer;padding: 2px 3px;"); //Set the css for the button when the mouse is leaves the button
- }; //Fnishrd the css for the button when the mouse isn't hovering the button
- document.querySelector("#ResetAllDatesVar").addEventListener("click", ResetAllDates, false); //When the button is cliked call this function
- } //Finishes the if condition
- } //Finishes the async ShowButtons function
-
- async function getVariables() //Creates a function to get the needed Variables
- { //Starts the function
- const response = await fetch('https://myanimelist.net/ownlist/' + entrytype2 + '/' + entryid + '/edit'); //Fetch
- const html = await response.text(); //Gets the fetch response
- const newDocument = new DOMParser().parseFromString(html, 'text/html'); //Parses the fetch response
- priority = newDocument.querySelector("#add_" + entrytype2 + "_priority").value; //Creates a variable to hold the actual priority value
- is_asked_to_discuss = newDocument.querySelector("#add_" + entrytype2 + "_is_asked_to_discuss").value; //Creates a variable to hold the actual is_asked_to_discuss value
- sns_post_type = newDocument.querySelector("#add_" + entrytype2 + "_sns_post_type").value; //Creates a variable to hold the actual SNS value
- start_day = newDocument.querySelector("#add_" + entrytype2 + "_start_date_day").value; //Creates a variable to hold the actual start_day value
- start_month = newDocument.querySelector("#add_" + entrytype2 + "_start_date_month").value; //Creates a variable to hold the actual start_month value
- start_year = newDocument.querySelector("#add_" + entrytype2 + "_start_date_year").value; //Creates a variable to hold the actual start_year value
- finish_day = newDocument.querySelector("#add_" + entrytype2 + "_finish_date_day").value; //Creates a variable to hold the actual finish_day value
- finish_month = newDocument.querySelector("#add_" + entrytype2 + "_finish_date_month").value; //Creates a variable to hold the actual finish_month value
- finish_year = newDocument.querySelector("#add_" + entrytype2 + "_finish_date_year").value; //Creates a variable to hold the actual finish_year value
- current_score = newDocument.querySelector("#add_" + entrytype2 + "_score").value; //Creates a variable to hold the actual current_score value
- anime_tags = newDocument.querySelector("#add_" + entrytype2 + "_tags").value; //Creates a variable to hold the actual anime_tags value
- storage_type = newDocument.querySelector("#add_" + entrytype2 + "_storage_type").value; //Creates a variable to hold the actual storage_type value
- comments = newDocument.querySelector("#add_" + entrytype2 + "_comments").value; //Creates a variable to hold the actual comments value
- status = newDocument.querySelector("#add_" + entrytype2 + "_status").value; //Creates a variable to hold the actual status value
- if (entrytype2 === 'anime') //If the entry type is anime
- { //Starts the if condition
- watched_eps = newDocument.querySelector("#add_anime_num_watched_episodes").value; //Creates a variable to hold the actual watched_eps value
- storage_value = newDocument.querySelector("#add_anime_storage_value").value; //Creates a variable to hold the actual storage_value value
- rewatched_times = newDocument.querySelector("#add_anime_num_watched_times").value; //Creates a variable to hold the actual rewatched_times value
- rewatch_value = newDocument.querySelector("#add_anime_rewatch_value").value; //Creates a variable to hold the actual rewatch_value value
- totaleps = document.querySelector("#curEps").textContent; //Get the actual total episodes value
- } //Finishes the if condition
- else //If the entry type is manga
- { //Starts the else condition
- manga_read_chapters = newDocument.querySelector("#add_manga_num_read_chapters").value; //Creates a variable to hold the actual manga_read_chapters value
- manga_retail = newDocument.querySelector("#add_manga_num_retail_volumes").value; //Creates a variable to hold the actual manga_retail value
- manga_read_times = newDocument.querySelector("#add_manga_num_read_times").value; //Creates a variable to hold the actual manga_read_times value
- manga_reread_value = newDocument.querySelector("#add_manga_reread_value").value; //Creates a variable to hold the actual manga_read_times value
- manga_read_volumes = newDocument.querySelector("#add_manga_num_read_volumes").value; //Creates a variable to hold the actual manga_read_volumes value
- totalVols = document.querySelector("#totalVols").textContent === '?' ? 0 : document.querySelector("#totalVols").textContent; //Get the actual total manga volumes
- totalChaps = document.querySelector("#totalChaps").textContent === '?' ? 0 : document.querySelector("#totalChaps").textContent; //Get the actual total manga chapters
- } //Finishes the else condition
- } //Finishes the async getvariables function
- if (document.querySelector("#myinfo_status.btn-user-status-add-list.js-form-user-status.js-form-user-status-btn.myinfo_addtolist") === null) { //If the anime is on the user list
- AddedToList = true;
- var TimesExecuted = 0; //Creates a new variable
- const increaseby = 1; //Creates a new variable
-
- document.addEventListener("mousemove", async function() { //Creates a new function to run when the mouse is hovering the page
- TimesExecuted += increaseby; //Sum the amount of times that the page was mouse hovered the page
- if (TimesExecuted === 1) { //On the first time that the page is hovered
- await getVariables(); //Call and wait the function getVariables
- await ShowButtons(); //Call and wait the function ShowButtons to Display the buttons
- } // //Finishes the if condition
- }); //Finishes the onmousemove event listener
- } //Finishes the if condition
-
- document.body.insertAdjacentHTML('beforeend', '<div id="loadingScreen" style="display: none;z-index: 200;position: fixed;width: 100%;height: 100%;background-color: #00000054;top: 0;background-image: url(https://pa1.narvii.com/6258/61f5cd5c652efec508ff3c6e10798d26ccef6366_hq.gif);background-repeat: no-repeat;background-position: center;"></div>'); //Add the loading screen to the html body
-
- async function ResetAllDates() //Creates a function to Reset All Dates
- { //Starts the async ResetAllDates function
- document.querySelector("#loadingScreen").style.display = ''; //Shows the Loading Screen
- if (IsEditPageOpened === true) //Check if the button edit details was opened
- { //Starts the if condition
- await getVariables(); //Call and wait the function getVariables
- } //Finishes the if condition
- document.querySelectorAll("#ResetStartDate,#ResetFinishDate,#ResetAllDatesVar").forEach(el => el.remove()); //Removes the now needless buttons
- const response = await fetch("https://myanimelist.net/ownlist/" + entrytype2 + "/" + entryid + "/edit", {
- "headers": {
- "content-type": "application/x-www-form-urlencoded"
- },
- "body": "add_manga%5Bnum_read_chapters%5D=" + manga_read_chapters + "&add_manga%5Bnum_retail_volumes%5D=" + manga_retail + "&add_manga%5Bnum_read_times%5D=" + manga_read_times + "&add_manga%5Breread_value%5D=" + manga_reread_value + "&add_manga%5Bnum_read_volumes%5D=" + manga_read_volumes + "&add_" + entrytype2 + "%5Bstatus%5D=" + status + "&add_anime%5Bnum_watched_episodes%5D=" + watched_eps + "&add_" + entrytype2 + "%5Bscore%5D=" + current_score + "&add_" + entrytype2 + "%5Btags%5D=" + anime_tags + "&add_" + entrytype2 + "%5Bpriority%5D=" + priority + "&add_" + entrytype2 + "%5Bstorage_type%5D=" + storage_type + "&add_anime%5Bstorage_value%5D=" + storage_value + "&add_anime%5Bnum_watched_times%5D=" + rewatched_times + "&add_anime%5Brewatch_value%5D=" + rewatch_value + "&add_" + entrytype2 + "%5Bcomments%5D=" + comments + "&add_" + entrytype2 + "%5Bis_asked_to_discuss%5D=" + is_asked_to_discuss + "&add_" + entrytype2 + "%5Bsns_post_type%5D=" + sns_post_type + "&csrf_token=" + token,
- "method": "POST"
- }); //Finishes the fetch
- await getVariables(); //Call and wait the function getVariables to get the new removed Finished/Started Dates variables,if the process was successful
- document.querySelector("#loadingScreen").style.display = 'none'; //Hides the Loading Screen
- } //Finishes the async ResetAllDates function
-
- async function ResetStartDateFunc() //Creates a function to reset the start dates
- { //Starts the async ResetStartDateFunc function
- document.querySelector("#loadingScreen").style.display = ''; //Shows the Loading Screen
- if (IsEditPageOpened === true) //Check if the button edit details was opened
- { //Starts the if condition
- await getVariables(); //Call and wait the function getVariables
- } //Finishes the if condition
- document.querySelector("#ResetStartDate").remove(); //Removes the now needless button
- if (document.querySelector("#ResetAllDatesVar") !== null) //Check if the button ResetAllDatesVar exists
- { //Starts the if condition
- document.querySelector("#ResetAllDatesVar").remove(); //Removes the now needless button
- } //Finishes the if condition
- const response = await fetch("https://myanimelist.net/ownlist/" + entrytype2 + "/" + entryid + "/edit", {
- "headers": {
- "content-type": "application/x-www-form-urlencoded"
- },
- "body": "add_manga%5Bnum_read_chapters%5D=" + manga_read_chapters + "&add_manga%5Bnum_retail_volumes%5D=" + manga_retail + "&add_manga%5Bnum_read_times%5D=" + manga_read_times + "&add_manga%5Breread_value%5D=" + manga_reread_value + "&add_manga%5Bnum_read_volumes%5D=" + manga_read_volumes + "&add_" + entrytype2 + "%5Bstatus%5D=" + status + "&add_anime%5Bnum_watched_episodes%5D=" + watched_eps + "&add_" + entrytype2 + "%5Bscore%5D=" + current_score + "&add_" + entrytype2 + "%5Bfinish_date%5D%5Bmonth%5D=" + finish_month + "&add_" + entrytype2 + "%5Bfinish_date%5D%5Bday%5D=" + finish_day + "&add_" + entrytype2 + "%5Bfinish_date%5D%5Byear%5D=" + finish_year + "&add_" + entrytype2 + "%5Btags%5D=" + anime_tags + "&add_" + entrytype2 + "%5Bpriority%5D=" + priority + "&add_" + entrytype2 + "%5Bstorage_type%5D=" + storage_type + "&add_anime%5Bstorage_value%5D=" + storage_value + "&add_anime%5Bnum_watched_times%5D=" + rewatched_times + "&add_anime%5Brewatch_value%5D=" + rewatch_value + "&add_" + entrytype2 + "%5Bcomments%5D=" + comments + "&add_" + entrytype2 + "%5Bis_asked_to_discuss%5D=" + is_asked_to_discuss + "&add_" + entrytype2 + "%5Bsns_post_type%5D=" + sns_post_type + "&csrf_token=" + token,
- "method": "POST"
- }); //Finishes the fetch
- await getVariables(); //Call and wait the function getVariables to get the new removed Started Dates variables,if the process was successful
- await ShowButtons(); //Call and wait the function ShowButtons to Display the buttons
- document.querySelector("#loadingScreen").style.display = 'none'; //Hides the Loading Screen
- } //Finishes the async ResetStartDateFunc function
-
- async function ResetFinishDateFunc() //Creates a function to reset the finish dates
- { //Starts the async ResetFinishDateFunc function
- document.querySelector("#loadingScreen").style.display = ''; //Shows the Loading Screen
- if (IsEditPageOpened === true) //Check if the button edit details was opened
- { //Starts the if condition
- await getVariables(); //Call and wait the function getVariables
- } //Finishes the if condition
- document.querySelector("#ResetFinishDate").remove(); //Removes the now needless button
- if (document.querySelector("#ResetAllDatesVar") !== null) //Check if the button ResetAllDatesVar exists
- { //Starts the if condition
- document.querySelector("#ResetAllDatesVar").remove(); //Removes the now needless button
- } //Finishes the if condition
- const response = await fetch("https://myanimelist.net/ownlist/" + entrytype2 + "/" + entryid + "/edit", {
- "headers": {
- "content-type": "application/x-www-form-urlencoded"
- },
- "body": "add_manga%5Bnum_read_chapters%5D=" + manga_read_chapters + "&add_manga%5Bnum_retail_volumes%5D=" + manga_retail + "&add_manga%5Bnum_read_times%5D=" + manga_read_times + "&add_manga%5Breread_value%5D=" + manga_reread_value + "&add_manga%5Bnum_read_volumes%5D=" + manga_read_volumes + "&add_" + entrytype2 + "%5Bstatus%5D=" + status + "&add_anime%5Bnum_watched_episodes%5D=" + watched_eps + "&add_" + entrytype2 + "%5Bscore%5D=" + current_score + "&add_" + entrytype2 + "%5Bstart_date%5D%5Bmonth%5D=" + start_month + "&add_" + entrytype2 + "%5Bstart_date%5D%5Bday%5D=" + start_day + "&add_" + entrytype2 + "%5Bstart_date%5D%5Byear%5D=" + start_year + "&add_" + entrytype2 + "%5Btags%5D=" + anime_tags + "&add_" + entrytype2 + "%5Bpriority%5D=" + priority + "&add_" + entrytype2 + "%5Bstorage_type%5D=" + storage_type + "&add_anime%5Bstorage_value%5D=" + storage_value + "&add_anime%5Bnum_watched_times%5D=" + rewatched_times + "&add_anime%5Brewatch_value%5D=" + rewatch_value + "&add_" + entrytype2 + "%5Bcomments%5D=" + comments + "&add_" + entrytype2 + "%5Bis_asked_to_discuss%5D=" + is_asked_to_discuss + "&add_" + entrytype2 + "%5Bsns_post_type%5D=" + sns_post_type + "&csrf_token=" + token,
- "method": "POST"
- }); //Finishes the fetch
- await getVariables(); //Call and wait the function getVariables to get the new removed Finished Dates variables,if the process was successful
- await ShowButtons(); //Call and wait the function ShowButtons to Display the buttons
- document.querySelector("#loadingScreen").style.display = 'none'; //Hides the Loading Screen
- } //Finishes the async ResetFinishDateFunc function
-
- async function AddStartDate() //Add The Start Date When Watching Is Selected
- { //Starts the async function
- document.querySelector("#loadingScreen").style.display = ''; //Shows the Loading Screen
- if (IsEditPageOpened === true) //Check if the button edit details was opened
- { //Starts the if condition
- await getVariables(); //Call and wait the function getVariables
- } //Finishes the if condition
- if ((start_month === "") && (start_day === "") && (start_year === "")) // If month and date and year is NOT set in the started dates then Add The Start Date
- { //Starts the if condition
- const response = await fetch("https://myanimelist.net/ownlist/" + entrytype2 + "/" + entryid + "/edit", {
- "headers": {
- "content-type": "application/x-www-form-urlencoded"
- },
- "body": "add_manga%5Bnum_read_chapters%5D=" + manga_read_chapters + "&add_manga%5Bnum_retail_volumes%5D=" + manga_retail + "&add_manga%5Bnum_read_times%5D=" + manga_read_times + "&add_manga%5Breread_value%5D=" + manga_reread_value + "&add_manga%5Bnum_read_volumes%5D=" + manga_read_volumes + "&add_" + entrytype2 + "%5Bstatus%5D=1&add_anime%5Bnum_watched_episodes%5D=" + watched_eps + "&add_" + entrytype2 + "%5Bscore%5D=" + current_score + "&add_" + entrytype2 + "%5Bstart_date%5D%5Bmonth%5D=" + month + "&add_" + entrytype2 + "%5Bstart_date%5D%5Bday%5D=" + day + "&add_" + entrytype2 + "%5Bstart_date%5D%5Byear%5D=" + year + "&add_" + entrytype2 + "%5Bfinish_date%5D%5Bmonth%5D=" + finish_month + "&add_" + entrytype2 + "%5Bfinish_date%5D%5Bday%5D=" + finish_day + "&add_" + entrytype2 + "%5Bfinish_date%5D%5Byear%5D=" + finish_year + "&add_" + entrytype2 + "%5Btags%5D=" + anime_tags + "&add_" + entrytype2 + "%5Bpriority%5D=" + priority + "&add_" + entrytype2 + "%5Bstorage_type%5D=" + storage_type + "&add_anime%5Bstorage_value%5D=" + storage_value + "&add_anime%5Bnum_watched_times%5D=" + rewatched_times + "&add_anime%5Brewatch_value%5D=" + rewatch_value + "&add_" + entrytype2 + "%5Bcomments%5D=" + comments + "&add_" + entrytype2 + "%5Bis_asked_to_discuss%5D=" + is_asked_to_discuss + "&add_" + entrytype2 + "%5Bsns_post_type%5D=" + sns_post_type + "&csrf_token=" + token,
- "method": "POST",
- }); //Set The Anime Start Dates
- await getVariables(); //Call and wait the function getVariables to get the new removed Started Dates variables,if the process was successful
- await ShowButtons(); //Call and wait the function ShowButtons to Display the Finished Date and Display the Reset All Dates
- } //Finishes the if condition
- document.querySelector("#loadingScreen").style.display = 'none'; //Hides the Loading Screen
- } //Finishes the async AddStartDate function
-
- async function AddFinishDate() //Add The Finished Date When Completed Is Selected
- { //Starts the async AddFinishDate function
- document.querySelector("#loadingScreen").style.display = ''; //Shows the Loading Screen
- if (IsEditPageOpened === true) //Check if the button edit details was opened
- { //Starts the if condition
- await getVariables(); //Call and wait the function getVariables
- } //Finishes the if condition
- if (finish_month === "" && finish_day === "" && finish_year === "") // If month and date and year is NOT set in the finished dates then Add The Finished Date
- { //Starts the if condition
-
- if ((start_month === "") && (start_day === "") && (start_year === "")) //If month, date and year isn't set in the started dates, add the start date as well
- { //Starts the if condition
- start_day = day; //Instead of adding a blank or the actual start day value, add today's day
- start_month = month; //Instead of adding a blank or the actual start month value, add today's month
- start_year = year; //Instead of adding a blank or the actual start year value, add today's year
- } //Finishes the if condition
-
- const response = await fetch("https://myanimelist.net/ownlist/" + entrytype2 + "/" + entryid + "/edit", {
- "headers": {
- "content-type": "application/x-www-form-urlencoded"
- },
- "body": "add_manga%5Bnum_read_chapters%5D=" + totalChaps + "&add_manga%5Bnum_retail_volumes%5D=" + manga_retail + "&add_manga%5Bnum_read_times%5D=" + manga_read_times + "&add_manga%5Breread_value%5D=" + manga_reread_value + "&add_manga%5Bnum_read_volumes%5D=" + totalVols + "&add_" + entrytype2 + "%5Bstatus%5D=2&add_anime%5Bnum_watched_episodes%5D=" + totaleps + "&add_" + entrytype2 + "%5Bscore%5D=" + current_score + "&add_" + entrytype2 + "%5Bstart_date%5D%5Bmonth%5D=" + start_month + "&add_" + entrytype2 + "%5Bstart_date%5D%5Bday%5D=" + start_day + "&add_" + entrytype2 + "%5Bstart_date%5D%5Byear%5D=" + start_year + "&add_" + entrytype2 + "%5Btags%5D=" + anime_tags + "&add_" + entrytype2 + "%5Bpriority%5D=" + priority + "&add_" + entrytype2 + "%5Bstorage_type%5D=" + storage_type + "&add_anime%5Bstorage_value%5D=" + storage_value + "&add_anime%5Bnum_watched_times%5D=" + rewatched_times + "&add_anime%5Brewatch_value%5D=" + rewatch_value + "&add_" + entrytype2 + "%5Bcomments%5D=" + comments + "&add_" + entrytype2 + "%5Bfinish_date%5D%5Bmonth%5D=" + month + "&add_" + entrytype2 + "%5Bfinish_date%5D%5Bday%5D=" + day + "&add_" + entrytype2 + "%5Bfinish_date%5D%5Byear%5D=" + year + "&add_" + entrytype2 + "%5Bis_asked_to_discuss%5D=" + is_asked_to_discuss + "&add_" + entrytype2 + "%5Bsns_post_type%5D=" + sns_post_type + "&csrf_token=" + token,
- "method": "POST"
- }); //Finishes the fetch
- await getVariables(); //Call and wait the function getVariables to get the new removed Finished Dates variables,if the process was successful
- await ShowButtons(); //Call and wait the function ShowButtons to Display the Finished Date and Display the Reset All Dates
- } //Finishes the if condition
- document.querySelector("#loadingScreen").style.display = 'none'; //Hides the Loading Screen
- } //Finishes the async AddFinishDate function
-
- function SelectedValue() //Creates a function to get the selected value
- { //Starts the SelectedValue function
- if (this.value === '2') //Completed Was Selected
- { //Starts the if condition
- setTimeout(function() {
- AddFinishDate();
- }, 200); //Starts the function AddFinishDate
- } //Finishes the Completed else function
- else if (this.value === '1') //Watching Was Selected
- { //Starts the if condition
- setTimeout(function() {
- AddStartDate();
- }, 200); //Starts the function AddStartDate
- } //Finishes the Watching if function
- } //Finishes the SelectedValue function
-
- document.querySelectorAll("#myinfo_status").forEach(el => el.onchange = SelectedValue); //Adds an event listener to all of the entry status button
-
- if (entrytype2 === 'anime') //If the script is running on an anime entry
- { //Starts the if condition
- function PlusButtonAddDates() //Adding all episodes auto set entry as completed and auto set finished dates
- { //Starts the function PlusButtonAddDates
- setTimeout(async function() { //Starts the settimeout function
- if (document.querySelector("#myinfo_watchedeps").value === document.querySelector("#curEps").textContent) //If the number of added eps is the same as the total then
- { //Starts the if condition
- await getVariables(); //Call and wait the function getVariables
- await AddFinishDate(); //Call and wait the function AddFinishDate
- document.querySelectorAll("#myinfo_status").forEach(el => el.value = '2'); //Set the anime as completed, in a way that the user can see
- document.querySelectorAll("#myinfo_status").forEach(el => el.dataset.class = 'completed'); //Change the selection box to blue
- } //Finishes the if condition
- if (document.querySelector("#myinfo_watchedeps").value === '1' && document.querySelector("#curEps").textContent > '1') //If the number of added eps is = 1 and if the entry has more than 1 eps then
- { //Starts the if condition
- await getVariables(); //Call and wait the function getVariables
- await AddStartDate(); //Call and wait the function AddFinishDate
- document.querySelectorAll("#myinfo_status").forEach(el => el.value = '1'); //Set the anime as watching, in a way that the user can see
- document.querySelectorAll("#myinfo_status").forEach(el => el.dataset.class = 'watching'); //Change the selection box to green
- } //Finishes the if condition
- }, 750); //Finishes the settimeout function
- } //Finishes the function PlusButtonAddDates
-
- document.querySelectorAll("i.fa-solid.fa-circle-plus").forEach(el => el.onclick = PlusButtonAddDates); //Adds an event listener to the plus button
-
- if (AddedToList !== true) //If the anime is not on the user list
- { //Starts the else condition
- document.querySelector("#myinfo_status.btn-user-status-add-list.js-form-user-status.js-form-user-status-btn.myinfo_addtolist").addEventListener("click", async function(e) //When the Add button is clicked
- { //Starts the onclick function
- e.preventDefault(); //Prevent the default link from being opened
- await getVariables(); //Call and wait the function getVariables
- setTimeout(function() { //Wait the entry be added to the user list
- document.querySelector("#myinfo_status").addEventListener('change', SelectedValue, false); //Adds an event listener to the status button below the anime image
- }, 750); //Finishes the settimeout function
- }); //Finishes the onclick function
- } //Finishes the else condition
-
- document.querySelectorAll("#myinfo_watchedeps")[1].addEventListener('change', function() { //Starts the function
- watched_eps = this.value; //Update the variable value
- }, false); //Adds an advent listener to the watched eps button on the right side of the anime image
-
- } //Finishes the if condition
- else //If the entry type is manga
- { //Starts the else condition
- document.querySelectorAll("#myinfo_volumes")[1].addEventListener('change', function() { //Starts the function
- manga_read_volumes = this.value; //Update the variable value
- }, false); //Adds an event listener to the manga read volumes button on the right side of the anime image
- document.querySelectorAll("#myinfo_chapters")[1].addEventListener('change', function() { //Starts the function
- manga_read_chapters = this.value; //Update the variable value
- }, false); //Adds an event listener to the manga read chapters button on the right side of the anime image
- } //Finishes the else condition
-
- document.querySelectorAll("#myinfo_score")[1].addEventListener('change', function() { //Starts the function
- current_score = this.value; //Update the variable value
- }, false); //Adds an event listener to the score button on the right side of the anime image
-
- if (AddedToList === true) //If the manga is already added to the the user list
- { //Starts the if condition
- document.querySelector("input.inputButton.btn-middle.flat.js-anime-update-button,input.inputButton.js-manga-update-button").nextElementSibling.onclick = function() { //Adds an event listener to the button
- IsEditPageOpened = true; //Set the variable to true
- }; //Finishes the event listener
-
- document.querySelector("input.inputButton.btn-middle.flat.js-anime-update-button,input.inputButton.js-manga-update-button").nextElementSibling.oncontextmenu = function() { //Adds an event listener to the button
- IsEditPageOpened = true; //Set the variable to true
- }; //Finishes the event listener
- } //Finishes the if condition
-
- } //Finishes the else condition
- })();