popup.js 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
  1. /* Config */
  2. const config = {
  3. advanced: false,
  4. showAdvancedMessage: "Show Settings",
  5. hideAdvancedMessage: "Hide Settings",
  6. disableVoteSubmission: false,
  7. }
  8. function initConfig() {
  9. initializeVersionNumber();
  10. }
  11. function initializeVersionNumber() {
  12. const version = chrome.runtime.getManifest().version;
  13. document.getElementById('ext-version').innerHTML = 'v' + version;
  14. }
  15. links: {
  16. website: "https://returnyoutubedislike.com",
  17. github: "https://github.com/Anarios/return-youtube-dislike",
  18. discord: "https://discord.gg/mYnESY4Md5",
  19. donate: "https://returnyoutubedislike.com/donate",
  20. faq: "https://returnyoutubedislike.com/faq",
  21. },
  22. };
  23. /* Links */
  24. document.getElementById("link_website").addEventListener("click", () => {
  25. chrome.tabs.create({ url: config.links.website });
  26. });
  27. document.getElementById("link_github").addEventListener("click", () => {
  28. chrome.tabs.create({ url: config.links.github });
  29. });
  30. document.getElementById("link_discord").addEventListener("click", () => {
  31. chrome.tabs.create({ url: config.links.discord });
  32. });
  33. document.getElementById("link_faq").addEventListener("click", () => {
  34. chrome.tabs.create({ url: config.links.faq });
  35. });
  36. document.getElementById("link_donate").addEventListener("click", () => {
  37. chrome.tabs.create({ url: config.links.donate });
  38. });
  39. document
  40. .getElementById("disable_vote_submission")
  41. .addEventListener("click", (ev) => {
  42. chrome.storage.sync.set({ disableVoteSubmission: ev.target.checked });
  43. });
  44. /* Advanced Toggle */
  45. const advancedToggle = document.getElementById("advancedToggle");
  46. advancedToggle.addEventListener("click", () => {
  47. const adv = document.getElementById("advancedSettings");
  48. if (config.advanced) {
  49. adv.style.display = "none";
  50. advancedToggle.innerHTML = config.showAdvancedMessage;
  51. config.advanced = false;
  52. } else {
  53. adv.style.display = "block";
  54. advancedToggle.innerHTML = config.hideAdvancedMessage;
  55. config.advanced = true;
  56. }
  57. });
  58. initConfig();
  59. function initConfig() {
  60. initializeDisableVoteSubmission();
  61. }
  62. function initializeDisableVoteSubmission() {
  63. chrome.storage.sync.get(["disableVoteSubmission"], (res) => {
  64. handleDisableVoteSubmissionChangeEvent(res.disableVoteSubmission);
  65. });
  66. }
  67. chrome.storage.onChanged.addListener(storageChangeHandler);
  68. function storageChangeHandler(changes, area) {
  69. if (changes.disableVoteSubmission !== undefined) {
  70. handleDisableVoteSubmissionChangeEvent(
  71. changes.disableVoteSubmission.newValue
  72. );
  73. }
  74. }
  75. function handleDisableVoteSubmissionChangeEvent(value) {
  76. config.disableVoteSubmission = value;
  77. document.getElementById("disable_vote_submission").checked = value;
  78. }
  79. (async function getStatus() {
  80. let status = document.getElementById("status");
  81. let serverStatus = document.getElementById("server-status");
  82. let resp = await fetch(
  83. "https://returnyoutubedislikeapi.com/votes?videoId=YbJOTdZBX1g"
  84. );
  85. let result = await resp.status;
  86. if (result === 200) {
  87. status.innerText = "Online";
  88. status.style.color = "green";
  89. serverStatus.style.filter =
  90. "invert(58%) sepia(81%) saturate(2618%) hue-rotate(81deg) brightness(119%) contrast(129%)";
  91. } else {
  92. status.innerText = "Offline";
  93. status.style.color = "red";
  94. serverStatus.style.filter =
  95. "invert(11%) sepia(100%) saturate(6449%) hue-rotate(3deg) brightness(116%) contrast(115%)";
  96. }
  97. })();
  98. /* popup-script.js
  99. document.querySelector('#login')
  100. .addEventListener('click', function () {
  101. chrome.runtime.sendMessage({ message: 'get_auth_token' });
  102. });
  103. document.querySelector("#log_off").addEventListener("click", function () {
  104. chrome.runtime.sendMessage({ message: "log_off" });
  105. });
  106. */