MediaWiki:Common.js: Difference between revisions

Revision as of 07:31, 24 August 2025

/* Any JavaScript here will be loaded for all users on every page load. */

/* Landrace map bootstrap (Common.js) */
(function () {
  var LVER = '1.9.4', CDN = 'https://unpkg.com/leaflet@' + LVER + '/dist/';
  function addCSS(href,id){if(id&&document.getElementById(id))return;var l=document.createElement('link');l.rel='stylesheet';l.href=href;if(id)l.id=id;document.head.appendChild(l);}
  function addJS(src,cb){if(window.L)return cb();var s=document.createElement('script');s.src=src;s.onload=cb;document.head.appendChild(s);}
  function statusColor(s){return({Stable:'#2ecc71',Vulnerable:'#f1c40f',Endangered:'#e67e22',Critical:'#e74c3c',Lost:'#95a5a6'})[s]||'#3498db';}
  function popup(kind,p){
    if(kind==='accessions'){
      var t=[p.accession_id,p.local_name].filter(Boolean).join(' — ');
      var link=p.page_url?`<br><a href="${p.page_url}">Open accession</a>`:'';
      return `<b>${t}</b><br>${p.status||''}${link}`;
    }
    return `<b>${p.name||''}</b><br>${(p.level||kind)} • ${p.status||''}`;
  }
  function initOne(el){
    if(el.dataset.init) return; el.dataset.init='1';
    var map=L.map(el).setView([20,85],3);
    L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png',{attribution:'© OSM'}).addTo(map);
    var cfg={
      regions:{ style:f=>({color:statusColor(f.properties.status),weight:1,fillOpacity:0.15}) },
      populations:{ pointToLayer:(f,ll)=>L.circleMarker(ll,{radius:5,color:statusColor(f.properties.status)}) },
      accessions:{ pointToLayer:(f,ll)=>L.circleMarker(ll,{radius:4,color:statusColor(f.properties.status)}) }
    };
    ['regions','populations','accessions'].forEach(function(kind){
      var url=el.dataset[kind]; if(!url) return;
      fetch(url).then(r=>r.json()).then(g=>{
        L.geoJSON(g,Object.assign({
          onEachFeature:(f,ly)=>ly.bindPopup(popup(kind,f.properties||{}))
        },cfg[kind])).addTo(map);
      }).catch(console.error);
    });
  }
  function init(root){(root||document).querySelectorAll('.lw-map').forEach(initOne);}
  addCSS(CDN+'leaflet.css','leaflet-css');
  addJS(CDN+'leaflet.js',function(){
    init();
    if(window.mw && mw.hook){mw.hook('wikipage.content').add($c=>init($c[0]||document));}
  });
})();