MediaWiki:Common.js: Difference between revisions

From Jcastle.info
No edit summary
No edit summary
 
(21 intermediate revisions by the same user not shown)
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');


// Wait until both the file input and textarea are on the page
setTimeout(function () {
(function waitForFormElements() {
   var $gpsInput = $('input[name="Castle Photo[GPSLocation]"]');
   var fileInput = document.querySelector('input[type="file"]');
   var $orderInput = $('input[name="Castle Photo[order]"]');
   var textarea = document.querySelector('textarea[name="wfUploadDescription"]');
  var $imgEl = $('img[alt$=".jpg"], img[alt$=".jpeg"], img[alt$=".JPG"], img[alt$=".JPEG"]');


   if (fileInput && textarea) {
   if ($gpsInput.length === 0 || $orderInput.length === 0 || $imgEl.length === 0) return;
    console.log("✅ File input and textarea detected. Setting up listener.");


    fileInput.addEventListener('change', function (e) {
  var filename = $imgEl.attr('alt');  // e.g., yakami25.jpg
      var file = e.target.files[0];
      if (!file || file.type.indexOf('image/') !== 0) {
        console.log("⚠️ Not an image file or nothing selected.");
        return;
      }


       console.log("📷 File selected:", file.name);
  // Try to extract GPS values (optional)
  var gpsValue = null;
  var $latEl = $('.mediaexif-gpslatitude');
  var $lonEl = $('.mediaexif-gpslongitude');
  if ($latEl.length && $lonEl.length) {
    var latDec = parseFloat($latEl.text().trim());
    var lonDec = parseFloat($lonEl.text().trim());
    if (!isNaN(latDec) && !isNaN(lonDec)) {
       gpsValue = latDec.toFixed(6) + ", " + lonDec.toFixed(6);
    }
  }


      EXIF.getData(file, function () {
  var $button = $('<button>')
         console.log("🔍 EXIF loaded");
    .text("📋 Insert EXIF GPS & Order")
    .attr("type", "button")
    .css({ marginLeft: "0.5em", fontSize: "90%" })
    .click(function () {
      if (gpsValue) {
         $gpsInput.val(gpsValue).focus().trigger('change');
      }


        var lat = EXIF.getTag(this, "GPSLatitude");
      var match = filename.match(/\d+/);
         var latRef = EXIF.getTag(this, "GPSLatitudeRef");
      if (match) {
         var lon = EXIF.getTag(this, "GPSLongitude");
         var orderValue = parseInt(match[0], 10) * 10;
        var lonRef = EXIF.getTag(this, "GPSLongitudeRef");
         $orderInput.val(orderValue).focus().trigger('change');
      }


        console.log("📡 Raw GPS tags:", lat, latRef, lon, lonRef);
//     alert("✅ Fields updated.");
 
    });
        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);
        }
 
        if (lat && lon && latRef && lonRef) {
          var latDec = convertDMSToDecimal(lat, latRef);
          var lonDec = convertDMSToDecimal(lon, lonRef);
          var gpsString = latDec + ", " + lonDec;
 
          console.log("✅ GPS Coordinates:", 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("✅ Inserted GPSLOCATION into template");
  $gpsInput.after($button);
        } else {
}, 500);
          console.log("❌ No GPS EXIF data found.");
        }
      });
    });
  } else {
    // Retry after a short delay if inputs not yet ready
    setTimeout(waitForFormElements, 500);
  }
})();

Latest revision as of 16:09, 18 May 2025

/* Any JavaScript here will be loaded for all users on every page load. */
mw.loader.load('//use.fontawesome.com/053a76b93c.js');

setTimeout(function () {
  var $gpsInput = $('input[name="Castle Photo[GPSLocation]"]');
  var $orderInput = $('input[name="Castle Photo[order]"]');
  var $imgEl = $('img[alt$=".jpg"], img[alt$=".jpeg"], img[alt$=".JPG"], img[alt$=".JPEG"]');

  if ($gpsInput.length === 0 || $orderInput.length === 0 || $imgEl.length === 0) return;

  var filename = $imgEl.attr('alt');  // e.g., yakami25.jpg

  // Try to extract GPS values (optional)
  var gpsValue = null;
  var $latEl = $('.mediaexif-gpslatitude');
  var $lonEl = $('.mediaexif-gpslongitude');
  if ($latEl.length && $lonEl.length) {
    var latDec = parseFloat($latEl.text().trim());
    var lonDec = parseFloat($lonEl.text().trim());
    if (!isNaN(latDec) && !isNaN(lonDec)) {
      gpsValue = latDec.toFixed(6) + ", " + lonDec.toFixed(6);
    }
  }

  var $button = $('<button>')
    .text("📋 Insert EXIF GPS & Order")
    .attr("type", "button")
    .css({ marginLeft: "0.5em", fontSize: "90%" })
    .click(function () {
      if (gpsValue) {
        $gpsInput.val(gpsValue).focus().trigger('change');
      }

      var match = filename.match(/\d+/);
      if (match) {
        var orderValue = parseInt(match[0], 10) * 10;
        $orderInput.val(orderValue).focus().trigger('change');
      }

//      alert("✅ Fields updated.");
    });

  $gpsInput.after($button);
}, 500);
Retrieved from "http://jcastle.info/smw139/index.php?title=MediaWiki:Common.js&oldid=84489"
Monitored by WikiApiary
Powered by Semantic MediaWiki