GC Sidebar Timezone and Remaining Time

Changes the times of stuff in the aio sidebar to both be user's local timezone, adds how many hours/minutes until that time, and highlights quest timers if less than 15 mins remain.

  1. // ==UserScript==
  2. // @name GC Sidebar Timezone and Remaining Time
  3. // @namespace http://tampermonkey.net/
  4. // @version 0.41
  5. // @description Changes the times of stuff in the aio sidebar to both be user's local timezone, adds how many hours/minutes until that time, and highlights quest timers if less than 15 mins remain.
  6. // @author Twiggies
  7. // @match *://www.grundos.cafe/*
  8. // @icon https://www.google.com/s2/favicons?sz=64&domain=grundos.cafe
  9. // @grant none
  10. // @license MIT
  11. // ==/UserScript==
  12.  
  13. //MINUTES remaining before quest text will be highlighted red as a warning. Set to -1 to disable this.
  14. const warningTime = 15;
  15.  
  16. function getOffsetBetweenTimezonesForDate(date, timezone1, timezone2) {
  17. const timezone1Date = convertDateToAnotherTimeZone(date, timezone1);
  18. const timezone2Date = convertDateToAnotherTimeZone(date, timezone2);
  19. return timezone1Date.getTime() - timezone2Date.getTime();
  20. }
  21.  
  22. function convertDateToAnotherTimeZone(date, timezone) {
  23. const dateString = date.toLocaleString('en-US', {
  24. timeZone: timezone
  25. });
  26. return new Date(dateString);
  27. }
  28.  
  29. let offset = getOffsetBetweenTimezonesForDate(new Date(), 'PST8PDT', Intl.DateTimeFormat().resolvedOptions().timeZone);
  30.  
  31. let rightMeow = new Date()
  32. let nowTime = new Date(1970, 1, 1, rightMeow.getHours(), rightMeow.getMinutes())
  33.  
  34. const questTimeList = document.querySelectorAll('span.aio-subtext'); //#aio_sidebar div.quests div.aioImg div span.aio-subtext
  35. for (let i = 0; i < questTimeList.length; i++) {
  36. //First remove the word 'next: ' from it just in case, and also 'nst'
  37. let timeText = questTimeList[i].innerText.replace(/next: /gi, '').replace(/nst/gi,'').trim();
  38. //Now split it.
  39. let splitTime = timeText.split(/[\s:]+/)
  40. //If the time is not in the format we expect (11:11 am) then skip ie farie quests
  41. if (splitTime.length != 3 || isNaN(Number(splitTime[0])) || isNaN(Number(splitTime[1])) || (splitTime[2] != 'am' && splitTime[2] != 'pm')) {
  42. continue;
  43. }
  44. //[0] = Hour, [1] = minutes, [2] = am/pm
  45. if (splitTime[2] == 'pm' && splitTime[0] != 12) {
  46. //Add 12 hours to the hour if it's pm but not 12.
  47. splitTime[0] = Number(splitTime[0]) + 12;
  48. }
  49. let questTime = new Date(1970, 1, 1, splitTime[0], splitTime[1])
  50. let localTime = new Date(questTime.getTime() - offset);
  51.  
  52. questTimeList[i].innerText = localTime.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
  53.  
  54. var diffMs = (localTime - nowTime); // milliseconds between server time and goal time
  55. var diffHrs = Math.floor((diffMs % 86400000) / 3600000); // hours
  56. var diffMins = Math.round(((diffMs % 86400000) % 3600000) / 60000); // minutes
  57.  
  58. const totalMinutes = (diffHrs*60) + diffMins;
  59. const timeTo = (diffHrs > 0 ? diffHrs + " hr " + (diffHrs == 1 ? "" : "s ") : "") + diffMins + " mins";
  60. questTimeList[i].insertAdjacentHTML('beforeend',`<br style="display:block;"><span style="font-size:0.75em">${timeTo}</span>`);
  61.  
  62. //If this is a quest item.. Mark the text red is there is less than x mins until the thing.
  63. if (questTimeList[i].closest('div.quests')) {
  64. if (totalMinutes <= warningTime) {
  65. questTimeList[i].style.color = 'red';
  66. }
  67. }
  68.  
  69. }