Automatically Add Start/Finish Dates For Animes/Mangas + Helpful Buttons

Select Watching/Reading to auto add the start date, select Completed to auto add the finish date. The script will show 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 on the date and click to reset. This script also adds 6 helpful buttons on the Anime/Manga Edit Page.

Ekde 2020/11/12. Vidu La ĝisdata versio.

// ==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      2.0.0.2
// @description  Select Watching/Reading to auto add the start date, select Completed to auto add the finish date. The script will show 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 on the date and click to reset. This script also adds 6 helpful buttons on the Anime/Manga Edit Page.
// @author       hacker09
// @match        https://myanimelist.net/ownlist/*
// @include      /^https:\/\/myanimelist\.net\/anime\/[\d]+(\/.*)?/
// @include      /^https:\/\/myanimelist\.net\/manga\/[\d]+(\/.*)?/
// @run-at       document-end
// @grant        GM_addStyle
// ==/UserScript==

(function() {
  'use strict';
  if (window.location.pathname.split('/')[1] === 'ownlist') //Check If The User Is On https://myanimelist.net/ownlist/  ,And If Yes These Codes Will Run
  {
  var entrytype = window.location.pathname.split('/')[2];
  var $ = window.jQuery;
//**********************************************************************************************************************************************************************
  var ResetBTNStart = document.createElement("a");
  ResetBTNStart.innerHTML = "Reset";
  document.querySelector("#start_date_insert_today").parentElement.appendChild(ResetBTNStart);
  ResetBTNStart.setAttribute("id", "resetstart");
  ResetBTNStart.setAttribute("style", "cursor: pointer;margin-left: 5px;height: 10px;width: 10px;top: 10px;");
  document.getElementById('resetstart').onclick = function (){document.getElementById("add_"+entrytype+"_start_date_year").selectedIndex = -1;
   document.getElementById("add_"+entrytype+"_start_date_day").selectedIndex = -1;
   document.getElementById("add_"+entrytype+"_start_date_month").selectedIndex = -1;
  };
  //**********************************************************************************************************************************************************************
  var ResetBTNEnd = document.createElement("a");
  ResetBTNEnd.innerHTML = "Reset";
  document.querySelector("#end_date_insert_today").parentElement.appendChild(ResetBTNEnd);
  ResetBTNEnd.setAttribute("id", "resetend");
  ResetBTNEnd.setAttribute("style", "cursor: pointer;margin-left: 5px;height: 10px;width: 10px;top: 10px;");
  document.getElementById('resetend').onclick = function (){document.getElementById("add_"+entrytype+"_finish_date_year").selectedIndex = -1;
   document.getElementById("add_"+entrytype+"_finish_date_day").selectedIndex = -1;
   document.getElementById("add_"+entrytype+"_finish_date_month").selectedIndex = -1;
  };
  //**********************************************************************************************************************************************************************
  var AddDates = document.createElement("a");
  AddDates.innerHTML = "Add End And Start Dates + Submit";
  document.querySelector('.notice_open_public').appendChild(AddDates);
  AddDates.setAttribute("id", "addalldates");
  AddDates.setAttribute("style", "cursor: pointer;margin-left: 5px;height: 10px;width: 10px;top: 10px;");
  document.getElementById('addalldates').onclick = function (){document.getElementById("start_date_insert_today").click();
   document.getElementById("end_date_insert_today").click();
   document.getElementsByClassName("inputButton main_submit")[0].click();
  };
  //**********************************************************************************************************************************************************************
  var InsertStart = document.createElement("a");
  InsertStart.innerHTML = "Insert + Submit";
  function findTheInStartDateTd()
   {
    const headers = [...document.querySelectorAll("td")];
    return headers.find(td => td.textContent === "Start Date");
   }
  findTheInStartDateTd().nextElementSibling.setAttribute("style", "padding: 14px;");
  findTheInStartDateTd().parentElement.appendChild(InsertStart);
  InsertStart.setAttribute("id", "InsertStart");
  InsertStart.setAttribute("style", "cursor: pointer;margin-left: -200px;");
  document.getElementById('InsertStart').onclick = function (){document.getElementById("start_date_insert_today").click();
   document.getElementsByClassName("inputButton main_submit")[0].click();
  };
  //**********************************************************************************************************************************************************************
  var InsertEnd = document.createElement("a");
  InsertEnd.innerHTML = "Insert + Submit";
  function findTheInFinishDateTd()
   {
    const headers = [...document.querySelectorAll("td")];
    return headers.find(td => td.textContent === "Finish Date");
   }
  findTheInFinishDateTd().nextElementSibling.setAttribute("style", "padding: 14px;");
  findTheInFinishDateTd().parentElement.appendChild(InsertEnd);
  InsertEnd.setAttribute("id", "InsertEnd");
  InsertEnd.setAttribute("style", "cursor: pointer;margin-left: -200px;");
  document.getElementById('InsertEnd').onclick = function (){document.getElementById("end_date_insert_today").click();
   document.getElementsByClassName("inputButton main_submit")[0].click();
  };
  //**********************************************************************************************************************************************************************
  var ResetAlmostAll = document.createElement("a");
  ResetAlmostAll.innerHTML = "Reset Almost Everything";
  document.querySelector("#advanced-button").parentElement.appendChild(ResetAlmostAll);
  ResetAlmostAll.setAttribute("id", "resetalmostall");
  ResetAlmostAll.setAttribute("style", "cursor: pointer;margin-left: 240px;");
  document.getElementById('resetalmostall').onclick = function resetSelectElement() {$('select').prop('selectedIndex', 0);
   document.getElementById("unknown_end").click();
  };
  //**********************************************************************************************************************************************************************
  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(); //Click on the Show Advanced button
  } //Finishes the if condition
  }, 0); //Finishes the timeout condition
  } //Finishes the if condition
  //**********************************************************************************************************************************************************************
  else //If the user is on a manga/anime page
  { //Starts the if condition
var d = new Date(); //Creates a variable called d that will hold the computer date on the local time zone
var day = d.getDate(); //Creates a variable to hold the actual day
var month = d.getMonth() + 1; //Creates a variable to hold the actual month
var year = d.getFullYear(); //Creates a variable to hold the actual year
var entrytype2 = window.location.pathname.split('/')[1]; //Creates a variable to hold the actual entry type
var token = document.head.querySelector("[name='csrf_token']").content; //Creates a variable to hold the actual csrf_token
var entryid = 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; //Make all these variables global

if (entrytype2 === 'anime') //If the entry type is anime, get the total episodes number
{ //Starts the if condition
  var 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
  var totalVols = document.querySelector("#totalVols").textContent; //Get the actual total manga volumes
  var totalChaps = document.querySelector("#totalChaps").textContent; //Get the actual total manga chapters
} //Finishes the else condition

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
  } //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
  } //Finishes the else condition

  //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 ResetStartDate = document.createElement("div"); //Creates the button to reset the start date
    ResetStartDate.innerHTML = 'Started: Month:' + start_month + ' Day:' + start_day + ' Year:' + 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: #1d439b;cursor: pointer;padding: 2px 3px;"); //Set the css for the button when the page loads
    document.querySelector("#ResetStartDate").onmousemove = function() {
      ResetStartDate.innerHTML = "Reset Started Date";
      ResetStartDate.setAttribute("style", "cursor: pointer;background-color: #1d439b;border-color: #6386d5;border-style: solid;border-width: 0 0 1px;color: #fff;padding: 2px 3px;");
    }; //Set the css for the button when the mouse is hovering the button
    document.querySelector("#ResetStartDate").onmouseout = function() {
      ResetStartDate.innerHTML = 'Started: Month:' + start_month + ' Day:' + start_day + ' Year:' + start_year;
      ResetStartDate.setAttribute("style", "border-top: #92b0f1 1px solid;border-color: #92b0f1;border-style: solid;border-width: 0 0 1px;color: #1d439b;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 ResetFinishDate = document.createElement("div"); //Creates the button to reset the finish date
    ResetFinishDate.innerHTML = 'Finished: Month:' + finish_month + ' Day:' + finish_day + ' Year:' + 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: #1d439b;cursor: pointer;padding: 2px 3px;"); //Set the css for the button when the page loads
    document.querySelector("#ResetFinishDate").onmousemove = function() {
      ResetFinishDate.innerHTML = "Reset Finished Date";
      ResetFinishDate.setAttribute("style", "cursor: pointer;background-color: #1d439b;border-color: #6386d5;border-style: solid;border-width: 0 0 1px;color: #fff;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").onmouseout = function() {
      ResetFinishDate.innerHTML = 'Finished: Month:' + finish_month + ' Day:' + finish_day + ' Year:' + finish_year;
      ResetFinishDate.setAttribute("style", "border-top: #92b0f1 1px solid;border-color: #92b0f1;border-style: solid;border-width: 0 0 1px;color: #1d439b;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
    var 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: #1d439b;cursor: pointer;padding: 2px 3px;"); //Set the css for the button when the page loads
    document.querySelector("#ResetAllDatesVar").onmousemove = function() {
      ResetAllDatesVar.setAttribute("style", "cursor: pointer;background-color: #1d439b;border-color: #6386d5;border-style: solid;border-width: 0 0 1px;color: #fff;padding: 2px 3px;");
    }; //Make the button have a different color on mouse hover
    document.querySelector("#ResetAllDatesVar").onmouseout = function() {
      ResetAllDatesVar.setAttribute("style", "border-top: #92b0f1 1px solid;border-color: #92b0f1;border-style: solid;border-width: 0 0 1px;color: #1d439b;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("#ResetAllDatesVar").addEventListener("click", ResetAllDates, false); //When the button is cliked call this function
  } //Finishes the if 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) {getVariables();} //Call and wait the function getVariables

GM_addStyle(".loading{position: fixed;width: 100%;height: 100%;background-color: #00000054;top: 0;z-index: 1000;background-image: url(https://pa1.narvii.com/6258/61f5cd5c652efec508ff3c6e10798d26ccef6366_hq.gif);background-repeat: no-repeat;background-position: center;}"); //Add the css. Image optionals and backup https://pastebin.com/raw/zrzN2PUe
const loadingScreen = document.createElement("div"); //Creates and div element
document.body.appendChild(loadingScreen); //Add the loading screen to the html body

async function ResetAllDates() //Creates a function to Reset All Dates
{ //Starts the async ResetAllDates function
  loadingScreen.classList.add("loading"); //Starts the Loading Screen
  document.querySelector("#ResetAllDatesVar").textContent = 'Done!'; //Changes the button text
  await getVariables(); //Call and wait the function getVariables
  document.querySelector("#ResetStartDate").textContent = 'Done!'; //Changes the button text
  document.querySelector("#ResetFinishDate").textContent = 'Done!'; //Changes the button text
  document.querySelector("#ResetAllDatesVar").remove(); //Removes the now needless button
  document.querySelector("#ResetStartDate").remove(); //Removes the now needless button
  document.querySelector("#ResetFinishDate").remove(); //Removes the now needless button
  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
  loadingScreen.classList.remove("loading"); //Disable the Loading Screen
} //Finishes the async ResetAllDates function

async function ResetStartDateFunc() //Creates a function to reset the start dates
{ //Starts the async ResetStartDateFunc function
  loadingScreen.classList.add("loading"); //Starts the Loading Screen
  document.querySelector("#ResetStartDate").textContent = 'Done!'; //Changes the button text
  if (document.querySelector("#ResetAllDatesVar") !== null) //Check if the button ResetAllDatesVar exists
  { //Starts the if condition
    document.querySelectorAll("#ResetAllDatesVar")[0].textContent = 'Done!'; //Changes the button text
  } //Finishes the if condition
  await getVariables(); //Call and wait the function getVariables
  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 Display the Reset All Dates
  loadingScreen.classList.remove("loading"); //Disable the Loading Screen
} //Finishes the async ResetStartDateFunc function

async function ResetFinishDateFunc() //Creates a function to reset the finish dates
{ //Starts the async ResetFinishDateFunc function
  loadingScreen.classList.add("loading"); //Starts the Loading Screen
  document.querySelector("#ResetFinishDate").textContent = 'Done!'; //Changes the button text
  if (document.querySelector("#ResetAllDatesVar") !== null) //Check if the button ResetAllDatesVar exists
  { //Starts the if condition
    document.querySelectorAll("#ResetAllDatesVar")[0].textContent = 'Done!'; //Changes the button text
  } //Finishes the if condition
  await getVariables(); //Call and wait the function getVariables
  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 Display the Reset All Dates
  loadingScreen.classList.remove("loading"); //Disable the Loading Screen
} //Finishes the async ResetFinishDateFunc function

async function AddStartDate() //Add The Start Date When Watching Is Selected
{ //Starts the async function
  loadingScreen.classList.add("loading"); //Starts the Loading Screen
  await getVariables(); //Call and wait the function getVariables
  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 Display the Finished Date and Display the Reset All Dates
  loadingScreen.classList.remove("loading"); //Disable the Loading Screen
} //Finishes the async AddStartDate function

async function AddFinishDate() //Add The Finished Date When Completed Is Selected
{ //Starts the async AddFinishDate function
  loadingScreen.classList.add("loading"); //Starts the Loading Screen
  await getVariables(); //Call and wait the function getVariables
  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 Display the Finished Date and Display the Reset All Dates
  loadingScreen.classList.remove("loading"); //Disable 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
    AddFinishDate(); //Starts the function AddFinishDate
  } //Finishes the Completed else function
  else if (this.value === '1') //Watching Was Selected
  { //Starts the if condition
    AddStartDate(); //Starts the function set the date
  } //Finishes the Watching if function
  else if (this.value === '3') //On-Hold Was Selected
  { //Starts the else condition
    console.log('On-Hold Was Selected'); //Just shows a message on the dev console, this allows MAl to run their actual advent listener
  } //Finishes the On-Hold else function
  else if (this.value === '4') //Dropped Was Selected
  { //Starts the else condition
    console.log('Dropped Was Selected'); //Just shows a message on the dev console, this allows MAl to run their actual advent listener
  } //Finishes the Dropped else function
  else //Plan To Watch Was Selected
  { //Starts the else condition
    console.log('Plan To Watch Was Selected'); //Just shows a message on the dev console, this allows MAl to run their actual advent listener
  } //Finishes the Plan To else function
} //Finishes the SelectedValue function

document.querySelectorAll("#myinfo_status")[1].addEventListener('change', SelectedValue, false); //Adds an advent listener to the status button on the right side of the anime image
document.querySelectorAll("#myinfo_status")[0].addEventListener('change', SelectedValue, false); //Adds an advent listener to the status button below the anime image

if (entrytype2 === 'anime') //If the script is running on an anime entry
{ //Starts the if condition
  function PlusButtonAddFinishedDate() //Adding all episodes auto set entry as completed and auto set finished dates
  { //Starts the function PlusButtonAddFinishedDate
    if (document.querySelector("#myinfo_watchedeps").value === document.querySelector("#curEps").textContent) //If the number of add eps is the same as the total then
    { //Starts the if condition
      document.querySelectorAll("#myinfo_status")[1].value = '2'; //Set the anime as completed, in a way that the user can see
      document.querySelectorAll("#myinfo_status")[0].value = '2'; //Set the anime as completed, in a way that the user can see
      document.querySelectorAll("#myinfo_status")[1].dataset.class = 'completed'; //Change the selection box to blue
      AddFinishDate(); //Call the function AddFinishDate
    } //Finishes the if condition
  } //Finishes the function PlusButtonAddFinishedDate

  function CallPlusButtonAddFinishedDate() //Function to call the function PlusButtonAddFinishedDate after some time
  {
    setTimeout(PlusButtonAddFinishedDate, 700); //Call the function PlusButtonAddFinishedDate, after 0.5 secs
  } //Finishes the function CallPlusButtonAddFinishedDate

  document.querySelectorAll("i.fa.fa-plus-circle")[0].addEventListener('click', CallPlusButtonAddFinishedDate, false); //Adds an advent listener to the plus button below the anime image
  document.querySelectorAll("i.fa.fa-plus-circle")[1].addEventListener('click', CallPlusButtonAddFinishedDate, false); //Adds an advent listener to the plus button on the right side of the anime image
} //Finishes the if condition
} //Finishes the else condition
})();