Bookmark, share your favourite places
// ==UserScript==
// @name WME Bookmarks
// @description Bookmark, share your favourite places
// @version 2024.08.26.001
// @icon data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAGjElEQVR4nGJgGGAAAAAA//9ipETz3r17nf/8+RvDwsK8xNnZeS85ZgAAAAD//2KhxAE/f/3uYGZmNvn567cOAwODKTlmAAAAAP//YqLEAX///tURFRFh+PPnj8m+ffvEyTEDAAAA//8i2wG7d+/JZmNj4xAVFWHg4eFh+PP3bxo55gAAAAD//yLbAX/+/gkSEhJk4OLiYhASEmL48+evHznmAAAAAP//It8Bf/5aiQiLMLCwsDCIiUKigRxzAAAAAP//IssBe/bsCWdjY+Pg5eVhYGRkZODk5GTg4uJk2L17dzapZgEAAAD//yLLAb9//4ng4+NlYGFhYfj//z8DExMTg7CwMMPv33+CSDULAAAA//8iywG/fv+2ExYSYvj79y8c8/PzM/z6/duKVLMAAAAA//8i2QF79uxxZmJiEuLl5WX49+8f3AGcHBwMLCwsHLt27SIpGgAAAAD//yLZAT9//srh5+NjYGBgYPjz5w8cMzAwMAgICDD8+vWbpGgAAAAA//9iZGBgYFi/YePjv3//yhCrSUNdnUFAgB9F7P///wwfPn5kuHnzFtGWMzMzPwEAAAD//2zVsRGAIBAF0b3DFCNmPOtQ+69GAiwBhm8BGu+8eBeAMUbZYyMicHcww+1/E2ZGSone+6etOXOdB5J+rSTmnEiitYe71vICAAD//2JhYGBgEBTgN3vx8uXqZ89fqMvLyTIICQkx/IVqoBZghHro06dPDA8fPWb48/v3EwEBgQQAAAAA//9C8eaGDRsXfvr0KU5CUoJBRlqagYGBgeHv378UW87MzMzAxMTE8PTpU4anT58x8PHxLQoI8I9nYGBgAAAAAP//wgjnHTt3Or969XohOxubtKKiIgMHBzvD79+/4T4gBfz//5+BlZWV4fv37wwPHz1m+Pb163txcbFsT0/P5TA1AAAAAP//wmrq3r17xd+8eTvr48ePfjKyMgwS4uIMv3//Jik0mJiYGNjY2BjevH3L8PDBQwZuHu6D4mJi4c7Ozi+R1QEAAAD//8LrrS1bt0Y+fPBwHr+AAIeSogLD79+/Gf79+0e05ffu32f48P7DDxkZmTJ/f7/J2NQCAAAA//8iGK579uwRf/jo8favX74YysrJMnCwsxN0wO/ffxgeP3nMwMLCeltBQT7U3c3tIi61AAAAAP//IlgQubi4vOTi4jzKwcnJwMLMzPDjxw+C+P//fwxcXFwMHOzsN/FZzsDAwAAAAAD//yKqSfbyxYtgUVExhs+fPxOjnIGBAVIm3Lt/35aQOgAAAAD//yIYAtu3bzf49PmLJCw1I+OfP38ycHJyMvz+/RtD7s+fPwy/f/3m37x5ixs+8wEAAAD//yLogNevX6dyc3MxfPz4ASWYGRgYGPj5+RnevHnDwMvLy8DExIQi//HjRwYeHh6GZ8+eFeAzHwAAAP//IhgFjx4/DhIWEmb4+vUrXExYWJiBmZmF4dq16ww/fvz4+ezZc3ZVVVUGFhYWhvfv3zP8+/eP4ffv3wzcPDwMT58+w1tFAwAAAP//whsCW7dtM/z08ZMEIyMDvOwXFxdn+P7jB8OlS5cYBAUFdrS0NHNISkqsuHDhAsPnz18YREVFGZiYmBh+//7N8Of3H4ZfP3/wb9y40R2XHQAAAAD//8LrgOfPnqXz8PIyfP36lYGTk5NBXFyc4f79+wy3bt3+pa+vV5ydne3JwMDAkJaWFmlqahJ/7/79X/fv32cQFRVl4ObmZvjy5TMDLy8fw8NHjwpw2QEAAAD//8LrgPv37weys7Ey8PDwMHBxcTGcO3ee4dev3/cdHewtIiMj+5DVhoaGLnJ3c5X/9ev3/XPnzjOwsrIyCAgIMLCzszE8efwEZzQAAAAA///C6YAtW7YYfvz4SUxeXp7h67dvDGfOnGWQk5db1dBQr+Tt7X0emx5XV9cXDQ31SioqKrPOn7/A8P79ewYpKSmGP39+861bt84Tmx4AAAAA///C6YAHDx5m8/PzM1y8eInh+rVrvy0szNNzc3IicalHBunpaekODvYB9x88+HLmzBkGfn4BhocPHyZjUwsAAAD//1TOrQ7CMBQG0N37fbd6WIbiJ0tJikHwKogG1Ucupgo3kk0xOiwKwROc8xcQEaeqK5K7eX7VUkozTuMzhHBNKd2dcxczO5HsAWwBrAF0ADYAOpJ7kt7MzjHG6ej97V3rI+fcLMtnIHlQ1VZE7Gd+AQAA//8acAQAAAD//wMA0QVN81BfUzsAAAAASUVORK5CYII=
// @include https://www.waze.com/editor*
// @include https://www.waze.com/*/editor*
// @include https://beta.waze.com/*
// @exclude https://www.waze.com/user/*
// @exclude https://www.waze.com/*/user/*
// @namespace https://greasyfork.org/fr/scripts/4515-wme-bookmarks
// @connect limageenboite.fr
// @grant GM_addElement
// @grant GM_xmlhttpRequest
// @author Sebiseba
// @copyright Sebiseba 2014-2023
// @require https://greasyfork.org/scripts/24851-wazewrap/code/WazeWrap.js
// ==/UserScript==
/* global W, WazeWrap, $, I18n, OpenLayers, require */
/* jshint -W097 */
'use strict';
// Thanks
// All beta testers
// Bellhouse for German translation
/******** BOOKMARKS ***********/
const BKM_UPDATE_NOTES = `<b>NEW:</b><br>
<b>FIXES:</b><br>
- Update for new WME<br><br>`;
async function onWazeWrapReady() {
var BKMversion = GM_info.script.version, timer, histoNavTimer, link={}, bookmarks_Layer=[], countries=[], countriesS=[], count = 0, debug = 0; // Script variables
var lang, text1, text2, text3, tset; // Language variables
var BKMusername, BKMcountryActive, BKMEditHandle, BKMmapSearch; // DOM variables
var _oldP='', _newP='', _prev=[], _next=[], _cur='', _stopUpdPos=false; // Prev/Next variables
// *************
// ** ICONS **
// *************
var di = 'data:image/png;base64,';
var iconAddLinkMap = di + 'iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAO4SURBVHjarJVbTBx1FMZ/MzvsbheXQEthy02DNPVlpUpKmgj2sgaykkrbUGolJqaYlIcaE9OGtighGtN6SV80xhgftGkffFAiTcEaaIwmNlqKdgtJoaQsl3Ip2AuwLOzuzPFhBhVlKS3+k8n/zMw53/edL/M/AytdL4qbCsmhVDQAdsmC1+qKCXTeeOxx+nFxHAQalf+XQBGMrFTwP8shdvE+CJTLCgnmbSiTFJwUBnphPASb8jlMBYfZZ+X55SHA59U9LxuUffJj5ZciaSdE8Il4G0SeqhOhSD5ARAFQHqqDUim0pdBYU0XGuSEIDgDjwCXI88E6FX46z0kCHFqcYIfA2TjcZbLRlcHPr5SzqikIQ0EgDNwCgkB/BG+lnelh6LtObfwOyuQoIXSEERRGmKEDF3s9G/nEvxWagzA2CkxZ4KOAgJYCsZ5JVq99hNvXh5awqELk1d0wK0SvdBMZHSOUlc7qZ7agne6Au7eBSWDMuuZAyQIJTII7qZjA+SBrnpT4BH7xr0rlbEUltow1kJ0Ed8LwXhtM37PA55VPAZnAkAFOtZxflCZKBL5X4nTwgkCTAltlr93DmWI/togDIhG4FYK+a8BNS/kUkAPKoCEyrR5nM29yE+GCCX3/r8gvfpuT5i07YTxmdjE8CMZF4B6QCspEBJnUfqDPtu3f5UscNJ+5tSgteg8nLn4LbmAuDOockA44wRYBuSu/02fbRu5/LV+CoA0Ah+Oruny6j+SGmWz/hqhHB6cKig2e2Ax630QXHsd2AG4oskwCU72mnTpWW1v59kefbcA1MZyktl8OXT1j8KgdEgwgCnhSe3EQjjcW1EVtoQ1V/Xx/Tc3L7+6pRG1uBs1hR/7omsGp7u9qnIrlrYUEQLFRwA3ctDzAUNC0U8cOHhS51CFSVy/yXOmM5OUFAvBSJgDr5qpI79Xzq0WcPpkiecSzDNgcACUh4XRdfb3oVztNcF/JtKxf3zkCmzIXpHulnOSAOAtmBXt79n3AC6z948IDB0Q6O0WOHDWVm+AkL7CwyPK7QHbg7u0mbSJtWdZ4vb3XBgdFGt4xwXNzrwT+Vu5bmFy07Fn/unnilE9PtraKtLaJUVI6I9nZv/aAL2tR8Adfe56urpbpgQGRqiqZhQ8b/vlXXAmyBijp6a/tNgwSi4svf9ff/9YX0PIbeLwQ04EYYIAWg1jUHMp6BMJzZkwMdN2KDYiKFf+lTnG5vk5KTExxj49vv2MeH08c1TGrUBcIG9ZDMe/n4+iCij8HAJTXkX9j47cVAAAAAElFTkSuQmCC';
// *********************
// ** HELPER FUNCTION **
// *********************
function getId(node) { return document.getElementById(node); }
function getElementsByClassName(classname, node) {
node || (node = document.getElementsByTagName('body') [0]);
for (var a = [], re = new RegExp('\\b' + classname + '\\b'), els = node.getElementsByTagName('*'), i = 0, j = els.length; i < j; i++) { re.test(els[i].className) && a.push(els[i]); }
return a;
}
function getLink(pl) {
var a=pl.split('?'), b=a[1].split('&');
link.MP="0"
link.UR="0"
link.MC="0";
for (var i = 0; b[i]; i++) {
var e = b[i].split('=');
switch(e[0]){
case 'env': link.env = e[1]; break;
case "lat": link.lat = e[1]; break;
case 'lon': link.lon = e[1]; break;
case 'zoomLevel': link.zoom = e[1]; break;
case "layers": link.layers = e[1]; break; // old format
case "s": link.layers = e[1]; break; // new format
case 'mapProblem': link.MP = e[1]; break;
case 'mapUpdateRequest': link.UR = e[1]; break;
case 'mapComments': link.MC = e[1]; break;
case 'segments': link.segments = e[1]; break;
case 'nodes': link.nodes = e[1]; break;
case 'venues': link.venues = e[1]; break;
default: break;
}
}
//Object.keys(link).sort();
}
function getName() {
var name, topCity = W.model.topCityId;
if (topCity == null) { name = lang[16]; }
else {
name = W.model.cities.getObjectById(topCity).attributes.name;
if (name === undefined) { name = lang[16]; }
else { name = W.model.cities.getObjectById(topCity).attributes.name; }
}
return name;
}
function isJsonString(str) {
try { JSON.parse(str); }
catch (e) { return false; }
return true;
}
function pad(str) {
str = str.toString();
return str.length < 2 ? pad('0' + str, 2) : str;
}
function toTimestamp(remDate,remTime){
var d = remDate.split("-");
var t = remTime.split(":");
var datum = new Date(d[0], d[1]-1, d[2], t[0], t[1]).getTime();
return datum;
}
function checkReminder() {
var toSave=[], a = JSON.parse(localStorage.WMEBookmarks);
for (var p in a) {
if(!a.hasOwnProperty(p)) continue;
//Redo Bookmark
var bNew={};
bNew.country=a[p].country;
bNew.name=a[p].name;
bNew.perma=a[p].perma;
bNew.comm=a[p].comm;
bNew.share=a[p].share;
bNew.reminder=a[p].reminder;
if (a[p].reminder != null && a[p].reminder != "" && a[p].reminder < Date.now()) {
if (debug) { console.log('WME Bookmarks: Check Reminder', a[p].reminder); }
bNew.reminder=null;
WazeWrap.Alerts.info("WME Bookmarks", a[p].name+"\n"+a[p].comm, true, false);
if (getId('chkSynchro').checked === true) {
if (debug) { console.log('WME Bookmarks: UPDATE', BKMusername, bNew); }
BKMupdateBookmarks('UPDATE',BKMusername, bNew, '');
}
}
//Store Bookmark
toSave.push(bNew);
}
localStorage.setItem('WMEBookmarks', JSON.stringify(toSave));
}
function addScriptsMenu() {
if (typeof getElementsByClassName('collapsible-GROUP__SCRIPTS', getId('layer-switcher-region')) [0] != 'object') {
if ('undefined' === typeof localStorage.posScriptMenu) { localStorage.setItem('posScriptMenu', '["top"]'); }
var menuParent = getElementsByClassName('togglers', getId('layer-switcher-region')) [0];
var scriptMenu = document.createElement('li');
scriptMenu.className="group";
var scriptMenuContent = document.createElement('div');
scriptMenuContent.className='layer-switcher-toggler-tree-category';
scriptMenuContent.innerHTML='<wz-button id="developScript" color="clear-icon" size="xs"><i class="toggle-category w-icon w-icon-caret-down"></i></wz-button>'+
'<wz-toggle-switch disabled="false" checked id="layer-switcher-group__scripts" class="layer-switcher-group__scripts" tabindex="0" name="" value=""></wz-toggle-switch>'+
'<label class="label-text" for="layer-switcher-group__scripts">Scripts</label>';
scriptMenu.appendChild(scriptMenuContent);
var groupScripts = document.createElement('ul');
groupScripts.className="collapsible-GROUP__SCRIPTS";
scriptMenu.appendChild(groupScripts);
if (JSON.parse(localStorage.posScriptMenu)[0] == 'top') { menuParent.insertBefore(scriptMenu, menuParent.firstChild); }
else { menuParent.appendChild(scriptMenu); }
getId('developScript').addEventListener('click', function(e) {
if (groupScripts.className == 'collapsible-GROUP__SCRIPTS') {
groupScripts.className='collapsible-GROUP__SCRIPTS collapse-layer-switcher-group';
this.innerHTML='<i class="toggle-category w-icon w-icon-caret-down upside-down"></i>';
} else {
groupScripts.className='collapsible-GROUP__SCRIPTS';
this.innerHTML='<i class="toggle-category w-icon w-icon-caret-down"></i>';
}
});
getId('layer-switcher-group__scripts').addEventListener('click', function(e) {
if (groupScripts.className == 'collapsible-GROUP__SCRIPTS') {
groupScripts.className='collapsible-GROUP__SCRIPTS collapse-layer-switcher-group';
getId('developScript').innerHTML='<i class="toggle-category w-icon w-icon-caret-down upside-down"></i>';
} else {
groupScripts.className='collapsible-GROUP__SCRIPTS';
getId('developScript').innerHTML='<i class="toggle-category w-icon w-icon-caret-down"></i>';
}
});
var lng = I18n.locale;
if (lng == 'fr') { var title="Position menu des scripts", top="En haut", bottom="En bas"; }
else if (lng == 'es') { var title="Posición del menú de script", top="En alto", bottom="Abajo"; }
else { var title="Scripts menu position", top="On top", bottom="On bottom"; }
var optionPosMenu=document.createElement('div');
optionPosMenu.className='settings__form-group';
optionPosMenu.innerHTML='<wz-label html-for="">'+title+'</wz-label><span style="padding-right:15px;">'+bottom+' </span><wz-toggle-switch name="posScriptMenu" id="posScriptMenu" checked='+(JSON.parse(localStorage.posScriptMenu)[0] == 'top' ? "true":"false")+' class="alert-settings-visibility-toggle" tabindex="0" value=""> '+top+'<input type="checkbox" name="posScriptMenu" value="" style="display: none; visibility: hidden;"></wz-toggle-switch>';
getElementsByClassName('settings__form', getId('sidepanel-prefs')) [0].appendChild(optionPosMenu);
getId('posScriptMenu').addEventListener('click', function(e) {
menuParent.removeChild(scriptMenu);
if (getId('posScriptMenu').checked == true) {
menuParent.insertBefore(scriptMenu, menuParent.firstChild);
localStorage.setItem('posScriptMenu', JSON.stringify(["top"]));
} else {
menuParent.appendChild(scriptMenu);
localStorage.setItem('posScriptMenu', JSON.stringify(["bottom"]));
}
})
if ('undefined' === typeof localStorage.posScriptMenu || !isJsonString(localStorage.posScriptMenu)) { localStorage.setItem('posScriptMenu', '[]'); }
}
}
// ****************
// ** MAIN HTML **
// ****************
var waitforzoom = 1
function BKMinit() {
if (W.model.getTopCountry().attributes === null) {
//Create content
if (waitforzoom == 1) {
waitforzoom = 0;
var zoom = document.createElement('section');
zoom.id = 'bookmarks-zoom';
var content = '<div style="float:left;margin-left:5px;color:red;text-align: center;"><b><u>Zoom in to start WME Bookmarks</u></b></div>';
zoom.innerHTML = content;
zoom.id = 'sidepanel-bookmarks-zoom';
zoom.className = 'sidepanel-bookmarks-zoom';
tab.appendChild(zoom);
}
setTimeout(BKMinit, 500); return;
} else if (waitforzoom == 0) {
document.querySelector("#sidepanel-bookmarks-zoom > div").style.display = 'none';
}
BKMusername = W.loginManager.user.attributes.userName;
BKMcountryActive = W.model.getTopCountry().attributes.name;
BKMEditHandle = getElementsByClassName('secondary-toolbar-actions', getId('toolbar')) [0];
BKMmapSearch = getElementsByClassName('search-query', getId('search')) [0];
// Verify localStorages
if ('undefined' === typeof localStorage.WMEBookmarks || !isJsonString(localStorage.WMEBookmarks)) { localStorage.setItem('WMEBookmarks', '[]'); }
if ('undefined' === typeof localStorage.WMEBookmarksShared || !isJsonString(localStorage.WMEBookmarksShared)) { localStorage.setItem('WMEBookmarksShared', '[]'); }
if ('undefined' === typeof localStorage.WMEHistoric || !isJsonString(localStorage.WMEHistoric)) { localStorage.setItem('WMEHistoric', '[]'); }
if ('undefined' === typeof localStorage.WMECopyPastePOI || !isJsonString(localStorage.WMECopyPastePOI)) { localStorage.setItem('WMECopyPastePOI', '[]'); }
if ('undefined' === typeof localStorage.WMEBookmarksSettings || !isJsonString(localStorage.WMEBookmarksSettings)) { localStorage.setItem('WMEBookmarksSettings', '{"version":'+null+',"zoom":true,"layers":true,"layersPaste":true,"server":false,"synchro":true,"backup":"ins","lclic":false,"lcopy":false}'); }
if ('undefined' === typeof localStorage.WMEPrevNext || !isJsonString(localStorage.WMEPrevNext)) { localStorage.setItem('WMEPrevNext', '{"prev":[],"next":[]}'); }
BMKcheckStorage();
// Translation
var BKMLang = I18n.locale;
if (BKMLang == 'fr') {
lang = new Array('Favoris', 'Partage des amis', 'Partage ', 'Historique', 'Sauvegarde / Restauration', 'Synchroniser', 'Nom', 'Copier / Restaurer POI', 'Valider', 'Annuler', 'Ajouter', 'Supprimer', 'Partager', 'Relocaliser', 'Commentaire', 'Changer', 'Sans Nom', 'Chercher une adresse, un lieu, ID ou permalien', 'C\'est parti !', 'Erreur', 'Réussi !', 'Stop', 'Paramètres', 'Pseudos', 'Rappel');
text1 = ' Copiez ces données dans un fichier TXT pour les conserver.<br/>Collez vos données pour les restaurer.';
text2 = ' Écrivez les pseudos avec qui vous souhaitez partager le favoris. Le séparateur se mettra automatiquement.';
text3 = ' Lorsque vous êtes synchronisé avec le serveur, le script envoie des données à celui-ci.<br>Les données sont: Pseudo, coordonnées, pays, nom du favoris, commentaires et pseudo des partages.<br>Effacer les données serveur du script supprime toutes traces de votre profil.';
tset = new Array('Appliquer le zoom', 'Appliquer les calques (depuis les favoris)', 'Changement auto de serveur (usa/intl)', 'Synchroniser avec le serveur du script', 'Effacer les données locales', 'Effacer les données serveur du script', 'Tri : Favoris le plus récent en haut','Appliquer les calques (depuis la recherche)','Effacer l\'historique','Nouveau','Ajouter','Coloriser le dernier lien visité','Activer le copier/restaurer des POI','Activer l\'historique de navigation','Sélectionner les objets de l\'historique');
}
else if (BKMLang == 'de') {
lang = new Array('Favoriten', 'Von Freunden geteilt', 'Teilen ', 'Verlauf', 'Sichern / Wiederherstellen', 'Synchronisieren', 'Name', 'POI kopieren / wiederherstellen', 'Abschicken', 'Abbrechen', 'Hinzufügen', 'Löschen', 'Teilen', 'Ort aktualisieren', 'Kommentar', 'Ändern', '(ohne Namen)', 'Adresse, Ort, ID oder Permalink suchen', 'Auf geht\'s!', 'Fehler', 'Erfolgreich!', 'Stop', 'Einstellungen', 'Usernamen','Erinnern');
text1 = ' Daten zur Sicherung in eine TXT-Datei sichern.<br/>Zur Wiederherstellung Daten hier einfügen.';
text2 = ' Usernamen des Users eintragen, mit dem du den Favoriten teilen willst. Trennzeichen werden automatisch eingefügt.';
text3 = ' Beim Synchronisieren mit dem Server werden folgende Daten übermittelt:<br>Username, Koordinaten, Land, Name des Favoriten, Kommentare und Usernamen, mit denen geteilt wurde.<br>Server-Daten löschen entfernt alle deiner Spuren auf dem Server.';
tset = new Array('Zoomstufe sichern', 'Ebenen sichern (da favoriten)', 'Server automatisch wechseln (US/ROW)', 'Mit Server synchronisieren', 'Lokale Daten löschen', 'Server-Daten löschen', 'Sortieren : Letzte Favoriten oben', 'Ebenen sichern (da suchleiste)','Verlauf löschen','Neue','Hinzufügen','Markiere den zuletzt besuchten Link','Aktivieren Sie Kopieren / Wiederherstellen POI','Browserverlauf aktivieren','Objektauswahl aus dem Verlauf zulassen');
}
else {
lang = new Array('Bookmarks', 'Friends\'s Sharing', 'Sharing ', 'Historic', 'Backup / Restore', 'Synchronization', 'Name', 'Copy / Restore POI', 'Submit', 'Cancel', 'Add', 'Delete', 'Share', 'Relocate', 'Comment', 'Change', 'Unnamed', 'Search for an address, place, ID or permalink', 'Let\'s Go !', 'Error', 'Success !', 'Stop', 'Settings', 'Nicknames','Reminder');
text1 = ' Copy data into a TXT file to preserve them.<br/>Paste your data to restore them.';
text2 = ' Write the nick you want to share the bookmark. The separator will be inserted automatically';
text3 = ' When you are synchronized with the server, the script sends data to it <br>Data is: Nickname, coordinates, country, name of bookmarks, comments and nicknames shares <br> Clear script data server deletes all traces of your profile.';
tset = new Array('Apply Zoom', 'Apply Layers (from bookmarks)', 'Auto change Server (usa/intl)', 'Synchro with script server', 'Clear local storage data', 'Clear script server data', 'Sort : Bookmark more recent on top', 'Apply Layers (from searchbar)','Clear historic','New','Add','Highlight last visited link','Enable copying / restoring POIs','Activate browsing history','Allow objects selection from history');
}
// Then running
WazeWrap.Interface.ShowScriptUpdate(GM_info.script.name, BKMversion, BKM_UPDATE_NOTES, 'https://greasyfork.org/scripts/4515-wme-bookmarks/', 'https://www.waze.com/forum/viewtopic.php?t=106910');
enhancedSearch();
BKMtableCountries();
BKMcss();
checkPOI();
checkReminder();
W.map.events.register('moveend', W.map, mapLoaded);
W.model.actionManager.events.register("afterclearactions", null, enhancedSearch);
window.setInterval(checkPermaLink, 1000);
window.setInterval(checkReminder, 60000);
function enhancedSearch(){
setTimeout(function () {
BKMmapSearch = getElementsByClassName('search-query', getId('search')) [0];
if (typeof (BKMmapSearch) === 'undefined') { if (debug) { console.info('WME Bookmarks - BKMmapSearch : NOK'); } setTimeout(enhancedSearch, 500); return; }
BKMmapSearch.placeholder = lang[17];
BKMmapSearch.removeEventListener('paste', BKMPastePerma, false);
BKMmapSearch.addEventListener('paste', BKMPastePerma, false);
}, 100);
}
}
function BKMtableCountries() {
if (localStorage.WMEBookmarks) {
var a = JSON.parse(localStorage.WMEBookmarks);
for (var p in a) {
if(!a.hasOwnProperty(p)) continue;
var pays = a[p].country;
if (pays && pays.length > 0) {
if (countries.indexOf(pays) == - 1) { countries.push(pays); }
}
}
if (debug) { console.log('WME Bookmarks : Mains Countries listed', countries); }
select(countries, 'selectCountry');
}
if (localStorage.WMEBookmarksShared) {
var b = JSON.parse(localStorage.WMEBookmarksShared);
for (p in b) {
if(!b.hasOwnProperty(p)) continue;
pays = b[p].country;
if (pays && pays.length > 0) {
if (countriesS.indexOf(pays) == - 1) { countriesS.push(pays); }
}
}
if (debug) { console.log('WME Bookmarks : Shared Countries listed', countriesS); }
select(countriesS, 'selectCountryS');
}
}
function BKMcss() {
var Scss = document.createElement('style');
Scss.type = 'text/css';
var css = '.BKMbutton {float:left;margin-right:5px;color:#7f0;cursor:pointer;}';
css += '#divContent {box-shadow: 0 4px 10px #aaa;width:98%}';
css += '.BKMbuttonSync {padding:6px 10px;border-radius:5px;border:2px solid #C2C2C2;background-color:#CBCBCB;cursor:pointer;}';
css += '.BKMbuttonSync:hover {background-color:#93C4D3;}';
css += '.divHead {clear:both;height:28px;padding-left:5px;font-weight:bold;background-color:#CBCBCB;}';
css += '.divHeadName {float:left;text-align:left;vertical-align:bottom;}';
css += '.divHeadCountry {float:right;}';
css += '#selectCountry, #selectCountryS {height:22px;background-color:#CBCBCB;border:0;}';
css += '.divBKM {clear:both;line-height:21px;height:24px;border:1px solid #ededed;border-top:0;background-color:#ffffff;}';
css += '.divName {float:left;text-align:left;padding-left:5px;padding-top:2px;}';
css += '.divName a {text-decoration:none;}';
css += '.divIcons {float:right;height:16px;}';
css += '.divSubMenu {float:right;height:24px;min-width:60px;}';
css += '#BKMedit {clear:both;display:none;margin-bottom:10px;height:133px;border:2px solid #C2C2C2;box-shadow: 0 4px 10px #aaa;}';
css += '.divEditTitre {line-height:24px;height:24px;border-bottom:1px solid #C2C2C2;}';
css += '.divEdit {float:left;width:50px;height:23px;text-align:left;padding-left:5px;font-weight:bold;background-color:#CBCBCB;}';
css += '#divEditName {float:left;width:190px;height:22px;padding:0;padding-left:5px;border:0;margin:0;}';
css += '#divComm {float:left;width:100%;line-height:24px;height:23px;padding-left:5px;text-align:left;font-weight:bold;background-color:#CBCBCB;border-bottom:1px solid #C2C2C2;}';
css += '#divCommEdit {float:left;width:100%;height:81px;border:0;margin:0;padding:2px;resize:none;}';
css += '#divBackupTxt, #divSettingsContent {width:279px;min-height:150px;margin:2px 0 10px;resize:none;background-color:white;border:2px solid #C2C2C2;font-size:12px;}';
css += '#divShareTxt {float:left;width:100%;height:118px;resize:none;margin-bottom:5px;border:0;border-bottom:1px solid #C2C2C2;}';
css += '.divComment {clear:both;position:relative;top:1px;display:none;padding:1px 0 3px 20px;text-align:left;background-color:#dddddd;border-bottom:1px solid #C2C2C2;}';
css += '.BKMsync {padding: 5px 15px;}';
css += '#divBackup p, #BKMedit p, #divSettings p {margin:0;line-height:20px;text-align:justify;padding:5px;font-size:11px;}';
css += '.fabkm {font-size:16px;padding:6px 4px;}';
css += '.iconPoint, .iconZone {float:left; margin-left:2px; background-image:url(//editor-assets.waze.com/production/img/toolbarcad3e904c322a28bc0d9d3f9a9b06f8c.png);}'
css += '.iconPoint {background-position:-50px 0px; width:16px; height:16px; margin-top:2px;}'
css += '.iconZone {background-position:0px 0px; width:17px; height:21px;}';
Scss.innerHTML = css;
document.body.appendChild(Scss);
BKMmainHtml();
}
// Create a tab for Bookmarks
async function addBookmarksTab() {
const {tabLabel, tabPane} = W.userscripts.registerSidebarTab('Bookmarks');
tabLabel.innerHTML = '<span class="fa fa-star"></span>';
tabLabel.title = 'Bookmarks';
tabPane.id = 'sidepanel-Bookmarks';
await W.userscripts.waitForElementConnected(tabPane);
return Promise.resolve(tabPane);
}
var tab = await addBookmarksTab();
function BKMmainHtml() {
var settings = JSON.parse(localStorage.WMEBookmarksSettings);
//Create content for Prev/Next actions
var prev=document.createElement('div');
prev.id='prevIcon';
(settings.histonav === true ? prev.style.display='block' : prev.style.display='none');
prev.className='toolbar-button toolbar-button-with-label ItemDisabled';
prev.innerHTML='<div class="item-container"><div class="item-icon w-icon" title="Previous"><span class="fa fa-chevron-left"></span></div></div>';
BKMEditHandle.append(prev)
getId('prevIcon').onclick=NavPrev;
var next=document.createElement('div');
next.id='nextIcon';
(settings.histonav === true ? next.style.display='block' : next.style.display='none');
next.className='toolbar-button toolbar-button-with-label ItemDisabled';
next.innerHTML='<div class="item-container"><div class="item-icon w-icon" title="Next"><span class="fa fa-chevron-right"></span></div></div>';
BKMEditHandle.append(next)
getId('nextIcon').onclick=NavNext;
//Create content in favorite's tab
var addon = document.createElement('section');
addon.id = 'bookmarks-addon';
// Bookmarks header
var content = '<div style="float:left;margin-left:5px;"><b><a href="https://greasyfork.org/scripts/4515-wme-bookmarks" target="_blank"><u>WME Bookmarks</u></a></b> v' + BKMversion + '</div>';
content += '<div style="clear:both;float:left;width:100%;margin:5px;">';
content += '<div style="float:left;width:34px;"><span id="iconBookmarks" class="fabkm fa fa-star" title="' + lang[0] + '" style="color:#36c;font-size:20px;"></span></div>';
content += '<div id="shareButton" style="float:left;width:34px;"><span id="iconShare" class="fabkm fa fa-share-alt-square" title="' + lang[1] + '" style="color:#bbb;font-size:20px;"></span></div>';
content += '<div style="float:left;width:34px;"><span id="iconHisto" class="fabkm fa fa-history" title="' + lang[3] + '" style="color:#bbb;font-size:20px;"></span></div>';
content += '<div id="copypButton" style="float:left;width:34px;"><span id="iconCopy" class="fabkm fa fa-copy" title="' + lang[7] + '" style="color:#bbb;font-size:20px;"></span></div>';
content += '<div style="float:left;width:34px;"><span id="iconBackup" class="fabkm fa fa-cube " title="' + lang[4] + '" style="color:#bbb;font-size:20px;"></span></div>';
content += '<div style="float:left;width:34px;"><span id="iconSettings" class="fabkm fa fa-sliders" title="' + lang[22] + '" style="color:#bbb;font-size:20px;"></span></div>';
content += '</div><div style="clear:both;"></div><div id="BKMedit"></div>'; // Edit and Share containers
content += '<div id="divContent">'; // Principal container
// Bookmarks tab
content += '<div id="divBookmarks" style="margin-bottom:30px;visibility:hidden;"><div class="divHead" id="divBookmarksHead">';
content += '<div class="divHeadName"><span class="fabkm fa fa-star"></span>' + lang[6] + 's</div>';
content += '<div class="divHeadCountry"><select type="text" name="Country" id="selectCountry"></select></div>';
content += '</div><div id="divBookmarksContent"></div></div>';
// Friends Share tab
content += '<div id="divShare" style="margin-bottom:10px;visibility:hidden;"><div class="divHead" id="divShareHead">';
content += '<div class="divHeadName"><span class="fabkm fa fa-share-alt-square"></span>' + lang[1] + '</div>';
content += '<div class="divHeadCountry"><select type="text" name="Country" id="selectCountryS"></select></div>';
content += '</div><div id="divShareContent"></div></div>';
// Historic tab
content += '<div id="divHisto" style="margin-bottom:10px;visibility:hidden;"><div class="divHead">';
content += '<div class="divHeadName"><span class="fabkm fa fa-history"></span>' + lang[3] + '</div>';
content += '</div><div id="divHistoContent"></div></div>';
// Copy/paste tab
content += '<div id="divCopy" style="margin-bottom:10px;visibility:hidden;"><div class="divHead" id="divCopyHead">';
content += '<div class="divHeadName"><span class="fabkm fa fa-copy"></span>'+lang[7]+'</div>';
content += '</div><div id="divCopyContent"></div></div>';
// Backup tab
content += '<div id="divBackup" style="margin-bottom:10px;visibility:hidden;"><div class="divHead">';
content += '<div class="divHeadName"><span class="fabkm fa fa-cube"></span>' + lang[4] + '</div>';
content += '<div class="divIcons"><a href="#"><span id="backupValid" class="fabkm fa fa-check" title="' + lang[4] + '" style="color:#0b0;"></a></div></div>';
content += '<input type="radio" id="bckNew" name="typeBck" ' + (settings.backup=="new" ? ' checked' : '') + ' value="new" style="margin-left: 40px;" /> '+ tset[9];
content += '<input type="radio" id="bckAdd" name="typeBck" ' + (settings.backup=="add" ? ' checked' : '') + ' value="add" style="margin-left: 40px;" /> '+ tset[10];
content += '<textarea id="divBackupTxt"></textarea><p><span class="fabkm fa fa-info-circle" style="padding:0;color:#36c;"></span>' + text1 + '</p></div>';
// Settings tab
content += '<div id="divSettings" style="margin-bottom:10px;visibility:hidden;"><div class="divHead">';
content += '<div class="divHeadName"><span class="fabkm fa fa-sliders"></span>' + lang[22] + '</div>';
content += '</div><div id="divSettingsContent" style="padding:3px;line-height:22px;">';
content += '<input type="checkbox" id="chkSort" ' + (settings.sort ? ' checked' : '') + ' /> ' + tset[6] + '<br />';
content += '<input type="checkbox" id="chkZoom" ' + (settings.zoom ? ' checked' : '') + ' /> ' + tset[0] + '<br />';
content += '<input type="checkbox" id="chkLayers" ' + (settings.layers ? ' checked' : '') + ' /> ' + tset[1] + '<br />';
content += '<input type="checkbox" id="chkLayersPaste" ' + (settings.layersPaste ? ' checked' : '') + ' /> ' + tset[7] + '<br />';
content += '<input type="checkbox" id="chkServer" ' + (settings.server ? ' checked' : '') + ' /> ' + tset[2] + '<br />';
content += '<input type="checkbox" id="chkSynchro" ' + (settings.synchro ? ' checked' : '') + ' /> ' + tset[3] + '<br />';
content += '<input type="checkbox" id="chkLastClic" ' + (settings.lclic ? ' checked' : '') + ' /> ' + tset[11] + '<br />';
content += '<input type="checkbox" id="chkCopyPaste" ' + (settings.lcopy ? ' checked' : '') + ' /> ' + tset[12] + '<br />';
content += '<input type="button" id="razButton1" value="" style="height: 13px;" /> ' + tset[4] + '<br />';
content += '<input type="button" id="razButton2" value="" style="height: 13px;" /> ' + tset[5] + '<br />';
content += '<input type="button" id="razButton3" value="" style="height: 13px;" /> ' + tset[8] + '<br /><hr style="margin:5px 0;border-top:1px solid #ededed;" />';
content += '<input type="checkbox" id="chkHistoNav" ' + (settings.histonav ? ' checked' : '') + ' /> ' + tset[13] + '<br />';
content += '<input type="checkbox" id="chkHistoSelect" ' + (settings.histoselect ? ' checked' : '') + ' /> ' + tset[14] + '<br />';
content += '</div><p><span class="fabkm fa fa-info-circle" style="padding:0;color:#36c;"></span>' + text3 + '</p></div></div>';
addon.innerHTML = content;
addon.id = 'sidepanel-bookmarks';
addon.className = 'sidepanel-bookmarks';
tab.appendChild(addon);
// Tabs actions
select(countries, 'selectCountry');
select(countriesS, 'selectCountryS');
bookmarksToggle();
getId('iconBookmarks').onclick = (function () { bookmarksToggle(); });
getId('iconShare').onclick = (function () { shareToggle(); });
getId('iconHisto').onclick = (function () { histoToggle(); });
getId('iconCopy').onclick = (function () { copyToggle(); });
getId('iconBackup').onclick = (function () { backupToggle(); });
getId('iconSettings').onclick = (function () { settingsToggle(); });
// Buttons actions
getId('bckNew').onclick = (function () {
var a=JSON.parse(localStorage.WMEBookmarksSettings);
a.backup="new";
localStorage.setItem('WMEBookmarksSettings', JSON.stringify(a));
});
getId('bckAdd').onclick = (function () {
var a=JSON.parse(localStorage.WMEBookmarksSettings);
a.backup="add";
localStorage.setItem('WMEBookmarksSettings', JSON.stringify(a));
});
getId('chkSort').onclick = (function () {
var a=JSON.parse(localStorage.WMEBookmarksSettings);
(getId('chkSort').checked ? a.sort=true : a.sort=false)
localStorage.setItem('WMEBookmarksSettings', JSON.stringify(a));
});
getId('chkZoom').onclick = (function () {
var a=JSON.parse(localStorage.WMEBookmarksSettings);
(getId('chkZoom').checked ? a.zoom=true : a.zoom=false)
localStorage.setItem('WMEBookmarksSettings', JSON.stringify(a));
});
getId('chkLayers').onclick = (function () {
var a=JSON.parse(localStorage.WMEBookmarksSettings);
(getId('chkLayers').checked ? a.layers=true : a.layers=false)
localStorage.setItem('WMEBookmarksSettings', JSON.stringify(a));
});
getId('chkLayersPaste').onclick = (function () {
var a=JSON.parse(localStorage.WMEBookmarksSettings);
(getId('chkLayersPaste').checked ? a.layersPaste=true : a.layersPaste=false)
localStorage.setItem('WMEBookmarksSettings', JSON.stringify(a));
});
getId('chkServer').onclick = (function () {
var a=JSON.parse(localStorage.WMEBookmarksSettings);
(getId('chkServer').checked ? a.server=true : a.server=false)
localStorage.setItem('WMEBookmarksSettings', JSON.stringify(a));
});
getId('chkSynchro').onclick = (function () {
var a=JSON.parse(localStorage.WMEBookmarksSettings);
if (getId('chkSynchro').checked) {
a.synchro=true;
$('#iconShare').css('display', 'block');
$('#shareButton').animate({ width: '34px' }, 250);
} else {
a.synchro=false;
$('#shareButton').animate({ width: '0' }, 250);
$('#iconShare').css('display', 'none');
}
localStorage.setItem('WMEBookmarksSettings', JSON.stringify(a));
});
getId('chkLastClic').onclick = (function () {
var a=JSON.parse(localStorage.WMEBookmarksSettings);
(getId('chkLastClic').checked ? a.lclic=true : a.lclic=false)
localStorage.setItem('WMEBookmarksSettings', JSON.stringify(a));
});
getId('chkCopyPaste').onclick = (function () {
var a=JSON.parse(localStorage.WMEBookmarksSettings);
if (getId('chkCopyPaste').checked) {
a.lcopy=true;
$('#iconCopy').css('display', 'block');
$('#copypButton').animate({ width: '34px' }, 250);
} else {
a.lcopy=false;
$('#copypButton').animate({ width: '0' }, 250);
$('#iconCopy').css('display', 'none');
}
localStorage.setItem('WMEBookmarksSettings', JSON.stringify(a));
});
getId('razButton1').onclick = (function () {
var answer = window.confirm(tset[4] + ' ?');
if (answer) {
localStorage.setItem('WMEBookmarks', '[]');
BKMtableCountries();
select(countries, 'selectCountry');
}
});
getId('razButton2').onclick = (function () {
var answer = window.confirm(tset[5] + ' ?');
if (answer) { initBookmarks(); }
});
getId('razButton3').onclick = (function () {
var answer = window.confirm(tset[8] + ' ?');
if (answer) { localStorage.setItem('WMEHistoric', '[]'); }
});
getId('chkHistoNav').onclick = (function () {
var a=JSON.parse(localStorage.WMEBookmarksSettings);
if (getId('chkHistoNav').checked) {
a.histonav=true;
$('#prevIcon').css('display', 'block');
$('#nextIcon').css('display', 'block');
} else {
a.histonav=false;
$('#prevIcon').css('display', 'none');
$('#nextIcon').css('display', 'none');
}
localStorage.setItem('WMEBookmarksSettings', JSON.stringify(a));
});
getId('chkHistoSelect').onclick = (function () {
var a=JSON.parse(localStorage.WMEBookmarksSettings);
(getId('chkHistoSelect').checked ? a.histoselect=true : a.histoselect=false)
localStorage.setItem('WMEBookmarksSettings', JSON.stringify(a));
});
if (debug) { console.info('WME Bookmarks HTML loaded'); }
// Button on the map
setTimeout(function () {
var addNodeButton = document.createElement('div');
addNodeButton.id = 'addNodeButton';
addNodeButton.className = 'fabkm fa fa-thumb-tack BKMbutton';
addNodeButton.onclick = BKMinsertPermalink;
getElementsByClassName('topbar')[0].insertBefore(addNodeButton,getElementsByClassName('location-info-region')[0]);
getElementsByClassName('topbar')[0].style.padding = '0 10px';
addNodeButton.onmouseover = (function () { getId('addNodeButton').style.opacity = '1'; });
addNodeButton.onmouseout = (function () { getId('addNodeButton').style.opacity = '0.6'; });
}, 1000);
if (getId('chkSynchro').checked === false) {
$('#iconShare').css('display', 'none');
$('#shareButton').animate({ width: '0' }, 250);
}
if (getId('chkCopyPaste').checked === false) {
$('#iconCopy').css('display', 'none');
$('#copypButton').animate({ width: '0' }, 250);
}
BMKcheckAutoSave();
BKMaddButtonIfLoad();
timer = setTimeout(BKMcheckActiveCountry, 5000);
//Bookmarks Layer
addScriptsMenu();
WazeWrap.Interface.AddLayerCheckbox("_scripts", "Bookmarks", true, LayerToggled);
// createToggler();
checklayer("__WME_Bookmarks");
// (JSON.parse(localStorage.WMEBookmarksSettings).showBookmark == true ? getId('layer-switcher-item_bookmarks').checked=true : false);
// bookmarks_Layer.setVisibility(JSON.parse(localStorage.WMEBookmarksSettings).showBookmark);
bookmarks_Layer.setVisibility(true)
}
function autoSwitchToBKMTab() {
var _restoreDrawerTab = $('#drawer').find('[selected="true"]').children('.w-icon')[0] || 'none-selected';
if (!$(_restoreDrawerTab).hasClass('w-icon-script')) {
document.querySelector('.w-icon-script').dispatchEvent(new MouseEvent('click', {
view: (typeof unsafeWindow !== 'undefined' ? unsafeWindow : window), bubbles: true, cancelable: true, button: 0
}));
}
document.querySelector('.fa-star').closest('a[href^="#userscript"').dispatchEvent(new MouseEvent('click', {
view: (typeof unsafeWindow !== 'undefined' ? unsafeWindow : window), bubbles: true, cancelable: true, button: 0
}));
}
// ***************
// ** BOOKMARKS **
// ***************
function initBookmarks() {
if (debug) { console.log('WME Bookmarks: Send: ' + BKMusername + ' to init'); }
var url = 'https://limageenboite.fr/bkm.php?initbookmarks=' + BKMusername
var datas = null
var method = 'POST'
GM.xmlHttpRequest({
method: method,
url: url,
data: datas,
headers:{ "Content-Type": "application/x-www-form-urlencoded" },
onload: function(data) {
if (debug) { console.log('WME Bookmarks: Server Response: ', data.responseText); }
if (data.responseText != 'Check') {
getId('divBookmarksHead').innerHTML = '<div class="divHeadName"><span class="fabkm fa fa-random"></span><span style="color:red;">' + lang[19] + '</span></div>';
setTimeout(getBookmarks, 1000);
} else {
getId('divBookmarksHead').innerHTML = '<div class="divHeadName"><span class="fabkm fa fa-random"></span><span style="color:darkgreen;">' + lang[20] + '</span></div>';
BKMaddButtonIfLoad();
setTimeout(reloadHtmlBookmarks, 1000);
}
}
});
}
function getBookmarks() {
var listFav = localStorage.WMEBookmarks;
var url = 'https://limageenboite.fr/bkm.php?getbookmarks=' + BKMusername
var datas = null
var method = 'GET'
GM.xmlHttpRequest({
method: method,
url: url,
headers:{ "Content-Type": "application/x-www-form-urlencoded" },
onload: function(data) {
if (isJsonString(data.responseText)) {
var s1 = JSON.stringify(JSON.parse(data.responseText), Object.keys(JSON.parse(data.responseText)).sort());
var s2 = JSON.stringify(JSON.parse(listFav), Object.keys(JSON.parse(listFav)).sort());
if ((s1 == s2) !== true && data.responseText && getId('chkSynchro').checked === true) {
if (debug) { console.log('WME Bookmarks: From BKM Server: ', decodeURIComponent(data.responseText.replace(/\\x/g, '%'))); }
if (debug) { console.log('WME Bookmarks: From BKM local : ', listFav); }
clearTimeout(timer);
$('addNodeButton').hide();
getId('addNodeButton').style.height='0';
getId('divBookmarksHead').innerHTML = '<div class="divHeadName"><span class="fabkm fa fa-random"></span>' + lang[5] + '</div><div class="divIcons"><span id="SyncCancel" class="fabkm fa fa-window-close" title="' + lang[9] + '" style="color:red;"></span></div>';
if (data.responseText != '[]') {
var servToPC = '<div id="serv2Loc" class="BKMbuttonSync" style="float:left;"><span class="fabkm fa fa-cloud"></span> <span class="fabkm fa fa-chevron-circle-right" style="font-size:20px;color:#36c;"></span> <span class="fabkm fa fa-laptop"></span></div>';
} else { servToPC = ''; }
if (listFav != '[]') {
var PCToServ = '<div id="loc2Serv" class="BKMbuttonSync" style="float:right;"><span class="fabkm fa fa-laptop"></span> <span class="fabkm fa fa-chevron-circle-right" style="font-size:20px;color:#36c;"></span> <span class="fabkm fa fa-cloud"></span></div>';
} else { PCToServ = ''; }
getId('divBookmarksContent').innerHTML = '<div class="BKMsync" style="clear:both;height:60px;"><div class="BKMsync">'+ servToPC + PCToServ +'</div>';
if (getId('serv2Loc')) getId('serv2Loc').onclick = (function(){serv2Loc(data.responseText);});
if (getId('loc2Serv')) getId('loc2Serv').onclick = (function(){loc2Serv();});
}
else {
reloadHtmlBookmarks();
if (debug) { console.log('WME Bookmarks: Bookmarks Sync !'); console.log(JSON.stringify(JSON.parse(listFav))); }
}
} else {
if (debug) { console.log('WME Bookmarks: Server not responding or data corrupted'); }
clearTimeout(timer);
$('addNodeButton').hide();
getId('addNodeButton').style.height='0';
getId('divBookmarksHead').innerHTML = '<div class="divHeadName"><span class="fabkm fa fa-random"></span>' + lang[5] + '</div><div class="divIcons"><a href="#"><span id="SyncCancel" class="fabkm fa fa-window-close" title="' + lang[9] + '" style="color:red;"></span></a></div>';
getId('divBookmarksContent').innerHTML = '<div class="BKMsync" style="padding-bottom:20px;"><div id="servhs" class="BKMbuttonSync" style="background-color:#F77;"><span style="color:red;">Error</span> <span style="font-size:10px;">Server not responding or data corrupted<br/>Click me for desync</span></div></div>';
getId('servhs').onclick = (function () {
var a=JSON.parse(localStorage.WMEBookmarksSettings);
a.synchro=false;
$('#iconShare').animate({ width: '0' }, 200);
$('#shareButton').animate({ width: '0' }, 250);
localStorage.setItem('WMEBookmarksSettings', JSON.stringify(a));
reloadHtmlBookmarks();
getId('chkSynchro').checked=false;
});
}
}
});
function serv2Loc(data) {
localStorage.setItem('WMEBookmarks', data);
BKMaddButtonIfLoad();
reloadHtmlBookmarks();
}
function loc2Serv() {
getId('divBookmarksContent').innerHTML = '';
BKMaddButtonIfLoad();
// BKMpostBookmarks();
}
}
function reloadHtmlBookmarks() {
var content = '<div class="divHeadName"><span class="fabkm fa fa-star" style="font-size:16px;padding:6px;"></span>' + lang[6] + 's</div>';
content += '<div class="divHeadCountry"><select type="text" name="Country" id="selectCountry"></select></div>';
getId('divBookmarksHead').innerHTML = content;
select(countries, 'selectCountry');
getId('selectCountry').addEventListener("change", (function () {
clearTimeout(timer);
// BKMcheckActiveCountry();
BKMcountryActive = getId('selectCountry').value;
getId('divBookmarksContent').innerHTML = '';
loadBookmarks('WMEBookmarks', 'divBookmarksContent');
}));
getId('divBookmarksContent').innerHTML = '';
loadBookmarks('WMEBookmarks', 'divBookmarksContent');
BKMtableCountries();
}
function BKMpostBookmarks() {
var a = JSON.parse(localStorage.WMEBookmarks), toSave=[];
for (var p in a) {
if(!a.hasOwnProperty(p)) continue;
var bNew={};
bNew.country=encodeURIComponent(a[p].country);
bNew.name=encodeURIComponent(a[p].name);
bNew.perma=a[p].perma;
bNew.comm=encodeURIComponent(a[p].comm);
bNew.share=a[p].share;
bNew.reminder=a[p].reminder;
toSave.push(bNew);
}
if (debug) { console.log('WME Bookmarks: Send Data: ', JSON.stringify(toSave)); }
var url = "https://limageenboite.fr/bkm.php"
var datas = "nickname="+BKMusername+"&postbookmarks=" + JSON.stringify(toSave)
var method = 'POST'
GM.xmlHttpRequest({
method: method,
url: url,
data: datas,
headers:{ "Content-Type": "application/x-www-form-urlencoded" },
onload: function(data) {
if (debug) { console.log('WME Bookmarks: Server Response: ', data.responseText); }
if (data.responseText != 'Check') {
getId('divBookmarksHead').innerHTML = '<div class="divHeadName"><span class="fabkm fa fa-random"></span><span style="color:red;">' + lang[19] + '</span></div>';
setTimeout(getBookmarks, 1000);
} else {
getId('divBookmarksHead').innerHTML = '<div class="divHeadName"><span class="fabkm fa fa-random"></span><span style="color:darkgreen;">' + lang[20] + '</span></div>';
BKMaddButtonIfLoad();
setTimeout(reloadHtmlBookmarks, 1000);
}
}
});
}
function BKMupdateBookmarks(action, owner, data, arg) {
var bNew = {};
bNew.action=action;
bNew.owner=owner;
bNew.arg=arg;
bNew.data=data;
if (debug) { console.log('WME Bookmarks: Send Update: ', bNew); }
var url = "https://limageenboite.fr/bkm.php"
var datas = "addbookmark=" + JSON.stringify(bNew)
var method = 'POST'
if (debug) { console.log('WME Bookmarks: url: ' + url + 'data: ' + datas + 'method: ' + method); }
GM.xmlHttpRequest({
method: method,
url: url,
data: datas,
headers:{ "Content-Type": "application/x-www-form-urlencoded" },
onload: function(data) {
if (debug) { console.log('WME Bookmarks: Server Response: ', data.responseText); }
if (data.responseText != 'Check') {
getId('divBookmarksHead').innerHTML = '<div class="divHeadName"><span class="fabkm fa fa-random"></span><span style="color:red;">' + lang[19] + '</span></div>';
setTimeout(getBookmarks, 1000);
} else {
getId('divBookmarksHead').innerHTML = '<div class="divHeadName"><span class="fabkm fa fa-random"></span><span style="color:darkgreen;">' + lang[20] + '</span></div>';
BKMaddButtonIfLoad();
setTimeout(reloadHtmlBookmarks, 1000);
}
}
});
}
function BKMtableHtml(container, data, i) { // Bookmarks & Share table (HTML);
var div = document.createElement('div');
div.className = 'divBKM';
div.id = container + i;
//(data.comm != '' ? div.style.backgroundColor = '#e0fffc' : div.style.backgroundColor = '#ffffff');
getId(container).appendChild(div);
// if (debug) { console.log("xxx ",data); }
//NAME
var divName = document.createElement('div');
divName.className = 'divName';
var divNameA = document.createElement('a');
divNameA.href = '#';
divNameA.id='link'+i;
divNameA.innerHTML = '<b>' + data.name.substring(0, 26) + '</b>';
divNameA.onclick = (function() { BKMjump(data.country,data.perma,divNameA.id); });
if (getId('chkLastClic').checked) {
var a=JSON.parse(localStorage.WMEBookmarksSettings);
if (divNameA.id===a.lastclic) { divNameA.style.color='#26BAE8'; a.lastclic=divNameA.id; }
localStorage.setItem('WMEBookmarksSettings', JSON.stringify(a));
}
if (data.comm != '') {
divNameA.onmouseover = (function () {
getId(container + i).style.backgroundColor = '#CBCBCB';
getId(container + i).style.borderBottom = '1px dashed #ededed';
getId(container + '_Comm_' + i).style.display = 'block';
});
divNameA.onmouseout = (function () {
getId(container + i).style.backgroundColor = '#e0fffc';
getId(container + i).style.borderBottom = '1px solid #ededed';
getId(container + '_Comm_' + i).style.display = 'none';
});
}
divName.appendChild(divNameA);
div.appendChild(divName);
// SUBMENU
var divSubMenu = document.createElement('div');
divSubMenu.className = 'divSubMenu';
divSubMenu.onmouseover = (function () {
divMainMenu.style.display='block';
divSubMenu.style.display='none';
});
div.appendChild(divSubMenu);
var divSubExpand = document.createElement('div');
var divSubExpandA = document.createElement('a');
divSubExpand.className = 'divIcons';
divSubExpandA.innerHTML = '<span class="fabkm fa fa-ellipsis-v" style="color:#BBB;"></span>';
divSubExpand.appendChild(divSubExpandA);
divSubMenu.appendChild(divSubExpand);
if (data.comm != '') {
var divSubComment = document.createElement('div');
var divSubCommentA = document.createElement('a');
divSubComment.className = 'divIcons';
divSubCommentA.innerHTML = '<span class="fabkm fa fa-sticky-note" title="' + data.comm + '" style="color:#36c;"></span>';
divSubComment.appendChild(divSubCommentA);
divSubMenu.appendChild(divSubComment);
}
if (typeof(data.reminder) != "undefined" && data.reminder != null && data.reminder != "") {
var divSubReminder = document.createElement('div');
var divSubReminderA = document.createElement('a');
divSubReminder.className = 'divIcons';
divSubReminderA.innerHTML = '<span class="fabkm fa fa-clock-o" title="'+lang[24]+'" style="color:#36c;" id="iconReminder_' + i + '"></span>';
divSubReminder.appendChild(divSubReminderA);
divSubMenu.appendChild(divSubReminder);
}
if (data.share != null && data.share != '') {
var divSubShare = document.createElement('div');
var divSubShareA = document.createElement('a');
divSubShare.className = 'divIcons';
divSubShareA.innerHTML = '<span class="fabkm fa fa-share-alt-square" title="' + lang[12] + '" style="color:#36c;"></span>';
divSubShare.appendChild(divSubShareA);
divSubMenu.appendChild(divSubShare);
}
// MENU
var divMainMenu = document.createElement('div');
divMainMenu.className = 'divSubMenu';
divMainMenu.style.display = 'none';
divMainMenu.onmouseleave = (function () {
divMainMenu.style.display='none';
divSubMenu.style.display='block';
});
div.appendChild(divMainMenu);
// COMMENT
var divComment = document.createElement('div');
divComment.className = 'divIcons';
var divCommentA = document.createElement('a');
if (data.comm != '') {
divCommentA.innerHTML = '<span class="fabkm fa fa-sticky-note" title="' + data.comm + '" style="color:#36c;"></span>';
divCommentA.onmouseover = (function () {
getId(container + i).style.backgroundColor = '#CBCBCB';
getId(container + i).style.borderBottom = '1px dashed #77aacc';
getId(container + '_Comm_' + i).style.display = 'block';
});
divCommentA.onmouseout = (function () {
getId(container + i).style.backgroundColor = '#e0fffc';
getId(container + i).style.borderBottom = '1px solid #ededed';
getId(container + '_Comm_' + i).style.display = 'none';
});
}
else {
divCommentA.innerHTML = '<span class="fabkm fa fa-sticky-note" title="' + lang[10] + '" style="color:#bbb;"></span>';
}
divCommentA.href = '#';
divCommentA.onclick = (function () {
getId('BKMedit').style.height = '133px';
BKMhtmlEditName(container, data);
});
divComment.appendChild(divCommentA);
divMainMenu.appendChild(divComment);
// RELOCATE
var divLocate = document.createElement('div');
divLocate.className = 'divIcons';
var divLocateA = document.createElement('a');
divLocateA.innerHTML = '<span class="fabkm fa fa-map-marker" title="' + lang[13] + '" style="color:#bbb;" id="iconRelocate_' + i + '"></span>';
divLocateA.href = '#';
divLocateA.onclick = (function(){
getId('iconRelocate_'+i).style.color="#36c";
setTimeout(function(){ BKMrelocate(data.perma,data.name,i)}, 200);
});
divLocate.appendChild(divLocateA);
divMainMenu.appendChild(divLocate);
// REMINDER
var divReminder = document.createElement('div');
divReminder.className = 'divIcons';
var divReminderA = document.createElement('a');
if (typeof(data.reminder) != "undefined" && data.reminder != null && data.reminder != "") {
var d= new Date(parseInt(data.reminder)).toString(), t=d.split(" ");
divReminderA.innerHTML = '<span class="fabkm fa fa-clock-o" title="'+t[3]+"-"+pad(new Date(t[1]+'01, 01').getMonth()+1)+"-"+t[2]+" "+t[4].slice(0,5)+'" style="color:#36c;" id="iconReminder_' + i + '"></span>';
} else {
divReminderA.innerHTML = '<span class="fabkm fa fa-clock-o" title="'+lang[24]+'" style="color:#bbb;" id="iconReminder_' + i + '"></span>';
}
divReminderA.href = '#';
divReminderA.onclick = (function(){
getId('iconReminder_'+i).style.color="#36c";
getId('BKMedit').style.height = '60px';
BKMhtmlReminder(container, data,i);
});
divReminder.appendChild(divReminderA);
divMainMenu.appendChild(divReminder);
// SHARE
if (container == 'divBookmarksContent' && getId('chkSynchro').checked === true) {
var divShare = document.createElement('div');
divShare.className = 'divIcons';
var divShareA = document.createElement('a');
if (data.share) { divShareA.innerHTML = '<span class="fabkm fa fa-share-alt-square" title="' + data.share + '" style="color:#36c;"></span>'; }
else { divShareA.innerHTML = '<span class="fabkm fa fa-share-alt-square" title="' + lang[12] + '" style="color:#bbb;"></span>'; }
divShareA.href = '#';
divShareA.onclick = (function () {
getId('BKMedit').style.height = '225px';
BKMedit(data);
});
divShare.appendChild(divShareA);
divMainMenu.appendChild(divShare);
}
// SUPPR
var divSuppr = document.createElement('div');
divSuppr.className = 'divIcons';
var divSupprA = document.createElement('a');
if (container == 'divShareContent') { divSupprA.innerHTML = '<span class="fabkm fa fa-share-alt-square" title="' + lang[21] + '" style="color:red;"></span>'; }
else { divSupprA.innerHTML = '<span class="fabkm fa fa-times" title="' + lang[11] + '" style="color:red;"></span>'; }
divSupprA.href = '#';
divSupprA.onclick = (function(){BKMsuppr(data.name,data.perma,container);});
divSuppr.appendChild(divSupprA);
divMainMenu.appendChild(divSuppr);
//COMMENT TEXT
var divSeeComment = document.createElement('div');
divSeeComment.className = 'divComment';
divSeeComment.id = container + '_Comm_' + i;
divSeeComment.innerHTML = data.comm;
div.appendChild(divSeeComment);
}
// ***************
// ** SHARED **
// ***************
function getShared() {
var listFav = localStorage.WMEBookmarksShared;
var url = 'https://limageenboite.fr/bkm.php?getshared='+ BKMusername
var datas = null
var method = 'GET'
GM.xmlHttpRequest({
method: method,
url: url,
headers:{ "Content-Type": "application/x-www-form-urlencoded" },
onload: function(data) {
var s1 = JSON.stringify(JSON.parse(data.responseText), Object.keys(JSON.parse(data.responseText)).sort());
var s2 = JSON.stringify(JSON.parse(listFav), Object.keys(JSON.parse(listFav)).sort());
if ((s1 == s2) !== true && data.responseText && getId('chkSynchro').checked === true) {
if (debug) { console.log('WME Bookmarks: From Share Server: ', JSON.parse(data.responseText)); }
if (debug) { console.log('WME Bookmarks: From Share local: ', JSON.parse(listFav)); }
localStorage.setItem('WMEBookmarksShared', data.responseText);
reloadHtmlShared();
} else {
reloadHtmlShared();
if (debug) { console.log('WME Bookmarks: Shared Sync !'); }
}
}
});
}
function BKMedit(data) { //Show Share DIV
clearTimeout(timer);
$('#BKMedit').slideDown(200);
$('#divContent').slideUp(1000);
var content1 = '<div class="divEditTitre"><div class="divEdit" style="width:80px;">' + lang[6] + '</div><input type="text" id="divEditName" style="width:165px;" value="'+ data.name.replace(/"/g, '"') +'" readonly /><input type="hidden" id="permalink" value="' + data.perma.lon +'|'+ data.perma.lat + '" />';
content1 += '<div class="divIcons"><a href="#"><span id="shareValid" class="fabkm fa fa-check" title="' + lang[8] + '" style="font-size:16px;padding:6px;color:#0b0;"></a></div>';
content1 += '</div><textarea id="divShareTxt"></textarea><p><span class="fabkm fa fa-info-circle" title="Info" style="font-size:16px;padding:6px;color:#36c;"></span>' + text2 + '</p>';
getId('BKMedit').innerHTML = content1;
if (!data.share) {
data.share = lang[23];
getId('divShareTxt').style.color = '#aaa';
}
getId('divShareTxt').onclick = (function () {
if (getId('divShareTxt').value == lang[23]) {
getId('divShareTxt').value = '';
getId('divShareTxt').style.color = '#000';
}
});
getId('divShareTxt').innerHTML = data.share;
getId('divShareTxt').onkeyup = (function () {
var t = getId('divShareTxt').value;
if (t === '') { getId('divShareTxt').innerHTML = data.share; }
getId('divShareTxt').value = t.replace(',', ';').replace(' ', ';').replace(';;', ';');
});
getId('shareValid').onclick = (function () {
data.share = getId('divShareTxt').value;
if (data.share !== lang[23]) {
var toSave=[];
var a = JSON.parse(localStorage.WMEBookmarks);
for (var p in a) {
if(!a.hasOwnProperty(p)) continue;
//Redo Bookmark
var bNew={};
bNew.country=a[p].country;
bNew.name=a[p].name;
bNew.perma=a[p].perma;
bNew.comm=a[p].comm;
bNew.reminder=a[p].reminder;
if (getId('permalink').value == a[p].perma.lon+'|'+a[p].perma.lat) {
bNew.share=data.share;
if (getId('chkSynchro').checked === true) {
if (debug) { console.log('WME Bookmarks: SHARE', BKMusername, bNew); }
BKMupdateBookmarks('SHARE', BKMusername, bNew, '');
}
} else { bNew.share=a[p].share; }
//Store Bookmark
toSave.push(bNew);
}
localStorage.setItem('WMEBookmarks', JSON.stringify(toSave));
}
$('#divContent').slideDown(1000);
$('#BKMedit').slideUp(500);
});
// BKMcheckActiveCountry();
getId('divBookmarksContent').innerHTML = '';
loadBookmarks('WMEBookmarks', 'divBookmarksContent');
}
function reloadHtmlShared() {
var content = '<div class="divHeadName"><span class="fabkm fa fa-share-alt-square" style="font-size:16px;padding:6px;"></span>' + lang[1] + '</div>';
content += '<div class="divHeadCountry"><select type="text" name="Country" id="selectCountryS"></select></div>';
getId('divShareHead').innerHTML = content;
select(countriesS, 'selectCountryS');
getId('selectCountryS').addEventListener("change", (function () {
clearTimeout(timer);
// BKMcheckActiveCountry();
BKMcountryActive = getId('selectCountryS').value;
getId('divShareContent').innerHTML = '';
loadBookmarks('WMEBookmarksShared', 'divShareContent');
}));
getId('divShareContent').innerHTML = '';
loadBookmarks('WMEBookmarksShared', 'divShareContent');
}
// ***************
// ** HISTORY **
// ***************
function BKMaddHisto(perma) { // Add link in historic
var lStorage=JSON.parse(localStorage.WMEHistoric), bNew={};
if (Object.keys(lStorage).length >= 30) { lStorage.splice(0, 1); }
bNew.date=new Date().toLocaleString();
bNew.perma=perma;
bNew.name=getName();
lStorage.push(bNew);
localStorage.setItem('WMEHistoric', JSON.stringify(lStorage));
loadBookmarks('WMEHistoric', 'divHistoContent');
}
function BKMhistoHtml(data) { // Historic table (HTML)
var div = document.createElement('div');
div.className = 'divBKM';
var divName = document.createElement('div');
divName.className = 'divName';
var divNameA = document.createElement('a');
divNameA.href = '#';
divNameA.innerHTML = '<font size=-2>'+ data.date +' </font><b>'+ data.name.substring(0, 28) +'</b>';
divNameA.onclick = (function(){BKMjump(W.model.getTopCountry().attributes.name, data.perma,'');});
divName.appendChild(divNameA);
div.appendChild(divName);
// SUPPR
var divSuppr = document.createElement('div');
divSuppr.className = 'divIcons';
var divSupprA = document.createElement('a');
divSupprA.innerHTML = '<span class="fabkm fa fa-times" title="' + lang[11] + '" style="color:red;"></span>';
divSupprA.href = '#';
divSupprA.onclick = (function(){BKMsuppr(data.name,data.perma,'divHistoContent');});
divSuppr.appendChild(divSupprA);
div.appendChild(divSuppr);
getId('divHistoContent').appendChild(div);
}
// ***************
// ** BACKUP **
// ***************
function BKMbackup() {
var a = localStorage.WMEBookmarks, toshow = '';
getId('divBackupTxt').value='';
if (a) {
a = JSON.parse(a);
for (var p in a) {
if(!a.hasOwnProperty(p)) continue;
var permalink = a[p].perma.lon +"|"+ a[p].perma.lat;
if (typeof(a[p].perma.zoom) !== 'undefined') { permalink += "|"+ a[p].perma.zoom; } else { permalink += "|"; }
if (typeof(a[p].perma.layers) !== 'undefined') { permalink += "|"+ a[p].perma.layers; } else { permalink += "|"; }
// Objects
if (typeof(a[p].perma.segments) !== 'undefined') { permalink += "|s:"+ a[p].perma.segments; }
else if (typeof(a[p].perma.nodes) !== 'undefined') { permalink += "|n:"+ a[p].perma.nodes; }
else if (typeof(a[p].perma.venues) !== 'undefined') { permalink += "|v:"+ a[p].perma.venues; }
else { permalink += "|"; }
// New filters
if (typeof(a[p].perma.env) !== 'undefined') { permalink += "|"+ a[p].perma.env; } else { permalink += "|"; }
if (typeof(a[p].perma.MP) !== 'undefined') { permalink += "|"+ a[p].perma.MP; } else { permalink += "|"; }
if (typeof(a[p].perma.UR) !== 'undefined') { permalink += "|"+ a[p].perma.UR; } else { permalink += "|"; }
if (typeof(a[p].perma.MC) !== 'undefined') { permalink += "|"+ a[p].perma.MC; } else { permalink += "|"; }
if (typeof(a[p].comm) !== 'undefined') { permalink += ";"+ a[p].comm; } else { permalink += ";"; }
if (typeof(a[p].share) !== 'undefined') { permalink += ";"+ a[p].share; } else { permalink += ";"; }
//Push to generate CSV
toshow += a[p].country +";"+ a[p].name +";"+ permalink +"\n";
}
getId('divBackupTxt').value=toshow;
getId('divBackupTxt').onclick=(function () {
getId('divBackupTxt').focus();
getId('divBackupTxt').select();
});
}
getId('backupValid').onclick = backup;
function backup() {
if (getId('bckAdd').checked===true) {
var lStorage=JSON.parse(localStorage.WMEBookmarks);
} else { //bckNew
localStorage.setItem('WMEBookmarks', '[]');
lStorage=[];
}
var a = getId('divBackupTxt').value;
var b = a.split('\n');
for (var i=0; b[i]; i++){
var c = b[i].split(';');
var bNew ={};
bNew.country = c[0];
bNew.name = c[1];
bNew.perma=BKMconvertPermalink(c[2]);
bNew.comm = c[3];
bNew.share = c[4];
if (lStorage.map(function(e) { return e.perma.lon; }).indexOf(bNew.perma.lon) == -1 && lStorage.map(function(e) { return e.perma.lat; }).indexOf(bNew.perma.lat) == -1) { lStorage.push(bNew); } //Add new entry only
}
localStorage.setItem('WMEBookmarks', JSON.stringify(lStorage));
BKMtableCountries();
bookmarksToggle();
if (getId('chkSynchro').checked === true) { BKMpostBookmarks(); }
}
}
// ********************
// ** COPY/PASTE POI **
// ********************
function checkPOI(){
if ($('#venue-edit-general').length == 1 && getId('chkCopyPaste').checked) {
var editLM = $('#edit-panel > div > div > div > wz-section-header > div.header-actions');
if (editLM.length==1) {
var copyattribDiv = $('#wme-copyattrib-fr');
if (copyattribDiv.length==0) {
copyattribDiv=document.createElement('span');
copyattribDiv.id='wme-copyattrib-fr';
$(copyattribDiv).css({'float':'right','padding':'4px','border-radius':'5px','box-shadow':'rgba(0, 0, 0, 0.1) 0px 1px 6px 0px'});
editLM[0].append(copyattribDiv);
if (localStorage.WMECopyPastePOI.indexOf(WazeWrap.getSelectedFeatures()[0].WW.getObjectModel().attributes.id) == "-1") {
var copyBtn=document.createElement('div');
copyBtn.innerHTML='<button title="Copy attributes" style="border:none; background-color: transparent;"><i class="fa fa-copy" data-original-title="" title="Copy attributes" style="color:#fff;"></i></button>';
copyBtn.onclick=CopyAttrib;
$(copyattribDiv).css({'background-color':'#26bae8'});
copyattribDiv.appendChild(copyBtn);
} else {
var pasteBtn=document.createElement('span');
pasteBtn.innerHTML='<i class="fa fa-paste" data-original-title="" title="Restore attributes" style="color:#555;"></i>';
pasteBtn.style.margin='0 3px';
pasteBtn.onclick=PasteAttrib;
$(copyattribDiv).css({'background-color':'#ffc107'});
copyattribDiv.appendChild(pasteBtn);
}
}
}
}
setTimeout(checkPOI, 2000);
}
function CopyAttrib(){
//JSON for POI info
var PoiAttr={}, venue = WazeWrap.getSelectedFeatures()[0].WW.getObjectModel().attributes, lStorage = JSON.parse(localStorage.WMECopyPastePOI);
//Get geometry
if (typeof(WazeWrap.getSelectedFeatures()[0].WW.getObjectModel().getOLGeometry().components[0].clone().components) != 'undefined') {
var currentPOI = WazeWrap.getSelectedFeatures()[0].WW.getObjectModel().getOLGeometry().components[0].clone().components;
var coord, Geo = ""
for(var i=0; i<currentPOI.length;i++){
coord = currentPOI[i];
if(i < currentPOI.length-1){
coord = coord.transform(W.map.getProjectionObject(), W.map.getOLMap().displayProjection);
// coord = coord.transform(W.map.projection, W.map.displayProjection);
Geo += `${coord.x},${coord.y} `;
}
PoiAttr.geometry = Geo;
PoiAttr.geoX = venue.geometry.getBounds().right.toString();
PoiAttr.geoY = venue.geometry.getBounds().top.toString();
PoiAttr.type="zone";
}
} else {
currentPOI = WazeWrap.getSelectedFeatures()[0].WW.getObjectModel().attributes;
PoiAttr.geometry = "";
PoiAttr.geoX = currentPOI.geoJSONGeometry.coordinates[0].toString();
PoiAttr.geoY = currentPOI.geoJSONGeometry.coordinates[1].toString();
PoiAttr.type="point";
}
PoiAttr.id=venue.id;
PoiAttr.aliases=venue.aliases.toString();
(venue.brand==null ? PoiAttr.brand = 'null' : PoiAttr.brand = venue.brand)
PoiAttr.categories=venue.categories.toString();
PoiAttr.categoryAttributes=JSON.stringify(venue.categoryAttributes);
PoiAttr.description=venue.description;
//PoiAttr.entryExitPoints=venue.entryExitPoints.toString();
PoiAttr.externalProviderIDs=JSON.stringify(venue.externalProviderIDs).replace(/"/g,"");
(typeof(venue.houseNumber)=="undefined" ? PoiAttr.houseNumber = 'null' : PoiAttr.houseNumber = venue.houseNumber)
PoiAttr.name=venue.name;
PoiAttr.openingHours="";
//for (var i=0; venue.openingHours[i]; i++) { PoiAttr.openingHours = PoiAttr.openingHours + JSON.stringify(venue.openingHours[i]).replace(/"/g,"") + ";"; }
PoiAttr.openingHours=venue.openingHours.toString();
(venue.phone==null ? PoiAttr.phone = 'null' : PoiAttr.phone = venue.phone)
PoiAttr.services=venue.services.toString();
(venue.url==null ? PoiAttr.url = 'null' : PoiAttr.url = venue.url)
//Add in localStorage
lStorage.push(PoiAttr);
localStorage.setItem('WMECopyPastePOI', JSON.stringify(lStorage));
// if (getId('chkSynchro').checked === true) {
// if (debug) { console.log('WME Bookmarks: ADD Copy Cloud', PoiAttr); }
// BKMupdateCopy('ADD', BKMusername, PoiAttr);
// }
W.selectionManager.unselectAll();
autoSwitchToBKMTab();
getId('iconCopy').click();
}
function PasteAttrib(){
var a = JSON.parse(localStorage.WMECopyPastePOI);
var toSave=[];
for (var i = 0; a[i]; i++) {
if (JSON.stringify(a[i].id) == JSON.stringify(WazeWrap.getSelectedFeatures()[0].WW.getObjectModel().attributes.id)) {
try {
var geom=a[i].geometry; delete(a[i].geometry);
delete(a[i].geoX);
delete(a[i].geoY);
if (a[i].aliases.length == 0) { delete(a[i].aliases); }
else { var m=[], n=a[i].aliases.split(","); for (var j = 0; n[j]; j++) { m.push(n[j]); } a[i].aliases = m; }
m=[]
n=a[i].categories.split(","); for (j = 0; n[j]; j++) { m.push(n[j]); }
if(m == WazeWrap.getSelectedFeatures()[0].WW.getObjectModel().attributes.categories) { delete(a[i].categories); }
else { a[i].categories = m; }
if (a[i].categoryAttributes == '{}' || a[i].categoryAttributes == 'null') { delete(a[i].categoryAttributes); }
if (a[i].brand == 'null') { delete(a[i].brand); }
if (a[i].houseNumber == 'null') { delete(a[i].houseNumber); }
delete(a[i].externalProviderIDs);
delete(a[i].openingHours);
if (a[i].phone == 'null') { delete(a[i].phone); }
if (a[i].services.length == 0) { delete(a[i].services); }
else { m=[]
n=a[i].services.split(","); for ( j = 0; n[j]; j++) { m.push(n[j]); } a[i].services = m; }
if (a[i].url == 'null') { delete(a[i].url); }
if (a[i].type == "zone") { //restore geometry if zone
var lines = geom.split(' ');
for(var k=0; k < lines.length; k++){
if (lines[k] !== "") {
var t=lines[k].split(',');
// var pt = WazeWrap.Geometry.ConvertTo900913(t[0], t[1]);
lines[k] = new OpenLayers.Geometry.Point(t[0], t[1]);
// lines[k] = new OpenLayers.Geometry.Point(pt.lon, pt.lat);
}
}
saveNewPlaceGeometry(lines);
}
delete(a[i].type);
if (debug) { console.log('WME Bookmarks: Paste Attrib', a[i]); }
W.model.actionManager.add(new (require("Waze/Action/UpdateObject"))(WazeWrap.getSelectedFeatures()[0].WW.getObjectModel(), a[i]));
// if (getId('chkSynchro').checked === true){ BKMupdateCopy('DELETE', BKMusername, a[i].id); }
delete(a[i].id);
autoSwitchToBKMTab();
getId('iconCopy').click();
}
catch (err) {
console.log("Copy Venue Attributes : Problem", err);
}
}
else {
toSave.push(a[i]);
}
}
W.selectionManager.unselectAll();
localStorage.setItem('WMECopyPastePOI', JSON.stringify(toSave));
loadBookmarks('WMECopyPastePOI', 'divCopyContent');
function saveNewPlaceGeometry(newGeom){
let selected = WazeWrap.getSelectedFeatures()[0].WW.getObjectModel();
let originalGeometry = selected.getOLGeometry().clone();
let ls = new OpenLayers.Geometry.LineString(newGeom);
let newGeometry = new OpenLayers.Geometry.Polygon(new OpenLayers.Geometry.LinearRing(ls.components));
let UFG = require("Waze/Action/UpdateFeatureGeometry");
console.log(originalGeometry)
console.log(newGeometry)
W.model.actionManager.add(new UFG(selected, W.model.venues, W.userscripts.toGeoJSONGeometry(originalGeometry), W.userscripts.toGeoJSONGeometry(newGeometry)));
}
}
function getCopyPaste() {
var listFav = localStorage.WMECopyPastePOI;
var url = 'https://limageenboite.fr/bkm.php?getcopypaste=' + BKMusername
var datas = null
var method = 'GET'
GM.xmlHttpRequest({
method: method,
url: url,
headers:{ "Content-Type": "application/x-www-form-urlencoded" },
onload: function(data) {
if (isJsonString(data.responseText)) {
var s1 = JSON.stringify(JSON.parse(data.responseText), Object.keys(JSON.parse(data.responseText)).sort());
var s2 = JSON.stringify(JSON.parse(listFav), Object.keys(JSON.parse(listFav)).sort());
if ((s1 == s2) !== true && data.responseText && getId('chkSynchro').checked === true) {
if (debug) { console.log('WME Bookmarks: From Copy Server: ', data.responseText.replace(/\\/g, "")); }
if (debug) { console.log('WME Bookmarks: From Copy local : ', listFav); }
clearTimeout(timer);
$('addNodeButton').hide();
getId('addNodeButton').style.height='0';
getId('divCopyHead').innerHTML = '<div class="divHeadName"><span class="fabkm fa fa-random"></span>' + lang[5] + '</div><div class="divIcons"><span id="SyncCancel" class="fabkm fa fa-window-close" title="' + lang[9] + '" style="color:red;"></span></div>';
if (data.responseText != '[]') {
var servToPC = '<div id="serv2Loc" class="BKMbuttonSync" style="float:left;"><span class="fabkm fa fa-cloud"></span> <span class="fabkm fa fa-chevron-circle-right" style="font-size:20px;color:#36c;"></span> <span class="fabkm fa fa-laptop"></span></div>';
} else { servToPC = ''; }
if (listFav != '[]') {
var PCToServ = '<div id="loc2Serv" class="BKMbuttonSync" style="float:right;"><span class="fabkm fa fa-laptop"></span> <span class="fabkm fa fa-chevron-circle-right" style="font-size:20px;color:#36c;"></span> <span class="fabkm fa fa-cloud"></span></div>';
} else { PCToServ = ''; }
getId('divCopyContent').innerHTML = '<div class="BKMsync" style="clear:both;height:60px;"><div class="BKMsync">'+ servToPC + PCToServ +'</div>';
if (getId('serv2Loc')) getId('serv2Loc').onclick = (function(){serv2LocCP(data.responseText);});
if (getId('loc2Serv')) getId('loc2Serv').onclick = (function(){loc2ServCP();});
}
else {
reloadHtmlCopy();
if (debug) { console.log('WME Bookmarks: Copy Paste POI Sync !'); }
}
} else {
if (debug) { console.log('WME Bookmarks: Server not responding or data corrupted'); }
clearTimeout(timer);
$('addNodeButton').hide();
getId('addNodeButton').style.height='0';
getId('divCopyHead').innerHTML = '<div class="divHeadName"><span class="fabkm fa fa-random"></span>' + lang[5] + '</div><div class="divIcons"><a href="#"><span id="SyncCancel" class="fabkm fa fa-window-close" title="' + lang[9] + '" style="color:red;"></span></a></div>';
getId('divCopyContent').innerHTML = '<div class="BKMsync" style="padding-bottom:20px;"><div id="servhs" class="BKMbuttonSync" style="background-color:#F77;"><span style="color:red;">Error</span> <span style="font-size:10px;">Server not responding or data corrupted<br/>Click me for desync</span></div></div>';
getId('servhs').onclick = (function () {
var a=JSON.parse(localStorage.WMEBookmarksSettings);
a.synchro=false;
$('#iconCopy').css('display', 'none');
$('#copypButton').animate({ width: '0' }, 250);
localStorage.setItem('WMEBookmarksSettings', JSON.stringify(a));
reloadHtmlCopy();
getId('chkSynchro').checked=false;
});
}
}
});
function serv2LocCP(data) {
localStorage.setItem('WMECopyPastePOI', data);
BKMaddButtonIfLoad();
reloadHtmlCopy();
}
function loc2ServCP() {
getId('divCopyContent').innerHTML = '';
BKMaddButtonIfLoad();
// BKMpostCopy();
}
}
function reloadHtmlCopy() {
var content = '<div class="divHeadName"><span class="fabkm fa fa-star" style="font-size:16px;padding:6px;"></span>' + lang[6] + 's</div>';
getId('divCopyHead').innerHTML = content;
getId('divCopyContent').innerHTML = '';
loadBookmarks('WMECopyPastePOI', 'divCopyContent');
}
function BKMpostCopy() {
var listFav = localStorage.WMECopyPastePOI;
if (debug) { console.log('WME Copy POI: Send Data: ', JSON.parse(listFav)); }
var url = "https://limageenboite.fr/bkm.php"
var datas = "nickname="+BKMusername+"&postcopypaste=" + listFav
var method = 'POST'
GM.xmlHttpRequest({
method: method,
url: url,
data: datas,
headers:{ "Content-Type": "application/x-www-form-urlencoded" },
onload: function(data) {
if (debug) { console.log('WME Bookmarks: Server Response: ', data.responseText); }
if (data.responseText != 'Check') {
getId('divCopyHead').innerHTML = '<div class="divHeadName"><span class="fabkm fa fa-random"></span><span style="color:red;">' + lang[19] + '</span></div>';
setTimeout(getCopyPaste, 1000);
} else {
getId('divCopyHead').innerHTML = '<div class="divHeadName"><span class="fabkm fa fa-random"></span><span style="color:darkgreen;">' + lang[20] + '</span></div>';
BKMaddButtonIfLoad();
setTimeout(reloadHtmlCopy, 1000);
}
}
});
}
function BKMupdateCopy(action, owner, data) {
var bNew = {};
bNew.action=action;
bNew.owner=owner;
bNew.data=data;
if (debug) { console.log('WME Copy POI: Send Update: ', bNew); }
var url = "https://limageenboite.fr/bkm.php"
var datas = "addcopypaste=" + JSON.stringify(bNew)
var method = 'POST'
GM.xmlHttpRequest({
method: method,
url: url,
data: datas,
headers:{ "Content-Type": "application/x-www-form-urlencoded" },
onload: function(data) {
if (debug) { console.log('WME Bookmarks: Server Response: ', data); }
if (data.responseText != 'Check') {
getId('divCopyHead').innerHTML = '<div class="divHeadName"><span class="fabkm fa fa-random"></span><span style="color:red;">' + lang[19] + '</span></div>';
setTimeout(getCopyPaste, 1000);
} else {
getId('divCopyHead').innerHTML = '<div class="divHeadName"><span class="fabkm fa fa-random"></span><span style="color:darkgreen;">' + lang[20] + '</span></div>';
BKMaddButtonIfLoad();
setTimeout(reloadHtmlCopy, 1000);
}
}
});
}
function BKMcopyPasteHtml(data) { // copy paste table (HTML)
if (data.name ==="") { data.name = '<b>Sans Nom</b> <font size=-2>(ID: '+data.id+')</font>'; }
else { data.name = '<b>'+ data.name.substring(0, 37) +'</b>' }
var div = document.createElement('div');
//Icon
var icon = document.createElement('div');
(data.type=="point" ? icon.className = 'iconPoint' : icon.className = 'iconZone')
div.appendChild(icon);
//Text
div.className = 'divBKM';
var divName = document.createElement('div');
divName.className = 'divName';
var divNameA = document.createElement('a');
divNameA.href = '#';
divNameA.innerHTML = data.name;
divNameA.onclick = (function(){
W.map.setCenter(new OpenLayers.LonLat(parseFloat(data.geoX), parseFloat(data.geoY)));
objectsIsLoaded('vn:'+ data.id);
});
divName.appendChild(divNameA);
div.appendChild(divName);
// Suppr
var divSuppr = document.createElement('div');
divSuppr.className = 'divIcons';
var divSupprA = document.createElement('a');
divSupprA.innerHTML = '<span class="fabkm fa fa-times" title="' + lang[11] + '" style="color:red;"></span>';
divSupprA.href = '#';
divSupprA.onclick = (function(){ BKMsuppr(data.name,data,'divCopyContent'); });
divSuppr.appendChild(divSupprA);
div.appendChild(divSuppr);
getId('divCopyContent').appendChild(div);
}
// ***************************
// ** ACTIONS WITH BOOKMARK **
// ****************************
function BKMhtmlEditName(container, data) { //Show Edit DIV
clearTimeout(timer);
$('#BKMedit').slideDown(200);
if (container == 'divBookmarksContent') { getId('BKMedit').style.height = '133px'; }
var content1 = '<div class="divEditTitre"><div class="divEdit">' + lang[6] + '</div><input type="text" id="divEditName" value="' + data.name + '" /><input type="hidden" id="permalink" value="' + data.perma.lon +'|'+ data.perma.lat + '" />';
content1 += '<div class="divIcons"><a href="#"><span id="EditValid" class="fabkm fa fa-check" title="' + lang[8] + '" style="font-size:16px;padding:6px;color:#0b0;"></a></div>';
content1 += '</div><div id="divComm">' + lang[14] + '</div></div><textarea id="divCommEdit">';
if (data.comm === '') { content1 += ''; } else { content1 += data.comm; }
content1 += '</textarea>';
getId('BKMedit').innerHTML = content1;
getId('divEditName').focus();
getId('divEditName').select();
getId('EditValid').onclick = (function(){ BKMeditName(container,"name"); });
}
function BKMhtmlReminder(container, data,i) { //Show Edit DIV
clearTimeout(timer);
$('#BKMedit').slideDown(200);
var content1 = '<div class="divEditTitre"><div class="divEdit">' + lang[6] + '</div><div>' + data.name + '</div><input type="hidden" id="permalink" value="' + data.perma.lon +'|'+ data.perma.lat + '" />'
+ '<div class="divIcons"><a href="#"><span id="RemCancel" class="fabkm fa fa-close" title="' + lang[9] + '" style="font-size:16px;color:#f00;"></a>'
+ '<a href="#"><span id="RemValid" class="fabkm fa fa-check" title="' + lang[8] + '" style="font-size:16px;color:#0b0;"></a></div><input style="width:135px;" id="remDate" type="date" /><input id="remTime" type="time" /></div></div>';
getId('BKMedit').innerHTML = content1;
if (typeof(data.reminder) != "undefined" && data.reminder != null && data.reminder != "") { var d=new Date(parseInt(data.reminder)).toString(); }
else { d=new Date().toString(); }
var t=d.split(" ");
getId('remDate').value = t[3] + "-" + pad(new Date(t[1]+'01, 01').getMonth()+1) + "-" + t[2];
getId('remTime').value = t[4].slice(0,5);
getId('RemValid').onclick = (function(){
if (getId('remDate').value == "") {
getId('remDate').value = t[3] + "-" + pad(new Date(t[1]+'01, 01').getMonth()+1) + "-" + t[2];
}
if (getId('remDate').value != "") {
if (getId('remTime').value == "") { getId('remTime').value = "00:00"; }
BKMeditName(container,"date");
} else { $('#BKMedit').slideUp(200); }
});
getId('RemCancel').onclick = (function(){
$('#BKMedit').slideUp(200);
getId('iconReminder_'+i).style.color='#bbb';
});
}
function BKMeditName(container,type) { //Action after editing name or comment (DB)
$('#BKMedit').slideUp(200);
var toSave=[];
//Bookmarks list update
if (container === 'divBookmarksContent') {
var a = JSON.parse(localStorage.WMEBookmarks);
for (var p in a) {
if(!a.hasOwnProperty(p)) continue;
//Redo Bookmark
var bNew={};
bNew.country=a[p].country;
bNew.name=a[p].name;
bNew.perma=a[p].perma;
bNew.comm=a[p].comm;
bNew.share=a[p].share;
bNew.reminder=a[p].reminder;
if (getId('permalink').value == a[p].perma.lon+'|'+a[p].perma.lat) {
if (type == "name") {
bNew.name=getId('divEditName').value;
bNew.comm=getId('divCommEdit').value;
} else { // type = date
bNew.reminder=toTimestamp(getId('remDate').value, getId('remTime').value);
}
if (getId('chkSynchro').checked === true) {
if (debug) { console.log('WME Bookmarks: UPDATE', BKMusername, bNew); }
BKMupdateBookmarks('UPDATE',BKMusername, bNew, '');
}
}
//Store Bookmark
toSave.push(bNew);
}
localStorage.setItem('WMEBookmarks', JSON.stringify(toSave));
}
//Sharing list update
else {
a = JSON.parse(localStorage.WMEBookmarksShared);
for (p in a) {
if(!a.hasOwnProperty(p)) continue;
//Redo Bookmark
bNew={};
bNew.owner=a[p].owner;
bNew.country=a[p].country;
bNew.name=a[p].name;
bNew.perma=a[p].perma;
bNew.comm=a[p].comm;
bNew.share=a[p].share;
bNew.reminder=a[p].reminder;
if (getId('permalink').value == a[p].perma.lon+'|'+a[p].perma.lat) {
bNew.name=getId('divEditName').value;
bNew.comm=getId('divCommEdit').value;
if (getId('chkSynchro').checked === true) {
if (debug) { console.log('WME Bookmarks: UPDATE', a[p].owner, bNew); }
BKMupdateBookmarks('UPDATE',a[p].owner, bNew, '');
}
}
//Store Bookmark
toSave.push(bNew);
}
localStorage.setItem('WMEBookmarksShared', JSON.stringify(toSave));
}
//Reload HTML
// BKMcheckActiveCountry();
if (container == 'divBookmarksContent') {
getId('divBookmarksContent').innerHTML = '';
loadBookmarks('WMEBookmarks', 'divBookmarksContent');
} else {
getId('divShareContent').innerHTML = '';
loadBookmarks('WMEBookmarksShared', 'divShareContent');
}
}
function BKMsuppr(name, id, container) { //Action after delete a bookmark (DB)
clearTimeout(timer);
if (debug) { console.info('WME Bookmarks Suppr: ', id); }
var answer = window.confirm(lang[11] + ' ' + name.replace(/<\/?[^>]+(>|$)/g, "") + ' ?');
if (answer) {
var toSave=[];
if (container === 'divHistoContent') {
var a = JSON.parse(localStorage.WMEHistoric);
for (var i = 0; a[i]; i++) {
var bNew={};
bNew.date=a[i].date;
bNew.perma=a[i].perma;
bNew.name=a[i].name;
if (JSON.stringify(bNew.perma) !== JSON.stringify(id)) { toSave.push(bNew); }
}
localStorage.setItem('WMEHistoric', JSON.stringify(toSave));
getId('divHistoContent').innerHTML = '';
loadBookmarks('WMEHistoric', 'divHistoContent');
}
else if (container === 'divCopyContent') {
a = JSON.parse(localStorage.WMECopyPastePOI);
for (i = 0; a[i]; i++) {
if (a[i].id != id.id) { toSave.push(a[i]); }
else {
// if (getId('chkSynchro').checked === true) {
// if (debug) { console.log('WME Copy POI: DELETE', BKMusername, bNew); }
// BKMupdateCopy('DELETE', BKMusername, id.id);
// }
}
}
localStorage.setItem('WMECopyPastePOI', JSON.stringify(toSave));
getId('divCopyContent').innerHTML = '';
loadBookmarks('WMECopyPastePOI', 'divCopyContent');
}
else if (container === 'divBookmarksContent') { // Suppr own bookmark
a = JSON.parse(localStorage.WMEBookmarks);
for (i = 0; a[i]; i++) {
bNew={};
bNew.country=a[i].country;
bNew.name=a[i].name;
bNew.perma=a[i].perma;
bNew.comm=a[i].comm;
bNew.share=a[i].share;
bNew.reminder=a[i].reminder;
if (JSON.stringify(bNew.perma) !== JSON.stringify(id)) { toSave.push(bNew); }
else {
if (getId('chkSynchro').checked === true) {
if (debug) { console.log('WME Bookmarks: DELETE', BKMusername, bNew); }
BKMupdateBookmarks('DELETE', BKMusername, bNew, '');
}
}
}
localStorage.setItem('WMEBookmarks', JSON.stringify(toSave));
getId('divBookmarksContent').innerHTML = '';
loadBookmarks('WMEBookmarks', 'divBookmarksContent');
}
else { // Unshare a bookmark
a = JSON.parse(localStorage.WMEBookmarksShared);
for (i = 0; a[i]; i++) {
bNew={};
bNew.owner = a[i].owner;
bNew.country = a[i].country;
bNew.name = a[i].name;
bNew.perma = a[i].perma;
bNew.comm = a[i].comm;
bNew.share = a[i].share;
bNew.reminder=a[i].reminder;
if (JSON.stringify(bNew.perma) !== JSON.stringify(id)) { toSave.push(bNew); }
else {
if (getId('chkSynchro').checked === true) {
if (debug) { console.log('WME Bookmarks: UNSHARE', a[i].owner, bNew); }
BKMupdateBookmarks('UNSHARE', BKMusername, bNew, '');
}
}
}
localStorage.setItem('WMEBookmarksShared', JSON.stringify(toSave));
getId('divShareContent').innerHTML = '';
loadBookmarks('WMEBookmarksShared', 'divShareContent');
}
getId('BKMedit').style.display = 'none';
}
// BKMcheckActiveCountry();
}
function BKMrelocate(oldPerma, name, iconId) { // Action after relocate a bookmark (DB)
clearTimeout(timer);
var answer = window.confirm(lang[13] + ' Lon/Lat/Zoom ? (' + name + ')');
if (answer) {
var toSave=[];
link={}; getLink(document.getElementsByClassName('WazeControlPermalink')[0].getElementsByClassName('permalink')[0].href);
//Bookmarks list update
if (getId('divBookmarks').style.visibility == 'visible') {
var a = JSON.parse(localStorage.WMEBookmarks);
for (var i = 0; a[i]; i++) {
var bNew={};
bNew.country = a[i].country;
bNew.name = a[i].name;
bNew.perma = a[i].perma;
bNew.comm = a[i].comm;
bNew.share = a[i].share;
bNew.reminder=a[i].reminder;
if (JSON.stringify(bNew.perma) === JSON.stringify(oldPerma)) {
bNew.perma = link;
if (getId('chkSynchro').checked === true) {
if (debug) { console.log('WME Bookmarks: RELOCATE New', BKMusername, bNew.perma, oldPerma); }
BKMupdateBookmarks('RELOCATE', BKMusername, bNew, oldPerma);
}
}
toSave.push(bNew);
}
localStorage.setItem('WMEBookmarks', JSON.stringify(toSave));
getId('divBookmarksContent').innerHTML = '';
loadBookmarks('WMEBookmarks', 'divBookmarksContent');
}
//Sharing list update
if (getId('divShare').style.visibility == 'visible') {
a = JSON.parse(localStorage.WMEBookmarksShared);
for (i = 0; a[i]; i++) {
bNew={};
bNew.owner = a[i].owner;
bNew.country = a[i].country;
bNew.name = a[i].name;
bNew.perma = a[i].perma;
bNew.comm = a[i].comm;
bNew.share = a[i].share;
bNew.reminder=a[i].reminder;
if (JSON.stringify(bNew.perma) === JSON.stringify(oldPerma)) {
bNew.perma = link;
if (getId('chkSynchro').checked === true) {
if (debug) { console.log('WME Bookmarks: RELOCATE',a[i].owner, bNew, oldPerma); }
BKMupdateBookmarks('RELOCATE', a[i].owner, bNew, oldPerma);
}
}
toSave.push(bNew);
}
localStorage.setItem('WMEBookmarksShared', JSON.stringify(toSave));
getId('divBookmarksContent').innerHTML = '';
loadBookmarks('WMEBookmarksShared', 'divBookmarksContent');
}
}
getId('iconRelocate_'+iconId).style.color="#bbb";
// BKMcheckActiveCountry();
}
function BKMinsertPermalink() { // Action when you add a new permalink (DB)
BKMcountryActive = W.model.getTopCountry().attributes.name;
link={}; getLink(document.getElementsByClassName('WazeControlPermalink')[0].getElementsByClassName('permalink')[0].href);
//JSON for new permalink
var bNew={};
bNew.country=BKMcountryActive;
bNew.name=getName();
bNew.perma=link;
bNew.comm='';
bNew.share='';
//Add in localStorage
var lStorage = JSON.parse(localStorage.WMEBookmarks);
lStorage.push(bNew);
localStorage.setItem('WMEBookmarks', JSON.stringify(lStorage));
if (getId('chkSynchro').checked === true) {
if (debug) { console.log('WME Bookmarks: ADD', BKMusername, bNew); }
BKMupdateBookmarks('ADD', BKMusername, bNew, '');
}
//Add in HTML table
BKMtableHtml ('divBookmarksContent', bNew, 9999);
BKMhtmlEditName('divBookmarksContent', bNew);
//Reload Select list if new country
if (countries.indexOf(BKMcountryActive) == - 1) {
BKMtableCountries();
select(countries, 'selectCountry');
}
W.selectionManager.unselectAll();
autoSwitchToBKMTab();
}
function BKMPastePerma() { // Action when you paste a permalink
setTimeout(function () {
var exp = new RegExp('/(https?://(?:www.|beta.|(?!www))[^s.]+.[^s]{2,}|www.[^s]+.[^s]{2,})', 'g');
var a = BKMmapSearch.value;
var b = BKMmapSearch.innerHTML;
link={};
//console.log("a",a, a.match(exp));
//console.log("b",b, b.match(exp));
//Paste a permalink
if (a.match(/waze/g) && a.match(/editor/g) && a.match(/lon/g) && a.match(/lat/g)) { // WME
getLink(a);
if (debug) { console.log('WME Bookmarks WME link: ', link); }
BKMjump(BKMcountryActive,link,'paste');
setTimeout((function(){BKMaddHisto(link);}), 2500);
}
else if (a.match(/waze/g) && a.match(/livemap/g) && a.match(/latlng/g)) { // Livemap before 2021
b=a.split('?')
var c=b[1].split('&')
var d=c[0].split('=')
var e=d[1].split('%2C')
var f=c[2].split('=');
link.lat = e[0]; link.lon = e[1]; link.zoom = (f[1]-12);
if (debug) { console.log('WME Bookmarks Livemap link: ', link); }
BKMjump(BKMcountryActive,link,'paste');
setTimeout((function(){BKMaddHisto(link);}), 2500);
}
else if (a.match(/waze/g) && (a.match(/live-map/g) && a.match(/to/g) || a.match(/ul/g))) { // Livemap 2021
b=a.split('=ll.')
c=b[1].split('%2C');
link.lat = c[0]; link.lon = c[1];
if (debug) { console.log('WME Bookmarks Livemap link 2021: ', link); }
BKMjump(BKMcountryActive,link,'paste');
setTimeout((function(){BKMaddHisto(link);}), 2500);
}
else if (a.match(exp) && a.match(/google/g) && a.match(/map/g) && a.match(/@/g)) { // Google Map URL
b=a.split('@')
c=b[1].split('/')
d=c[0].split(',');
link.lat = d[0]; link.lon = d[1]; link.zoom = (d[2].substring(0, d[2].length-1));
if (debug) { console.log('WME Bookmarks Google link: ', link); }
BKMjump(BKMcountryActive,link,'paste');
setTimeout((function(){BKMaddHisto(link);}), 2500);
}
//Paste an ID
else if (a.match(/\./g) && isNaN(a.replace(".",""))===false && a.length > 20) { //venue
if (debug) { console.log('WME Bookmarks paste a venue: ', a); }
objectsIsLoaded('vn:'+ a);
}
else if (isNaN(a)===false && a.length > 7) { //Segment or node
if (debug) { console.log('WME Bookmarks paste a segment or node: ', a); }
objectsIsLoaded('sg:'+ a);
}
//Reinit search-query
}, 100);
}
function BKMjump(country,data,action) { // Action when you click a link
//lastclic
if (/link/.test(action) && getId('chkLastClic')) {
for (var i=1; getId("link"+i); i++) {
getId("link"+i).style.color='#59899e';
if ("link"+i===action) {
getId("link"+i).style.color='#26bae8';
var a=JSON.parse(localStorage.WMEBookmarksSettings);
a.lastclic=action;
localStorage.setItem('WMEBookmarksSettings', JSON.stringify(a));
}
}
}
//Move to
W.map.setCenter(OpenLayers.Layer.SphericalMercator.forwardMercator(parseFloat(data.lon), parseFloat(data.lat)));
if (debug) { console.log('BKMjump',country,data,action); }
//Options
if (getId('chkZoom').checked && data.zoom) { W.map.getOLMap().zoomTo(data.zoom); }
if (getId('chkServer').checked) { W.model.events.register("mergeend", null, mapLoaded); }
if (action != 'paste' && getId('chkLayers').checked && data.layers) { layersLoaded(data.layers); } // layers when bookmarks
if (action === 'paste' && getId('chkLayersPaste').checked && data.layers) { layersLoaded(data.layers); } // layers when paste form searchbar
if (typeof (data.segments) != 'undefined') { objectsIsLoaded('sg:'+ data.segments); }
else if (typeof (data.nodes) != 'undefined') { objectsIsLoaded('nd:'+ data.nodes); }
else if (typeof (data.venues)!= 'undefined') { objectsIsLoaded('vn:'+ data.venues); }
else if (typeof (data.MC) != 'undefined' && data.MC != 0) { objectsIsLoaded('mc:'+ data.MC); }
else if (typeof (data.UR) != 'undefined' && data.UR != 0) { objectsIsLoaded('ur:'+ data.UR); }
else if (typeof (data.MP) != 'undefined' && data.MP != 0) { objectsIsLoaded('mp:'+ data.MP); }
else { colorSearch(); }
//Reload list if country is changed
if (country != W.model.getTopCountry().attributes.name) {
getId('divBookmarksContent').innerHTML = '';
loadBookmarks('WMEBookmarks', 'divBookmarksContent');
}
BKMaddButtonIfLoad();
}
// ************
// ** MISC **
// ************
function loadBookmarks(storage, dContainer) { //Fill HTML with localstorage
var lStorage = localStorage.getItem(storage), bookmarkList=[];
if (lStorage) {
getId(dContainer).innerHTML = '';
var a = JSON.parse(lStorage);
if (getId('chkSort').checked) { a.reverse(); }
var i=1;
for (var p in a) {
if(!a.hasOwnProperty(p)) continue;
if (dContainer == 'divCopyContent') { BKMcopyPasteHtml(a[p]); }
else if (dContainer == 'divHistoContent') { BKMhistoHtml(a[p]); }
if (a[p].country == BKMcountryActive) {
BKMtableHtml(dContainer, a[p], i);
bookmarkList.push({name:a[p].name, lon:a[p].perma.lon, lat:a[p].perma.lat});
i++;
}
}
update_bookmarks_layer(bookmarkList);
}
}
function BKMaddButtonIfLoad() { //Show Pin if WME (permalink) is ready
var a = getElementsByClassName('WazeControlPermalink') [0].innerHTML;
if (!a.match(/lon/g)) {
getId('addNodeButton').style.height='0';
$('addNodeButton').hide();
setTimeout(BKMaddButtonIfLoad, 500);
return;
} else {
$('addNodeButton').show();
}
}
function BMKcheckStorage() {
var settings = JSON.parse(localStorage.WMEBookmarksSettings);
if (!settings.version) {
//Convert
if (debug) { console.info('WME Bookmarks : Convert old data to new JSON'); }
var a = JSON.parse(localStorage.getItem('WMEBookmarks')), lStorage=[];
localStorage.setItem('WMEBookmarksShared', '[]');
localStorage.setItem('WMEBookmarks', '[]');
localStorage.setItem('WMEHistoric', '[]');
for (var p in a) {
if(!a.hasOwnProperty(p)) continue;
//Redo Bookmark
var bNew={};
bNew.country=a[p].country;
bNew.name=a[p].name;
bNew.perma=BKMconvertPermalink(a[p].coord);
bNew.comm=a[p].comm;
bNew.share=a[p].share;
bNew.reminder=a[p].reminder;
//Store Bookmark
lStorage.push(bNew);
}
localStorage.setItem('WMEBookmarks', JSON.stringify(lStorage));
if (debug) { console.info('WME Bookmarks : New JSON > localStorage Ok !'); }
// Memorize version
settings.version=BKMversion;
localStorage.WMEBookmarksSettings=JSON.stringify(settings);
}
}
function BKMcheckActiveCountry() { // Check Country and update select
var BKMcountryActiveWME = W.model.getTopCountry().attributes.name;
if (BKMcountryActive != BKMcountryActiveWME) {
if (debug) { console.log('WME Bookmarks Country changed : ' + BKMcountryActive + ' > ' + BKMcountryActiveWME); }
BKMcountryActive = BKMcountryActiveWME;
select(countries, 'selectCountry');
select(countriesS, 'selectCountryS');
loadBookmarks('WMEBookmarks', 'divBookmarksContent');
loadBookmarks('WMEBookmarksShared', 'divShareContent');
getId('selectCountry').addEventListener("change",(function () {
clearTimeout(timer);
BKMcheckActiveCountry();
BKMcountryActive = getId('selectCountry').value;
getId('divBookmarksContent').innerHTML = '';
loadBookmarks('WMEBookmarks', 'divBookmarksContent');
getId('iconBookmarks').click();
}));
getId('selectCountryS').addEventListener("change",(function () {
clearTimeout(timer);
BKMcheckActiveCountry();
BKMcountryActive = getId('selectCountryS').value;
getId('divShareContent').innerHTML = '';
loadBookmarks('WMEBookmarksShared', 'divShareContent');
getId('iconShare').click();
}));
}
clearTimeout(timer);
setTimeout(timer = setTimeout(BKMcheckActiveCountry, 5000),100);
}
function BMKcheckAutoSave() { //Show shared if sync with server
if (getId('chkSynchro').checked === true) {
$('#iconShare').animate({ width: '24px' }, 200);
}
else { $('#iconShare').animate({ width: '0' }, 200);
}
}
function select(cArray, selectlist) { // Fill select
//Add countries in select
BKMcountryActive = W.model.getTopCountry().attributes.name;
var CSelect = getId(selectlist);
if (CSelect !== null) {
CSelect.innerHTML = '';
for (var k = 0; cArray[k]; k++) {
var cList = document.createElement('option');
cList.value =cArray[k];
cList.text = cArray[k];
if (cArray[k] == BKMcountryActive) cList.selected = true;
CSelect.appendChild(cList);
}
//If country not listed
if (cArray.indexOf(BKMcountryActive) == - 1) {
cList = document.createElement('option');
cList.value = BKMcountryActive;
cList.text = BKMcountryActive;
cList.selected = true;
CSelect.appendChild(cList);
}
}
}
function mapLoaded() { // Test map server and change it if necessary
if(typeof(W.model.getTopCountry().attributes) === 'undefined' || W.model.getTopCountry().attributes === null) { setTimeout(mapLoaded, 500); return; }
var loc=W.model.getTopCountry().attributes.env.replace('NA','usa').toLowerCase();
if (getId('chkServer').checked && loc !== W.app.getAppRegionCode()) {
var a = JSON.parse(localStorage.mapLocation);
a[loc]=a[W.app.getAppRegionCode()];
localStorage.setItem('mapLocation', JSON.stringify(a));
// W.map.mapState.updateMapLocation(loc);
W.app.changeAppRegion(loc)
}
}
function layersLoaded(layers) { // Load layers when jump
var num = Number(layers).toString(2);
num = num.split('').reverse().join('');
// First : groups
layerCheck("group_issues", num.charAt(0));
layerCheck("group_map_issues", num.charAt(1));
layerCheck("group_parking_issues", num.charAt(7));
layerCheck("group_places", num.charAt(11));
layerCheck("group_road", num.charAt(15));
layerCheck("group_display", num.charAt(20));
layerCheck("group_cities", num.charAt(27));
// Second : items
layerCheck("item_map_problems", num.charAt(2));
layerCheck("item_closed_map_problems", num.charAt(3));
layerCheck("item_update_requests", num.charAt(4));
layerCheck("item_closed_update_requests", num.charAt(5));
layerCheck("item_place_update_requests", num.charAt(6));
layerCheck("item_residential_place_update_requests", num.charAt(30));
layerCheck("item_parking_map_problems", num.charAt(8));
layerCheck("item_parking_closed_map_problems", num.charAt(9));
layerCheck("item_parking_place_update_requests", num.charAt(10));
layerCheck("item_venues", num.charAt(12));
layerCheck("item_residential_places", num.charAt(13));
layerCheck("item_parking_places", num.charAt(14));
layerCheck("item_road", num.charAt(16));
layerCheck("item_junction_boxes", num.charAt(17));
layerCheck("item_closures", num.charAt(18));
layerCheck("item_speed_cameras", num.charAt(19));
layerCheck("item_railroad_crossings", num.charAt(34));
layerCheck("item_house_numbers", num.charAt(31));
layerCheck("item_satellite_imagery", num.charAt(21));
layerCheck("item_area_managers", num.charAt(22));
layerCheck("item_gps_points", num.charAt(23));
layerCheck("item_editable_areas", num.charAt(25));
layerCheck("item_live_users", num.charAt(24));
layerCheck("item_disallowed_turns", num.charAt(29));
layerCheck("item_map_comments", num.charAt(26));
layerCheck("item_city_names", num.charAt(28));
function layerCheck(layerName, state) {
try {
if ($('#layer-switcher-'+layerName).prop('checked') && state==0 || $('#layer-switcher-'+layerName).prop('checked')===false && state==1) { $('#layer-switcher-'+layerName).click(); }
} catch (e) { console.log("error while check layers: ", e); }
}
}
function objectsIsLoaded(selObjects) {
if (debug) { console.log('objectsIsLoaded',selObjects); }
if (selObjects) {
var objectsList = [], idObj=selObjects.substring(3).split(',');
try {
for (var i=0; idObj[i]; i++) {
// Identify type
switch (selObjects.substring(0, 2)) {
case 'sg':
var objType = W.selectionManager.model.segments.objects[idObj[i]];
var type = I18n.translations[I18n.locale].layers.name.segments;
break;
case 'nd':
objType = W.selectionManager.model.nodes.objects[idObj[i]];
type = I18n.translations[I18n.locale].layers.name.nodes;
break;
case 'vn':
objType = W.selectionManager.model.venues.objects[idObj[i]];
type = I18n.translations[I18n.locale].layers.name.landmarks;
break;
case 'ur':
objType = "ur";
type = I18n.translations[I18n.locale].layers.name.update_requests;
break;
case 'mp':
objType = "mp";
type = I18n.translations[I18n.locale].layers.name.problems;
break;
case 'mc':
objType = W.selectionManager.model.mapComments.objects[idObj[i]];
type = I18n.translations[I18n.locale].layers.name.comments;
break;
default : break;
}
// Try to select
if ((typeof objType === 'undefined' || typeof objType === 'string') &&
typeof W.map.updateRequestLayer.featureMarkers[idObj[i]] === 'undefined' &&
typeof W.map.problemLayer.featureMarkers[String(idObj[i].replace('%2F','/'))] === 'undefined'
) {
count++;
if (debug) { console.info('LOOP (' + count + '): try to select '+type+' :' + idObj[i]); }
if (count >= 10) {
alert(type +'\n'+ I18n.translations[I18n.locale].problems.panel.more_info.not_available);
count=0;
setTimeout(function () {
BKMmapSearch.style.backgroundColor = '';
BKMmapSearch.style.color='';
BKMmapSearch.value='';
BKMmapSearch.placeholder=lang[17];
}, 2000);
return;
}
setTimeout((function(){ objectsIsLoaded(selObjects); }), 750);
return;
}
else {
if (debug) { console.info('LOOP : found '+type+' :' + idObj[i]); }
if (selObjects.substring(0, 2) === 'ur') { W.map.updateRequestLayer.featureMarkers[idObj[i]].marker.icon.$div[0].click(); }
else if (selObjects.substring(0, 2) === 'mp') { W.map.problemLayer.featureMarkers[String(idObj[i].replace('%2F','/'))].marker.icon.$div[0].click(); }
else if (selObjects.substring(0, 2) === 'vn') { objectsList.push(W.model.venues.objects[idObj[i]]); }
else if (selObjects.substring(0, 2) === 'nd') { objectsList.push(W.model.nodes.objects[idObj[i]]); }
else if (selObjects.substring(0, 2) === 'mc') { objectsList.push(W.model.mapComments.objects[idObj[i]]); }
else { objectsList.push(W.model.segments.objects[idObj[i]]); }
count=0;
setTimeout(function () {
BKMmapSearch.style.backgroundColor = '';
BKMmapSearch.style.color='';
BKMmapSearch.value='';
BKMmapSearch.placeholder=lang[17];
}, 2000);
}
}
} catch (e) {
console.log("error while getting selected item: ", e);
}
selObjects = '';
if (objType !== "none") {
W.selectionManager.unselectAll();
W.selectionManager.setSelectedModels(objectsList);
}
colorSearch(type);
}
}
function BKMconvertPermalink(data) { //Redo permalink
if (data) {
var l=data.split("|"), link = {};
link.env=l[5];
link.lat=l[1];
link.lon=l[0];
link.zoom=l[2];
link.layers=l[3];
link.MP=l[6];
link.UR=l[7];
link.MC=l[8];
if (l[4]) {
switch (l[4].substring(0, 1)) {
case 's': link.segments = l[4].substring(2); break;
case 'n': link.nodes = l[4].substring(2); break;
case 'v': link.venues = l[4].substring(2); break;
}
}
Object.keys(link).sort();
return link;
}
}
function colorSearch(msg) {
setTimeout(function () {
BKMmapSearch.style.backgroundColor='#4d4d4d';
BKMmapSearch.style.color='white';
(msg ? msg=msg+': ' : msg='')
BKMmapSearch.value=msg+lang[18];
}, 500);
setTimeout(function () {
BKMmapSearch.style.backgroundColor = '';
BKMmapSearch.style.color='';
BKMmapSearch.value='';
BKMmapSearch.placeholder=lang[17];
}, 2000);
}
// ***********************
// ** ANIMATE FUNCTIONS **
// ***********************
function bookmarksToggle() {
$('#divBookmarks').css('visibility', 'visible');
$('#divContent').css('display', 'block');
$('#divBookmarks').slideDown(); $('#iconBookmarks').css('color', '#36c');
$('#divShare').slideUp(); $('#iconShare').css('color', '#bbb');
$('#divHisto').slideUp(); $('#iconHisto').css('color', '#bbb');
$('#divCopy').slideUp(); $('#iconCopy').css('color', '#bbb');
$('#divBackup').slideUp(); $('#iconBackup').css('color', '#bbb');
$('#divSettings').slideUp(); $('#iconSettings').css('color', '#bbb');
$('#BKMedit').slideUp(200);
// BKMcheckActiveCountry();
reloadHtmlBookmarks();
if (getId('chkSynchro').checked === true) { getBookmarks(); }
}
function shareToggle() {
$('#divShare').css('visibility', 'visible');
$('#divContent').css('display', 'block');
$('#divBookmarks').slideUp(); $('#iconBookmarks').css('color', '#bbb');
$('#divShare').slideDown(); $('#iconShare').css('color', '#36c');
$('#divHisto').slideUp(); $('#iconHisto').css('color', '#bbb');
$('#divCopy').slideUp(); $('#iconCopy').css('color', '#bbb');
$('#divBackup').slideUp(); $('#iconBackup').css('color', '#bbb');
$('#divSettings').slideUp(); $('#iconSettings').css('color', '#bbb');
$('#BKMedit').slideUp(200);
// BKMcheckActiveCountry();
getShared();
}
function histoToggle() {
$('#divHisto').css('visibility', 'visible');
$('#divContent').css('display', 'block');
$('#divBookmarks').slideUp(); $('#iconBookmarks').css('color', '#bbb');
$('#divShare').slideUp(); $('#iconShare').css('color', '#bbb');
$('#divHisto').slideDown(); $('#iconHisto').css('color', '#36c');
$('#divCopy').slideUp(); $('#iconCopy').css('color', '#bbb');
$('#divBackup').slideUp(); $('#iconBackup').css('color', '#bbb');
$('#divSettings').slideUp(); $('#iconSettings').css('color', '#bbb');
$('#BKMedit').slideUp(200);
loadBookmarks('WMEHistoric', 'divHistoContent');
}
function copyToggle() {
$('#divCopy').css('visibility', 'visible');
$('#divContent').css('display', 'block');
$('#divBookmarks').slideUp(); $('#iconBookmarks').css('color', '#bbb');
$('#divShare').slideUp(); $('#iconShare').css('color', '#bbb');
$('#divHisto').slideUp(); $('#iconHisto').css('color', '#bbb');
$('#divCopy').slideDown(); $('#iconCopy').css('color', '#36c');
$('#divBackup').slideUp(); $('#iconBackup').css('color', '#bbb');
$('#divSettings').slideUp(); $('#iconSettings').css('color', '#bbb');
$('#BKMedit').slideUp(200);
reloadHtmlCopy();
// if (getId('chkSynchro').checked === true) { getCopyPaste(); }
}
function backupToggle() {
$('#divBackup').css('visibility', 'visible');
$('#divContent').css('display', 'block');
$('#divBookmarks').slideUp(); $('#iconBookmarks').css('color', '#bbb');
$('#divShare').slideUp(); $('#iconShare').css('color', '#bbb');
$('#divHisto').slideUp(); $('#iconHisto').css('color', '#bbb');
$('#divCopy').slideUp(); $('#iconCopy').css('color', '#bbb');
$('#divBackup').slideDown(); $('#iconBackup').css('color', '#36c');
$('#divSettings').slideUp(); $('#iconSettings').css('color', '#bbb');
$('#BKMedit').slideUp(200);
BKMbackup();
}
function settingsToggle() {
$('#divSettings').css('visibility', 'visible');
$('#divContent').css('display', 'block');
$('#divBookmarks').slideUp(); $('#iconBookmarks').css('color', '#bbb');
$('#divShare').slideUp(); $('#iconShare').css('color', '#bbb');
$('#divHisto').slideUp(); $('#iconHisto').css('color', '#bbb');
$('#divCopy').slideUp(); $('#iconCopy').css('color', '#bbb');
$('#divBackup').slideUp(); $('#iconBackup').css('color', '#bbb');
$('#divSettings').slideDown(); $('#iconSettings').css('color', '#36c');
$('#BKMedit').slideUp(200);
}
// ********************
// ** BOOKMARK LAYER **
// ********************
function checklayer(layer) {
if(W.map.getLayersBy("uniqueName",layer).length === 0) {
var LU_style=new OpenLayers.Style({
pointRadius: 2,
fontWeight: "normal",
label : "${labelText}",
fontFamily: "Tahoma, Courier New",
labelOutlineColor: "#FFFFFF",
labelOutlineWidth: 2,
fontColor: '#000000',
fontSize: "10px"
});
if (layer=="__WME_Bookmarks") {
bookmarks_Layer=new OpenLayers.Layer.Vector("Bookmarks", {
displayInLayerSwitcher: true,
uniqueName: layer,
shortcutKey: "S+b"
//styleMap: new OpenLayers.StyleMap(LU_style)
});
bookmarks_Layer.setVisibility(true);
W.map.addLayer(bookmarks_Layer);
I18n.translations[I18n.locale].layers.name[layer]="Bookmarks";
}
}
}
function createToggler(){
// Layers switcher
// test with script toggler----------------
var oldTogglers=document.querySelectorAll('.togglers');
oldTogglers.forEach(function(elt,indx){
if(elt.id != "toolboxUl"){
if (oldTogglers[indx].querySelector('.layer-switcher-group_scripts') === null) {
var newScriptsToggler=document.createElement('li');
newScriptsToggler.className='group';
newScriptsToggler.innerHTML='<div class="controls-container main toggler">\<input class="layer-switcher-group_scripts toggle" id="layer-switcher-group_scripts" type="checkbox">\<label for="layer-switcher-group_scripts">\<span class="label-text">Scripts</span>\</label>\</div>\<ul class="children">\</ul>';
oldTogglers[indx].appendChild(newScriptsToggler);
}
var groupScripts=document.querySelector('.layer-switcher-group_scripts').parentNode.parentNode;
var newScriptsChildren=getElementsByClassName("children", groupScripts)[0];
var WMECS_toggleUser=document.createElement('li');
WMECS_toggleUser.innerHTML='<div class="controls-container toggler">\<input class="layer-switcher-item_WME_bookmarks toggle" id="layer-switcher-item_WME_bookmarks" type="checkbox">\<label for="layer-switcher-item_WME_bookmarks">\<span class="label-text">Bookmarks</span>\</label>\</div>';
newScriptsChildren.appendChild(WMECS_toggleUser);
var toggleUser=getId('layer-switcher-item_WME_bookmarks');
newScriptsChildren.appendChild(WMECS_toggleUser);
var groupToggler=getId('layer-switcher-group_scripts');
groupToggler.checked=(typeof(localStorage.groupScriptsToggler) !=="undefined" ?
JSON.parse(localStorage.groupScriptsToggler) : true);
toggleUser.disabled=!groupToggler.checked;
toggleUser.addEventListener('click', function(e) {
bookmarks_Layer.setVisibility(e.target.checked);
var a=JSON.parse(localStorage.WMEBookmarksSettings);
a.showBookmark=e.target.checked;
localStorage.setItem('WMEBookmarksSettings', JSON.stringify(a));
});
groupToggler.addEventListener('click', function(e) {
toggleUser.disabled=!e.target.checked;
bookmarks_Layer.setVisibility(toggleUser.checked ? e.target.checked : toggleUser.checked);
localStorage.setItem('groupScriptsToggler', e.target.checked);
});
}
});
}
function LayerToggled(checked){
bookmarks_Layer.setVisibility(checked);
// var a=JSON.parse(localStorage.WMEBookmarksSettings);
// a.showBookmark=checked;
// localStorage.setItem('WMEBookmarksSettings', JSON.stringify(a));
}
function update_bookmarks_layer(bookmarkList) {
if (bookmarks_Layer.visibility == true && bookmarkList.length != 0) {
bookmarks_Layer.destroyFeatures();
for (var k=0; k < bookmarkList.length; k++) {
var marker=new OpenLayers.Feature.Vector(Geometrize(bookmarkList[k].lon, bookmarkList[k].lat), null, {
fillOpacity: 1,
fontSize: 15,
fontColor: "#ffff00",
label: bookmarkList[k].name,
labelYOffset: 22,
labelOutlineColor: "#ff0000",
labelOutlineWidth: 5,
stroke: true,
strokeColor: "#ff0000",
strokeWidth: 15,
strokeDashstyle: "solid"
});
var showBookmarks_Layer=W.map.layers.find(function (l) { return l.uniqueName == "__WME_Bookmarks"; });
showBookmarks_Layer.addFeatures(marker);
}
}
}
function Geometrize(lat, lon) {
var polyPoints= new OpenLayers.Geometry.Point(lat,lon).transform( new OpenLayers.Projection("EPSG:4326") , W.map.getProjectionObject());
var polygon=new OpenLayers.Geometry.Polygon(new OpenLayers.Geometry.LinearRing(polyPoints));
return polygon;
}
// *************************
// ** PREV/NEXT FUNCTIONS **
// *************************
function updatePos(){
if(_stopUpdPos)return;
var perma = getPermalink();
var DPerma = DecodePermalink(perma);
if(DPerma.zoom < 4) return;
if(_cur == perma) return;
if(_cur !== ''){
var newDPerma = DecodePermalink(perma);
var oldDPerma = DecodePermalink(_cur);
if(oldDPerma['lat'] == newDPerma['lat'] && oldDPerma['lon'] == newDPerma['lon'] && oldDPerma['zoom'] == newDPerma['zoom']){
function checkElm(type, patt){
_cur = _cur.replace(patt, '');
if(typeof(newDPerma[type]) !== 'undefined'){
_cur = _cur + perma.match(patt)[1];
}
}
checkElm('layers', /(&s=[\d]+)/);
checkElm('segments', /(&segments=[\d,]+)/);
checkElm('nodes', /(&nodes=[\d]+)/);
checkElm('venues', /(&venues=[\d.-]+)/);
checkElm('mapComments', /(&mapComments=[\d.-]+)/);
return;
}
_prev.unshift(_cur);
}
_cur = perma;
if(_prev.length > 0) { getId('prevIcon').className='toolbar-button toolbar-button-with-label'; }
if(_next.length == 0) { getId('nextIcon').className='toolbar-button toolbar-button-with-label ItemDisabled'; }
else { getId('nextIcon').className='toolbar-button toolbar-button-with-label'; }
// Limit historic to 20
while(_prev.length > 19)_prev.pop();
var a={}; a.prev=_prev; a.next=_next;
localStorage.setItem('WMEPrevNext', JSON.stringify(a));
}
function NavNext(e){
if(e.ctrlKey || e.altKey){
clearHistoric(e,false);
return;
}
if(_next.length > 0){
_prev.unshift(_cur);
_cur = _next.shift();
getId('prevIcon').className='toolbar-button toolbar-button-with-label';
if(_next.length === 0) { getId('nextIcon').className='toolbar-button toolbar-button-with-label ItemDisabled'; }
var a={}; a.prev=_prev; a.next=_next;
localStorage.setItem('WMEPrevNext', JSON.stringify(a));
RelocateMap();
}
else getId('nextIcon').className='toolbar-button toolbar-button-with-label ItemDisabled';
}
function NavPrev(e){
if(e.ctrlKey || e.altKey){
clearHistoric(e, true);
return;
}
if(_prev.length > 0){
_next.unshift(_cur);
_cur = _prev.shift();
getId('nextIcon').className='toolbar-button toolbar-button-with-label';
if(_prev.length === 0) { getId('prevIcon').className='toolbar-button toolbar-button-with-label ItemDisabled'; }
var a={}; a.prev=_prev; a.next=_next;
localStorage.setItem('WMEPrevNext', JSON.stringify(a));
RelocateMap();
}
else getId('prevIcon').className='toolbar-button toolbar-button-with-label ItemDisabled';
}
function clearHistoric(e, isPrev){
if(e.altKey){
_prev.splice(0, _prev.length);
getId('prevIcon').className='toolbar-button toolbar-button-with-label ItemDisabled';
_next.splice(0, _next.length);
getId('nextIcon').className='toolbar-button toolbar-button-with-label ItemDisabled';
}
else{
if(isPrev){
_prev.splice(0, _prev.length);
getId('prevIcon').className='toolbar-button toolbar-button-with-label ItemDisabled';
}
else{
_next.splice(0, _next.length);
getId('nextIcon').innerHTML='<i class="fa fa-arrow-circle-right"></i>';
}
}
}
function getPermalink(){
return document.getElementsByClassName('WazeControlPermalink')[0].getElementsByClassName('permalink')[0].href;
}
function checkPermaLink(){
_newP = getPermalink();
if(_newP != _oldP){
_oldP = _newP;
updatePos();
}
}
function DecodePermalink(perma){
var DecodedPerma = [];
perma = perma.replace(/#$/, '');
var patt = /[?&](\w+)=([\w\d-.,]+)/g;
var res = perma.match(patt);
for(var i=0; i < res.length; i++){
patt = /[?&](\w+)=([\w\d-.,]+)/;
var nres = res[i].match(patt);
DecodedPerma[nres[1]] = nres[2];
}
return DecodedPerma;
}
function RelocateMap(){
_stopUpdPos = true;
if (getId('chkHistoSelect').checked) { W.selectionManager.unselectAll(); }
var DecodedPerma = DecodePermalink(_cur);
W.map.setCenter(OpenLayers.Layer.SphericalMercator.forwardMercator(parseFloat(DecodedPerma.lon), parseFloat(DecodedPerma.lat)));
W.map.getOLMap().zoomTo(DecodedPerma.zoom);
updateSelectedItems();
}
function updateSelectedItems(){
if(_cur == '')return;
_stopUpdPos = true;
var DecodedPerma = DecodePermalink(_cur);
var tmp;
if(typeof(DecodedPerma['segments']) !== 'undefined'){
if(!selectSegments(DecodedPerma['segments'].split(",")))return;
}
else if(typeof(DecodedPerma['venues']) !== 'undefined'){
tmp = W.model.venues.getObjectById(DecodedPerma['venues']);
if(tmp === 'undefined')return;
selectItem([tmp]);
}
else if(typeof(DecodedPerma['nodes']) !== 'undefined'){
tmp = W.model.nodes.getObjectById(DecodedPerma['nodes']);
if(tmp === 'undefined')return;
selectItem([tmp]);
}
else if(typeof(DecodedPerma['mapComments']) !== 'undefined'){
TMP + W.model.mapComments.getObjectById(DecodedPerma['mapComments']);
if(tmp === 'undefined')return;
selectItem([tmp]);
}
_stopUpdPos = false;
function selectSegments(segList){
var segObj = [];
for(var i=0; i<segList.length; i++){
var theSeg = W.model.segments.getObjectById(segList[i]);
if(typeof(theSeg) !== 'undefined')segObj.push(theSeg);
}
if(segObj.length > 0){
selectItem(segObj);
return true;
}
return false;
}
function selectItem(obj){
if(getId('chkHistoNav').checked && getId('chkHistoSelect').checked) { W.selectionManager.setSelectedModels(obj); }
}
}
console.log('WME Bookmarks : ' + BKMversion + ' starting');
BKMinit();
}
const _timeouts = {
onWmeReady: undefined,
}
function checkTimeout(obj) {
if (obj.toIndex) {
if (_timeouts[obj.timeout]?.[obj.toIndex]) {
window.clearTimeout(_timeouts[obj.timeout][obj.toIndex]);
delete (_timeouts[obj.timeout][obj.toIndex]);
}
}
else {
if (_timeouts[obj.timeout]) {
window.clearTimeout(_timeouts[obj.timeout]);
}
_timeouts[obj.timeout] = undefined;
}
}
function log(message) {
if (typeof message === 'string') {
console.log('%cWME Bookmarks: %c' + message, 'color:black', 'color:#d97e00');
} else {
console.log('%cWME Bookmarks:', 'color:black', message);
}
}
function onWmeReady(tries = 1) {
if (typeof tries === 'object') {
tries = 1;
}
checkTimeout({ timeout: 'onWmeReady' });
if (WazeWrap?.Ready) {
log('WazeWrap is ready. Proceeding with initialization.');
onWazeWrapReady();
}
else if (tries < 1000) {
log(`WazeWrap is not in Ready state. Retrying ${tries} of 1000.`);
_timeouts.onWmeReady = window.setTimeout(onWmeReady, 500, ++tries);
}
else {
log('onWmeReady timed out waiting for WazeWrap Ready state.');
}
}
function onWmeInitialized() {
if (W.userscripts?.state?.isReady) {
log('W is ready and in "wme-ready" state. Proceeding with initialization.');
onWmeReady();
} else {
log('W is ready, but not in "wme-ready" state. Adding event listener.');
document.addEventListener('wme-ready', onWmeReady, { once: true });
}
}
function bootstrap() {
if (!W) {
log('W is not available. Adding event listener.');
document.addEventListener('wme-initialized', onWmeInitialized, { once: true });
} else {
onWmeInitialized();
}
}
bootstrap();