WME script for WazeMY editing moderation
目前為
// ==UserScript==
// @name WME WazeMY
// @namespace https://greasyfork.org/en/scripts/404584-wazemy
// @version 2023.04.25.01
// @description WME script for WazeMY editing moderation
// @author junyianl
// @match https://beta.waze.com/*
// @match https://www.waze.com/editor*
// @match https://www.waze.com/*/editor*
// @exclude https://www.waze.com/user/editor*
// @require https://greasyfork.org/scripts/24851-wazewrap/code/WazeWrap.js
// @require https://greasyfork.org/scripts/449165-wme-wazemy-trafcamlist/code/wme-wazemy-trafcamlist.js
// @grant GM_xmlhttpRequest
// @license MIT
// ==/UserScript==
// @connect p3.fgies.com
// @connect p4.fgies.com
// @connect t2.fgies.com
// @connect jalanow.com
// @connect llm.gov.my
/* global W */
/* global WazeWrap */
/* global $ */
/* global OL */
/* global OpenLayers */
/**
* All mentions of script names and links in this script is my way of giving
* credit to where it's due.
* Without those scripts, I would have no place to start.
* Big thanks to the original script authors.
*
* Huge thanks to the following contributors for cam locations around Malaysia.
* :: epailxi | dckj | firman_bakti | rickylo103 | kweeheng ::
*/
// var trafficCamsData = [
// { desc: 'Jalan Sultan Ismail / Jalan Imbi near Berjaya Times Square KL', lat: 3.14369, lon: 101.71245, url: { Jalanow: 'https://p4.fgies.com/kl8/img/K012W.jpg' } },
// { desc: 'PLS CAM C2 SLIM RIVER IC KM372.6 NB', lat: 3.84943, lon: 101.39765, url: {LLM: 'https://www.llm.gov.my/assets/ajax.vigroot.php?h=PLS|PLS CAM C2 SLIM RIVER IC KM372.6 NB'} },
// { desc: 'PLUS-Utara near Tapah KM324.4 SB', lat: 4.236409, lon: 101.255623, url: {Jalanow: 'https://p3.fgies.com/bucket-e1e2/E1E2-22.jpg',LLM: 'https://www.llm.gov.my/assets/ajax.vigroot.php?h=PLS|PLS CAM C1 TAPAH KM324.4 SB'} },
// { desc: 'DUKE CAM 10 SENTUL PASAR KM0.7 NB', lat: 3.19891, lon: 101.69867, url: {Jalanow: 'https://p3.fgies.com/bucket-duke/DUKE-10.jpg',LLM: 'https://www.llm.gov.my/assets/ajax.vigroot.php?h=DUKE'} },
// { desc: 'PLUS-Utara near Slim River KM373.9 NB', lat: 3.841385, lon: 101.407039, url: {Jalanow: 'https://p3.fgies.com/bucket-e1e2/E1E2-06.jpg',LLM: 'https://www.llm.gov.my/assets/ajax.vigroot.php?h=PLS|PLS CAM C2 SLIM RIVER KM373.9 NB'} },
// ];
const updateMessage = `
Fixed tooltips after latest WME update.
NEW FEATURE!! PP/PA images enlarger. Gets the non-thumbnail version in a new tab window.
`;
var staticUpdateID;
(function () {
'use strict';
var settings = {};
console.log("[WazeMY] Bootstrapping...");
if (W?.userscripts?.state.isInitialized) {
onInitialized();
} else {
document.addEventListener("wme-initialized", onInitialized, { once:true });
}
function onInitialized() {
if (W?.userscripts?.state.isReady) {
onReady();
} else {
document.addEventListener("wme-ready", onReady, { once:true });
}
}
function onReady() {
console.log("[WazeMY] Initializing...");
const { tabLabel, tabPane } = W.userscripts.registerSidebarTab("wazemy");
tabLabel.innerText = "WazeMY";
tabLabel.title = "WazeMY";
tabPane.innerHTML = `
<div>
<h4>WazeMY</h4>
<b>${GM_info.script.version}</b>
</div>
<br>
<div id="wazemySettings">
<h6>Settings</h6>
<input type="checkbox" id="wazemySettings_tooltip">
<label for="wazemySettings_tooltip">Map tooltip</label>
<br>
<input type="checkbox" id="wazemySettings_trafcam">
<label for="wazemySettings_trafcam">Traffic cameras</label>
<br>
<br>
</div>
<div>
<h6>Shortcuts</h6>
Ctrl+Alt+C: <i>Copy lat/lon of mouse position to clipboard.</i><br>
</div>
`;
wazemyTooltip_init();
wazemyTrafcam_init();
wazemyImgEnlarge_init();
WazeWrap.Interface.ShowScriptUpdate(
"WME WazeMY",
GM_info.script.version,
updateMessage,
"https://greasyfork.org/en/scripts/404584-wazemy",
null);
new WazeWrap.Interface.Shortcut(
"WazeMY_latloncopy",
"Copies lat/lon of mouse position",
"wazemy",
"WazeMY",
"CA+c",
wazemyCopyLatLon,
null).add();
initializeSettings();
console.log("[WazeMY] Initialized.");
}
// function onInitialized2() {
// console.log("[WazeMY] Initializing...");
// // Initialize features of WME WazeMY
// wazemyTooltip_init();
// wazemyTrafcam_init();
// WazeWrap.Interface.ShowScriptUpdate("WME WazeMY", GM_info.script.version,
// updateMessage, "https://greasyfork.org/en/scripts/404584-wazemy", null);
// // Initialize keyboard shortcuts
// new WazeWrap.Interface.Shortcut('WazeMY_latloncopy',
// 'Copies lat/lon of mouse position', 'wazemy', 'WazeMY', 'CA+c',
// wazemyCopyLatLon, null).add();
// // Initialize Koi later because of dependency on the Settings page.
// // wazemyKoi_init();
// console.log("[WazeMY] Init complete.")
// }
/* ******* */
/* Tooltip */
/* ******* */
function wazemyTooltip_init() {
let $tooltip = $('<div/>');
$tooltip.attr('id', 'wazemyTooltip');
$tooltip.css({
'height': 'auto',
'width': 'auto',
'background': 'rgba(0,0,0,0.5)',
'color': 'white',
'borderRadius': '5px',
'padding': '5px',
'position': 'absolute',
'top': '0px',
'left': '0px',
'visibility': 'hidden',
'zIndex': '10000'
})
$tooltip.appendTo('body');
}
function wazemyTooltip_initSettings() {
setChecked('wazemySettings_tooltip', settings.tooltip);
if (settings.tooltip) {
WazeWrap.Events.register('mousemove', null, wazemyTooltip_show);
}
$('#wazemySettings_tooltip').change(function () {
var settingName = $(this)[0].id.substr(15); // strip off the "wazemySettings_" prefix
settings[settingName] = this.checked;
saveSettings();
if (this.checked) {
WazeWrap.Events.register('mousemove', null, wazemyTooltip_show);
}
else {
$('#wazemyTooltip').css('visibility', 'hidden');
WazeWrap.Events.unregister('mousemove', null, wazemyTooltip_show);
}
});
}
function wazemyTooltip_show(e) { // from URO+
var result = '';
var showTooltip = false;
let landmark = W.map.venueLayer.getFeatureBy('renderIntent', 'highlight');
let segment = W.map.segmentLayer.getFeatureBy('renderIntent', 'highlight');
if (landmark != null) {
result = '<b>' + landmark.attributes.repositoryObject.attributes.name + '</b><br>';
let address = landmark.attributes.repositoryObject.getAddress();
try {
result += address.attributes.houseNumber ? (address.attributes.houseNumber + ', ') : ''
result += (address.attributes.street.name ? address.attributes.street.name : 'No street') + '<br>';
result += address.attributes.city.attributes.name + ', ';
result += address.attributes.state.name + '<br>';
}
catch {
result += 'No address<br>';
}
result += '<b>Lock:</b> ' + (landmark.attributes.repositoryObject.getLockRank() + 1);
showTooltip = true;
} else if (segment != null) {
let segmentId = segment.attributes.repositoryObject.attributes.id;
// let primaryStreetId = WazeWrap.Model.getPrimaryStreetId(segmentId);
let address = segment.attributes.repositoryObject.getAddress();
result = '<b>';
result += address.attributes.street.name ? address.attributes.street.name : 'No street';
result += '</b><br>';
result += address.attributes.city.attributes.name + ', ' + address.attributes.state.name;
result += '<br>';
result += '<b>ID:</b> ' + segmentId + '<br>';
result += '<b>Lock:</b> ' + (segment.attributes.repositoryObject.getLockRank() + 1);
showTooltip = true;
}
if (showTooltip == true) {
let tw = $('#wazemyTooltip').width();
let th = $('#wazemyTooltip').height();
var tooltipX = e.clientX + window.scrollX + 15;
var tooltipY = e.clientY + window.scrollY + 15;
// Handle cases where tooltip is too near the edge.
if ((tooltipX + tw) > W.map.$map.innerWidth()) {
tooltipX -= tw + 20; // 20 = scroll bar size
if (tooltipX < 0) tooltipX = 0;
}
if ((tooltipY + th) > W.map.$map.innerHeight()) {
tooltipY -= th + 20;
if (tooltipY < 0) tooltipY = 0;
}
$('#wazemyTooltip').html(result);
$('#wazemyTooltip').css({
'top': tooltipY + 'px',
'left': tooltipX + 'px',
'visibility': 'visible'
});
} else {
$('#wazemyTooltip').css('visibility', 'hidden');
}
}
/* *************** */
/* Traffic cameras */
/* *************** */
// Adapted from WME DOT Cameras
var wazemyTrafcamLayer;
function wazemyTrafcam_init() {
if (!OpenLayers.Icon) {
wazemyTrafcam_installIconClass();
}
wazemyTrafcamLayer = new OpenLayers.Layer.Markers("wazemyTrafcamLayer");
W.map.addLayer(wazemyTrafcamLayer);
wazemyTrafcam_showIcons();
wazemyTrafcamLayer.setVisibility(false);
}
function wazemyTrafcam_initSettings() {
setChecked('wazemySettings_trafcam', settings.trafcam);
if (settings.trafcam) {
wazemyTrafcamLayer.setVisibility(true);
// WazeWrap.Events.register('moveend', null, wazemyTrafcam_show);
}
$('#wazemySettings_trafcam').change(function () {
var settingName = $(this)[0].id.substr(15); // strip off the "wazemySettings_" prefix
settings[settingName] = this.checked;
saveSettings();
if (this.checked) {
wazemyTrafcamLayer.setVisibility(true);
// WazeWrap.Events.register('moveend', null, wazemyTrafcam_show);
} else {
// WazeWrap.Events.unregister('moveend', null, wazemyTrafcam_show);
wazemyTrafcamLayer.setVisibility(false);
}
});
}
function wazemyTrafcam_showIcons() {
trafficCamsData.forEach((e, idx) => {
wazemyTrafcam_drawCamIcon({
idx: idx,
desc: e.desc,
src: e.url,
width: 20,
height: 20,
lat: e.lat,
lon: e.lon
});
});
}
function wazemyTrafcam_drawCamIcon(spec) {
const camIcon = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAAGXcA1uAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpBRDNGNTkwRTYzQThFMzExQTc4MDhDNjAwODdEMzdEQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2OUI0RUEyN0IwRjcxMUUzOERFM0E1OTJCRUY3NTFBOCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2OUI0RUEyNkIwRjcxMUUzOERFM0E1OTJCRUY3NTFBOCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgV2luZG93cyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjZGOEJBMzExNkZCMEUzMTFCOEY5QTU3QUQxM0M2MjI5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFEM0Y1OTBFNjNBOEUzMTFBNzgwOEM2MDA4N0QzN0RBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+TV0cjwAABbhJREFUeNpiYIAAXiZGCIMPiP//f8DwnwnI+PT/HZD8y8AAEEBQVQzTwOSfuwz/u6qAyh4y/Gf8f4/hPwMnUJSZgQEggMCyzpZAmbsILMTHcAokPhPEWT8dqJoBgvetAtMMDBIiDCf/P4bqeMXwf+t8BiOAAGJAAqVA7A1iPH/+goFBT4OB8f9LJDueAzFQgOHGLoTZYEGgpJgww0+G/68ZQArAEsryEHpRN5BuK4FIcHMhjJORVTvBYG3MwPD2CkKwKAVI/3nBABBAYOcY6zKAjGSQEmP4cGkXxMlgK4BeaCll+B/lzzDh/yegmr8vIO4HGv/l/0eG/w4WDP9fnUM4Dhl/uMzwf/6CFQ4g9RUgE3ctRvgGGSvJMfw/tw3i7sY8hv8sQMGrQE8yuFoBZe8CeRwMDIKaDAyWRgwM2xYD+exA/AuIvwAV3kaE6sSPQCuBHv2vqczwf0YL0MR7SE4CsgsTGP5///aSCZQSGDRVGPJfv2dgNDNkcP30heHbB6BpyzYyMCRVMjCwqDIcOX+LgTEtioGRhfn/P4AAbJTfK0NhGMe/Z+ecpVkrScnIlCiWkoulpFyhxgXKXCGK3XGBG/4BJcoNN665tqsxo6XshiKtyQybn82vMZPF63nPOXKYi+fieU7P8z59P9/n6NlBVNrRRDFPMUlRIGhmM0gWzk5NSCFMuDE2MqAaUJGUhDgOgNmKkXmLwMRudA11diynI9lSKhEHG+oBu9q1mHkDf9AWWkM0dgHEb4H+PqqkKD51uxpJuSoDHpIfAowyohyUveJH+9pqUjigav/9UnIfzO/frkRvBxUuwcpK/gc3PkzfzynuwRoanYuStZDKaeAkwA8QEPJ/CYfpBUCmqxp1E7uXJ6u0tUNVQbvIR+DIBzgHgQMvrZ5LZWIiSuowh6N+nQ9ZYgnNcLTzdRBsz5Ot1socWCr1KipYulrJVDIQjqjwgqsESvcPQB5QWmP2nsWem5X80IeizhaadPfHQwTxnXJTDk5ZQgeOOCC0ScY0wtPdRrc4AzY7BVZuQ8bVDhcXJLyhNnwJUFj5hTQVhmH8mQ7H5nYYkRxJw8hqBWYsLIr+gisKYobdjKguClOKLiQvgrrwqogiIr1wECHdRCCjIopNiCKZIGkthysrrWSklg36M6O5fT3fzmk7C8kDL4zt2/neP8/ze01/b6XuceWsVmAJJR56gurObjSn0/DWrEY152SmIyFBNk1sxZhBZAQTyVmEDjeiy9eAQdm4FK1gLlHg8Y3CYlXzZW12A1+GYd1Yi1u1LogXQSYgmxdnjM8jsTFNZvLMxADE3h0QS8vxNNqLJWKa2ZMXBRXwaaNmL/XdoUct+hhtjF+MFBZ+zJq5Gw6ywoRyI/xs/JjJtCj38+XWo3rGdM6pI3nlqYshmmiGx7fJpLE8rAqGZQy+49o5CNeauoeplJZZPbWfztqSWurvmV/ixrCXQjRSFQE/xI8R/dK44VJae99OorWt/Xh2tZxp0Q+903zynX/q6YLwevgy28IXyiBYxCY3cXYeIvGGRL0Isc697Z5k0NRMQj8Grd92zuDALuAuIRm8CVSohe1uYZ+T74FwADjdBFBh6GgH+mm3ZuLDSb9Ocg9YLNYZOeSyUitevupFeWWVTlzjQ0dNfQJW1fOybulPWlmyZ85wpshQC43/m+9YsR2ZTn9wg5z955+z2FO3H0PRIIqcHHzgPpAgNukwOJzAwCB3NiFQxsyyjJ37J4lMXklpfnaRyidaO3xe7+6h3JmVy2CjkcInD3EO3/T1xsFn3mobX0z+RzkfNAxcpXrIjo+RkFKp0VLkk1hfwwqJr69RODxbcH05gem/wIEN62TV13XuMxNIvqYYqCT6R6x14UHsEarkwhBxJbtnC4wmS9fXDuT2stFkxIDsp4tfbZU5MCr0jnMbIMLoKy7Gc8WunU3rxHMoCmKxUaiqij/5alOWhMPoGAAAAABJRU5ErkJggg==';
let size = new OpenLayers.Size(20, 20);
let icon = new OpenLayers.Icon(camIcon, size);
let epsg4326 = new OpenLayers.Projection("EPSG:4326"); // WGS 1984 projection. Malaysia uses EPSG:900913
let projectTo = W.map.getProjectionObject();
let lonLat = new OpenLayers.LonLat(spec.lon, spec.lat).transform(epsg4326, projectTo);
var newMarker = new OpenLayers.Marker(lonLat, icon);
newMarker.idx = spec.idx;
newMarker.title = spec.desc;
newMarker.url = spec.src;
newMarker.width = spec.width;
newMarker.height = spec.height;
newMarker.location = lonLat;
newMarker.events.register('click', newMarker, wazemyTrafcam_popupCam);
wazemyTrafcamLayer.addMarker(newMarker);
}
function wazemyTrafcam_popupCam(e) {
// console.log("wazemyTrafcam_popupCam");
clearInterval(staticUpdateID);
$("#gmPopupContainerCam").remove();
$("#gmPopupContainerCam").hide();
var popupHTML = ([`
<div id="gmPopupContainerCam" style="margin: 1;text-align: center;padding: 5px;z-index: 1100; position: absolute; color: white; background: rgba(0,0,0,0.5)">
<table border=0>
<tr>
<td><div id="mycamdivheader" style="min-height: 20px;white-space: pre-wrap;white-space: -moz-pre-wrap; white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;width:380px">${this.title}</div></td>
<td align="right"><a href="#close" id="gmCloseCamDlgBtn" title="Close" style="color:red">X</a></td>
</tr>
<tr><td colspan=2>Select source:
<select id="wazemy_camSource">
</select>
<div hidden id="mycamid">${this.idx}</div>
</td></tr>
<tr><td colspan=2><img style="width:400px" id="staticimage"></td></tr>
<tr><td colspan=2><div id="mycamstatus"></div></td></tr>
</table></div>
`]);
$("body").append(popupHTML);
for (var urlsrc in this.url) {
if (urlsrc == 'LLM') {
let sp = this.url['LLM'].split('|');
if (sp.length == 2) {
$('#wazemy_camSource').append($('<option>').val(urlsrc).text(urlsrc));
}
} else {
$('#wazemy_camSource').append($('<option>').val(urlsrc).text(urlsrc));
}
}
$("#wazemy_camSource").change(function (e) {
switch (this.value) {
case 'Jalanow':
wazemyTrafcam_getJalanowImage(trafficCamsData[$('#mycamid').text()]['url']['Jalanow']);
break;
case 'LLM':
wazemyTrafcam_getLLMImage(trafficCamsData[$('#mycamid').text()]['url']['LLM']);
break;
}
});
// Get image for the first time when popup is displayed.
switch (Object.keys(this.url)[0]) {
case 'Jalanow':
wazemyTrafcam_getJalanowImage(this.url['Jalanow']);
break;
case 'LLM':
wazemyTrafcam_getLLMImage(this.url['LLM']);
break;
}
// Handle cases where popup is too near the edge.
let tw = $('#gmPopupContainerCam').width();
let th = $('#gmPopupContainerCam').height() + 200;
var tooltipX = e.clientX + window.scrollX + 15;
var tooltipY = e.clientY + window.scrollY + 15;
if ((tooltipX + tw) > W.map.$map.innerWidth()) {
tooltipX -= tw + 20; // 20 = scroll bar size
if (tooltipX < 0) tooltipX = 0;
}
if ((tooltipY + th) > W.map.$map.innerHeight()) {
tooltipY -= th + 20;
if (tooltipY < 0) tooltipY = 0;
}
$("#gmPopupContainerCam").css({ left: tooltipX });
$("#gmPopupContainerCam").css({ top: tooltipY });
//Add listener for popup's "Close" button
$("#gmCloseCamDlgBtn").click(function () {
clearInterval(staticUpdateID);
$("#gmPopupContainerCam").remove();
$("#gmPopupContainerCam").hide();
});
wazemyTrafcam_dragElement(document.getElementById("gmPopupContainerCam"));
}
function wazemyTrafcam_getJalanowImage(url) {
GM_xmlhttpRequest({
method: 'GET',
responseType: 'blob',
headers: {
"authority": "p4.fgies.com",
"referer": 'https://www.jalanow.com/',
'accept': 'image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8'
},
url: url,
onload: function (response) {
document.getElementById('staticimage').src = URL.createObjectURL(response.response);
document.getElementById('mycamstatus').innerHTML = "";
},
onerror: function (response) {
document.getElementById('mycamstatus').innerHTML = "Error loading image.";
},
onprogress: function (response) {
document.getElementById('mycamstatus').innerHTML = "Loading image...";
}
});
}
function wazemyTrafcam_getLLMImage(url) {
let camImg = url.split("|");
GM_xmlhttpRequest({
method: 'GET',
responseType: 'document',
url: camImg[0],
onload: function (response) {
const re = new RegExp('src="data:image\/png;base64, ([A-Za-z0-9/+=]*)" title="' + camImg[1] + '"');
const m = response.responseText.match(re);
document.getElementById('staticimage').src = "data:image/png;base64," + m[1];
document.getElementById('mycamstatus').innerHTML = "";
},
onerror: function (response) {
document.getElementById('mycamstatus').innerHTML = "Error loading image.";
},
onprogress: function (response) {
document.getElementById('mycamstatus').innerHTML = "Loading image...";
}
})
}
function wazemyTrafcam_installIconClass() {
OpenLayers.Icon = OpenLayers.Class({
url: null,
size: null,
offset: null,
calculateOffset: null,
imageDiv: null,
px: null,
initialize: function (a, b, c, d) {
this.url = a;
this.size = b || {
w: 20,
h: 20
};
this.offset = c || {
x: -(this.size.w / 2),
y: -(this.size.h / 2)
};
this.calculateOffset = d;
a = OpenLayers.Util.createUniqueID("OL_Icon_");
let div = this.imageDiv = OpenLayers.Util.createAlphaImageDiv(a);
$(div.firstChild).removeClass('olAlphaImg'); // LEAVE THIS LINE TO PREVENT WME-HARDHATS SCRIPT FROM TURNING ALL ICONS INTO HARDHAT WAZERS --MAPOMATIC
},
destroy: function () {
this.erase();
OpenLayers.Event.stopObservingElement(this.imageDiv.firstChild);
this.imageDiv.innerHTML = "";
this.imageDiv = null;
},
clone: function () {
return new OpenLayers.Icon(this.url, this.size, this.offset, this.calculateOffset);
},
setSize: function (a) {
null !== a && (this.size = a);
this.draw();
},
setUrl: function (a) {
null !== a && (this.url = a);
this.draw();
},
draw: function (a) {
OpenLayers.Util.modifyAlphaImageDiv(this.imageDiv, null, null, this.size, this.url, "absolute");
this.moveTo(a);
return this.imageDiv;
},
erase: function () {
null !== this.imageDiv && null !== this.imageDiv.parentNode && OpenLayers.Element.remove(this.imageDiv);
},
setOpacity: function (a) {
OpenLayers.Util.modifyAlphaImageDiv(this.imageDiv, null, null, null, null, null, null, null, a);
},
moveTo: function (a) {
null !== a && (this.px = a);
null !== this.imageDiv && (null === this.px ? this.display(!1) : (
this.calculateOffset && (this.offset = this.calculateOffset(this.size)),
OpenLayers.Util.modifyAlphaImageDiv(this.imageDiv, null, {
x: this.px.x + this.offset.x,
y: this.px.y + this.offset.y
})
));
},
display: function (a) {
this.imageDiv.style.display = a ? "" : "none";
},
isDrawn: function () {
return this.imageDiv && this.imageDiv.parentNode && 11 != this.imageDiv.parentNode.nodeType;
},
CLASS_NAME: "OpenLayers.Icon"
});
}
// Make the DIV element draggable:
function wazemyTrafcam_dragElement(elmnt) {
var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
if (document.getElementById("mycamdivheader")) {
// if present, the header is where you move the DIV from:
document.getElementById("mycamdivheader").onmousedown = dragMouseDown;
} else {
// otherwise, move the DIV from anywhere inside the DIV:
elmnt.onmousedown = dragMouseDown;
}
function dragMouseDown(e) {
e = e || window.event;
e.preventDefault();
// get the mouse cursor position at startup:
pos3 = e.clientX;
pos4 = e.clientY;
document.onmouseup = closeDragElement;
// call a function whenever the cursor moves:
document.onmousemove = elementDrag;
}
function elementDrag(e) {
e = e || window.event;
e.preventDefault();
// calculate the new cursor position:
pos1 = pos3 - e.clientX;
pos2 = pos4 - e.clientY;
pos3 = e.clientX;
pos4 = e.clientY;
// set the element's new position:
elmnt.style.top = (elmnt.offsetTop - pos2) + "px";
elmnt.style.left = (elmnt.offsetLeft - pos1) + "px";
}
function closeDragElement() {
// stop moving when mouse button is released:
document.onmouseup = null;
document.onmousemove = null;
}
}
/* ************ */
/* Copy lat/lon */
/* ************ */
function wazemyCopyLatLon() {
copyToClipboard($('.wz-map-ol-control-span-mouse-position').text());
}
/* ********************* */
/* PP/PA photos enlarger */
/* ********************* */
function wazemyImgEnlarge_init() {
document.body.addEventListener("click", (e) => {
let venueimg = document.getElementsByClassName("modal-dialog venue-image-dialog");
if (venueimg.length > 0) {
let modaldialog = venueimg[0];
let imglink = modaldialog.getElementsByTagName("img")[0].getAttribute("src");
let newimglink = imglink.replace("thumbs/thumb700_", "");
let venuename = modaldialog.getElementsByClassName("venue-name")[0];
let linktext = modaldialog.getElementsByTagName("a");
if (linktext.length > 0) { // delete old one if exists
linktext[0].remove();
}
venuename.insertAdjacentHTML("afterend", `<a href='${newimglink}' target="_blank" rel="noopener noreferrer">Enlarge</a>`);
}
})
}
function initializeSettings() {
loadSettings();
wazemyTooltip_initSettings();
wazemyTrafcam_initSettings();
}
function saveSettings() {
if (localStorage) {
var localsettings = {
tooltip: settings.tooltip,
trafcam: settings.trafcam
};
localStorage.setItem('WME_wazemySettings', JSON.stringify(localsettings));
}
}
function loadSettings() {
var loadedSettings = $.parseJSON(localStorage.getItem("WME_wazemySettings"));
var defaultSettings = {
tooltip: false,
};
settings = loadedSettings ? loadedSettings : defaultSettings;
for (var prop in defaultSettings) {
if (!settings.hasOwnProperty(prop)) {
settings[prop] = defaultSettings[prop];
}
}
}
function setChecked(checkboxId, checked) {
$('#' + checkboxId).prop('checked', checked);
}
// utility functions
var copyToClipboard = function (str) { // from PIE
var $temp = $('<input>');
$('body').append($temp);
$temp.val(str).select();
document.execCommand('copy');
$temp.remove();
};
})();