MediaWiki:Common.js: Difference between revisions

From Jcastle.info
No edit summary
No edit summary
Line 1: Line 1:
/* Any JavaScript here will be loaded for all users on every page load. */
/* Any JavaScript here will be loaded for all users on every page load. */
mw.loader.load('//use.fontawesome.com/053a76b93c.js');
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');
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) {
function convertDMSToDecimal(dms, ref) {
Line 13: Line 10:
}
}


function handleFileSelect(file, textarea) {
function insertGPS(textarea, gpsString) {
   EXIF.getData(file, function () {
   var text = textarea.value;
    console.log("📦 EXIF loaded from", file.name);


     var lat = EXIF.getTag(this, "GPSLatitude");
  if (text.indexOf("|GPSLOCATION=") !== -1) {
    var latRef = EXIF.getTag(this, "GPSLatitudeRef");
     // Replace existing GPSLOCATION
     var lon = EXIF.getTag(this, "GPSLongitude");
    textarea.value = text.replace(/(\|GPSLOCATION=)[^\n]*/, "$1" + gpsString);
     var lonRef = EXIF.getTag(this, "GPSLongitudeRef");
  } else if (text.indexOf("{{Castle PhotoBatch") !== -1) {
    // Insert into template
     textarea.value = text.replace(
      /(\{\{Castle PhotoBatch[\s\S]*?)(\|[^=]*=)/,
      "$1|GPSLOCATION=" + gpsString + "\n$2"
    );
  } else {
     console.log("⚠️ Could not find template to insert GPS.");
  }


    if (!(lat && latRef && lon && lonRef)) {
  console.log("✅ Injected GPSLOCATION:", gpsString);
      console.log("❌ No GPS EXIF data found.");
}
      return;
    }


    var latDec = convertDMSToDecimal(lat, latRef);
function attachGPSListener(input, textarea) {
    var lonDec = convertDMSToDecimal(lon, lonRef);
  if (input.dataset.gpsListenerAttached) return;
    var gpsString = latDec + ", " + lonDec;
  input.dataset.gpsListenerAttached = "true";
    console.log("✅ Extracted GPS:", gpsString);


     var text = textarea.value;
  input.addEventListener('change', function (e) {
     var file = e.target.files[0];
    if (!file || file.type.indexOf('image/') !== 0) return;


     if (text.indexOf("|GPSLOCATION=") !== -1) {
     EXIF.getData(file, function () {
       textarea.value = text.replace(/(\|GPSLOCATION=)[^\n]*/, "$1" + gpsString);
       var lat = EXIF.getTag(this, "GPSLatitude");
    } else if (text.indexOf("{{Castle PhotoBatch") !== -1) {
      var latRef = EXIF.getTag(this, "GPSLatitudeRef");
       textarea.value = text.replace(
       var lon = EXIF.getTag(this, "GPSLongitude");
        /(\{\{Castle PhotoBatch[\s\S]*?)(\|[^=]*=)/,
       var lonRef = EXIF.getTag(this, "GPSLongitudeRef");
        "$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");
      if (!(lat && lon && latRef && lonRef)) {
        console.log("❌ No GPS EXIF found.");
        return;
      }
 
      var latDec = convertDMSToDecimal(lat, latRef);
      var lonDec = convertDMSToDecimal(lon, lonRef);
      insertGPS(textarea, latDec + ", " + lonDec);
    });
   });
   });
}
}


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


   if (fileInputs.length > 0 && textarea) {
   if (fileInputs.length && textarea) {
    console.log("✅ File input(s) and description field found");
 
     fileInputs.forEach(function (input) {
     fileInputs.forEach(function (input) {
       // Avoid double binding
       attachGPSListener(input, textarea);
      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();
     observer.disconnect();
   }
   }
});
});
// Start observing the document for dynamic form loading
observer.observe(document.body, { childList: true, subtree: true });
observer.observe(document.body, { childList: true, subtree: true });

Revision as of 14:49, 3 May 2025

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

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 insertGPS(textarea, gpsString) {
  var text = textarea.value;

  if (text.indexOf("|GPSLOCATION=") !== -1) {
    // Replace existing GPSLOCATION
    textarea.value = text.replace(/(\|GPSLOCATION=)[^\n]*/, "$1" + gpsString);
  } else if (text.indexOf("{{Castle PhotoBatch") !== -1) {
    // Insert into template
    textarea.value = text.replace(
      /(\{\{Castle PhotoBatch[\s\S]*?)(\|[^=]*=)/,
      "$1|GPSLOCATION=" + gpsString + "\n$2"
    );
  } else {
    console.log("⚠️ Could not find template to insert GPS.");
  }

  console.log("✅ Injected GPSLOCATION:", gpsString);
}

function attachGPSListener(input, textarea) {
  if (input.dataset.gpsListenerAttached) return;
  input.dataset.gpsListenerAttached = "true";

  input.addEventListener('change', function (e) {
    var file = e.target.files[0];
    if (!file || file.type.indexOf('image/') !== 0) return;

    EXIF.getData(file, function () {
      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 && lon && latRef && lonRef)) {
        console.log("❌ No GPS EXIF found.");
        return;
      }

      var latDec = convertDMSToDecimal(lat, latRef);
      var lonDec = convertDMSToDecimal(lon, lonRef);
      insertGPS(textarea, latDec + ", " + lonDec);
    });
  });
}

var observer = new MutationObserver(function () {
  var fileInputs = document.querySelectorAll('input[type="file"].fileupload');
  var textarea = document.querySelector('textarea[name="wfUploadDescription"]');

  if (fileInputs.length && textarea) {
    fileInputs.forEach(function (input) {
      attachGPSListener(input, textarea);
    });
    observer.disconnect();
  }
});
observer.observe(document.body, { childList: true, subtree: true });