☰

Idlescape Notepad

Notepad for Idlescape

当前为 2020-08-24 提交的版本，查看 最新版本。

// ==UserScript==
// @name         Idlescape Notepad
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Notepad for Idlescape
// @author       Grettz
// @match        https://www.idlescape.com/*
// @require      http://code.jquery.com/jquery-latest.js
// ==/UserScript==

(function() {
  'use strict';

  $("#usersOnline").prepend('<button id="notesButton">Notes</button>');
  $("#notesButton").css("background-color", "inherit").css("color", "inherit").css("float", "left").css("border", "none").css("outline", "none");
//   $("#notesButton").hover(function() {
//     $(this).css("background-color", "#555");
//   }, function() {
//     $(this).css("background-color", "inherit");
//   });

  $('.game-content').append(
    '<div id="notesContainer">' +
      '<textarea id="notesArea" name="Notes"></textarea>' +
      '<input type="button" id="saveNotes" value="Save">' +
    '</div>'
  )
  $("#notesContainer").css("position", "relative").css("top", 0).css("left", 0).css("z-index", 100010);
  $("#notesContainer").css("display", "none").css("height", "0px").css("width", "0px");
  $("#notesArea").css("background-color", "white").css("resize", "both");

  // Open/Close Notepad
  let notesOpen = false;
  $("#notesButton").on("click", (e) => {
    if (!notesOpen) {
      // Display and animate textarea
      $("#notesContainer").css("display", "block");
      $("#notesArea").animate({
        height: "350px",
        width: "500px"
      }, 500, () => {
        notesOpen = true;
      });
    } else {
      //  Close textarea
      $("#notesArea").animate({
        height: "0px",
        width: "0px"
      }, 500, () => {
          $("#notesContainer").css("display", "none");
        notesOpen = false;
      });
    };
  });

  // Save button
  $("#saveNotes").on("click", (e) => {
    saveNotes();
  });

  function saveNotes() {
    let notes = $("#notesArea").val();
    localStorage.setItem("notesData", notes);
    console.log("Notes saved!");
  };

  function loadNotes() {
    let notes = localStorage.getItem("notesData");
    $("#notesArea").val(notes);
    console.log("Notes loaded!");
  };

  window.addEventListener("beforeunload", saveNotes);
  window.addEventListener("load", loadNotes);
})();