OSM iD saving indicator

Change tab's title when iD is saving (based on saving modal visibility)

За да инсталирате този скрипт, трябва да имате инсталирано разширение като Tampermonkey, Greasemonkey или Violentmonkey.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

За да инсталирате този скрипт, трябва да имате инсталирано разширение като Tampermonkey или Violentmonkey.

За да инсталирате този скрипт, трябва да имате инсталирано разширение като Tampermonkey или Userscripts.

За да инсталирате скрипта, трябва да инсталирате разширение като Tampermonkey.

За да инсталирате този скрипт, трябва да имате инсталиран скриптов мениджър.

(Вече имам скриптов мениджър, искам да го инсталирам!)

За да инсталирате този стил, трябва да инсталирате разширение като Stylus.

За да инсталирате този стил, трябва да инсталирате разширение като Stylus.

За да инсталирате този стил, трябва да инсталирате разширение като Stylus.

За да инсталирате този стил, трябва да имате инсталиран мениджър на потребителски стилове.

За да инсталирате този стил, трябва да имате инсталиран мениджър на потребителски стилове.

За да инсталирате този стил, трябва да имате инсталиран мениджър на потребителски стилове.

(Вече имам инсталиран мениджър на стиловете, искам да го инсталирам!)

// ==UserScript==
// @name         OSM iD saving indicator
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  Change tab's title when iD is saving (based on saving modal visibility)
// @author       JackNUMBER
// @match        https://www.openstreetmap.org/edit*
// @grant        none
// ==/UserScript==

(function() {
  'use strict';

  let state = "idle";
  const originalTitle = document.title;

  // Function to check for the loader image in the iframe
  function checkLoaderVisibility() {
    const iframe = document.querySelector('iframe'); // Select the iframe


    if (iframe) {
      const iframeDocument = iframe.contentDocument || iframe.contentWindow.document;
      const loaderImage = iframeDocument.querySelector('.modal-section.fillL .loader'); // Target loader image in the saving modal

      if (loaderImage) { // Loader is visible
        state = "saving"
        document.title = "Saving...";
      } else { // Loader is hidden
        if (state === "saving") {
          state = "saved"
          document.title = `✔ Saved`; // Tell the saving is done

          setTimeout(() => {
            document.title = originalTitle; // Revert back to the original title
          }, 1500);
          state = "saved"
        }
      }
    }
  }

  // Set an interval to check for the loader's visibility
  setInterval(checkLoaderVisibility, 500); // Check every 500 milliseconds
})();