console.log('[wpgmza-icons] custom JS field is firing'); (function(){ function log(){ console.log.apply(console, ['[wpgmza-icons]'].concat([].slice.call(arguments))); } var iconMap = null; window.wpgmzaCategoryIconMap = {}; function walk(node, out){ if(!node) return; if(node.id && node.icon && node.icon.url){ out[node.id] = node.icon.url; } if(node.children && node.children.length){ for(var i = 0; i < node.children.length; i++){ walk(node.children[i], out); } } } function getRestUrl(){ var root = '/wp-json/'; if(window.wpApiSettings && window.wpApiSettings.root){ root = window.wpApiSettings.root; } if(root.charAt(root.length - 1) !== '/'){ root = root + '/'; } return root + 'wpgmza/v1/categories/'; } function fetchIcons(){ var url = getRestUrl(); log('fetching', url); return fetch(url, { credentials: 'same-origin' }).then(function(r){ if(!r.ok){ throw new Error('HTTP ' + r.status); } return r.json(); }).then(function(tree){ var map = {}; walk(tree, map); window.wpgmzaCategoryIconMap = map; log('built icon map', map); return map; }).catch(function(e){ log('REST fetch failed', e); return {}; }); } function getCategoryCheckboxes(){ return document.querySelectorAll('input.wpgmza_checkbox[name="wpgmza_cat_checkbox"]'); } function triggerFilterUpdate(mapIds){ if(!window.WPGMZA || typeof window.WPGMZA.getMapByID !== 'function'){ return false; } var triggered = 0; for(var id in mapIds){ try { var map = window.WPGMZA.getMapByID(id); if(map && map.markerFilter && typeof map.markerFilter.update === 'function'){ map.markerFilter.update(); triggered++; } } catch(e){ log('markerFilter.update failed for map', id, e); } } log('triggered markerFilter.update on', triggered, 'map(s)'); return triggered > 0; } function clearAllCategoryCheckboxes(){ var checkboxes = getCategoryCheckboxes(); var mapIds = {}; for(var i = 0; i < checkboxes.length; i++){ if(checkboxes[i].checked){ checkboxes[i].checked = false; var mid = checkboxes[i].getAttribute('mid'); if(mid){ mapIds[mid] = true; } } } if(Object.keys(mapIds).length === 0){ var allCheckboxes = getCategoryCheckboxes(); for(var n = 0; n < allCheckboxes.length; n++){ var anyMid = allCheckboxes[n].getAttribute('mid'); if(anyMid){ mapIds[anyMid] = true; } } } var ok = triggerFilterUpdate(mapIds); if(!ok){ log('falling back to dispatching change events'); for(var j = 0; j < checkboxes.length; j++){ checkboxes[j].dispatchEvent(new Event('change', { bubbles: true })); if(window.jQuery){ window.jQuery(checkboxes[j]).trigger('change'); } } } } function updateShowAllState(){ var anyChecked = false; var checkboxes = getCategoryCheckboxes(); for(var i = 0; i < checkboxes.length; i++){ if(checkboxes[i].checked){ anyChecked = true; break; } } var holders = document.querySelectorAll('.wpgmza-show-all-holder'); for(var j = 0; j < holders.length; j++){ if(anyChecked){ holders[j].classList.remove('wpgmza-show-all-checked'); } else { holders[j].classList.add('wpgmza-show-all-checked'); } } } function ensureShowAllPill(){ var uls = document.querySelectorAll('ul.wpgmza_cat_ul'); for(var i = 0; i < uls.length; i++){ var ul = uls[i]; if(ul.classList.contains('wpgmza_cat_ul_child')){ continue; } if(ul.querySelector('.wpgmza-show-all-holder')){ continue; } var li = document.createElement('li'); li.className = 'wpgmza_cat_checkbox_item_holder wpgmza-show-all-holder wpgmza-show-all-checked'; var btn = document.createElement('button'); btn.type = 'button'; btn.className = 'wpgmza-show-all-button'; btn.textContent = 'Show all'; li.appendChild(btn); ul.insertBefore(li, ul.firstChild); btn.addEventListener('click', function(e){ e.preventDefault(); clearAllCategoryCheckboxes(); updateShowAllState(); }); } var cats = getCategoryCheckboxes(); for(var m = 0; m < cats.length; m++){ if(cats[m].dataset.showAllListenerAdded){ continue; } cats[m].addEventListener('change', updateShowAllState); cats[m].dataset.showAllListenerAdded = '1'; } updateShowAllState(); } function inject(){ if(!iconMap) return; ensureShowAllPill(); var checkboxes = getCategoryCheckboxes(); var injected = 0; for(var i = 0; i < checkboxes.length; i++){ var cb = checkboxes[i]; if(cb.dataset.iconAdded){ continue; } var url = iconMap[cb.value]; if(!url){ continue; } var label = cb.parentNode.querySelector('label[for="' + cb.id + '"]'); var img = document.createElement('img'); img.src = url; img.className = 'wpgmza-cat-filter-icon'; if(label){ label.insertBefore(img, label.firstChild); } else { cb.parentNode.insertBefore(img, cb.nextSibling); } cb.dataset.iconAdded = '1'; injected++; } if(injected){ log('injected', injected, 'icons; total checkboxes:', checkboxes.length); } } function markReady(){ var filters = document.querySelectorAll('.wpgmza-marker-listing-category-filter'); for(var i = 0; i < filters.length; i++){ filters[i].classList.add('wpgmza-icons-ready'); } } function start(){ // Failsafe: reveal after 4s even if fetch fails or returns no icons setTimeout(markReady, 4000); fetchIcons().then(function(map){ iconMap = map; inject(); markReady(); setTimeout(inject, 1500); setTimeout(inject, 3000); }); } if(document.readyState === 'loading'){ document.addEventListener('DOMContentLoaded', start); } else { start(); } })(); (function(){ function log(){ console.log.apply(console, ['[wpgmza-iw]'].concat([].slice.call(arguments))); } var colorCache = {}; function getDominantColor(img){ try { var canvas = document.createElement('canvas'); canvas.width = img.naturalWidth || img.width; canvas.height = img.naturalHeight || img.height; var ctx = canvas.getContext('2d'); ctx.drawImage(img, 0, 0); var data = ctx.getImageData(0, 0, canvas.width, canvas.height).data; var r = 0, g = 0, b = 0, n = 0; for(var i = 0; i < data.length; i += 4){ var alpha = data[i + 3]; if(alpha < 128) continue; r += data[i]; g += data[i+1]; b += data[i+2]; n++; } if(n === 0) return null; return 'rgb(' + Math.round(r/n) + ',' + Math.round(g/n) + ',' + Math.round(b/n) + ')'; } catch(e){ log('canvas color extract failed', e); return null; } } function getCategoryColor(iconUrl, cb){ if(!iconUrl){ cb(null); return; } if(colorCache[iconUrl]){ cb(colorCache[iconUrl]); return; } var img = new Image(); img.crossOrigin = 'anonymous'; img.onload = function(){ var color = getDominantColor(img); if(color){ colorCache[iconUrl] = color; } cb(color); }; img.onerror = function(){ cb(null); }; img.src = iconUrl; } function findMarker(markerId){ if(!window.WPGMZA || !WPGMZA.maps) return null; for(var i = 0; i < WPGMZA.maps.length; i++){ var map = WPGMZA.maps[i]; if(!map || !map.markers) continue; for(var j = 0; j < map.markers.length; j++){ if(String(map.markers[j].id) === String(markerId)) return map.markers[j]; } } return null; } function applyCategoryColor(panel){ var cats = panel.querySelector('.wpgmza-categories'); if(!cats) return; var markerId = panel.getAttribute('data-marker-id'); if(!markerId) return; var marker = findMarker(markerId); if(!marker) return; var markerCats = marker.categories; if(typeof markerCats === 'string'){ markerCats = markerCats.split(','); } if(!markerCats || !markerCats.length) return; var catId = String(markerCats[0]).trim(); if(!catId) return; var iconMap = window.wpgmzaCategoryIconMap || {}; var iconUrl = iconMap[catId]; if(!iconUrl) return; getCategoryColor(iconUrl, function(color){ if(color){ cats.style.backgroundColor = color; } }); } function moveCategoryToActions(panel){ var cats = panel.querySelector('.wpgmza-categories'); var actions = panel.querySelector('.wpgmza-panel-actions'); if(!cats || !actions) return; if(cats.parentElement === actions) return; actions.insertBefore(cats, actions.firstChild); } function enhanceGallery(panel){ var imgs = panel.querySelectorAll('.wpgmza-gallery-stage .wpgmza-gallery-item img'); for(var i = 0; i < imgs.length; i++){ var img = imgs[i]; if(img.dataset.iwFadeProcessed) continue; img.dataset.iwFadeProcessed = '1'; try { img.loading = 'lazy'; } catch(e){} if(img.complete && img.naturalWidth > 0){ requestAnimationFrame(function(el){ return function(){ el.classList.add('wpgmza-iw-loaded'); }; }(img)); } else { img.addEventListener('load', function(){ this.classList.add('wpgmza-iw-loaded'); }); img.addEventListener('error', function(){ this.classList.add('wpgmza-iw-loaded'); }); } } } function enhanceAddress(panel){ var addr = panel.querySelector('.wpgmza-address'); if(!addr) return; var existing = addr.querySelector('.wpgmza-iw-directions'); if(existing){ existing.parentNode.removeChild(existing); } var span = addr.querySelector('span[data-name="address"]'); if(!span) return; var text = (span.textContent || '').trim(); if(!text) return; var a = document.createElement('a'); a.className = 'wpgmza-iw-directions'; a.href = 'https://www.google.com/maps/dir/?api=1&destination=' + encodeURIComponent(text); a.target = '_blank'; a.rel = 'noopener'; a.textContent = 'Get Directions'; addr.appendChild(a); } function enhancePanel(panel){ if(!panel) return; if(!panel.getAttribute('data-marker-id')) return; moveCategoryToActions(panel); enhanceGallery(panel); enhanceAddress(panel); applyCategoryColor(panel); } function enhanceAll(){ var panels = document.querySelectorAll('.wpgmza-panel-info-window-populated'); for(var i = 0; i < panels.length; i++){ enhancePanel(panels[i]); } } var debounceTimer = null; function scheduleEnhance(){ if(debounceTimer) return; debounceTimer = setTimeout(function(){ debounceTimer = null; enhanceAll(); }, 50); } function bind(){ var observer = new MutationObserver(function(mutations){ for(var i = 0; i < mutations.length; i++){ var m = mutations[i]; if(m.type === 'attributes'){ var t = m.target; if(t && t.classList && t.classList.contains('wpgmza-panel-info-window')){ scheduleEnhance(); } } else if(m.type === 'childList'){ for(var j = 0; j < m.addedNodes.length; j++){ var n = m.addedNodes[j]; if(n.nodeType !== 1) continue; if(n.classList && n.classList.contains('wpgmza-panel-info-window')){ scheduleEnhance(); break; } if(n.querySelector && n.querySelector('.wpgmza-panel-info-window')){ scheduleEnhance(); break; } } } } }); observer.observe(document.body, { childList:true, subtree:true, attributes:true, attributeFilter:['data-marker-id','class'] }); enhanceAll(); } if(document.readyState === 'loading'){ document.addEventListener('DOMContentLoaded', bind); } else { bind(); } })();

Edinburgh Literary Map