MediaWiki:Common.js: Difference between revisions

From Jcastle.info
No edit summary
No edit summary
Line 4: Line 4:
mw.loader.load('https://cdnjs.cloudflare.com/ajax/libs/exif-js/2.3.0/exif.min.js');
mw.loader.load('https://cdnjs.cloudflare.com/ajax/libs/exif-js/2.3.0/exif.min.js');


// Wait until both the file input and textarea are on the page
console.log("🚀 GPS Auto-fill script starting...");
(function waitForFormElements() {
  var fileInput = document.querySelector('input[type="file"]');
  var textarea = document.querySelector('textarea[name="wfUploadDescription"]');


   if (fileInput && textarea) {
function convertDMSToDecimal(dms, ref) {
    console.log("✅ File input and textarea detected. Setting up listener.");
  var deg = dms[0], min = dms[1], sec = dms[2];
  var dec = deg + (min / 60) + (sec / 3600);
   if (ref === "S" || ref === "W") dec *= -1;
  return dec.toFixed(6);
}


    fileInput.addEventListener('change', function (e) {
function handleFileSelect(file, textarea) {
      var file = e.target.files[0];
  EXIF.getData(file, function () {
      if (!file || file.type.indexOf('image/') !== 0) {
    console.log("📦 EXIF loaded from", file.name);
        console.log("⚠️ Not an image file or nothing selected.");
        return;
      }


      console.log("📷 File selected:", file.name);
    var lat = EXIF.getTag(this, "GPSLatitude");
    var latRef = EXIF.getTag(this, "GPSLatitudeRef");
    var lon = EXIF.getTag(this, "GPSLongitude");
    var lonRef = EXIF.getTag(this, "GPSLongitudeRef");


      EXIF.getData(file, function () {
    if (!(lat && latRef && lon && lonRef)) {
        console.log("🔍 EXIF loaded");
      console.log("❌ No GPS EXIF data found.");
      return;
    }


        var lat = EXIF.getTag(this, "GPSLatitude");
    var latDec = convertDMSToDecimal(lat, latRef);
        var latRef = EXIF.getTag(this, "GPSLatitudeRef");
    var lonDec = convertDMSToDecimal(lon, lonRef);
        var lon = EXIF.getTag(this, "GPSLongitude");
    var gpsString = latDec + ", " + lonDec;
        var lonRef = EXIF.getTag(this, "GPSLongitudeRef");
    console.log("✅ Extracted GPS:", gpsString);


        console.log("📡 Raw GPS tags:", lat, latRef, lon, lonRef);
    var text = textarea.value;


        function convertDMSToDecimal(dms, ref) {
    if (text.indexOf("|GPSLOCATION=") !== -1) {
          var deg = dms[0], min = dms[1], sec = dms[2];
      textarea.value = text.replace(/(\|GPSLOCATION=)[^\n]*/, "$1" + gpsString);
          var dec = deg + (min / 60) + (sec / 3600);
    } else if (text.indexOf("{{Castle PhotoBatch") !== -1) {
          if (ref === "S" || ref === "W") dec *= -1;
      textarea.value = text.replace(
          return dec.toFixed(6);
        /(\{\{Castle PhotoBatch[\s\S]*?)(\|[^=]*=)/,
        }
        "$1|GPSLOCATION=" + gpsString + "\n$2"
      );
    } else {
      textarea.value =
        "{{Castle PhotoBatch\n|CASTLENAME=\n|SOURCE=\n|PHOTODATE=\n|GPSLOCATION=" +
        gpsString + "\n|OTHER=\n}}\n\n" + text;
    }


        if (lat && lon && latRef && lonRef) {
    console.log("📝 GPSLOCATION injected into description field");
          var latDec = convertDMSToDecimal(lat, latRef);
  });
          var lonDec = convertDMSToDecimal(lon, lonRef);
}
          var gpsString = latDec + ", " + lonDec;


          console.log("✅ GPS Coordinates:", gpsString);
// Use MutationObserver to watch for form elements
var observer = new MutationObserver(function () {
  var fileInputs = document.querySelectorAll('input[type="file"].fileupload');
  var textarea = document.querySelector('textarea[name="wfUploadDescription"]');


          var text = textarea.value;
  if (fileInputs.length > 0 && textarea) {
    console.log("✅ File input(s) and description field found");


          if (text.indexOf("|GPSLOCATION=") !== -1) {
    fileInputs.forEach(function (input) {
            textarea.value = text.replace(/(\|GPSLOCATION=)[^\n]*/, "$1" + gpsString);
      // Avoid double binding
          } else if (text.indexOf("{{Castle PhotoBatch") !== -1) {
      if (input.dataset.gpsListenerAttached) return;
            textarea.value = text.replace(
      input.dataset.gpsListenerAttached = "true";
              /(\{\{Castle PhotoBatch[\s\S]*?)(\|[^=]*=)/,
              "$1|GPSLOCATION=" + gpsString + "\n$2"
            );
          } else {
            textarea.value =
              "{{Castle PhotoBatch\n|CASTLENAME=\n|SOURCE=\n|PHOTODATE=\n|GPSLOCATION=" +
              gpsString + "\n|OTHER=\n}}\n\n" + text;
          }


          console.log("✅ Inserted GPSLOCATION into template");
      input.addEventListener("change", function (e) {
         } else {
         if (e.target.files.length > 0) {
           console.log("❌ No GPS EXIF data found.");
           console.log("📂 File selected:", e.target.files[0].name);
          handleFileSelect(e.target.files[0], textarea);
         }
         }
       });
       });
     });
     });
  } else {
 
     // Retry after a short delay if inputs not yet ready
     observer.disconnect();
    setTimeout(waitForFormElements, 500);
   }
   }
})();
});
 
// Start observing the document for dynamic form loading
observer.observe(document.body, { childList: true, subtree: true });

Revision as of 14:40, 3 May 2025

/* Any JavaScript here will be loaded for all users on every page load. */
mw.loader.load('//use.fontawesome.com/053a76b93c.js');
// Load exif-js
mw.loader.load('https://cdnjs.cloudflare.com/ajax/libs/exif-js/2.3.0/exif.min.js');

console.log("🚀 GPS Auto-fill script starting...");

function convertDMSToDecimal(dms, ref) {
  var deg = dms[0], min = dms[1], sec = dms[2];
  var dec = deg + (min / 60) + (sec / 3600);
  if (ref === "S" || ref === "W") dec *= -1;
  return dec.toFixed(6);
}

function handleFileSelect(file, textarea) {
  EXIF.getData(file, function () {
    console.log("📦 EXIF loaded from", file.name);

    var lat = EXIF.getTag(this, "GPSLatitude");
    var latRef = EXIF.getTag(this, "GPSLatitudeRef");
    var lon = EXIF.getTag(this, "GPSLongitude");
    var lonRef = EXIF.getTag(this, "GPSLongitudeRef");

    if (!(lat && latRef && lon && lonRef)) {
      console.log("❌ No GPS EXIF data found.");
      return;
    }

    var latDec = convertDMSToDecimal(lat, latRef);
    var lonDec = convertDMSToDecimal(lon, lonRef);
    var gpsString = latDec + ", " + lonDec;
    console.log("✅ Extracted GPS:", gpsString);

    var text = textarea.value;

    if (text.indexOf("|GPSLOCATION=") !== -1) {
      textarea.value = text.replace(/(\|GPSLOCATION=)[^\n]*/, "$1" + gpsString);
    } else if (text.indexOf("{{Castle PhotoBatch") !== -1) {
      textarea.value = text.replace(
        /(\{\{Castle PhotoBatch[\s\S]*?)(\|[^=]*=)/,
        "$1|GPSLOCATION=" + gpsString + "\n$2"
      );
    } else {
      textarea.value =
        "{{Castle PhotoBatch\n|CASTLENAME=\n|SOURCE=\n|PHOTODATE=\n|GPSLOCATION=" +
        gpsString + "\n|OTHER=\n}}\n\n" + text;
    }

    console.log("📝 GPSLOCATION injected into description field");
  });
}

// Use MutationObserver to watch for form elements
var observer = new MutationObserver(function () {
  var fileInputs = document.querySelectorAll('input[type="file"].fileupload');
  var textarea = document.querySelector('textarea[name="wfUploadDescription"]');

  if (fileInputs.length > 0 && textarea) {
    console.log("✅ File input(s) and description field found");

    fileInputs.forEach(function (input) {
      // Avoid double binding
      if (input.dataset.gpsListenerAttached) return;
      input.dataset.gpsListenerAttached = "true";

      input.addEventListener("change", function (e) {
        if (e.target.files.length > 0) {
          console.log("📂 File selected:", e.target.files[0].name);
          handleFileSelect(e.target.files[0], textarea);
        }
      });
    });

    observer.disconnect();
  }
});

// Start observing the document for dynamic form loading
observer.observe(document.body, { childList: true, subtree: true });