MediaWiki:Common.js: Difference between revisions
MediaWiki interface page
More actions
Eloise Zomia (talk | contribs) No edit summary |
Eloise Zomia (talk | contribs) No edit summary |
||
| Line 66: | Line 66: | ||
var STATUS_PRIORITY=['Critical','High','Medium','Low']; | var STATUS_PRIORITY=['Critical','High','Medium','Low']; | ||
var EVENT_COLORS={ | var EVENT_COLORS={ | ||
'Enforcement':'#c92a2a', | 'Enforcement':'#c92a2a', | ||
| Line 79: | Line 78: | ||
var EVENT_PRIORITY=['Enforcement','Trafficking','Policy','Research','Fieldwork','Community','Report']; | var EVENT_PRIORITY=['Enforcement','Trafficking','Policy','Research','Fieldwork','Community','Report']; | ||
function addCSS(href,id){ | 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);} | ||
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,id){ | function addJS(src,cb,id){var existing=id?document.getElementById(id):document.querySelector('script[src="'+src+'"]');if(existing){if(existing.dataset.loaded==='1')return cb();existing.addEventListener('load',cb);return;}var s=document.createElement('script');s.src=src;if(id)s.id=id;s.onload=function(){s.dataset.loaded='1';cb();};s.onerror=function(){console.error('[lw-map] Script failed to load:',src);};document.head.appendChild(s);} | ||
var existing=id ? document.getElementById(id) : document.querySelector('script[src="'+src+'"]'); | |||
if(existing){ | |||
if(existing.dataset.loaded==='1') return cb(); | |||
existing.addEventListener('load',cb); | |||
return; | |||
} | |||
var s=document.createElement('script'); | |||
s.src=src; | |||
if(id) s.id=id; | |||
s.onload=function(){ | |||
s.dataset.loaded='1'; | |||
cb(); | |||
}; | |||
s.onerror=function(){ console.error('[lw-map] Script failed to load:',src); }; | |||
document.head.appendChild(s); | |||
} | |||
function getWorstStatus(markers){ | function getWorstStatus(markers){var worst='Low';var worstIndex=STATUS_PRIORITY.indexOf(worst);markers.forEach(function(marker){var status=marker.options.status||'Low';var index=STATUS_PRIORITY.indexOf(status);if(index!==-1&&index<worstIndex){worst=status;worstIndex=index;}});return worst;} | ||
var worst='Low'; | |||
var worstIndex=STATUS_PRIORITY.indexOf(worst); | |||
markers.forEach(function(marker){ | |||
var status=marker.options.status || 'Low'; | |||
var index=STATUS_PRIORITY.indexOf(status); | |||
if(index!==-1 && index<worstIndex){ | |||
worst=status; | |||
worstIndex=index; | |||
} | |||
}); | |||
return worst; | |||
} | |||
function getWorstStatusFromFeatures(features){ | function getWorstStatusFromFeatures(features){var worst='Low';var worstIndex=STATUS_PRIORITY.indexOf(worst);features.forEach(function(f){var status=f.properties.status||'Low';var index=STATUS_PRIORITY.indexOf(status);if(index!==-1&&index<worstIndex){worst=status;worstIndex=index;}});return worst;} | ||
var worst='Low'; | |||
var worstIndex=STATUS_PRIORITY.indexOf(worst); | |||
features.forEach(function(f){ | |||
var status=f.properties.status || 'Low'; | |||
var index=STATUS_PRIORITY.indexOf(status); | |||
if(index!==-1 && index<worstIndex){ | |||
worst=status; | |||
worstIndex=index; | |||
} | |||
}); | |||
return worst; | |||
} | |||
function getWorstCategory(markers){ | function getWorstCategory(markers){var worst=EVENT_PRIORITY[EVENT_PRIORITY.length-1];var worstIndex=EVENT_PRIORITY.indexOf(worst);markers.forEach(function(marker){var cat=marker.options.event_category||'';var idx=EVENT_PRIORITY.indexOf(cat);if(idx!==-1&&idx<worstIndex){worst=cat;worstIndex=idx;}});return worst;} | ||
var worst=EVENT_PRIORITY[EVENT_PRIORITY.length-1]; | |||
var worstIndex=EVENT_PRIORITY.indexOf(worst); | |||
markers.forEach(function(marker){ | |||
var cat=marker.options.event_category || ''; | |||
var idx=EVENT_PRIORITY.indexOf(cat); | |||
if(idx!==-1 && idx<worstIndex){ | |||
worst=cat; | |||
worstIndex=idx; | |||
} | |||
}); | |||
return worst; | |||
} | |||
function injectStyles(){ | function injectStyles(){ | ||
| Line 153: | Line 93: | ||
style.id='lw-map-styles'; | style.id='lw-map-styles'; | ||
style.textContent=[ | style.textContent=[ | ||
'.lw-popup .leaflet-popup-content-wrapper { | '.lw-popup .leaflet-popup-content-wrapper{background:'+BRAND.white+';border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.12),0 2px 6px rgba(0,0,0,0.08);padding:0;overflow:hidden}', | ||
'.lw-popup .leaflet-popup-content{margin:0;min-width:220px;max-width:280px}', | |||
'.lw-popup .leaflet-popup-tip{background:'+BRAND.white+';box-shadow:0 2px 6px rgba(0,0,0,0.1)}', | |||
'.lw-popup .leaflet-popup-close-button{color:'+BRAND.neutral+' !important;font-size:20px !important;padding:8px 10px !important;right:4px !important;top:4px !important;transition:color 0.2s ease}', | |||
'.lw-popup .leaflet-popup-close-button:hover{color:'+BRAND.dark+' !important}', | |||
'.lw-popup-inner{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}', | |||
'.lw-popup-header{background:linear-gradient(135deg,'+BRAND.primary+' 0%,'+BRAND.dark+' 100%);padding:16px 18px;color:'+BRAND.white+'}', | |||
'.lw-popup .leaflet-popup-content { | '.lw-popup-id{font-size:10px;font-weight:600;letter-spacing:0.5px;text-transform:uppercase;opacity:0.85;margin-bottom:4px}', | ||
'.lw-popup-name{font-size:15px;font-weight:600;line-height:1.3}', | |||
'.lw-popup-body{padding:14px 18px}', | |||
'.lw-popup-meta{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:8px}', | |||
'.lw-popup-label{font-size:11px;color:'+BRAND.neutral+';font-weight:500;text-transform:uppercase;letter-spacing:0.3px}', | |||
'.lw-popup .leaflet-popup-tip { | '.lw-popup-status{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;background:'+BRAND.light+';color:'+BRAND.neutral+'}', | ||
'.lw-popup-status::before{content:"";width:6px;height:6px;border-radius:50%;margin-right:6px;background:currentColor}', | |||
'.lw-popup-status--critical{color:#c92a2a;background:#fff5f5}', | |||
'.lw-popup-status--high{color:#d9480f;background:#fff4e6}', | |||
'.lw-popup .leaflet-popup-close-button {' | '.lw-popup-status--medium{color:#e67700;background:#fff9db}', | ||
'.lw-popup-status--low{color:#2b8a3e;background:#ebfbee}', | |||
'.lw-popup-link{display:block;text-align:center;padding:10px 18px;background:'+BRAND.light+';color:'+BRAND.primary+';text-decoration:none;font-size:13px;font-weight:600;transition:background 0.2s ease,color 0.2s ease;border-top:1px solid #e9ecef}', | |||
'.lw-popup-link:hover{background:'+BRAND.primary+';color:'+BRAND.white+'}', | |||
'.lw-map-tooltip{background:'+BRAND.dark+' !important;border:none !important;border-radius:6px !important;color:'+BRAND.white+' !important;font-size:12px !important;font-weight:500 !important;padding:6px 10px !important;box-shadow:0 2px 8px rgba(0,0,0,0.2) !important}', | |||
'.lw-map-tooltip::before{border-top-color:'+BRAND.dark+' !important}', | |||
'.lw-layer-toggle{display:flex;background:'+BRAND.white+';border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.12);overflow:hidden}', | |||
'.lw-layer-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:'+BRAND.white+';color:'+BRAND.neutral+';cursor:pointer;transition:all 0.2s ease}', | |||
'.lw-popup .leaflet-popup-close-button:hover { | '.lw-layer-btn:hover{background:'+BRAND.light+';color:'+BRAND.primary+'}', | ||
'.lw-layer-btn--active{background:'+BRAND.primary+' !important;color:'+BRAND.white+' !important}', | |||
'.lw-layer-btn:not(:last-child){border-right:1px solid #e9ecef}', | |||
'.lw-popup-inner { | '.lw-layer-btn svg{pointer-events:none}', | ||
'.lw-cluster-icon{background:transparent !important}', | |||
'.lw-cluster{width:40px;height:40px;border-radius:50%;color:#fff;font-weight:700;font-size:14px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px rgba(0,0,0,0.25);border:3px solid rgba(255,255,255,0.9);transition:transform 0.2s ease}', | |||
'.lw-popup-header { | '.lw-cluster:hover{transform:scale(1.1)}', | ||
'.lw-cluster--small{width:36px;height:36px;font-size:13px}', | |||
'.lw-cluster--large{width:48px;height:48px;font-size:15px}', | |||
'.marker-cluster{background:transparent !important}', | |||
'}', | '.marker-cluster div{background:transparent !important}', | ||
'.lw-popup-id { | '.lw-hull-tooltip{background:'+BRAND.white+' !important;border:1px solid '+BRAND.primary+' !important;border-radius:6px !important;color:'+BRAND.dark+' !important;font-size:12px !important;font-weight:600 !important;padding:6px 10px !important;box-shadow:0 2px 8px rgba(0,0,0,0.15) !important}', | ||
'.lw-popup-name { | |||
' | |||
'.lw-popup-meta { | |||
'.lw-popup-label { | |||
'.lw-popup-status { | |||
'}', | |||
'.lw-popup-status::before { | |||
'.lw-popup-status--critical { color: #c92a2a; background: #fff5f5 | |||
'.lw-popup-status--high { color: #d9480f; background: #fff4e6 | |||
'.lw-popup-status--medium { color: #e67700; background: #fff9db | |||
'.lw-popup-status--low { color: #2b8a3e; background: #ebfbee | |||
'.lw-popup-link { | |||
'.lw-popup-link:hover { | |||
'}', | |||
'.lw-map-tooltip { | |||
'.lw-map-tooltip::before { | |||
'.lw-layer-toggle { | |||
'.lw-layer-btn { | |||
'.lw-layer-btn:hover { | |||
'}', | |||
'.lw-layer-btn--active { | |||
'.lw-layer-btn:not(:last-child) { | |||
'.lw-layer-btn svg { | |||
'.lw-cluster-icon { | |||
'.lw-cluster { | |||
'.lw-cluster:hover { | |||
'.lw-cluster--small { | |||
'.lw-cluster--large { | |||
'.marker-cluster { | |||
'.marker-cluster div { | |||
'.lw-hull-tooltip { | |||
'.lw-yearctl{background:'+BRAND.white+';border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.12);padding:8px 10px;display:flex;align-items:center;gap:8px}', | '.lw-yearctl{background:'+BRAND.white+';border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.12);padding:8px 10px;display:flex;align-items:center;gap:8px}', | ||
'.lw-yearctl button{border:1px solid #e9ecef;background:'+BRAND.light+';color:'+BRAND.dark+';border-radius:8px;padding:6px 8px;font-size:12px;font-weight:700;cursor:pointer}', | '.lw-yearctl button{border:1px solid #e9ecef;background:'+BRAND.light+';color:'+BRAND.dark+';border-radius:8px;padding:6px 8px;font-size:12px;font-weight:700;cursor:pointer}', | ||
| Line 361: | Line 138: | ||
} | } | ||
function esc(s){ | function esc(s){return String(s==null?'':s).replace(/[&<>"']/g,function(c){return({'&':'&','<':'<','>':'>','"':'"',"'":'''}[c]);});} | ||
return String(s==null ? '' : s).replace(/[&<>"']/g,function(c){ | |||
return({'&':'&','<':'<','>':'>','"':'"',"'":'''}[c]); | |||
}); | |||
} | |||
function statusClass(s){ | function statusClass(s){var status=String(s||'').toLowerCase();if(status==='critical')return'lw-popup-status--critical';if(status==='high')return'lw-popup-status--high';if(status==='medium')return'lw-popup-status--medium';if(status==='low')return'lw-popup-status--low';return'';} | ||
var status=String(s || '').toLowerCase(); | |||
if(status==='critical') return 'lw-popup-status--critical'; | |||
if(status==='high') return 'lw-popup-status--high'; | |||
if(status==='medium') return 'lw-popup-status--medium'; | |||
if(status==='low') return 'lw-popup-status--low'; | |||
return ''; | |||
} | |||
function popupForAccession(p){ | function popupForAccession(p){ | ||
var id=p.id || ''; | var id=p.id||'';var name=p.name||'Unknown';var status=p.status||'';var url=p.page_url||'#'; | ||
var name=p.name || 'Unknown'; | |||
var status=p.status || ''; | |||
var url=p.page_url || '#'; | |||
var statusHtml=''; | var statusHtml=''; | ||
if(status){ | if(status){statusHtml='<div class="lw-popup-meta"><span class="lw-popup-label">Conservation Priority</span><span class="lw-popup-status '+statusClass(status)+'">'+esc(status)+'</span></div>';} | ||
statusHtml='<div class="lw-popup-meta"> | return '<div class="lw-popup-inner"><div class="lw-popup-header">'+(id?'<div class="lw-popup-id">'+esc(id)+'</div>':'')+'<div class="lw-popup-name">'+esc(name)+'</div></div><div class="lw-popup-body">'+statusHtml+'</div><a href="'+esc(url)+'" class="lw-popup-link">View Accession →</a></div>'; | ||
} | |||
return '<div class="lw-popup-inner"> | |||
(id ? '<div class="lw-popup-id">'+esc(id)+'</div>' : '')+ | |||
'<div class="lw-popup-name">'+esc(name)+'</div> | |||
} | } | ||
function popupForNewsItem(p){ | function popupForNewsItem(p){ | ||
var title=p.name || 'News Item'; | var title=p.name||'News Item';var date=p.event_date||'';var cat=p.event_category||''; | ||
var date=p.event_date || ''; | |||
var cat=p.event_category || ''; | |||
var loc=[p.locality,p.admin2,p.admin1].filter(Boolean).join(', '); | var loc=[p.locality,p.admin2,p.admin1].filter(Boolean).join(', '); | ||
var url=p.page_url || '#'; | var url=p.page_url||'#';var src=p.source_url||'';var blocks=''; | ||
var src=p.source_url || ''; | if(date){blocks+='<div class="lw-popup-meta"><span class="lw-popup-label">Date</span><span style="font-size:14px;font-weight:700;color:'+BRAND.dark+'">'+esc(date)+'</span></div>';} | ||
var blocks=''; | if(loc){blocks+='<div class="lw-popup-meta"><span class="lw-popup-label">Location</span><span style="font-size:13px;color:'+BRAND.neutral+'">'+esc(loc)+'</span></div>';} | ||
if(date){ | if(cat){blocks+='<div class="lw-popup-meta"><span class="lw-popup-label">Category</span><span style="font-size:13px;color:'+BRAND.neutral+'">'+esc(cat)+'</span></div>';} | ||
blocks+='<div class="lw-popup-meta"><span class="lw-popup-label">Date</span><span style="font-size:14px;font-weight:700;color:'+BRAND.dark+'">'+esc(date)+'</span></div>'; | var sourceBtn=src?('<a href="'+esc(src)+'" target="_blank" rel="noreferrer" class="lw-popup-link" style="border-top:0">Source ↗</a>'):''; | ||
} | return '<div class="lw-popup-inner"><div class="lw-popup-header"><div class="lw-popup-id">News Item</div><div class="lw-popup-name">'+esc(title)+'</div></div><div class="lw-popup-body">'+blocks+'</div><a href="'+esc(url)+'" class="lw-popup-link">View Article →</a>'+sourceBtn+'</div>'; | ||
if(loc){ | |||
blocks+='<div class="lw-popup-meta"><span class="lw-popup-label">Location</span><span style="font-size:13px;color:'+BRAND.neutral+'">'+esc(loc)+'</span></div>'; | |||
} | |||
if(cat){ | |||
blocks+='<div class="lw-popup-meta"><span class="lw-popup-label">Category</span><span style="font-size:13px;color:'+BRAND.neutral+'">'+esc(cat)+'</span></div>'; | |||
} | |||
var sourceBtn=src ? ('<a href="'+esc(src)+'" target="_blank" rel="noreferrer" class="lw-popup-link" style="border-top:0">Source ↗</a>') : ''; | |||
return '<div class="lw-popup-inner"> | |||
sourceBtn+ | |||
'</div>'; | |||
} | } | ||
function popupForArea(name,count,worstStatus,url){ | function popupForArea(name,count,worstStatus,url){ | ||
var statusHtml=''; | var statusHtml=''; | ||
if(worstStatus){ | if(worstStatus){statusHtml='<div class="lw-popup-meta"><span class="lw-popup-label">Worst Status in Area</span><span class="lw-popup-status '+statusClass(worstStatus)+'">'+esc(worstStatus)+'</span></div>';} | ||
statusHtml='<div class="lw-popup-meta"> | return '<div class="lw-popup-inner"><div class="lw-popup-header"><div class="lw-popup-id">Growing Area</div><div class="lw-popup-name">'+esc(name)+'</div></div><div class="lw-popup-body"><div class="lw-popup-meta"><span class="lw-popup-label">Accessions</span><span style="font-size:18px;font-weight:700;color:'+BRAND.dark+'">'+count+'</span></div>'+statusHtml+'</div><a href="'+esc(url)+'" class="lw-popup-link">View Growing Area →</a></div>'; | ||
} | |||
return '<div class="lw-popup-inner"> | |||
statusHtml+ | |||
'</div> | |||
} | } | ||
function parseCoords(coordStr){ | function parseCoords(coordStr){ | ||
if(!coordStr) return null; | if(!coordStr) return null; | ||
var decimalMatch=coordStr.match(/(-?\d+\.?\d*)\s*,\s*(-?\d+\.?\d*)/); | var decimalMatch=coordStr.match(/(-?\d+\.?\d*)\s*,\s*(-?\d+\.?\d*)/); | ||
if(decimalMatch){ | if(decimalMatch){var lat=parseFloat(decimalMatch[1]);var lon=parseFloat(decimalMatch[2]);if(!isNaN(lat)&&!isNaN(lon))return{lat:lat,lon:lon};} | ||
var lat=parseFloat(decimalMatch[1]); | |||
var lon=parseFloat(decimalMatch[2]); | |||
if(!isNaN(lat) && !isNaN(lon)) return {lat:lat,lon:lon}; | |||
} | |||
var dmsRegex=/(\d+)[°]\s*(\d+)[′']\s*(\d+\.?\d*)[″"]?\s*([NSEW])/gi; | var dmsRegex=/(\d+)[°]\s*(\d+)[′']\s*(\d+\.?\d*)[″"]?\s*([NSEW])/gi; | ||
var matches=[]; | var matches=[];var m; | ||
var m; | while((m=dmsRegex.exec(coordStr))!==null){matches.push(m);if(matches.length>=2)break;} | ||
while((m=dmsRegex.exec(coordStr))!==null){ | if(matches.length>=2){var lat2=dmsToDecimal(matches[0][1],matches[0][2],matches[0][3],matches[0][4]);var lon2=dmsToDecimal(matches[1][1],matches[1][2],matches[1][3],matches[1][4]);var h0=matches[0][4].toUpperCase();if(h0==='E'||h0==='W'){var tmp=lat2;lat2=lon2;lon2=tmp;}if(lat2!==null&&lon2!==null)return{lat:lat2,lon:lon2};} | ||
matches.push(m); | |||
if(matches.length>=2) break; | |||
} | |||
if(matches.length>=2){ | |||
var lat2=dmsToDecimal(matches[0][1],matches[0][2],matches[0][3],matches[0][4]); | |||
var lon2=dmsToDecimal(matches[1][1],matches[1][2],matches[1][3],matches[1][4]); | |||
var h0=matches[0][4].toUpperCase(); | |||
if(h0==='E' || h0==='W'){ | |||
var tmp=lat2; lat2=lon2; lon2=tmp; | |||
} | |||
if(lat2!==null && lon2!==null) return {lat:lat2,lon:lon2}; | |||
} | |||
return null; | return null; | ||
} | } | ||
function dmsToDecimal(deg,min,sec,hemi){ | function dmsToDecimal(deg,min,sec,hemi){var d=parseFloat(deg);var m=parseFloat(min)||0;var s=parseFloat(sec)||0;if(isNaN(d))return null;var dec=Math.abs(d)+(m/60)+(s/3600);hemi=String(hemi||'').toUpperCase();if(hemi==='S'||hemi==='W')dec=-dec;return dec;} | ||
var d=parseFloat(deg); | |||
var m=parseFloat(min) || 0; | |||
var s=parseFloat(sec) || 0; | |||
if(isNaN(d)) return null; | |||
var dec=Math.abs(d)+(m/60)+(s/3600); | |||
hemi=String(hemi || '').toUpperCase(); | |||
if(hemi==='S' || hemi==='W') dec=-dec; | |||
return dec; | |||
} | |||
function parseCSV(text){ | function parseCSV(text){ | ||
var lines=text.trim().split('\n'); | var lines=text.trim().split('\n');if(lines.length<2)return[]; | ||
if(lines.length<2) return []; | var headers=parseCSVLine(lines[0]);var results=[]; | ||
var headers=parseCSVLine(lines[0]); | for(var i=1;i<lines.length;i++){var values=parseCSVLine(lines[i]);var obj={};for(var j=0;j<headers.length;j++){obj[headers[j]]=values[j]||'';}results.push(obj);} | ||
var results=[]; | |||
for(var i=1;i<lines.length;i++){ | |||
var values=parseCSVLine(lines[i]); | |||
var obj={}; | |||
for(var j=0;j<headers.length;j++){ | |||
obj[headers[j]]=values[j] || ''; | |||
} | |||
results.push(obj); | |||
} | |||
return results; | return results; | ||
} | } | ||
function parseCSVLine(line){ | function parseCSVLine(line){ | ||
var result=[]; | var result=[];var current='';var inQuotes=false; | ||
var current=''; | for(var i=0;i<line.length;i++){var c=line[i];var next=line[i+1]; | ||
var inQuotes=false; | if(inQuotes){if(c==='"'&&next==='"'){current+='"';i++;}else if(c==='"'){inQuotes=false;}else{current+=c;}} | ||
else{if(c==='"'){inQuotes=true;}else if(c===','){result.push(current.trim());current='';}else{current+=c;}}} | |||
for(var i=0;i<line.length;i++){ | result.push(current.trim());return result; | ||
var c=line[i]; | |||
var next=line[i+1]; | |||
if(inQuotes){ | |||
if(c === '"' && next === '"'){ | |||
current+='"'; | |||
i++; | |||
}else if(c === '"'){ | |||
inQuotes=false; | |||
}else{ | |||
current+=c; | |||
} | |||
if(c === '"'){ | |||
inQuotes=true; | |||
}else if(c === ','){ | |||
result.push(current.trim()); | |||
current=''; | |||
}else{ | |||
current+=c; | |||
} | |||
} | |||
} | |||
result.push(current.trim()); | |||
return result; | |||
} | } | ||
function csvToGeoJSON(data){ | function csvToGeoJSON(data){ | ||
var features=[]; | var features=[]; | ||
data.forEach(function(row){ | data.forEach(function(row){ | ||
var coordStr=row['Has coordinates'] || row['Has GPS coordinates'] || row['GPS coordinates'] || ''; | var coordStr=row['Has coordinates']||row['Has GPS coordinates']||row['GPS coordinates']||''; | ||
var coords=parseCoords(coordStr); | var coords=parseCoords(coordStr);if(!coords)return; | ||
if(!coords) return; | var pageName=row['']||Object.values(row)[0]||''; | ||
var pageUrl='/wiki/'+encodeURIComponent(pageName.replace(/ /g,'_')); | |||
var pageName=row[''] || Object.values(row)[0] || ''; | var isNews=!!(row['Has event headline']||row['Has event date']||row['Has event category']); | ||
var pageUrl='/wiki/' + encodeURIComponent(pageName.replace(/ /g,'_')); | |||
var isNews=!!(row['Has event headline'] || row['Has event date'] || row['Has event category']); | |||
if(isNews){ | if(isNews){ | ||
var headline=row['Has event headline'] || pageName; | var headline=row['Has event headline']||pageName; | ||
var eventDate=row['Has event date'] || ''; | var eventDate=row['Has event date']||''; | ||
var eventCat=row['Has event category'] || ''; | var eventCat=row['Has event category']||''; | ||
var admin1=row['Has admin subdivision 1'] || ''; | var admin1=row['Has admin subdivision 1']||''; | ||
var admin2=row['Has admin subdivision 2'] || ''; | var admin2=row['Has admin subdivision 2']||''; | ||
var locality=row['Has locality'] || ''; | var locality=row['Has locality']||''; | ||
var sourceUrl=row['Has source'] || ''; | var sourceUrl=row['Has source']||''; | ||
features.push({type:'Feature',properties:{name:headline,event_date:eventDate,event_category:eventCat,admin1:admin1,admin2:admin2,locality:locality,source_url:sourceUrl,page_url:pageUrl},geometry:{type:'Point',coordinates:[coords.lon,coords.lat]}}); | |||
features.push({ | |||
type:'Feature', | |||
properties:{ | |||
name:headline, | |||
event_date:eventDate, | |||
event_category:eventCat, | |||
admin1:admin1, | |||
admin2:admin2, | |||
locality:locality, | |||
source_url:sourceUrl, | |||
page_url:pageUrl | |||
}, | |||
geometry:{type:'Point',coordinates:[coords.lon,coords.lat]} | |||
}); | |||
return; | return; | ||
} | } | ||
var name=row['Has descriptive name']||row['descriptive name']||pageName; | |||
var status=row['Has conservation priority']||row['conservation priority']||''; | |||
var name=row['Has descriptive name'] || row['descriptive name'] || pageName; | var accessionId=row['Has accession ID']||row['accession ID']||''; | ||
var status=row['Has conservation priority'] || row['conservation priority'] || ''; | var growingArea=row['Has growing area']||row['growing area']||''; | ||
var accessionId=row['Has accession ID'] || row['accession ID'] || ''; | var growingRegion=row['Has growing region']||row['growing region']||''; | ||
var growingArea=row['Has growing area'] || row['growing area'] || ''; | features.push({type:'Feature',properties:{id:accessionId,name:name,status:status,growing_area:growingArea,growing_region:growingRegion,page_url:pageUrl},geometry:{type:'Point',coordinates:[coords.lon,coords.lat]}}); | ||
var growingRegion=row['Has growing region'] || row['growing region'] || ''; | |||
features.push({ | |||
type:'Feature', | |||
properties:{ | |||
id:accessionId, | |||
name:name, | |||
status:status, | |||
growing_area:growingArea, | |||
growing_region:growingRegion, | |||
page_url:pageUrl | |||
}, | |||
geometry:{type:'Point',coordinates:[coords.lon,coords.lat]} | |||
}); | |||
}); | }); | ||
return{type:'FeatureCollection',features:features}; | |||
return {type:'FeatureCollection',features:features}; | |||
} | } | ||
/* FIX 1: Handle newlines from template #if blocks, encode + for LiteSpeed */ | |||
function buildCSVUrl(query){ | function buildCSVUrl(query){ | ||
query=query.replace(/[\r\n]+/g,' ').replace(/\s+/g,' ').trim(); | |||
query = query.replace(/[\r\n]+/g, ' ').replace(/\s+/g, ' ').trim(); | |||
var parts=query.split('|'); | var parts=query.split('|'); | ||
var encodedParts=parts.map(function(part){ | var encodedParts=parts.map(function(part){ | ||
| Line 614: | Line 237: | ||
.replace(/ /g,'-20'); | .replace(/ /g,'-20'); | ||
}); | }); | ||
var baseUrl=mw.config.get('wgScriptPath')||''; | |||
var baseUrl=mw.config.get('wgScriptPath') || ''; | return baseUrl+'/wiki/Special:Ask/'+encodedParts.join('/')+'/format=csv'; | ||
return baseUrl + '/wiki/Special:Ask/' + encodedParts.join('/') + '/format=csv'; | |||
} | } | ||
function fetchCSV(query,cb){ | function fetchCSV(query,cb){ | ||
var url=buildCSVUrl(query); | var url=buildCSVUrl(query); | ||
fetch(url) | fetch(url).then(function(r){if(!r.ok)throw new Error('CSV fetch error: '+r.status);return r.text();}).then(function(text){var data=parseCSV(text);var geojson=csvToGeoJSON(data);cb(null,geojson);}).catch(function(err){console.error('[lw-map] CSV fetch error:',err);cb(err,null);}); | ||
.then(function(r){ | |||
if(!r.ok) throw new Error('CSV fetch error: ' + r.status); | |||
return r.text(); | |||
}) | |||
.then(function(text){ | |||
var data=parseCSV(text); | |||
var geojson=csvToGeoJSON(data); | |||
cb(null,geojson); | |||
}) | |||
.catch(function(err){ | |||
console.error('[lw-map] CSV fetch error:',err); | |||
cb(err,null); | |||
}); | |||
} | } | ||
function generateHull(features){ | function generateHull(features){ | ||
if(!window.turf || features.length<3) return null; | if(!window.turf||features.length<3)return null; | ||
try{var points=turf.featureCollection(features.map(function(f){return turf.point(f.geometry.coordinates);}));var hull;if(features.length>=4){try{hull=turf.concave(points,{maxEdge:100,units:'kilometers'});}catch(e){}}if(!hull){hull=turf.convex(points);}if(hull){hull=turf.buffer(hull,3,{units:'kilometers'});}return hull;}catch(e){console.error('[lw-map] Hull generation error:',e);return null;} | |||
try{ | |||
var points=turf.featureCollection(features.map(function(f){return turf.point(f.geometry.coordinates);})); | |||
var hull; | |||
if(features.length>=4){ | |||
try{hull=turf.concave(points,{maxEdge:100,units:'kilometers'});}catch(e){} | |||
} | |||
if(!hull){hull=turf.convex(points);} | |||
if(hull){hull=turf.buffer(hull,3,{units:'kilometers'});} | |||
return hull; | |||
}catch(e){ | |||
console.error('[lw-map] Hull generation error:',e); | |||
return null; | |||
} | |||
} | } | ||
function groupBy(features,prop){ | function groupBy(features,prop){var groups={};features.forEach(function(f){var key=f.properties[prop]||'Unknown';if(!groups[key])groups[key]=[];groups[key].push(f);});return groups;} | ||
var groups={}; | |||
features.forEach(function(f){ | |||
var key=f.properties[prop] || 'Unknown'; | |||
if(!groups[key]) groups[key]=[]; | |||
groups[key].push(f); | |||
}); | |||
return groups; | |||
} | |||
function initOne(el){ | function initOne(el){ | ||
if(el.dataset.init) return; | if(el.dataset.init)return; | ||
el.dataset.init='1'; | el.dataset.init='1'; | ||
if(el.clientHeight < 100) el.style.height='70vh'; | if(el.clientHeight<100)el.style.height='70vh'; | ||
injectStyles(); | injectStyles(); | ||
| Line 682: | Line 268: | ||
satellite:L.tileLayer('https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}',{attribution:'© <a href="https://www.esri.com">Esri</a>',maxZoom:18}) | satellite:L.tileLayer('https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}',{attribution:'© <a href="https://www.esri.com">Esri</a>',maxZoom:18}) | ||
}; | }; | ||
baseLayers.basic.addTo(map); | baseLayers.basic.addTo(map); | ||
var currentLayer='basic'; | var currentLayer='basic'; | ||
| Line 689: | Line 274: | ||
layerToggle.onAdd=function(){ | layerToggle.onAdd=function(){ | ||
var container=L.DomUtil.create('div','lw-layer-toggle'); | var container=L.DomUtil.create('div','lw-layer-toggle'); | ||
container.innerHTML= | container.innerHTML='<button class="lw-layer-btn lw-layer-btn--active" data-layer="basic" title="Basic view"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="2"/></svg></button><button class="lw-layer-btn" data-layer="terrain" title="Terrain view"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M8 21l4-10 4 10M12 11V3M4 21l4.5-9L12 17l3.5-5L20 21"/></svg></button><button class="lw-layer-btn" data-layer="satellite" title="Satellite view"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20M2 12h20"/></svg></button>'; | ||
'<button class="lw-layer-btn lw-layer-btn--active" data-layer="basic" title="Basic view"> | |||
L.DomEvent.disableClickPropagation(container); | L.DomEvent.disableClickPropagation(container); | ||
container.querySelectorAll('.lw-layer-btn').forEach(function(btn){ | container.querySelectorAll('.lw-layer-btn').forEach(function(btn){ | ||
btn.addEventListener('click',function(){ | btn.addEventListener('click',function(){ | ||
var layer=this.dataset.layer; | var layer=this.dataset.layer;if(layer===currentLayer)return; | ||
if(layer===currentLayer) return; | map.removeLayer(baseLayers[currentLayer]);baseLayers[layer].addTo(map);currentLayer=layer; | ||
map.removeLayer(baseLayers[currentLayer]); | |||
baseLayers[layer].addTo(map); | |||
currentLayer=layer; | |||
container.querySelectorAll('.lw-layer-btn').forEach(function(b){b.classList.remove('lw-layer-btn--active');}); | container.querySelectorAll('.lw-layer-btn').forEach(function(b){b.classList.remove('lw-layer-btn--active');}); | ||
this.classList.add('lw-layer-btn--active'); | this.classList.add('lw-layer-btn--active'); | ||
}); | }); | ||
}); | }); | ||
return container; | return container; | ||
}; | }; | ||
| Line 721: | Line 289: | ||
var query=el.dataset.smwQuery; | var query=el.dataset.smwQuery; | ||
if(!query) return; | if(!query)return; | ||
var mapType=el.dataset.mapType||''; | |||
var mapType=el.dataset.mapType || ''; | var isInfoboxMap=el.closest('.lw-infobox')!==null; | ||
var isInfoboxMap=el.closest('.lw-infobox') !== null; | |||
var areaHullsLayer=L.layerGroup(); | var areaHullsLayer=L.layerGroup(); | ||
function updateLayerVisibility(){ | function updateLayerVisibility(){var zoom=map.getZoom();if(zoom>=6&&zoom<=12){if(!map.hasLayer(areaHullsLayer))map.addLayer(areaHullsLayer);}else{if(map.hasLayer(areaHullsLayer))map.removeLayer(areaHullsLayer);}} | ||
var zoom=map.getZoom(); | |||
if(zoom>=6 && zoom<=12){ | |||
if(!map.hasLayer(areaHullsLayer)) map.addLayer(areaHullsLayer); | |||
}else{ | |||
if(map.hasLayer(areaHullsLayer)) map.removeLayer(areaHullsLayer); | |||
} | |||
} | |||
var fullQuery=query; | var fullQuery=query; | ||
if(!isInfoboxMap && query.indexOf('Category:Accessions') !== -1){ | if(!isInfoboxMap&&query.indexOf('Category:Accessions')!==-1){ | ||
fullQuery='[[Category:Accessions]]|?Has coordinates|?Has descriptive name|?Has conservation priority|?Has accession ID|?Has growing area|?Has growing region'; | fullQuery='[[Category:Accessions]]|?Has coordinates|?Has descriptive name|?Has conservation priority|?Has accession ID|?Has growing area|?Has growing region'; | ||
} | } | ||
fetchCSV(fullQuery,function(err,geojson){ | fetchCSV(fullQuery,function(err,geojson){ | ||
if(err || !geojson || !geojson.features || !geojson.features.length){ | if(err||!geojson||!geojson.features||!geojson.features.length){ | ||
var msg=L.control({position:'bottomleft'}); | var msg=L.control({position:'bottomleft'}); | ||
msg.onAdd=function(){ | msg.onAdd=function(){var d=L.DomUtil.create('div');d.style.cssText='background:white;padding:12px 16px;border-radius:8px;font-size:13px;color:#495057;box-shadow:0 2px 8px rgba(0,0,0,0.1);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;';d.innerHTML='<strong>No results found</strong><br><span style="opacity:0.7;">No mappable results for this query.</span>';return d;}; | ||
var d=L.DomUtil.create('div'); | msg.addTo(map);return; | ||
d.style.cssText='background:white;padding:12px 16px;border-radius:8px;font-size:13px;color:#495057;box-shadow:0 2px 8px rgba(0,0,0,0.1);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;'; | |||
d.innerHTML='<strong>No results found</strong><br><span style="opacity:0.7;">No mappable results for this query.</span>'; | |||
return d; | |||
}; | |||
msg.addTo(map); | |||
return; | |||
} | } | ||
if(!isInfoboxMap&&window.turf&&mapType!=='eradication'){ | |||
if(!isInfoboxMap && window.turf && mapType!=='eradication'){ | |||
var areaGroups=groupBy(geojson.features,'growing_area'); | var areaGroups=groupBy(geojson.features,'growing_area'); | ||
Object.keys(areaGroups).forEach(function(areaName){ | Object.keys(areaGroups).forEach(function(areaName){ | ||
if(areaName==='Unknown' || areaName==='') return; | if(areaName==='Unknown'||areaName==='')return; | ||
var areaFeatures=areaGroups[areaName]; | var areaFeatures=areaGroups[areaName];if(areaFeatures.length<3)return; | ||
if(areaFeatures.length<3) return; | var hull=generateHull(areaFeatures);if(!hull)return; | ||
var hull=generateHull(areaFeatures); | |||
if(!hull) return; | |||
var worstStatus=getWorstStatusFromFeatures(areaFeatures); | var worstStatus=getWorstStatusFromFeatures(areaFeatures); | ||
var color=STATUS_COLORS[worstStatus] || BRAND.primary; | var color=STATUS_COLORS[worstStatus]||BRAND.primary; | ||
var hullLayer=L.geoJSON(hull,{style:{fillColor:color,fillOpacity:0.12,color:color,weight:2,dashArray:'6, 4',lineCap:'round'}}); | var hullLayer=L.geoJSON(hull,{style:{fillColor:color,fillOpacity:0.12,color:color,weight:2,dashArray:'6, 4',lineCap:'round'}}); | ||
hullLayer.bindPopup(popupForArea(areaName,areaFeatures.length,worstStatus,'/wiki/'+encodeURIComponent(areaName.replace(/ /g,'_'))),{className:'lw-popup',maxWidth:300}); | |||
hullLayer.bindPopup( | |||
popupForArea(areaName,areaFeatures.length,worstStatus,'/wiki/'+encodeURIComponent(areaName.replace(/ /g,'_'))), | |||
{className:'lw-popup',maxWidth:300} | |||
); | |||
hullLayer.bindTooltip(areaName+' ('+areaFeatures.length+')',{className:'lw-hull-tooltip',direction:'center',permanent:false}); | hullLayer.bindTooltip(areaName+' ('+areaFeatures.length+')',{className:'lw-hull-tooltip',direction:'center',permanent:false}); | ||
hullLayer.on('mouseover',function(e){e.target.setStyle({fillOpacity:0.25,weight:3});}); | hullLayer.on('mouseover',function(e){e.target.setStyle({fillOpacity:0.25,weight:3});}); | ||
hullLayer.on('mouseout',function(e){e.target.setStyle({fillOpacity:0.12,weight:2});}); | hullLayer.on('mouseout',function(e){e.target.setStyle({fillOpacity:0.12,weight:2});}); | ||
areaHullsLayer.addLayer(hullLayer); | areaHullsLayer.addLayer(hullLayer); | ||
}); | }); | ||
| Line 785: | Line 327: | ||
} | } | ||
if(isInfoboxMap||!window.L.markerClusterGroup){ | |||
if(isInfoboxMap || !window.L.markerClusterGroup){ | |||
var layer=L.geoJSON(geojson,{ | var layer=L.geoJSON(geojson,{ | ||
pointToLayer:function(f,ll){ | pointToLayer:function(f,ll){ | ||
var p=f.properties || {}; | var p=f.properties||{};var status=p.status||'';var cat=p.event_category||''; | ||
var status=p.status || ''; | var color=(mapType==='eradication')?(EVENT_COLORS[cat]||BRAND.primary):(STATUS_COLORS[status]||BRAND.primary); | ||
var cat=p.event_category || ''; | if(mapType==='eradication'){return L.circleMarker(ll,{radius:7,color:color,weight:2.6,fillColor:color,fillOpacity:0.10,dashArray:'3 3',status:status,event_category:cat});} | ||
var color=(mapType==='eradication') ? (EVENT_COLORS[cat] || BRAND.primary) : (STATUS_COLORS[status] || BRAND.primary); | |||
if(mapType==='eradication'){ | |||
return L.circleMarker(ll,{radius:7,color:color,weight:2.6,fillColor:color,fillOpacity:0.10,dashArray:'3 3',status:status,event_category:cat}); | |||
} | |||
return L.circleMarker(ll,{radius:8,color:BRAND.white,weight:2.5,fillColor:color,fillOpacity:0.9,status:status,event_category:cat}); | return L.circleMarker(ll,{radius:8,color:BRAND.white,weight:2.5,fillColor:color,fillOpacity:0.9,status:status,event_category:cat}); | ||
}, | }, | ||
onEachFeature:function(f,ly){ | onEachFeature:function(f,ly){ | ||
var p=f.properties || {}; | var p=f.properties||{}; | ||
ly.bindPopup((mapType==='eradication') ? popupForNewsItem(p) : popupForAccession(p),{className:'lw-popup',closeButton:true,maxWidth:300,offset:[0,-5]}); | ly.bindPopup((mapType==='eradication')?popupForNewsItem(p):popupForAccession(p),{className:'lw-popup',closeButton:true,maxWidth:300,offset:[0,-5]}); | ||
var tip=(mapType==='eradication')?(p.name||''):(p.name||p.id||''); | |||
var tip=(mapType==='eradication') ? (p.name || '') : (p.name || p.id || ''); | if(tip){ly.bindTooltip(esc(tip),{direction:'top',offset:[0,-10],opacity:1,className:'lw-map-tooltip'});} | ||
if(tip){ | ly.on('mouseover',function(){if(mapType==='eradication'){this.setStyle({fillOpacity:0.22,weight:3});}else{this.setStyle({fillColor:BRAND.primaryLight,radius:10});}}); | ||
ly.bindTooltip(esc(tip),{direction:'top',offset:[0,-10],opacity:1,className:'lw-map-tooltip'}); | ly.on('mouseout',function(){var pp=f.properties||{};var status2=pp.status||'';var cat2=pp.event_category||'';var color2=(mapType==='eradication')?(EVENT_COLORS[cat2]||BRAND.primary):(STATUS_COLORS[status2]||BRAND.primary);if(mapType==='eradication'){this.setStyle({color:color2,fillColor:color2,fillOpacity:0.10,weight:2.6});}else{this.setStyle({fillColor:color2,radius:8});}}); | ||
} | |||
ly.on('mouseover',function(){ | |||
if(mapType==='eradication'){ | |||
this.setStyle({fillOpacity:0.22,weight:3}); | |||
}else{ | |||
this.setStyle({fillColor:BRAND.primaryLight,radius:10}); | |||
} | |||
}); | |||
ly.on('mouseout',function(){ | |||
var pp=f.properties || {}; | |||
var status2=pp.status || ''; | |||
var cat2=pp.event_category || ''; | |||
var color2=(mapType==='eradication') ? (EVENT_COLORS[cat2] || BRAND.primary) : (STATUS_COLORS[status2] || BRAND.primary); | |||
if(mapType==='eradication'){ | |||
this.setStyle({color:color2,fillColor:color2,fillOpacity:0.10,weight:2.6}); | |||
}else{ | |||
this.setStyle({fillColor:color2,radius:8}); | |||
} | |||
}); | |||
} | } | ||
}).addTo(map); | }).addTo(map); | ||
var b=layer.getBounds();if(b&&b.isValid())map.fitBounds(b.pad(0.3),{maxZoom:11}); | |||
var b=layer.getBounds(); | |||
if(b && b.isValid()) map.fitBounds(b.pad(0.3),{maxZoom:11}); | |||
}else{ | }else{ | ||
var markers=L.markerClusterGroup({ | var markers=L.markerClusterGroup({ | ||
maxClusterRadius:50, | maxClusterRadius:50,spiderfyOnMaxZoom:true,showCoverageOnHover:false,zoomToBoundsOnClick:true, | ||
spiderfyOnMaxZoom:true, | |||
showCoverageOnHover:false, | |||
zoomToBoundsOnClick:true, | |||
iconCreateFunction:function(cluster){ | iconCreateFunction:function(cluster){ | ||
var children=cluster.getAllChildMarkers(); | var children=cluster.getAllChildMarkers();var count=children.length;var color; | ||
var count=children.length; | if(mapType==='eradication'){var worstCat=getWorstCategory(children);color=EVENT_COLORS[worstCat]||BRAND.primary;} | ||
var color; | else{var worstStatus=getWorstStatus(children);color=STATUS_COLORS[worstStatus]||BRAND.primary;} | ||
var sizeClass='lw-cluster';if(count<10)sizeClass+=' lw-cluster--small';else if(count>=50)sizeClass+=' lw-cluster--large'; | |||
if(mapType==='eradication'){ | |||
var worstCat=getWorstCategory(children); | |||
color=EVENT_COLORS[worstCat] || BRAND.primary; | |||
var worstStatus=getWorstStatus(children); | |||
color=STATUS_COLORS[worstStatus] || BRAND.primary; | |||
} | |||
var sizeClass='lw-cluster'; | |||
if(count<10) sizeClass+=' lw-cluster--small'; | |||
else if(count>=50) sizeClass+=' lw-cluster--large'; | |||
return L.divIcon({html:'<div class="'+sizeClass+'" style="background:'+color+'">'+count+'</div>',className:'lw-cluster-icon',iconSize:[40,40]}); | return L.divIcon({html:'<div class="'+sizeClass+'" style="background:'+color+'">'+count+'</div>',className:'lw-cluster-icon',iconSize:[40,40]}); | ||
} | } | ||
| Line 864: | Line 362: | ||
var byYear={}; | var byYear={}; | ||
/* FIX 2: Match year anywhere in string, not just start. | |||
SMW CSV returns dates as "5 February 2000" not "2000-02-05" */ | |||
function yearFromDate(s){ | function yearFromDate(s){ | ||
var m=String(s||'').match(/ | var m=String(s||'').match(/(\d{4})/); | ||
return m ? m[1] : ''; | return m?m[1]:''; | ||
} | } | ||
function fitTo(list){ | function fitTo(list){if(!list||!list.length)return;var fg=L.featureGroup(list);var bb=fg.getBounds();if(bb&&bb.isValid())map.fitBounds(bb.pad(0.3),{maxZoom:11});} | ||
if(!list || !list.length) return; | |||
var fg=L.featureGroup(list); | |||
var bb=fg.getBounds(); | |||
if(bb && bb.isValid()) map.fitBounds(bb.pad(0.3),{maxZoom:11}); | |||
} | |||
function applyYear(y){ | function applyYear(y){markers.clearLayers();var list=(y==='all')?allMarkers:(byYear[y]||[]);if(list.length)markers.addLayers(list);fitTo(list);} | ||
markers.clearLayers(); | |||
var list=(y==='all') ? allMarkers : (byYear[y] || []); | |||
if(list.length) markers.addLayers(list); | |||
fitTo(list); | |||
} | |||
geojson.features.forEach(function(f){ | geojson.features.forEach(function(f){ | ||
var coords=f.geometry.coordinates; | var coords=f.geometry.coordinates;var p=f.properties||{}; | ||
var p=f.properties || {}; | var status=p.status||'';var cat=p.event_category||''; | ||
var status=p.status || ''; | var color=(mapType==='eradication')?(EVENT_COLORS[cat]||BRAND.primary):(STATUS_COLORS[status]||BRAND.primary); | ||
var cat=p.event_category || ''; | |||
var color=(mapType==='eradication') ? (EVENT_COLORS[cat] || BRAND.primary) : (STATUS_COLORS[status] || BRAND.primary); | |||
var marker=L.circleMarker([coords[1],coords[0]], | var marker=L.circleMarker([coords[1],coords[0]], | ||
(mapType==='eradication') | (mapType==='eradication') | ||
? {radius:7,color:color,weight:2.6,fillColor:color,fillOpacity:0.10,dashArray:'3 3',status:status,event_category:cat} | ?{radius:7,color:color,weight:2.6,fillColor:color,fillOpacity:0.10,dashArray:'3 3',status:status,event_category:cat} | ||
: {radius:8,color:BRAND.white,weight:2.5,fillColor:color,fillOpacity:0.9,status:status,event_category:cat} | :{radius:8,color:BRAND.white,weight:2.5,fillColor:color,fillOpacity:0.9,status:status,event_category:cat} | ||
); | ); | ||
marker.bindPopup((mapType==='eradication')?popupForNewsItem(p):popupForAccession(p),{className:'lw-popup',closeButton:true,maxWidth:300,offset:[0,-5]}); | |||
marker.bindPopup((mapType==='eradication') ? popupForNewsItem(p) : popupForAccession(p),{className:'lw-popup',closeButton:true,maxWidth:300,offset:[0,-5]}); | var tip=(mapType==='eradication')?(p.name||''):(p.name||p.id||''); | ||
if(tip){marker.bindTooltip(esc(tip),{direction:'top',offset:[0,-10],opacity:1,className:'lw-map-tooltip'});} | |||
var tip=(mapType==='eradication') ? (p.name || '') : (p.name || p.id || ''); | marker.on('mouseover',function(){if(mapType==='eradication'){this.setStyle({fillOpacity:0.22,weight:3});}else{this.setStyle({fillColor:BRAND.primaryLight,radius:10});}}); | ||
if(tip){ | marker.on('mouseout',function(){if(mapType==='eradication'){this.setStyle({fillOpacity:0.10,weight:2.6});}else{this.setStyle({fillColor:color,radius:8});}}); | ||
marker.bindTooltip(esc(tip),{direction:'top',offset:[0,-10],opacity:1,className:'lw-map-tooltip'}); | markers.addLayer(marker);allMarkers.push(marker); | ||
} | if(mapType==='eradication'){var y=yearFromDate(p.event_date);if(y){if(!byYear[y])byYear[y]=[];byYear[y].push(marker);}} | ||
marker.on('mouseover',function(){ | |||
if(mapType==='eradication'){ | |||
this.setStyle({fillOpacity:0.22,weight:3}); | |||
}else{ | |||
this.setStyle({fillColor:BRAND.primaryLight,radius:10}); | |||
} | |||
}); | |||
marker.on('mouseout',function(){ | |||
if(mapType==='eradication'){ | |||
this.setStyle({fillOpacity:0.10,weight:2.6}); | |||
}else{ | |||
this.setStyle({fillColor:color,radius:8}); | |||
} | |||
}); | |||
markers.addLayer(marker); | |||
allMarkers.push(marker); | |||
if(mapType==='eradication'){ | |||
var y=yearFromDate(p.event_date); | |||
if(y){ | |||
if(!byYear[y]) byYear[y]=[]; | |||
byYear[y].push(marker); | |||
} | |||
} | |||
}); | }); | ||
| Line 938: | Line 399: | ||
yearCtl.onAdd=function(){ | yearCtl.onAdd=function(){ | ||
var d=L.DomUtil.create('div','lw-yearctl'); | var d=L.DomUtil.create('div','lw-yearctl'); | ||
d.innerHTML='<button type="button" class="lw-yearctl__all lw-yearctl--active">All</button> | d.innerHTML='<button type="button" class="lw-yearctl__all lw-yearctl--active">All</button><input class="lw-yearctl__range" type="range" min="0" max="'+(years.length-1)+'" step="1" value="'+(years.length-1)+'"><span class="lw-yearctl__label">All</span>'; | ||
L.DomEvent.disableClickPropagation(d); | L.DomEvent.disableClickPropagation(d); | ||
var btn=d.querySelector('.lw-yearctl__all'); | var btn=d.querySelector('.lw-yearctl__all'); | ||
var rng=d.querySelector('.lw-yearctl__range'); | var rng=d.querySelector('.lw-yearctl__range'); | ||
var lab=d.querySelector('.lw-yearctl__label'); | var lab=d.querySelector('.lw-yearctl__label'); | ||
btn.addEventListener('click',function(){btn.classList.add('lw-yearctl--active');lab.textContent='All';applyYear('all');}); | |||
btn.addEventListener('click',function(){ | rng.addEventListener('input',function(){btn.classList.remove('lw-yearctl--active');var y=years[parseInt(rng.value,10)];lab.textContent=y;applyYear(y);}); | ||
btn.classList.add('lw-yearctl--active'); | |||
lab.textContent='All'; | |||
applyYear('all'); | |||
}); | |||
rng.addEventListener('input',function(){ | |||
btn.classList.remove('lw-yearctl--active'); | |||
var y=years[parseInt(rng.value,10)]; | |||
lab.textContent=y; | |||
applyYear(y); | |||
}); | |||
return d; | return d; | ||
}; | }; | ||
| Line 966: | Line 412: | ||
applyYear('all'); | applyYear('all'); | ||
}else{ | }else{ | ||
var b2=markers.getBounds(); | var b2=markers.getBounds();if(b2&&b2.isValid())map.fitBounds(b2.pad(0.3),{maxZoom:11}); | ||
if(b2 && b2.isValid()) map.fitBounds(b2.pad(0.3),{maxZoom:11}); | |||
} | } | ||
} | } | ||
setTimeout(function(){ map.invalidateSize(true); },100); | setTimeout(function(){map.invalidateSize(true);},100); | ||
}); | }); | ||
} | } | ||
function init(root){ | function init(root){(root||document).querySelectorAll('.lw-map').forEach(initOne);} | ||
(root || document).querySelectorAll('.lw-map').forEach(initOne); | |||
} | |||
addCSS(CDN+'leaflet.css','leaflet-css'); | |||
addCSS(CDN + 'leaflet.css','leaflet-css'); | addCSS(CLUSTER_CDN+'MarkerCluster.css','markercluster-css'); | ||
addCSS(CLUSTER_CDN + 'MarkerCluster.css','markercluster-css'); | addCSS(CLUSTER_CDN+'MarkerCluster.Default.css','markercluster-default-css'); | ||
addCSS(CLUSTER_CDN + 'MarkerCluster.Default.css','markercluster-default-css'); | |||
addJS(CDN+'leaflet.js',function(){ | |||
addJS(CDN + 'leaflet.js',function(){ | addJS(CLUSTER_CDN+'leaflet.markercluster.js',function(){ | ||
addJS(CLUSTER_CDN + 'leaflet.markercluster.js',function(){ | |||
addJS(TURF_CDN,function(){ | addJS(TURF_CDN,function(){ | ||
init(); | init(); | ||
if(window.mw && mw.hook){ | if(window.mw&&mw.hook){mw.hook('wikipage.content').add(function($c){init($c&&$c[0]?$c[0]:document);});} | ||
mw.hook('wikipage.content').add(function($c){ | |||
init($c && $c[0] ? $c[0] : document); | |||
}); | |||
} | |||
},'turf-js'); | },'turf-js'); | ||
},'markercluster-js'); | },'markercluster-js'); | ||
| Line 1,001: | Line 438: | ||
/** | /** | ||
* Auto-preload templates for new talk pages | * Auto-preload templates for new talk pages | ||
*/ | */ | ||
(function(){ | (function(){ | ||
'use strict'; | 'use strict'; | ||
if(mw.config.get('wgAction')!=='edit') return; | if(mw.config.get('wgAction')!=='edit')return; | ||
if(mw.config.get('wgArticleId')!==0) return; | if(mw.config.get('wgArticleId')!==0)return; | ||
if(mw.config.get('wgNamespaceNumber')!==1) return; | if(mw.config.get('wgNamespaceNumber')!==1)return; | ||
var mainPageTitle=mw.config.get('wgTitle'); | var mainPageTitle=mw.config.get('wgTitle'); | ||
var categoryToPreload={'Category:Countries':'Template:Talk preload/Country','Category:States':'Template:Talk preload/State','Category:Growing Regions':'Template:Talk preload/Growing region','Category:Growing Areas':'Template:Talk preload/Growing area','Category:Accessions':'Template:Talk preload/Accession'}; | |||
var categoryToPreload={ | |||
'Category:Countries':'Template:Talk preload/Country', | |||
'Category:States':'Template:Talk preload/State', | |||
'Category:Growing Regions':'Template:Talk preload/Growing region', | |||
'Category:Growing Areas':'Template:Talk preload/Growing area', | |||
'Category:Accessions':'Template:Talk preload/Accession' | |||
}; | |||
var defaultPreload='Template:Talk preload/Default'; | var defaultPreload='Template:Talk preload/Default'; | ||
mw.loader.using(['mediawiki.api'],function(){ | mw.loader.using(['mediawiki.api'],function(){ | ||
var api=new mw.Api(); | var api=new mw.Api(); | ||
$(function(){ | $(function(){ | ||
var $textbox=$('#wpTextbox1'); | var $textbox=$('#wpTextbox1');if($textbox.val().trim())return; | ||
if($textbox.val().trim()) return; | api.get({action:'query',titles:mainPageTitle,prop:'categories',cllimit:50,format:'json'}).done(function(data){ | ||
var pages=data.query.pages;var categories=[]; | |||
api.get({ | for(var id in pages){if(pages[id].categories){categories=pages[id].categories.map(function(c){return c.title;});}} | ||
action:'query', | |||
titles:mainPageTitle, | |||
prop:'categories', | |||
cllimit:50, | |||
format:'json' | |||
}).done(function(data){ | |||
var pages=data.query.pages; | |||
var categories=[]; | |||
for(var id in pages){ | |||
if(pages[id].categories){ | |||
categories=pages[id].categories.map(function(c){return c.title;}); | |||
} | |||
} | |||
var preloadTemplate=defaultPreload; | var preloadTemplate=defaultPreload; | ||
for(var cat in categoryToPreload){ | for(var cat in categoryToPreload){if(categories.indexOf(cat)!==-1){preloadTemplate=categoryToPreload[cat];break;}} | ||
if(categories.indexOf(cat)!==-1){ | api.get({action:'query',titles:preloadTemplate,prop:'revisions',rvprop:'content',rvslots:'main',format:'json'}).done(function(data){ | ||
preloadTemplate=categoryToPreload[cat]; | |||
break; | |||
} | |||
} | |||
api.get({ | |||
action:'query', | |||
titles:preloadTemplate, | |||
prop:'revisions', | |||
rvprop:'content', | |||
rvslots:'main', | |||
format:'json' | |||
}).done(function(data){ | |||
var pages=data.query.pages; | var pages=data.query.pages; | ||
for(var id in pages){ | for(var id in pages){if(pages[id].revisions){var content=pages[id].revisions[0].slots.main['*'];content=content.replace(/<noinclude>[\s\S]*?<\/noinclude>/g,'');content=content.trim();$textbox.val(content);}} | ||
if(pages[id].revisions){ | }).fail(function(){$textbox.val('{{TalkHeader}}\n\n== Discussion ==\n');}); | ||
var content=pages[id].revisions[0].slots.main['*']; | |||
content=content.replace(/<noinclude>[\s\S]*?<\/noinclude>/g,''); | |||
content=content.trim(); | |||
$textbox.val(content); | |||
} | |||
} | |||
}).fail(function(){ | |||
$textbox.val('{{TalkHeader}}\n\n== Discussion ==\n'); | |||
}); | |||
}); | }); | ||
}); | }); | ||
Revision as of 19:43, 5 March 2026
// <nowiki>
/* Infobox map expand toggle */
$(function(){
var $overlay=$('<div class="lw-map-overlay"></div>').appendTo('body');
$('.lw-infobox__map-expand').on('click',function(){
var $mapContainer=$(this).closest('.lw-infobox__map-container');
var $map=$mapContainer.find('.lw-infobox__map');
if($overlay.hasClass('lw-map-overlay--active')){
$map.appendTo($mapContainer);
$overlay.removeClass('lw-map-overlay--active');
$('body').css('overflow','');
}else{
$map.appendTo($overlay);
$overlay.addClass('lw-map-overlay--active');
$('body').css('overflow','hidden');
}
setTimeout(function(){
$map.each(function(){
if(this._leaflet_map){
this._leaflet_map.invalidateSize();
}
});
},100);
});
$(document).on('keydown',function(e){
if(e.key==='Escape' && $overlay.hasClass('lw-map-overlay--active')){
$('.lw-infobox__map-expand').trigger('click');
}
});
$overlay.on('click',function(e){
if(e.target===this){
$('.lw-infobox__map-expand').trigger('click');
}
});
});
/* Landrace.wiki – Leaflet map w/ SMW CSV export, Clustering, Labels & Hulls */
(function(){
var LVER='1.9.4';
var CDN='https://unpkg.com/leaflet@'+LVER+'/dist/';
var CLUSTER_CDN='https://unpkg.com/leaflet.markercluster@1.4.1/dist/';
var TURF_CDN='https://unpkg.com/@turf/turf@6/turf.min.js';
var BRAND={
primary:'#2d6a4f',
primaryLight:'#40916c',
accent:'#74c69d',
dark:'#1b4332',
neutral:'#495057',
light:'#f8f9fa',
white:'#ffffff'
};
var STATUS_COLORS={
'Critical':'#c92a2a',
'High':'#d9480f',
'Medium':'#e67700',
'Low':'#2b8a3e'
};
var STATUS_PRIORITY=['Critical','High','Medium','Low'];
var EVENT_COLORS={
'Enforcement':'#c92a2a',
'Trafficking':'#d9480f',
'Policy':'#1c7ed6',
'Research':BRAND.primary,
'Fieldwork':BRAND.primaryLight,
'Community':BRAND.accent,
'Report':BRAND.neutral
};
var EVENT_PRIORITY=['Enforcement','Trafficking','Policy','Research','Fieldwork','Community','Report'];
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,id){var existing=id?document.getElementById(id):document.querySelector('script[src="'+src+'"]');if(existing){if(existing.dataset.loaded==='1')return cb();existing.addEventListener('load',cb);return;}var s=document.createElement('script');s.src=src;if(id)s.id=id;s.onload=function(){s.dataset.loaded='1';cb();};s.onerror=function(){console.error('[lw-map] Script failed to load:',src);};document.head.appendChild(s);}
function getWorstStatus(markers){var worst='Low';var worstIndex=STATUS_PRIORITY.indexOf(worst);markers.forEach(function(marker){var status=marker.options.status||'Low';var index=STATUS_PRIORITY.indexOf(status);if(index!==-1&&index<worstIndex){worst=status;worstIndex=index;}});return worst;}
function getWorstStatusFromFeatures(features){var worst='Low';var worstIndex=STATUS_PRIORITY.indexOf(worst);features.forEach(function(f){var status=f.properties.status||'Low';var index=STATUS_PRIORITY.indexOf(status);if(index!==-1&&index<worstIndex){worst=status;worstIndex=index;}});return worst;}
function getWorstCategory(markers){var worst=EVENT_PRIORITY[EVENT_PRIORITY.length-1];var worstIndex=EVENT_PRIORITY.indexOf(worst);markers.forEach(function(marker){var cat=marker.options.event_category||'';var idx=EVENT_PRIORITY.indexOf(cat);if(idx!==-1&&idx<worstIndex){worst=cat;worstIndex=idx;}});return worst;}
function injectStyles(){
if(document.getElementById('lw-map-styles')) return;
var style=document.createElement('style');
style.id='lw-map-styles';
style.textContent=[
'.lw-popup .leaflet-popup-content-wrapper{background:'+BRAND.white+';border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.12),0 2px 6px rgba(0,0,0,0.08);padding:0;overflow:hidden}',
'.lw-popup .leaflet-popup-content{margin:0;min-width:220px;max-width:280px}',
'.lw-popup .leaflet-popup-tip{background:'+BRAND.white+';box-shadow:0 2px 6px rgba(0,0,0,0.1)}',
'.lw-popup .leaflet-popup-close-button{color:'+BRAND.neutral+' !important;font-size:20px !important;padding:8px 10px !important;right:4px !important;top:4px !important;transition:color 0.2s ease}',
'.lw-popup .leaflet-popup-close-button:hover{color:'+BRAND.dark+' !important}',
'.lw-popup-inner{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}',
'.lw-popup-header{background:linear-gradient(135deg,'+BRAND.primary+' 0%,'+BRAND.dark+' 100%);padding:16px 18px;color:'+BRAND.white+'}',
'.lw-popup-id{font-size:10px;font-weight:600;letter-spacing:0.5px;text-transform:uppercase;opacity:0.85;margin-bottom:4px}',
'.lw-popup-name{font-size:15px;font-weight:600;line-height:1.3}',
'.lw-popup-body{padding:14px 18px}',
'.lw-popup-meta{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:8px}',
'.lw-popup-label{font-size:11px;color:'+BRAND.neutral+';font-weight:500;text-transform:uppercase;letter-spacing:0.3px}',
'.lw-popup-status{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;background:'+BRAND.light+';color:'+BRAND.neutral+'}',
'.lw-popup-status::before{content:"";width:6px;height:6px;border-radius:50%;margin-right:6px;background:currentColor}',
'.lw-popup-status--critical{color:#c92a2a;background:#fff5f5}',
'.lw-popup-status--high{color:#d9480f;background:#fff4e6}',
'.lw-popup-status--medium{color:#e67700;background:#fff9db}',
'.lw-popup-status--low{color:#2b8a3e;background:#ebfbee}',
'.lw-popup-link{display:block;text-align:center;padding:10px 18px;background:'+BRAND.light+';color:'+BRAND.primary+';text-decoration:none;font-size:13px;font-weight:600;transition:background 0.2s ease,color 0.2s ease;border-top:1px solid #e9ecef}',
'.lw-popup-link:hover{background:'+BRAND.primary+';color:'+BRAND.white+'}',
'.lw-map-tooltip{background:'+BRAND.dark+' !important;border:none !important;border-radius:6px !important;color:'+BRAND.white+' !important;font-size:12px !important;font-weight:500 !important;padding:6px 10px !important;box-shadow:0 2px 8px rgba(0,0,0,0.2) !important}',
'.lw-map-tooltip::before{border-top-color:'+BRAND.dark+' !important}',
'.lw-layer-toggle{display:flex;background:'+BRAND.white+';border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.12);overflow:hidden}',
'.lw-layer-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:'+BRAND.white+';color:'+BRAND.neutral+';cursor:pointer;transition:all 0.2s ease}',
'.lw-layer-btn:hover{background:'+BRAND.light+';color:'+BRAND.primary+'}',
'.lw-layer-btn--active{background:'+BRAND.primary+' !important;color:'+BRAND.white+' !important}',
'.lw-layer-btn:not(:last-child){border-right:1px solid #e9ecef}',
'.lw-layer-btn svg{pointer-events:none}',
'.lw-cluster-icon{background:transparent !important}',
'.lw-cluster{width:40px;height:40px;border-radius:50%;color:#fff;font-weight:700;font-size:14px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px rgba(0,0,0,0.25);border:3px solid rgba(255,255,255,0.9);transition:transform 0.2s ease}',
'.lw-cluster:hover{transform:scale(1.1)}',
'.lw-cluster--small{width:36px;height:36px;font-size:13px}',
'.lw-cluster--large{width:48px;height:48px;font-size:15px}',
'.marker-cluster{background:transparent !important}',
'.marker-cluster div{background:transparent !important}',
'.lw-hull-tooltip{background:'+BRAND.white+' !important;border:1px solid '+BRAND.primary+' !important;border-radius:6px !important;color:'+BRAND.dark+' !important;font-size:12px !important;font-weight:600 !important;padding:6px 10px !important;box-shadow:0 2px 8px rgba(0,0,0,0.15) !important}',
'.lw-yearctl{background:'+BRAND.white+';border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.12);padding:8px 10px;display:flex;align-items:center;gap:8px}',
'.lw-yearctl button{border:1px solid #e9ecef;background:'+BRAND.light+';color:'+BRAND.dark+';border-radius:8px;padding:6px 8px;font-size:12px;font-weight:700;cursor:pointer}',
'.lw-yearctl button.lw-yearctl--active{background:'+BRAND.primary+';border-color:'+BRAND.primary+';color:'+BRAND.white+'}',
'.lw-yearctl input[type="range"]{width:140px}',
'.lw-yearctl .lw-yearctl__label{font-size:12px;font-weight:800;color:'+BRAND.dark+';min-width:52px;text-align:right}'
].join('\n');
document.head.appendChild(style);
}
function esc(s){return String(s==null?'':s).replace(/[&<>"']/g,function(c){return({'&':'&','<':'<','>':'>','"':'"',"'":'''}[c]);});}
function statusClass(s){var status=String(s||'').toLowerCase();if(status==='critical')return'lw-popup-status--critical';if(status==='high')return'lw-popup-status--high';if(status==='medium')return'lw-popup-status--medium';if(status==='low')return'lw-popup-status--low';return'';}
function popupForAccession(p){
var id=p.id||'';var name=p.name||'Unknown';var status=p.status||'';var url=p.page_url||'#';
var statusHtml='';
if(status){statusHtml='<div class="lw-popup-meta"><span class="lw-popup-label">Conservation Priority</span><span class="lw-popup-status '+statusClass(status)+'">'+esc(status)+'</span></div>';}
return '<div class="lw-popup-inner"><div class="lw-popup-header">'+(id?'<div class="lw-popup-id">'+esc(id)+'</div>':'')+'<div class="lw-popup-name">'+esc(name)+'</div></div><div class="lw-popup-body">'+statusHtml+'</div><a href="'+esc(url)+'" class="lw-popup-link">View Accession →</a></div>';
}
function popupForNewsItem(p){
var title=p.name||'News Item';var date=p.event_date||'';var cat=p.event_category||'';
var loc=[p.locality,p.admin2,p.admin1].filter(Boolean).join(', ');
var url=p.page_url||'#';var src=p.source_url||'';var blocks='';
if(date){blocks+='<div class="lw-popup-meta"><span class="lw-popup-label">Date</span><span style="font-size:14px;font-weight:700;color:'+BRAND.dark+'">'+esc(date)+'</span></div>';}
if(loc){blocks+='<div class="lw-popup-meta"><span class="lw-popup-label">Location</span><span style="font-size:13px;color:'+BRAND.neutral+'">'+esc(loc)+'</span></div>';}
if(cat){blocks+='<div class="lw-popup-meta"><span class="lw-popup-label">Category</span><span style="font-size:13px;color:'+BRAND.neutral+'">'+esc(cat)+'</span></div>';}
var sourceBtn=src?('<a href="'+esc(src)+'" target="_blank" rel="noreferrer" class="lw-popup-link" style="border-top:0">Source ↗</a>'):'';
return '<div class="lw-popup-inner"><div class="lw-popup-header"><div class="lw-popup-id">News Item</div><div class="lw-popup-name">'+esc(title)+'</div></div><div class="lw-popup-body">'+blocks+'</div><a href="'+esc(url)+'" class="lw-popup-link">View Article →</a>'+sourceBtn+'</div>';
}
function popupForArea(name,count,worstStatus,url){
var statusHtml='';
if(worstStatus){statusHtml='<div class="lw-popup-meta"><span class="lw-popup-label">Worst Status in Area</span><span class="lw-popup-status '+statusClass(worstStatus)+'">'+esc(worstStatus)+'</span></div>';}
return '<div class="lw-popup-inner"><div class="lw-popup-header"><div class="lw-popup-id">Growing Area</div><div class="lw-popup-name">'+esc(name)+'</div></div><div class="lw-popup-body"><div class="lw-popup-meta"><span class="lw-popup-label">Accessions</span><span style="font-size:18px;font-weight:700;color:'+BRAND.dark+'">'+count+'</span></div>'+statusHtml+'</div><a href="'+esc(url)+'" class="lw-popup-link">View Growing Area →</a></div>';
}
function parseCoords(coordStr){
if(!coordStr) return null;
var decimalMatch=coordStr.match(/(-?\d+\.?\d*)\s*,\s*(-?\d+\.?\d*)/);
if(decimalMatch){var lat=parseFloat(decimalMatch[1]);var lon=parseFloat(decimalMatch[2]);if(!isNaN(lat)&&!isNaN(lon))return{lat:lat,lon:lon};}
var dmsRegex=/(\d+)[°]\s*(\d+)[′']\s*(\d+\.?\d*)[″"]?\s*([NSEW])/gi;
var matches=[];var m;
while((m=dmsRegex.exec(coordStr))!==null){matches.push(m);if(matches.length>=2)break;}
if(matches.length>=2){var lat2=dmsToDecimal(matches[0][1],matches[0][2],matches[0][3],matches[0][4]);var lon2=dmsToDecimal(matches[1][1],matches[1][2],matches[1][3],matches[1][4]);var h0=matches[0][4].toUpperCase();if(h0==='E'||h0==='W'){var tmp=lat2;lat2=lon2;lon2=tmp;}if(lat2!==null&&lon2!==null)return{lat:lat2,lon:lon2};}
return null;
}
function dmsToDecimal(deg,min,sec,hemi){var d=parseFloat(deg);var m=parseFloat(min)||0;var s=parseFloat(sec)||0;if(isNaN(d))return null;var dec=Math.abs(d)+(m/60)+(s/3600);hemi=String(hemi||'').toUpperCase();if(hemi==='S'||hemi==='W')dec=-dec;return dec;}
function parseCSV(text){
var lines=text.trim().split('\n');if(lines.length<2)return[];
var headers=parseCSVLine(lines[0]);var results=[];
for(var i=1;i<lines.length;i++){var values=parseCSVLine(lines[i]);var obj={};for(var j=0;j<headers.length;j++){obj[headers[j]]=values[j]||'';}results.push(obj);}
return results;
}
function parseCSVLine(line){
var result=[];var current='';var inQuotes=false;
for(var i=0;i<line.length;i++){var c=line[i];var next=line[i+1];
if(inQuotes){if(c==='"'&&next==='"'){current+='"';i++;}else if(c==='"'){inQuotes=false;}else{current+=c;}}
else{if(c==='"'){inQuotes=true;}else if(c===','){result.push(current.trim());current='';}else{current+=c;}}}
result.push(current.trim());return result;
}
function csvToGeoJSON(data){
var features=[];
data.forEach(function(row){
var coordStr=row['Has coordinates']||row['Has GPS coordinates']||row['GPS coordinates']||'';
var coords=parseCoords(coordStr);if(!coords)return;
var pageName=row['']||Object.values(row)[0]||'';
var pageUrl='/wiki/'+encodeURIComponent(pageName.replace(/ /g,'_'));
var isNews=!!(row['Has event headline']||row['Has event date']||row['Has event category']);
if(isNews){
var headline=row['Has event headline']||pageName;
var eventDate=row['Has event date']||'';
var eventCat=row['Has event category']||'';
var admin1=row['Has admin subdivision 1']||'';
var admin2=row['Has admin subdivision 2']||'';
var locality=row['Has locality']||'';
var sourceUrl=row['Has source']||'';
features.push({type:'Feature',properties:{name:headline,event_date:eventDate,event_category:eventCat,admin1:admin1,admin2:admin2,locality:locality,source_url:sourceUrl,page_url:pageUrl},geometry:{type:'Point',coordinates:[coords.lon,coords.lat]}});
return;
}
var name=row['Has descriptive name']||row['descriptive name']||pageName;
var status=row['Has conservation priority']||row['conservation priority']||'';
var accessionId=row['Has accession ID']||row['accession ID']||'';
var growingArea=row['Has growing area']||row['growing area']||'';
var growingRegion=row['Has growing region']||row['growing region']||'';
features.push({type:'Feature',properties:{id:accessionId,name:name,status:status,growing_area:growingArea,growing_region:growingRegion,page_url:pageUrl},geometry:{type:'Point',coordinates:[coords.lon,coords.lat]}});
});
return{type:'FeatureCollection',features:features};
}
/* FIX 1: Handle newlines from template #if blocks, encode + for LiteSpeed */
function buildCSVUrl(query){
query=query.replace(/[\r\n]+/g,' ').replace(/\s+/g,' ').trim();
var parts=query.split('|');
var encodedParts=parts.map(function(part){
return part.trim()
.replace(/-/g,'-2D')
.replace(/\[/g,'-5B')
.replace(/\]/g,'-5D')
.replace(/\?/g,'-3F')
.replace(/:/g,'-3A')
.replace(/\+/g,'-2B')
.replace(/ /g,'-20');
});
var baseUrl=mw.config.get('wgScriptPath')||'';
return baseUrl+'/wiki/Special:Ask/'+encodedParts.join('/')+'/format=csv';
}
function fetchCSV(query,cb){
var url=buildCSVUrl(query);
fetch(url).then(function(r){if(!r.ok)throw new Error('CSV fetch error: '+r.status);return r.text();}).then(function(text){var data=parseCSV(text);var geojson=csvToGeoJSON(data);cb(null,geojson);}).catch(function(err){console.error('[lw-map] CSV fetch error:',err);cb(err,null);});
}
function generateHull(features){
if(!window.turf||features.length<3)return null;
try{var points=turf.featureCollection(features.map(function(f){return turf.point(f.geometry.coordinates);}));var hull;if(features.length>=4){try{hull=turf.concave(points,{maxEdge:100,units:'kilometers'});}catch(e){}}if(!hull){hull=turf.convex(points);}if(hull){hull=turf.buffer(hull,3,{units:'kilometers'});}return hull;}catch(e){console.error('[lw-map] Hull generation error:',e);return null;}
}
function groupBy(features,prop){var groups={};features.forEach(function(f){var key=f.properties[prop]||'Unknown';if(!groups[key])groups[key]=[];groups[key].push(f);});return groups;}
function initOne(el){
if(el.dataset.init)return;
el.dataset.init='1';
if(el.clientHeight<100)el.style.height='70vh';
injectStyles();
var map=L.map(el,{minZoom:2,maxZoom:17,zoomControl:false}).setView([26.4,89.5],8);
el._leaflet_map=map;
L.control.zoom({position:'topright'}).addTo(map);
var baseLayers={
basic:L.tileLayer('https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}{r}.png',{attribution:'© <a href="https://www.openstreetmap.org/copyright">OSM</a> © <a href="https://carto.com/attributions">CARTO</a>',subdomains:'abcd',maxZoom:19}),
terrain:L.tileLayer('https://server.arcgisonline.com/ArcGIS/rest/services/World_Topo_Map/MapServer/tile/{z}/{y}/{x}',{attribution:'© <a href="https://www.esri.com">Esri</a>',maxZoom:18}),
satellite:L.tileLayer('https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}',{attribution:'© <a href="https://www.esri.com">Esri</a>',maxZoom:18})
};
baseLayers.basic.addTo(map);
var currentLayer='basic';
var layerToggle=L.control({position:'topleft'});
layerToggle.onAdd=function(){
var container=L.DomUtil.create('div','lw-layer-toggle');
container.innerHTML='<button class="lw-layer-btn lw-layer-btn--active" data-layer="basic" title="Basic view"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="2"/></svg></button><button class="lw-layer-btn" data-layer="terrain" title="Terrain view"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M8 21l4-10 4 10M12 11V3M4 21l4.5-9L12 17l3.5-5L20 21"/></svg></button><button class="lw-layer-btn" data-layer="satellite" title="Satellite view"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20M2 12h20"/></svg></button>';
L.DomEvent.disableClickPropagation(container);
container.querySelectorAll('.lw-layer-btn').forEach(function(btn){
btn.addEventListener('click',function(){
var layer=this.dataset.layer;if(layer===currentLayer)return;
map.removeLayer(baseLayers[currentLayer]);baseLayers[layer].addTo(map);currentLayer=layer;
container.querySelectorAll('.lw-layer-btn').forEach(function(b){b.classList.remove('lw-layer-btn--active');});
this.classList.add('lw-layer-btn--active');
});
});
return container;
};
layerToggle.addTo(map);
var query=el.dataset.smwQuery;
if(!query)return;
var mapType=el.dataset.mapType||'';
var isInfoboxMap=el.closest('.lw-infobox')!==null;
var areaHullsLayer=L.layerGroup();
function updateLayerVisibility(){var zoom=map.getZoom();if(zoom>=6&&zoom<=12){if(!map.hasLayer(areaHullsLayer))map.addLayer(areaHullsLayer);}else{if(map.hasLayer(areaHullsLayer))map.removeLayer(areaHullsLayer);}}
var fullQuery=query;
if(!isInfoboxMap&&query.indexOf('Category:Accessions')!==-1){
fullQuery='[[Category:Accessions]]|?Has coordinates|?Has descriptive name|?Has conservation priority|?Has accession ID|?Has growing area|?Has growing region';
}
fetchCSV(fullQuery,function(err,geojson){
if(err||!geojson||!geojson.features||!geojson.features.length){
var msg=L.control({position:'bottomleft'});
msg.onAdd=function(){var d=L.DomUtil.create('div');d.style.cssText='background:white;padding:12px 16px;border-radius:8px;font-size:13px;color:#495057;box-shadow:0 2px 8px rgba(0,0,0,0.1);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;';d.innerHTML='<strong>No results found</strong><br><span style="opacity:0.7;">No mappable results for this query.</span>';return d;};
msg.addTo(map);return;
}
if(!isInfoboxMap&&window.turf&&mapType!=='eradication'){
var areaGroups=groupBy(geojson.features,'growing_area');
Object.keys(areaGroups).forEach(function(areaName){
if(areaName==='Unknown'||areaName==='')return;
var areaFeatures=areaGroups[areaName];if(areaFeatures.length<3)return;
var hull=generateHull(areaFeatures);if(!hull)return;
var worstStatus=getWorstStatusFromFeatures(areaFeatures);
var color=STATUS_COLORS[worstStatus]||BRAND.primary;
var hullLayer=L.geoJSON(hull,{style:{fillColor:color,fillOpacity:0.12,color:color,weight:2,dashArray:'6, 4',lineCap:'round'}});
hullLayer.bindPopup(popupForArea(areaName,areaFeatures.length,worstStatus,'/wiki/'+encodeURIComponent(areaName.replace(/ /g,'_'))),{className:'lw-popup',maxWidth:300});
hullLayer.bindTooltip(areaName+' ('+areaFeatures.length+')',{className:'lw-hull-tooltip',direction:'center',permanent:false});
hullLayer.on('mouseover',function(e){e.target.setStyle({fillOpacity:0.25,weight:3});});
hullLayer.on('mouseout',function(e){e.target.setStyle({fillOpacity:0.12,weight:2});});
areaHullsLayer.addLayer(hullLayer);
});
map.on('zoomend',updateLayerVisibility);
updateLayerVisibility();
}
if(isInfoboxMap||!window.L.markerClusterGroup){
var layer=L.geoJSON(geojson,{
pointToLayer:function(f,ll){
var p=f.properties||{};var status=p.status||'';var cat=p.event_category||'';
var color=(mapType==='eradication')?(EVENT_COLORS[cat]||BRAND.primary):(STATUS_COLORS[status]||BRAND.primary);
if(mapType==='eradication'){return L.circleMarker(ll,{radius:7,color:color,weight:2.6,fillColor:color,fillOpacity:0.10,dashArray:'3 3',status:status,event_category:cat});}
return L.circleMarker(ll,{radius:8,color:BRAND.white,weight:2.5,fillColor:color,fillOpacity:0.9,status:status,event_category:cat});
},
onEachFeature:function(f,ly){
var p=f.properties||{};
ly.bindPopup((mapType==='eradication')?popupForNewsItem(p):popupForAccession(p),{className:'lw-popup',closeButton:true,maxWidth:300,offset:[0,-5]});
var tip=(mapType==='eradication')?(p.name||''):(p.name||p.id||'');
if(tip){ly.bindTooltip(esc(tip),{direction:'top',offset:[0,-10],opacity:1,className:'lw-map-tooltip'});}
ly.on('mouseover',function(){if(mapType==='eradication'){this.setStyle({fillOpacity:0.22,weight:3});}else{this.setStyle({fillColor:BRAND.primaryLight,radius:10});}});
ly.on('mouseout',function(){var pp=f.properties||{};var status2=pp.status||'';var cat2=pp.event_category||'';var color2=(mapType==='eradication')?(EVENT_COLORS[cat2]||BRAND.primary):(STATUS_COLORS[status2]||BRAND.primary);if(mapType==='eradication'){this.setStyle({color:color2,fillColor:color2,fillOpacity:0.10,weight:2.6});}else{this.setStyle({fillColor:color2,radius:8});}});
}
}).addTo(map);
var b=layer.getBounds();if(b&&b.isValid())map.fitBounds(b.pad(0.3),{maxZoom:11});
}else{
var markers=L.markerClusterGroup({
maxClusterRadius:50,spiderfyOnMaxZoom:true,showCoverageOnHover:false,zoomToBoundsOnClick:true,
iconCreateFunction:function(cluster){
var children=cluster.getAllChildMarkers();var count=children.length;var color;
if(mapType==='eradication'){var worstCat=getWorstCategory(children);color=EVENT_COLORS[worstCat]||BRAND.primary;}
else{var worstStatus=getWorstStatus(children);color=STATUS_COLORS[worstStatus]||BRAND.primary;}
var sizeClass='lw-cluster';if(count<10)sizeClass+=' lw-cluster--small';else if(count>=50)sizeClass+=' lw-cluster--large';
return L.divIcon({html:'<div class="'+sizeClass+'" style="background:'+color+'">'+count+'</div>',className:'lw-cluster-icon',iconSize:[40,40]});
}
});
var allMarkers=[];
var byYear={};
/* FIX 2: Match year anywhere in string, not just start.
SMW CSV returns dates as "5 February 2000" not "2000-02-05" */
function yearFromDate(s){
var m=String(s||'').match(/(\d{4})/);
return m?m[1]:'';
}
function fitTo(list){if(!list||!list.length)return;var fg=L.featureGroup(list);var bb=fg.getBounds();if(bb&&bb.isValid())map.fitBounds(bb.pad(0.3),{maxZoom:11});}
function applyYear(y){markers.clearLayers();var list=(y==='all')?allMarkers:(byYear[y]||[]);if(list.length)markers.addLayers(list);fitTo(list);}
geojson.features.forEach(function(f){
var coords=f.geometry.coordinates;var p=f.properties||{};
var status=p.status||'';var cat=p.event_category||'';
var color=(mapType==='eradication')?(EVENT_COLORS[cat]||BRAND.primary):(STATUS_COLORS[status]||BRAND.primary);
var marker=L.circleMarker([coords[1],coords[0]],
(mapType==='eradication')
?{radius:7,color:color,weight:2.6,fillColor:color,fillOpacity:0.10,dashArray:'3 3',status:status,event_category:cat}
:{radius:8,color:BRAND.white,weight:2.5,fillColor:color,fillOpacity:0.9,status:status,event_category:cat}
);
marker.bindPopup((mapType==='eradication')?popupForNewsItem(p):popupForAccession(p),{className:'lw-popup',closeButton:true,maxWidth:300,offset:[0,-5]});
var tip=(mapType==='eradication')?(p.name||''):(p.name||p.id||'');
if(tip){marker.bindTooltip(esc(tip),{direction:'top',offset:[0,-10],opacity:1,className:'lw-map-tooltip'});}
marker.on('mouseover',function(){if(mapType==='eradication'){this.setStyle({fillOpacity:0.22,weight:3});}else{this.setStyle({fillColor:BRAND.primaryLight,radius:10});}});
marker.on('mouseout',function(){if(mapType==='eradication'){this.setStyle({fillOpacity:0.10,weight:2.6});}else{this.setStyle({fillColor:color,radius:8});}});
markers.addLayer(marker);allMarkers.push(marker);
if(mapType==='eradication'){var y=yearFromDate(p.event_date);if(y){if(!byYear[y])byYear[y]=[];byYear[y].push(marker);}}
});
map.addLayer(markers);
if(mapType==='eradication'){
var years=Object.keys(byYear).sort();
if(years.length>1){
var yearCtl=L.control({position:'topleft'});
yearCtl.onAdd=function(){
var d=L.DomUtil.create('div','lw-yearctl');
d.innerHTML='<button type="button" class="lw-yearctl__all lw-yearctl--active">All</button><input class="lw-yearctl__range" type="range" min="0" max="'+(years.length-1)+'" step="1" value="'+(years.length-1)+'"><span class="lw-yearctl__label">All</span>';
L.DomEvent.disableClickPropagation(d);
var btn=d.querySelector('.lw-yearctl__all');
var rng=d.querySelector('.lw-yearctl__range');
var lab=d.querySelector('.lw-yearctl__label');
btn.addEventListener('click',function(){btn.classList.add('lw-yearctl--active');lab.textContent='All';applyYear('all');});
rng.addEventListener('input',function(){btn.classList.remove('lw-yearctl--active');var y=years[parseInt(rng.value,10)];lab.textContent=y;applyYear(y);});
return d;
};
yearCtl.addTo(map);
}
applyYear('all');
}else{
var b2=markers.getBounds();if(b2&&b2.isValid())map.fitBounds(b2.pad(0.3),{maxZoom:11});
}
}
setTimeout(function(){map.invalidateSize(true);},100);
});
}
function init(root){(root||document).querySelectorAll('.lw-map').forEach(initOne);}
addCSS(CDN+'leaflet.css','leaflet-css');
addCSS(CLUSTER_CDN+'MarkerCluster.css','markercluster-css');
addCSS(CLUSTER_CDN+'MarkerCluster.Default.css','markercluster-default-css');
addJS(CDN+'leaflet.js',function(){
addJS(CLUSTER_CDN+'leaflet.markercluster.js',function(){
addJS(TURF_CDN,function(){
init();
if(window.mw&&mw.hook){mw.hook('wikipage.content').add(function($c){init($c&&$c[0]?$c[0]:document);});}
},'turf-js');
},'markercluster-js');
},'leaflet-js');
})();
/**
* Auto-preload templates for new talk pages
*/
(function(){
'use strict';
if(mw.config.get('wgAction')!=='edit')return;
if(mw.config.get('wgArticleId')!==0)return;
if(mw.config.get('wgNamespaceNumber')!==1)return;
var mainPageTitle=mw.config.get('wgTitle');
var categoryToPreload={'Category:Countries':'Template:Talk preload/Country','Category:States':'Template:Talk preload/State','Category:Growing Regions':'Template:Talk preload/Growing region','Category:Growing Areas':'Template:Talk preload/Growing area','Category:Accessions':'Template:Talk preload/Accession'};
var defaultPreload='Template:Talk preload/Default';
mw.loader.using(['mediawiki.api'],function(){
var api=new mw.Api();
$(function(){
var $textbox=$('#wpTextbox1');if($textbox.val().trim())return;
api.get({action:'query',titles:mainPageTitle,prop:'categories',cllimit:50,format:'json'}).done(function(data){
var pages=data.query.pages;var categories=[];
for(var id in pages){if(pages[id].categories){categories=pages[id].categories.map(function(c){return c.title;});}}
var preloadTemplate=defaultPreload;
for(var cat in categoryToPreload){if(categories.indexOf(cat)!==-1){preloadTemplate=categoryToPreload[cat];break;}}
api.get({action:'query',titles:preloadTemplate,prop:'revisions',rvprop:'content',rvslots:'main',format:'json'}).done(function(data){
var pages=data.query.pages;
for(var id in pages){if(pages[id].revisions){var content=pages[id].revisions[0].slots.main['*'];content=content.replace(/<noinclude>[\s\S]*?<\/noinclude>/g,'');content=content.trim();$textbox.val(content);}}
}).fail(function(){$textbox.val('{{TalkHeader}}\n\n== Discussion ==\n');});
});
});
});
})();
// </nowiki>