您需要先安装一个扩展,例如 篡改猴、Greasemonkey 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 Userscripts ,之后才能安装此脚本。
您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。
您需要先安装用户脚本管理器扩展后才能安装此脚本。
WME Context Menu stores various editing elements in an easy-to-access right-click popup menu. Currently it copies segment information to clipboard and integrates with WME Speedhelper and WME Road Selector to help make it even easier and faster to edit the map.
当前为
// ==UserScript== // @name WME Context Menu // @namespace https://greasyforks.org/users/11629-TheLastTaterTot // @version 0.3.3 // @description WME Context Menu stores various editing elements in an easy-to-access right-click popup menu. Currently it copies segment information to clipboard and integrates with WME Speedhelper and WME Road Selector to help make it even easier and faster to edit the map. // @author TheLastTaterTot // @include https://editor-beta.waze.com/*editor/* // @include https://www.waze.com/*editor/* // @exclude https://www.waze.com/*user/editor/* // @grant none // @run-at document-end // ==/UserScript== /* jshint -W097 */ //--------------- DEBUG ---------------- var DEBUG = false; function cmlog() { if (DEBUG) { var args = arguments, argArray = Object.keys(args).map(function(key) { return args[key] }); if (argArray[0].constructor === Array) { debugOption = argArray[0]; debugCode = parseInt(debugOption[0]); } if (debugCode === DEBUG) { argArray = argArray.splice(1); switch (debugOption[1]) { case 1: // examine functions logCss = 'background: #444; color: #6FF'; break; case 2: // examine eventListeners logCss = 'background: #CCC; color: #048'; break; default: logCss = 'background: #EEE; color: #000; font-weight: bold;' } console.debug('%cWMECM: %s', logCss, argArray.join(' ')); } } } //--------------------------------------- var roadTypes = { 1: "Street", 2: "Primary Street", 3: "Freeway", 4: "Ramp", 5: "Walking Trail", 6: "Major Highway", 7: "Minor Highway", 8: "Dirt road / 4X4 Trail", 10: "Pedestrian Boardwalk", 15: "Ferry", 16: "Stairway", 17: "Private Road", 18: "Railroad", 19: "Runway/Taxiway", 20: "Parking Lot Road" }, menuResetEvent_RSel = false, menuResetEvent_SL = true, contextMenuSettings, slMaxElementCount = 0, speedhelperHTML = false, speedLimitHTML = false, SL_imperial = { countries: ['UK', 'US', 'MU', 'AR', 'IC', 'JE', 'GQ', 'CJ', 'BM', 'LI'], mph2kph: 1.609344, kph2mph: 0.621371192, convertUnits: null }, minVersion = '0.3', isFirefox = !!~navigator.userAgent.indexOf('irefox'); try { if (isFirefox && localStorage.WME_ContextMenuFF) { window.alert('WME Context Menu has been updated to be fully functional in FireFox.\n\nThank you for your patience!'); localStorage.removeItem('WME_ContextMenuFF'); } } catch(err) {} //----------------------------------------------- if (localStorage.WME_ContextMenu) { contextMenuSettings = JSON.parse(localStorage.WME_ContextMenu); } else { contextMenuSettings = { clipboard: 0, position: 0, pin: false, countries: [], version: 0 }; localStorage.WME_ContextMenu = JSON.stringify(contextMenuSettings); } //----------------------------------------------- CMenuVersion = { currentVersion: GM_info.script.version, lastVersionString: function(){return contextMenuSettings.version}, convertToNumericVersion: function(versionString) { var vMult = [8000, 400, 20, 1], versionNumeric = 0; if (versionString) { if (versionString.constructor === Array) { if (versionString.length === 1) { versionString = versionString[0]; } else { console.error('WMECM:', 'versionString is an array with more than 1 element.') } } return versionString.match(/(\d)+/g).map(function(d, i) { versionNumeric += d * vMult[i]; }), versionNumeric; } else { return null; } }, getLastVersionValue: function() { return this.convertToNumericVersion(this.lastVersionString()); }, updateVersionString: function() { contextMenuSettings.version = this.currentVersion; localStorage.WME_ContextMenu = JSON.stringify(contextMenuSettings); }, isUpToDate: function(minimumVersionString) { var minVersionVal = this.convertToNumericVersion(minimumVersionString), lastVersionVal = this.getLastVersionValue(); return (lastVersionVal >= minVersionVal) ? true : false; } }; //////////////////////////////////////////////////////////////////////////////////////////////// var getUnique = function (objArray) { var isNotDuplicate = function (comparisonList, checkThisName) { var isNotDup = true; try { for (var c = 0, cLength = comparisonList.length; c < cLength; c++) { if (comparisonList[c] === checkThisName) isNotDup = false; } } catch (err) { console.error(err); } return isNotDup; }; try { var uniqObjs = []; for (var r = objArray.length; r--;) { if (isNotDuplicate(uniqObjs, objArray[r])) uniqObjs.push(objArray[r]); // && objArray[r] !== '' } return uniqObjs; } catch (err) { console.error(err); } }; var addStreetAndCityToRSel = function (segIds, caseSelection) { var opAndOr = parseInt(document.getElementById('cmOpAddOr').value), opNot = document.getElementById('cmOpNot').classList.contains('active'), addConjunction = !!document.getElementById('outRSExpr').innerHTML.length; switch (caseSelection ^ 0) { case 'primaryStreet': case 0: if (segIds.primaryStreet.length !== 0) { for (var s = segIds.primaryStreet.length; s--;) { if (addConjunction) { if (opAndOr) { document.getElementById('btnRSOr').click(); } else { document.getElementById('btnRSAnd').click(); } } if (opNot) document.getElementById('btnRSNot').click(); //set to primary document.getElementById('selRSAlttStreet').value = 0; document.getElementById('selRSAltCity').value = 0; document.getElementById('btnRSLBkt').click(); document.getElementById('inRSStreet').value = Waze.model.streets.objects[segIds.primaryStreet[s]].name; document.getElementById('btnRSAddStreet').click(); //document.getElementById('btnRSAnd').click(); document.getElementById('inRSCity').value = Waze.model.cities.objects[Waze.model.streets.objects[segIds.primaryStreet[s]].cityID].name; document.getElementById('btnRSAddCity').click(); document.getElementById('btnRSRBkt').click(); } } break; case 'altStreets': case 1: if (segIds.altStreets.length !== 0) { for (var s = segIds.primaryStreet.length; s--;) { if (addConjunction) { if (opAndOr) { document.getElementById('btnRSOr').click(); } else { document.getElementById('btnRSAnd').click(); } } if (opNot) document.getElementById('btnRSNot').click(); //set to alt document.getElementById('selRSAlttStreet').value = 1; document.getElementById('selRSAltCity').value = 1; document.getElementById('btnRSLBkt').click(); document.getElementById('inRSStreet').value = Waze.model.streets.objects[segIds.altStreets[s]].name; document.getElementById('btnRSAddStreet').click(); //document.getElementById('btnRSAnd').click(); document.getElementById('inRSCity').value = Waze.model.cities.objects[Waze.model.streets.objects[segIds.altStreets[s]].cityID].name; document.getElementById('btnRSAddCity').click(); document.getElementById('btnRSRBkt').click(); } } break; case 'anyStreet': case 2: addStreetAndCityToRSel(segIds, 0); //primary addStreetAndCityToRSel(segIds, 1); //alt break; } }; var addStreetNameToRSel = function (segNames, inputFieldId, altSelId, altVal, addBtnId) { var opAndOr = parseInt(document.getElementById('cmOpAddOr').value), opNot = document.getElementById('cmOpNot').classList.contains('active'), addConjunction = !!document.getElementById('outRSExpr').innerHTML.length; for (var n = 0, nLength = segNames.length; n < nLength; n++) { if (addConjunction) { if (opAndOr) { document.getElementById('btnRSOr').click(); } else { document.getElementById('btnRSAnd').click(); } } if (opNot) document.getElementById('btnRSNot').click(); document.getElementById(inputFieldId).value = segNames[n]; document.getElementById(altSelId).value = altVal ^ 0; document.getElementById(addBtnId).click(); addConjunction = true; } }; var addRoadTypeToRSel = function (ids, inputFieldId, addBtnId) { var opAndOr = parseInt(document.getElementById('cmOpAddOr').value), opNot = document.getElementById('cmOpNot').classList.contains('active'), addConjunction = !!document.getElementById('outRSExpr').innerHTML.length; document.getElementById('btnRSLBkt').click(); for (var n = 0, nLength = ids.length; n < nLength; n++) { if (addConjunction) { if (opAndOr) { document.getElementById('btnRSOr').click(); } else { document.getElementById('btnRSAnd').click(); } } if (opNot) document.getElementById('btnRSNot').click(); document.getElementById(inputFieldId).value = ids[n]; document.getElementById(addBtnId).click(); addConjunction = true; } document.getElementById('btnRSRBkt').click(); }; var copyToClipboard = function(str) { var $temp = $("<input>") $("body").append($temp); $temp.val(str).select(); document.execCommand("copy"); $temp.remove(); } var copyTo = function (e, opt, val) { if (document.getElementById('cmPinMenu').value) e.stopPropagation(); if (document.getElementById('cmClipboard').value) { copyToClipboard(val); } else { try { switch (opt) { case 'cm_priSC': if (document.getElementById('cmRoadType').classList.contains('active')) { addRoadTypeToRSel(getUnique(val.roadType), 'selRSRoadType', 'btnRSAddRoadType'); document.getElementById('btnRSAnd').click(); document.getElementById('btnRSLBkt').click(); addStreetAndCityToRSel(val, 0); document.getElementById('btnRSRBkt').click(); } else { addStreetAndCityToRSel(val, 0); } break; case 'cm_altSC': if (document.getElementById('cmRoadType').classList.contains('active')) { addRoadTypeToRSel(getUnique(val.roadType), 'selRSRoadType', 'btnRSAddRoadType'); document.getElementById('btnRSAnd').click(); document.getElementById('btnRSLBkt').click(); addStreetAndCityToRSel(val, 1); document.getElementById('btnRSRBkt').click(); } else { addStreetAndCityToRSel(val, 1); } break; case 'cm_anySC': if (document.getElementById('cmRoadType').classList.contains('active')) { addRoadTypeToRSel(getUnique(val.roadType), 'selRSRoadType', 'btnRSAddRoadType'); document.getElementById('btnRSAnd').click(); document.getElementById('btnRSLBkt').click(); addStreetAndCityToRSel(val, 2); document.getElementById('btnRSRBkt').click(); } else { addStreetAndCityToRSel(val, 2); } break; case 'cm_priS': if (document.getElementById('cmRoadType').classList.contains('active')) { addRoadTypeToRSel(getUnique(val.roadType), 'selRSRoadType', 'btnRSAddRoadType'); document.getElementById('btnRSAnd').click(); document.getElementById('btnRSLBkt').click(); addStreetNameToRSel(getUnique(val.primaryStreet), 'inRSStreet', 'selRSAlttStreet', 0, 'btnRSAddStreet'); document.getElementById('btnRSRBkt').click(); } else { addStreetNameToRSel(getUnique(val.primaryStreet), 'inRSStreet', 'selRSAlttStreet', 0, 'btnRSAddStreet'); } break; case 'cm_altS': if (document.getElementById('cmRoadType').classList.contains('active')) { addRoadTypeToRSel(getUnique(val.roadType), 'selRSRoadType', 'btnRSAddRoadType'); document.getElementById('btnRSAnd').click(); document.getElementById('btnRSLBkt').click(); addStreetNameToRSel(getUnique(val.altStreets), 'inRSStreet', 'selRSAlttStreet', 1, 'btnRSAddStreet'); document.getElementById('btnRSRBkt').click(); } else { addStreetNameToRSel(getUnique(val.altStreets), 'inRSStreet', 'selRSAlttStreet', 1, 'btnRSAddStreet'); } break; case 'cm_anyS': if (document.getElementById('cmRoadType').classList.contains('active')) { addRoadTypeToRSel(getUnique(val.roadType), 'selRSRoadType', 'btnRSAddRoadType'); document.getElementById('btnRSAnd').click(); document.getElementById('btnRSLBkt').click(); addStreetNameToRSel(getUnique(val.primaryStreet), 'inRSStreet', 'selRSAlttStreet', 0, 'btnRSAddStreet'); addStreetNameToRSel(getUnique(val.altStreets), 'inRSStreet', 'selRSAlttStreet', 1, 'btnRSAddStreet'); document.getElementById('btnRSRBkt').click(); } else { addStreetNameToRSel(getUnique(val.primaryStreet), 'inRSStreet', 'selRSAlttStreet', 0, 'btnRSAddStreet'); addStreetNameToRSel(getUnique(val.altStreets), 'inRSStreet', 'selRSAlttStreet', 1, 'btnRSAddStreet'); } break; case 'cm_ids': document.getElementById('inRSSegId').value = val; document.getElementById('btnRSAddSegId').classList.add('btn-info'); break; case 'cm_primaryStreet': document.getElementById('inRSStreet').value = val; document.getElementById('selRSAlttStreet').value = 0; document.getElementById('btnRSAddStreet').classList.add('btn-info'); break; case 'cm_altStreets': document.getElementById('inRSStreet').value = val; document.getElementById('selRSAlttStreet').value = 1; document.getElementById('btnRSAddStreet').classList.add('btn-info'); break; case 'cm_altStreetsAND': document.getElementById('inRSStreet').value = ''; break; case 'cm_altStreetsOR': document.getElementById('inRSStreet').value = ''; break; case 'cm_primaryCity': document.getElementById('inRSCity').value = val; document.getElementById('selRSAltCity').value = 0; document.getElementById('btnRSAddCity').classList.add('btn-info'); break; case 'cm_altCities': document.getElementById('inRSCity').value = val; document.getElementById('selRSAltCity').value = 1; document.getElementById('btnRSAddCity').classList.add('btn-info'); break; case 'cm_state': document.getElementById('inRSState').value = val; document.getElementById('btnRSAddState').classList.add('btn-info'); break; case 'cm_roadType': document.getElementById('selRSRoadType').value = val; document.getElementById('btnRSAddRoadType').classList.add('btn-info'); break; case 'cm_updatedBy': document.getElementById('inRSUpdtd').value = val; document.getElementById('btnRSAddUpdtd').classList.add('btn-info'); break; case 'cm_createdBy': document.getElementById('inRSCrtd').value = val; document.getElementById('btnRSAddCrtd').classList.add('btn-info'); break; case 'cm_toConnections': break; } } catch (err) { console.error(err); } // swap panel from selection panel try { document.getElementById('user-info').style.display = 'block'; document.getElementById('edit-panel').style.display = 'none'; } catch (err) { console.error(err); } // switch active tab-content try { document.querySelector('.tab-content>.active').classList.remove('active'); document.getElementById('sidepanel-roadselector').classList.add('active'); } catch (err) {} // switch active nav-tab try { document.querySelector('#user-tabs li.active').classList.remove('active'); document.getElementById('tabRSel').classList.add('active'); } catch (err) {} // switch to RSel editor tab try { document.getElementById('roadselector-tabs').children[1].classList.remove('active'); document.getElementById('roadselector-tabs').children[0].classList.add('active'); document.getElementById('roadselector-tab-content').children[1].classList.remove('active'); document.getElementById('roadselector-tab-content').children[0].classList.add('active'); } catch (err) { /* */ } } }; var getAutoAddToRSelCase = function (addType) { var nameClass = ((document.getElementById('cm_pri').checked * document.getElementById('cm_pri').value) + (document.getElementById('cm_alt').checked * document.getElementById('cm_alt').value)) - 1; switch (addType) { case 'cm_S': switch (nameClass) { case 0: //primary return 'cm_priS'; case 1: //alt return 'cm_altS'; case 2: //any return 'cm_anyS'; } break; case 'cm_SC': // cm_SC street and city switch (nameClass) { case 0: //primary return 'cm_priSC'; case 1: //alt return 'cm_altSC'; case 2: //any return 'cm_anySC'; } break; } }; var getSegmentProperties = function (selectedStuff) { cmlog([1,1], 'getSegmentProperties()'); try { /*var roadTypeOpts = document.querySelector('#segment-edit-general select[name="roadType"]'), numRoadTypes = roadTypeOpts.options.length, r, roadTypes = {}; for (r=0; r < numRoadTypes; r++) { roadTypes[roadTypeOpts[r].value] = roadTypeOpts[r].text; }*/ var s, s_ids = {}, s_altStObjKeys, s_altSt, s_toConnObjKeys; s_ids = { ids: {}, primaryStreet: {}, altStreets: {}, altCities: {}, roadType: {}, createdBy: {}, updatedBy: {}, toConnections: {}, primaryCity: {}, state: {}, country: {} }; for (s = selectedStuff.length; s--;) { s_ids.ids[selectedStuff[s].model.attributes.id] = null; s_ids.primaryStreet[selectedStuff[s].model.attributes.primaryStreetID] = null; s_ids.roadType[selectedStuff[s].model.attributes.roadType] = null; s_ids.createdBy[selectedStuff[s].model.attributes.createdBy] = null; s_ids.updatedBy[selectedStuff[s].model.attributes.updatedBy] = null; s_ids.primaryCity[Waze.model.streets.objects[selectedStuff[s].model.attributes.primaryStreetID].cityID] = null; s_ids.state[Waze.model.cities.objects[Waze.model.streets.objects[selectedStuff[s].model.attributes.primaryStreetID].cityID].stateID] = null; s_ids.country[Waze.model.cities.objects[Waze.model.streets.objects[selectedStuff[s].model.attributes.primaryStreetID].cityID].countryID] = null; s_altSt = selectedStuff[s].model.attributes.streetIDs; for (var a = 0, numAlts = s_altSt.length; a < numAlts; a++) { s_ids.altStreets[s_altSt[a]] = null; s_ids.altCities[Waze.model.streets.objects[s_altSt[a]].cityID] = null; } s_toConnObjKeys = Object.keys(selectedStuff[s].model.attributes.toConnections); for (var k = 0, numKeys = s_toConnObjKeys.length; k < numKeys; k++) { if (s_toConnObjKeys[k] !== '') { s_ids.toConnections[s_toConnObjKeys[k]] = selectedStuff[s].model.attributes.toConnections[s_toConnObjKeys[k]]; } } } var seg_ids = {}, seg_names = { ids: [], primaryStreet: [], altStreets: [], altCities: [], roadType: [], createdBy: [], updatedBy: [], toConnections: [], primaryCity: [], state: [], country: [] }; for (var idKey in s_ids) { seg_ids[idKey] = Object.keys(s_ids[idKey]); for (var k = 0, numKeys = seg_ids[idKey].length; k < numKeys; k++) { if (seg_ids[idKey][k] !== '') { switch (idKey) { case 'primaryStreet': seg_names[idKey][k] = Waze.model.streets.objects[seg_ids[idKey][k]].name; break; case 'primaryCity': seg_names[idKey][k] = Waze.model.cities.objects[seg_ids[idKey][k]].name; break; case 'altStreets': seg_names[idKey][k] = Waze.model.streets.objects[seg_ids[idKey][k]].name; break; case 'altCities': seg_names[idKey][k] = Waze.model.cities.objects[seg_ids[idKey][k]].name; break; case 'state': seg_names[idKey][k] = Waze.model.states.objects[seg_ids[idKey][k]].name; break; case 'roadType': seg_names[idKey][k] = roadTypes[String(seg_ids[idKey][k])]; break; case 'createdBy': seg_names[idKey][k] = Waze.model.users.objects[seg_ids[idKey][k]].userName; break; case 'updatedBy': seg_names[idKey][k] = Waze.model.users.objects[seg_ids[idKey][k]].userName; break; } } } } return { ids: seg_ids, names: seg_names }; } catch (err) { console.error(err); } }; var addHotkeyListener = function() { cmlog([1,1], 'addHotkeyListener()'); window.addEventListener('keydown', menuShortcutKeys, true); cmlog([2,2],'Adding global hotkey listener due to mouseenter'); }; var removeHotkeyListener = function() { cmlog([1,1], 'removeHotkeyListener()'); window.removeEventListener('keydown', menuShortcutKeys, true); cmlog([2,2],'Removing global hotkey listener due to mouseleave'); }; var closeContextMenu = function () { cmlog([1,1], 'closeContextMenu()'); try { // remove unnecessary hotkey listeners window.removeEventListener('keydown', menuShortcutKeys, true); document.getElementById('cmContextMenu').removeEventListener('mouseenter', addHotkeyListener, false); document.getElementById('cmContextMenu').removeEventListener('mouseleave', removeHotkeyListener, false); cmlog([2,2],'Closing menu, so removing all hotkey listeners'); // remove unnecessary close contextmenu listeners window.removeEventListener('click', closeContextMenu, false); document.getElementById('toolbar').removeEventListener('mouseenter', closeContextMenu, false); Waze.selectionManager.events.unregister("selectionchanged", null, setupSegmentContextMenu); // close the menu document.getElementById('cmContextMenu').style.display = 'none'; menuResetEvent_SL = true; } catch (err) {} }; var addSpecialMenuListeners = function () { cmlog([1,1], 'addSpecialMenuListeners()'); if (document.getElementById('cmPinMenu').value) { window.removeEventListener('click', closeContextMenu, false); document.getElementById('toolbar').removeEventListener('mouseenter', closeContextMenu, false); } else { window.addEventListener('keydown', menuShortcutKeys, true); cmlog([2,2],'Adding just global hotkey listener via addSpecialMenuListeners()'); window.addEventListener('click', closeContextMenu, false); document.getElementById('toolbar').addEventListener('mouseenter', closeContextMenu, false); } }; var adjustContextMenubar = function(pos) { if (pos === 1) { document.getElementById('cmFooterCaret').classList.add('fa-caret-down'); document.getElementById('cmFooterCaret').classList.remove('fa-caret-up'); document.getElementById('cmFooter').classList.add('cm-top'); document.getElementById('cmFooter').classList.remove('cm-bottom'); document.getElementById('cmFooter').style.marginBottom = '-1px'; document.getElementById('cmContextMenu').insertBefore(document.getElementById('cmFooter'), document.getElementById('cmContextMenu').children[0]); } else { document.getElementById('cmFooterCaret').classList.add('fa-caret-up'); document.getElementById('cmFooterCaret').classList.remove('fa-caret-down'); document.getElementById('cmFooter').classList.remove('cm-top'); document.getElementById('cmFooter').classList.add('cm-bottom'); document.getElementById('cmFooter').style.marginBottom = '0'; document.getElementById('cmContextMenu').appendChild(document.getElementById('cmFooter')); } }; var resetContextMenu = function (contextMenuSettings) { cmlog([1,1], 'resetContextMenu()'); if (menuResetEvent_RSel) document.getElementById('btnRSClear').click(); menuResetEvent_RSel = false; try { document.querySelector('#user-tabs a[href="#sidepanel-roadselector"]').parentNode.id = 'tabRSel'; } catch (err) {} // <label for="cm_any" class="btn cm-rsel-options badge cm-badge-right active"><input id="cm_any" type="radio" name="cmOptions" value=2 style="opacity: 0" checked>any</label> //dl - background-color: rgba(177, 210, 220, 0.75); if (contextMenuSettings.clipboard === 1) { //RSel document.getElementById('cmContainer').innerHTML = ` <div id="cmRSelAutoAdd" class="cm-menu-section cm-rsel"> <dl><dt>RSel Auto-Add Names</dt> <dd><div class="btn-group pull-left" data-toggle="buttons"> <label for="cm_pri" class="btn cm-rsel-options cm-badge-left active"><input id="cm_pri" type="checkbox" value=1 checked> Primary</label> <label for="cm_alt" class="btn cm-rsel-options cm-badge-right active"><input id="cm_alt" type="checkbox" value=2 checked>Alternate </label> </div> <div class="pull-left btn-group" style="margin: 0px 2px"> <button type="button" id="cmRoadType" class="btn cm-rsel-options active">Type</button> </div> <div class="btn-group pull-right"> <button type="button" id="cmOpAddOr" class="btn cm-rsel-options cm-badge-left and" value="0" style="padding-right: 4px;">and</button> <button type="button" id="cmOpNot" class="btn cm-rsel-options cm-badge-right" style="padding-left: 4px;">!</button> </div></dd> <dd id="cm_SC">All <span id="cm_textSC">Primary/Alt. Street, City</span></dd> <dd id="cm_S">All <span id="cm_textS">Primary/Alt. Street</span></dd> </dl> </div>`; } else { document.getElementById('cmContainer').innerHTML = ''; } document.getElementById('cmContainer').innerHTML += ` <div class="cm-menu-header"> <dl><dt id="cmMenuHeaderTitle">Copy To Clipboard</dt></dl> </div> <div id="cmMenuNoContent" class="cm-menu-section" style="display: none;"><dd>No segment selected</dd></div> <div id="cmMenuContent"> <div id="cm_street" class="cm-menu-section"> <dl id="cm_primaryStreet"> <dt>Street</dt> </dl> <dl id="cm_altStreets"> <dt>Alt street</dt> </dl> </div> <div id="cm_city" class="cm-menu-section"> <dl id="cm_primaryCity"> <dt>City</dt> </dl> <dl id="cm_altCities"> <dt>Alt city</dt> </dl> </div> <div class="cm-menu-section"> <dl id="cm_state"> <dt>State</dt> </dl> </div> <div class="cm-menu-section"> <dl id="cm_roadType"> <dt>Road type</dt> </dl> </div> <div class="cm-menu-section"> <dl id="cm_updatedBy"> <dt>Updated by</dt> </dl> <dl id="cm_createdBy"> <dt>Created by</dt> </dl> </div> <div class="cm-menu-section"> <dl> <dd id="cm_ids">Segment IDs</dd> </dl> </div></div>`; // if menu is not pinned if (!document.getElementById('cmPinMenu').value) { setTimeout(addSpecialMenuListeners, 250); } adjustContextMenubar(contextMenuSettings.position); }; var populateCopyContextMenu = function (segInfo, contextMenuSettings) { cmlog([1,1], 'populateCopyContextMenu()'); try { resetContextMenu(contextMenuSettings); var updateNames = Object.keys(segInfo.ids), numNames = updateNames.length, n, selOption, emptyArr, s_names = {}, s_ids = {}; for (n = numNames; n--;) { if (document.getElementById('cm_' + updateNames[n]) && segInfo.ids[updateNames[n]] && segInfo.ids[updateNames[n]].length) { if (updateNames[n] !== 'ids') { emptyArr = 0; s_names[updateNames[n]] = getUnique(segInfo.names[updateNames[n]]) s_ids[updateNames[n]] = getUnique(segInfo.ids[updateNames[n]]) for (var a = 0, aLength = s_ids[updateNames[n]].length; a < aLength; a++) { if (s_names[updateNames[n]][a]) { selOption = document.createElement('dd'); if (s_names[updateNames[n]][a] === '') { if (~updateNames[n].indexOf('Cit')) { selOption.innerHTML = 'No City'; } else if (~updateNames[n].indexOf('Street')) { selOption.innerHTML = 'No Street'; } } else { selOption.innerHTML = s_names[updateNames[n]][a]; } selOption.name = s_ids[updateNames[n]][a]; document.getElementById('cm_' + updateNames[n]).appendChild(selOption); switch (updateNames[n]) { case 'roadType': if (document.getElementById('cmClipboard').value) selOption.name = s_names[updateNames[n]][a]; selOption.onclick = function (e) { //if (document.getElementById('cmPinMenu').value) e.stopPropagation(); copyTo(e, this.parentNode.id, this.name); }; break; default: selOption.onclick = function (e) { //if (document.getElementById('cmPinMenu').value) e.stopPropagation(); copyTo(e, this.parentNode.id, this.innerHTML); }; } } else { emptyArr++; } } if (emptyArr === aLength) { if (document.getElementById('cm_' + updateNames[n])) { document.getElementById('cm_' + updateNames[n]).style.display = "none"; } } } else { selOption = document.getElementById('cm_ids'); selOption.name = segInfo.ids[updateNames[n]].join(','); selOption.onclick = function (e) { //if (document.getElementById('cmPinMenu').value) e.stopPropagation(); copyTo(e, this.id, this.name); }; } } else if (document.getElementById('cm_' + updateNames[n])) { document.getElementById('cm_' + updateNames[n]).style.display = "none"; } } if (!s_names.primaryStreet.length && !s_names.altStreets.length) { document.getElementById('cm_primaryStreet').parentNode.style.display = 'none'; } if (!s_names.primaryCity.length && !s_names.altCities.length) { document.getElementById('cm_primaryCity').parentNode.style.display = 'none'; } if (!s_names.state.length) document.getElementById('cm_state').parentNode.style.display = 'none'; var numSegments = Waze.selectionManager.selectionCountByType.segment; if (!numSegments) numSegments = '0 Segment IDs'; else if (numSegments === 1) numSegments = '1 Segment ID'; else numSegments = numSegments + ' Segment IDs'; document.getElementById('cm_ids').innerHTML = numSegments; // RSEL menu items if (document.getElementById('cmRSel').value) { document.getElementById('cmMenuHeaderTitle').innerHTML = 'Copy To Road Selector'; var copyToRSelAndSelect = document.createElement('dd'); copyToRSelAndSelect.id = 'cm_SCgo'; copyToRSelAndSelect.zIndex = 1; copyToRSelAndSelect.className = 'fa fa-fast-forward pull-right cm-rsel-goselect'; document.getElementById('cm_SC').parentNode.insertBefore(copyToRSelAndSelect, document.getElementById('cm_SC')); var copyToRSelAndSelect2 = copyToRSelAndSelect.cloneNode(); copyToRSelAndSelect2.id = 'cm_Sgo'; copyToRSelAndSelect.zIndex = 1; document.getElementById('cm_S').parentNode.insertBefore(copyToRSelAndSelect2, document.getElementById('cm_S')); document.getElementById('cmRSelAutoAdd').style.display = 'block'; //name options document.getElementById('cm_pri').parentNode.addEventListener('click', function (e) { e.stopPropagation(); var numBtnDown = this.parentNode.getElementsByClassName('active').length; if (this.children[0].checked) { //currently checked... decide whether to uncheck this.classList.remove('active'); this.children[0].checked = false; if (numBtnDown === 0) { document.getElementById('cm_alt').parentNode.classList.add('active') document.getElementById('cm_alt').checked = true; } document.getElementById('cm_textSC').innerHTML = 'Alt. Street, City'; document.getElementById('cm_textS').innerHTML = 'Alt. Street'; } else { //unchecked this.classList.add('active'); this.children[0].checked = true; document.getElementById('cm_textSC').innerHTML = 'Primary/Alt. Street, City'; document.getElementById('cm_textS').innerHTML = 'Primary/Alt. Street'; } }, false); document.getElementById('cm_alt').parentNode.addEventListener('click', function (e) { e.stopPropagation(); var numBtnDown = this.parentNode.getElementsByClassName('active').length; if (this.children[0].checked) { //currently checked... decide whether to uncheck this.classList.remove('active'); this.children[0].checked = false; if (numBtnDown === 0) { document.getElementById('cm_pri').parentNode.classList.add('active'); document.getElementById('cm_pri').checked = true; } document.getElementById('cm_textSC').innerHTML = 'Primary Street, City'; document.getElementById('cm_textS').innerHTML = 'Primary Street'; } else { //unchecked this.classList.add('active'); this.children[0].checked = true; document.getElementById('cm_textSC').innerHTML = 'Primary/Alt. Street, City'; document.getElementById('cm_textS').innerHTML = 'Primary/Alt. Street'; } }, false); //road type document.getElementById('cmRoadType').addEventListener('click', function (e) { e.stopPropagation(); if (document.getElementById('cmRoadType').classList.contains('active')) { document.getElementById('cmRoadType').classList.remove('active') } else { document.getElementById('cmRoadType').classList.add('active') } }, false); //operations document.getElementById('cmOpAddOr').addEventListener('click', function (e) { e.stopPropagation(); var opToggleLabel = ['and', 'or'], newValue = this.value ^ 1; this.innerHTML = opToggleLabel[newValue]; this.value = newValue; //console.info(this.value); }, false); document.getElementById('cmOpNot').addEventListener('click', function (e) { e.stopPropagation(); if (document.getElementById('cmOpNot').classList.contains('active')) { document.getElementById('cmOpNot').classList.remove('active') } else { document.getElementById('cmOpNot').classList.add('active') } }, false); //menu selections document.getElementById('cm_SC').addEventListener('click', function (e) { copyTo(e, getAutoAddToRSelCase('cm_SC'), segInfo.ids); }, false); document.getElementById('cm_S').addEventListener('click', function (e) { copyTo(e, getAutoAddToRSelCase('cm_S'), segInfo.names); }, false); document.getElementById('cm_SCgo').addEventListener('click', function (e) { menuResetEvent_RSel = true; copyTo(e, getAutoAddToRSelCase('cm_SC'), segInfo.ids); document.getElementById('btnRSSelect').click(); }, false); document.getElementById('cm_Sgo').addEventListener('click', function (e) { menuResetEvent_RSel = true; copyTo(e, getAutoAddToRSelCase('cm_S'), segInfo.names); document.getElementById('btnRSSelect').click(); }, false); } } catch (err) { console.error(err); }; }; //=============================================================================================== var SL_checkCountry = function () { cmlog([1,1], 'SL_checkCountry()'); // returns a boolean value for menuResetEvent_SL and implies whether to run // reduceSpeedhelperOverhead() again //for (i=1; i<17; i++) {kph=Math.round(i*5*SL_imperial.mph2kph); mph=Math.round(kph*SL_imperial.kph2mph); console.info('kph:',kph,'---','mph:',mph)} if (!contextMenuSettings.countries) contextMenuSettings.countries = []; var savedNumCountries = contextMenuSettings.countries.length, currentNumCountries, currentCountries, convertUnits = false, isImperialCountry = false; try { currentCountries = [Waze.model.countries.top.abbr]; currentNumCountries = 1; } catch (err) { console.warning('WMECM:', 'Could not find W.model.countries.top. Trying to use W.model.countries.objects instead.'); try { currentCountries = Object.keys(Waze.model.countries.objects); currentNumCountries = currentCountries.length; } catch (err) { console.warning('WMECM:', 'WME objects might have been changed by Waze. This could be a problem and should be examined.') currentCountries = false; currentNumCountries = 0; } } var matchCount = 0; for (var c = 0; c < currentNumCountries; c++) { for (var s = 0; s < savedNumCountries; s++) { if (currentCountries[c] === contextMenuSettings.countries[s]) matchCount++; } } for (var ic = 0, icLength = SL_imperial.countries.length; ic < icLength; ic++) { if (currentCountries[0] === SL_imperial.countries[ic]) { isImperialCountry = true; break; } } if (isImperialCountry && !Waze.prefs.attributes.isImperial) convertUnits = 1; //convert metric --> imperial else if (!isImperialCountry && Waze.prefs.attributes.isImperial) convertUnits = 2; //convert imperial --> metric if (matchCount !== currentNumCountries) { contextMenuSettings.countries = currentCountries; localStorage.contextMenuSettings = JSON.stringify(contextMenuSettings); return { menuResetEvent_SL: true, //saved for later for implementing a check without having to refresh browser convertUnits: convertUnits }; } else { return { menuResetEvent_SL: false, //saved for later for implementing a check without having to refresh browser convertUnits: convertUnits }; } }; var highlightSpeedSigns = function () { cmlog([1,1], 'highlightSpeedSigns()'); //$('#signsholder_cm>div').removeAttr('style'); //reset styles $('#signsholder_cm>div').removeAttr('class'); //reset classes if (SL_imperial.convertUnits === null) { var countryResults = SL_checkCountry(); SL_imperial.convertUnits = countryResults.convertUnits; SL = SL_imperial //debug } // Highlight the current speed limit var fwdSpeed = $('input[name="fwdMaxSpeed"]').val(), revSpeed = $('input[name="revMaxSpeed"]').val(), numSegments = Waze.selectionManager.selectionCountByType.segment; if (SL_imperial.convertUnits === 1) { fwdSpeed = Math.round(fwdSpeed * SL_imperial.kph2mph); revSpeed = Math.round(revSpeed * SL_imperial.kph2mph); } else if (SL_imperial.convertUnits === 2) { fwdSpeed = Math.round(fwdSpeed * SL_imperial.mph2kph); revSpeed = Math.round(revSpeed * SL_imperial.mph2kph); } if (fwdSpeed==='') fwdSpeed = false; if (revSpeed==='') revSpeed = false; if ((fwdSpeed && revSpeed) && (fwdSpeed === revSpeed)) { if ((!$('#fwdMaxSpeedUnverifiedCheckbox').length && !$('#revMaxSpeedUnverifiedCheckbox').length) || // if both have been verified ($('#fwdMaxSpeedUnverifiedCheckbox').prop('checked') && $('#revMaxSpeedUnverifiedCheckbox').prop('checked'))) { $('#signsholder_cm>div[id$="' + fwdSpeed + '"]').addClass('cm-sl-verified cm-both'); } else if ($('#fwdMaxSpeedUnverifiedCheckbox').prop('checked') || $('#revMaxSpeedUnverifiedCheckbox').prop('checked')) { // only one has been verified $('#signsholder_cm>div[id$="' + fwdSpeed + '"]').addClass('cm-sl-unverified cm-one'); } else if (!$('#fwdMaxSpeedUnverifiedCheckbox').prop('checked') && !$('#revMaxSpeedUnverifiedCheckbox').prop('checked')) { // neither have been verified $('#signsholder_cm>div[id$="' + fwdSpeed + '"]').addClass('cm-sl-unverified cm-both'); } } else if ((fwdSpeed && revSpeed) && (fwdSpeed !== revSpeed)) { if ((!$('#fwdMaxSpeedUnverifiedCheckbox').length && !$('#revMaxSpeedUnverifiedCheckbox').length) || // if both have been verified -- no checkboxes ($('#fwdMaxSpeedUnverifiedCheckbox').prop('checked') && $('#revMaxSpeedUnverifiedCheckbox').prop('checked'))) { // or both checked $('#signsholder_cm>div[id$="' + fwdSpeed + '"]').addClass('cm-sl-verified cm-a'); $('#signsholder_cm>div[id$="' + revSpeed + '"]').addClass('cm-sl-verified cm-b'); } else if ($('#fwdMaxSpeedUnverifiedCheckbox').prop('checked') || !$('#fwdMaxSpeedUnverifiedCheckbox').length) { //fwdspeed checked or no checkbox $('#signsholder_cm>div[id$="' + fwdSpeed + '"]').addClass('cm-sl-verified cm-a'); $('#signsholder_cm>div[id$="' + revSpeed + '"]').addClass('cm-sl-unverified cm-b'); } else if ($('#revMaxSpeedUnverifiedCheckbox').prop('checked') || !$('#revMaxSpeedUnverifiedCheckbox').length) { //revspeed checked or no checkbox $('#signsholder_cm>div[id$="' + fwdSpeed + '"]').addClass('cm-sl-unverified cm-a'); $('#signsholder_cm>div[id$="' + revSpeed + '"]').addClass('cm-sl-verified cm-b'); } else if (!$('#fwdMaxSpeedUnverifiedCheckbox').prop('checked') && !$('#revMaxSpeedUnverifiedCheckbox').prop('checked')) { //both unchecked $('#signsholder_cm>div[id$="' + fwdSpeed + '"]').addClass('cm-sl-unverified cm-a'); $('#signsholder_cm>div[id$="' + revSpeed + '"]').addClass('cm-sl-unverified cm-b'); } } else if (fwdSpeed && !revSpeed) { // no reverse speed has been inputted if (!$('input[name="revMaxSpeed"]').length) { // if revspeed input does not exist bc this is a oneway road if (!$('#fwdMaxSpeedUnverifiedCheckbox').length || $('#fwdMaxSpeedUnverifiedCheckbox').prop('checked')) { // if fwdspeed has been verified $('#signsholder_cm>div[id$="' + fwdSpeed + '"]').addClass('cm-sl-verified'); } else if (!$('#fwdMaxSpeedUnverifiedCheckbox').prop('checked')) { //unverified speed on oneway road $('#signsholder_cm>div[id$="' + fwdSpeed + '"]').addClass('cm-sl-unverified'); } } else { //revspeed input box does exist but is empty if (!$('#fwdMaxSpeedUnverifiedCheckbox').length || $('#fwdMaxSpeedUnverifiedCheckbox').prop('checked')) { // if fwdspeed has been verified, then draw green box $('#signsholder_cm>div[id$="' + fwdSpeed + '"]').addClass('cm-sl-verified cm-a'); } else if (!$('#fwdMaxSpeedUnverifiedCheckbox').prop('checked')) { //unverified speed on oneway road $('#signsholder_cm>div[id$="' + fwdSpeed + '"]').addClass('cm-sl-unverified cm-a'); } } } else if (revSpeed && !fwdSpeed) { if (!$('input[name="fwdMaxSpeed"]').length) { // if fwdspeed input does not exist bc this is a oneway road if (!$('#revMaxSpeedUnverifiedCheckbox').length || $('#revMaxSpeedUnverifiedCheckbox').prop('checked')) { //revspeed has been verified $('#signsholder_cm>div[id$="' + revSpeed + '"]').addClass('cm-sl-verified'); } else if (!$('#revMaxSpeedUnverifiedCheckbox').prop('checked')) { //unverified speed on oneway road $('#signsholder_cm>div[id$="' + revSpeed + '"]').addClass('cm-sl-unverified'); } } else { //fwdspeed does exist, but has not been inputted if (!$('#revMaxSpeedUnverifiedCheckbox').length || $('#revMaxSpeedUnverifiedCheckbox').prop('checked')) { //revspeed has been verified $('#signsholder_cm>div[id$="' + revSpeed + '"]').addClass('cm-sl-verified cm-b'); } else if (!$('#revMaxSpeedUnverifiedCheckbox').prop('checked')) { //unverified speed on oneway road $('#signsholder_cm>div[id$="' + revSpeed + '"]').addClass('cm-sl-unverified cm-b'); } } } if (numSegments > 1) $('#signsholder_cm>div.cm-sl-verified').addClass('cm-sl-multisegs'); } //------------------------------------------------------------------------------ var reduceSpeedhelperOverhead = function () { cmlog([1,1], 'reduceSpeedhelperOverhead()'); // returns the innerHTML for slimmed down cmMenuContent, to be assigned to speedhelperHTML if (document.getElementById('cmSpeedhelperCSS')) document.getElementById('cmSpeedhelperCSS').remove(); var speedhelperCSSEl = document.createElement('style'); speedhelperCSSEl.type = 'text/css'; speedhelperCSSEl.id = 'cmSpeedhelperCSS'; speedhelperCSSEl.innerHTML = '#signsholder_cm>div[id^="sign"] {' + document.getElementById('signsholder').children[0].getAttribute('style') + '}\n' + '#signsholder_cm>div[id^="sign"]>* {' + document.querySelector('#signsholder>div[id^="sign"]>*').getAttribute('style') + '}\n'; document.body.appendChild(speedhelperCSSEl); $('#signsholder_cm>div[id^="sign"]:not([id="signsError"]').removeAttr('style'); $('#signsholder_cm>div[id^="sign"]>div').removeAttr('style'); return document.getElementById('cmMenuContent').innerHTML; }; //=============================================================================== var populateSpeedMenu = function (contextMenuSettings) { cmlog([1,1], 'populateSpeedMenu()'); var slCurrentElementCount = [!!document.getElementById('fwdMaxSpeedUnverifiedCheckbox'), !!document.getElementById('revMaxSpeedUnverifiedCheckbox'), !!document.getElementsByName('fwdMaxSpeed').length, !!document.getElementsByName('revMaxSpeed').length], slMenuElementCount = [!!document.getElementById('fwdMaxSpeedUnverifiedCheckbox_cm')+1, !!document.getElementById('revMaxSpeedUnverifiedCheckbox_cm')+1, document.getElementsByName('fwdMaxSpeed_cm').length+1, document.getElementsByName('revMaxSpeed_cm').length+1]; for (var cc = 4, slCompareElementCount = 0, sumElementCount=0; cc--;) { slCompareElementCount += (slMenuElementCount[cc]*slCurrentElementCount[cc]-1)==slCurrentElementCount[cc]; sumElementCount += slCurrentElementCount[cc]; } if (menuResetEvent_SL || !speedhelperHTML) { resetContextMenu(contextMenuSettings); try { document.getElementById('cmMenuHeaderTitle').innerHTML = 'Edit Speed Limits'; if ((slCompareElementCount !== 4 && slMaxElementCount !== 4) || !speedhelperHTML) { document.getElementById('cmMenuContent').innerHTML = ''; var speedLimit = document.querySelector('#segment-edit-general div.speed-limit').cloneNode(true); speedLimit.id = 'cmSpeedLimit'; speedLimit.className = 'cm-speed-limit cm-menu-section'; speedLimit.innerHTML = '<div id="signsContainer" style="margin-bottom: 15px; opacity: 0.9;"></div><div class="form-inline">' + speedLimit.innerHTML + '</div>'; speedLimitHTML = speedLimit.innerHTML; //quickly grab this version as backup document.getElementById('cmMenuContent').appendChild(speedLimit); document.querySelector('#cmSpeedLimit #signsholder').id = 'signsholder_cm'; // Move the signs to its own container document.getElementById('signsContainer').appendChild(document.getElementById('signsholder_cm')); } else { document.getElementById('cmMenuContent').innerHTML = speedhelperHTML; } } catch (err) {} //-------------------------------------------------------------------------- try { var wazeVerifyChkBoxLabel = document.querySelectorAll('#segment-edit-general div.speed-limit input[type="checkbox"]+label'), wazeChkbox; for (var cb = 0; cb < wazeVerifyChkBoxLabel.length; cb++) { wazeChkbox = wazeVerifyChkBoxLabel[cb].parentNode.children[0]; $('#cmSpeedLimit ' + '#' + wazeChkbox.id).prop('id', wazeChkbox.id + '_cm'); $('#cmSpeedLimit ' + '#' + wazeChkbox.id + '_cm').get(0).addEventListener( 'click', function (e) { e.stopPropagation(); this.parentNode.children[0].checked = !document.getElementById(this.parentNode.children[0].id.slice(0, -3)).checked; }, false); } } catch (err) {} //-------------------------------------------------------------------------- try { var wazeSpeedInput = document.querySelectorAll('#segment-edit-general div.speed-limit input[type="number"]'), wazeSpeedInputLength = wazeSpeedInput.length, cmSpeedInput, nm; for (nm = 0; nm < wazeSpeedInputLength; nm++) { $('#cmSpeedLimit input[name="' + wazeSpeedInput[nm].name + '"]').prop('name', wazeSpeedInput[nm].name + '_cm'); cmSpeedInput = $('#cmSpeedLimit input[name="' + wazeSpeedInput[nm].name + '_cm' + '"]').get(0); cmSpeedInput.addEventListener('click', function (e) { e.stopPropagation(); this.select(); document.getElementById('cmContextMenu').removeEventListener('mouseenter', addHotkeyListener, false); window.removeEventListener('keydown', menuShortcutKeys, true); cmlog([2,2],'Editing speed value, so removing global hotkey listener'); }, false); cmSpeedInput.addEventListener('blur', function (e) { document.getElementById('cmContextMenu').addEventListener('mouseenter', addHotkeyListener, false); window.addEventListener('keydown', menuShortcutKeys, true); cmlog([2,2],'Removed focus from speed input field, so adding global hotkey listener again'); $('input[name="' + this.name.slice(0, -3) + '"]').val(this.value).change(); }, false); cmSpeedInput.addEventListener('change', function (e) { //e.stopPropagation(); $('input[name="' + this.name.slice(0, -3) + '"]').val(this.value).change(); }, false); } } catch (err) {} //-------------------------------------------------------------------------- try { // Try adding some event listeners for closing the menu if not pinned: if (!document.getElementById('cmPinMenu').value) { document.getElementById('cmSpeedLimit').addEventListener( 'mouseleave', function () { cmlog([2,2], 'Adding eevnt listners to allow menu to close'); addSpecialMenuListeners(); $('input[name="fwdMaxSpeed_cm"]').val($('input[name="fwdMaxSpeed"]').val()); $('input[name="revMaxSpeed_cm"]').val($('input[name="revMaxSpeed"]').val()); }, false); document.getElementById('cmSpeedLimit').addEventListener( 'mouseenter', function () { //prevent menu from closing cmlog([2,2],'Preventing menu from closing by removing event listeners'); window.removeEventListener('click', closeContextMenu, false); document.getElementById('toolbar').removeEventListener('mouseenter', closeContextMenu, false); }, false); } } catch (err) {} //-------------------------------------------------------------------------- //-------------------------------------------------------------------------- var addListenersToSigns = function () { var cmSpeedSigns = document.getElementById('signsholder_cm').children; for (var ss = cmSpeedSigns.length; ss--;) { cmSpeedSigns[ss].addEventListener('click', function (e) { e.preventDefault(); var speedVal = this.firstElementChild.innerHTML; if (SL_imperial.convertUnits === 1) { speedVal = Math.round(speedVal * SL_imperial.mph2kph); } else if (SL_imperial.convertUnits === 2) { speedVal = Math.round(speedVal * SL_imperial.kph2mph); } if (e.shiftKey) { //AB - fwd if (!$('input[name="fwdMaxSpeed"]').prop('disabled')) { $('input[name="fwdMaxSpeed_cm"]').val(speedVal); $('#fwdMaxSpeedUnverifiedCheckbox_cm').prop('checked', true); $('#fwdMaxSpeedUnverifiedCheckbox').prop('checked', true).change(); $('input[name="fwdMaxSpeed"]').val(speedVal).change(); } } else if (e.ctrlKey || e.altKey || e.metaKey ) { //BA - rev if (!$('input[name="revMaxSpeed"]').prop('disabled')) { $('input[name="revMaxSpeed_cm"]').val(speedVal); $('#revMaxSpeedUnverifiedCheckbox_cm').prop('checked', true); $('#revMaxSpeedUnverifiedCheckbox').prop('checked', true).change(); $('input[name="revMaxSpeed"]').val(speedVal).change(); } } else { if (!$('#segment-edit-general div.speed-limit input[type="number"]').prop('disabled')) { //$('#segment-edit-general div.speed-limit input[type="number"]').val(speedVal).change(); $('#cmSpeedLimit input[type="number"]').val(speedVal); $('#fwdMaxSpeedUnverifiedCheckbox_cm').prop('checked', true); $('#fwdMaxSpeedUnverifiedCheckbox').prop('checked', true).change(); $('#revMaxSpeedUnverifiedCheckbox_cm').prop('checked', true); $('#revMaxSpeedUnverifiedCheckbox').prop('checked', true).change(); $('#segment-edit-general div.speed-limit input[type="number"]').val(speedVal).change(); } } highlightSpeedSigns(); if (!document.getElementById('cmPinMenu').value) { setTimeout(closeContextMenu, 100); } }, false); } if (sumElementCount > slMaxElementCount) { speedhelperHTML = reduceSpeedhelperOverhead(); slMaxElementCount = sumElementCount; } highlightSpeedSigns(); // this is necessary to play catchup bc of the slower initialization times of Speedhelper elements }; //-------------------------------------------------------------------------- var waitCount = 0, maxWait = 15; var waitForSpeedhelper = function () { var signsHolder = document.querySelector('#segment-edit-general div.speed-limit #signsholder'); if (signsHolder !== null && !document.getElementById('signsContainer').children.length) { menuResetEvent_SL = false; document.getElementById('signsContainer').innerHTML = signsHolder.outerHTML; document.querySelector('#signsContainer>#signsholder').id = 'signsholder_cm'; addListenersToSigns(); } else if (waitCount++ < maxWait) { setTimeout(waitForSpeedhelper, 50); } else if ((sumElementCount > slMaxElementCount) && !speedhelperHTML) { //for speedLimitHTML... slMaxElementCount = sumElementCount; } }; //------------------------------------------------------ setTimeout(function () { if (document.getElementById('signsContainer').children.length) { addListenersToSigns(); } else { setTimeout(waitForSpeedhelper, 50); } }, 50); //timeout may be needed for countries with many speedlimit signs loaded by Speedhelper //------------------------------------------------------ } else { //menuResetEvent_SL === false // if menu is pinned and has not been reset... if (slCompareElementCount !== 4 && slMaxElementCount !== 4) { menuResetEvent_SL = true; populateSpeedMenu(contextMenuSettings) return true; } } // menuResetEvent_SL === true // Update values of the context menu $('#fwdMaxSpeedUnverifiedCheckbox_cm').prop('checked', $('#fwdMaxSpeedUnverifiedCheckbox').prop('checked')); $('#revMaxSpeedUnverifiedCheckbox_cm').prop('checked', $('#revMaxSpeedUnverifiedCheckbox').prop('checked')); $('input[name="fwdMaxSpeed_cm"]').val($('input[name="fwdMaxSpeed"]').val()).change(); $('input[name="revMaxSpeed_cm"]').val($('input[name="revMaxSpeed"]').val()).change(); //-------------------------------------------------------------------------- //------------------------- extra beautifying stuff ------------------------ // Hide input fields that aren't relevant for selected segment(s) ($('#fwdMaxSpeedUnverifiedCheckbox').length) ? $('#fwdMaxSpeedUnverifiedCheckbox_cm').parent().css('display', 'inline-block'): $('#fwdMaxSpeedUnverifiedCheckbox_cm').parent().css('display', 'none'); ($('#revMaxSpeedUnverifiedCheckbox').length) ? $('#revMaxSpeedUnverifiedCheckbox_cm').parent().css('display', 'inline-block'): $('#revMaxSpeedUnverifiedCheckbox_cm').parent().css('display', 'none'); ($('input[name="fwdMaxSpeed"]').length) ? $('input[name="fwdMaxSpeed_cm"]').parent().css('display', 'inline-block'): $('input[name="fwdMaxSpeed_cm"]').parent().css('display', 'none'); ($('input[name="revMaxSpeed"]').length) ? $('input[name="revMaxSpeed_cm').parent().css('display', 'inline-block'): $('input[name="revMaxSpeed_cm').parent().css('display', 'none'); highlightSpeedSigns(); if (menuResetEvent_SL) menuResetEvent_SL = false; //redundant, but just to make sure :) }; //============================================================================================== var preselectionIsSegment = function () { var sel = Waze.selectionManager.selectedItems, //returns empty array if nothing selLength = sel.length, s, segments = []; cmlog([1,1], 'preselectionIsSegment()'); for (s = 0; s < selLength; s++) { if (sel[s].model.type === 'segment') segments.push(sel[s]); } return (segments.length) ? segments : false; }; //---------------------------------------------------------------------------------------------- var selectionIsSegment = function (e) { cmlog([1,1], 'selectionIsSegment(e)') var sel, selLength, s, segments = [], numSelected, eventFeatures, evTarget; // First check for segments under cursor (hover/mouseover) if (e && e.target) { evTarget = $(e.target).get(0); //normalization by jQuery is necessary for FF compatibility } else { evTarget = false; } //cmlog([1], evTarget._featureId, evTarget._geometryClass) if (evTarget && evTarget._featureId && (evTarget._geometryClass === "OpenLayers.Geometry.LineString" || evTarget._geometryClass === "OpenLayers.Geometry.Point")) { e.preventDefault(); sel = Waze.selectionManager.selectedItems; //returns empty array if nothing selLength = sel.length; eventFeatures = Waze.map.layers[9].getFeatureById(evTarget._featureId); //segment layer -- returns null if nothing //cmlog([1,0], 'eventFeatures =') //console.debug(eventFeatures); if (eventFeatures && eventFeatures.model.type === 'segment') { segments[0] = eventFeatures; //return result from W.map.layers[9].getFeatureById(._featureId) is the same as individual objects within the array returned by W.selectionManager.selectedItems try { //cmlog([1,0],'SegID:',eventFeatures.model.attributes.id); Waze.selectionManager.select([eventFeatures.model]); // [eventFeatures.model] is the same as the return result for one seg from W.model.segments.getByIds([id]) } catch(err) { cmlog([1,0], '<tantrum>'); console.error(err); } } //Now check for any selected segments... any duplicates of the hovered //segment will be dealt with in the next steps using object literals try { for (s = 0; s < selLength; s++) { if (sel[s].model.type === 'segment') segments.push(sel[s]); } } catch(err) { if (e.type === 'selectionchanged') { sel = e.selected; selLength = sel.length; for (s = 0; s < selLength; s++) { if (sel[s] && sel[s].model.type === 'segment') segments.push(sel[s]); } } } //console.info(segments); document.getElementById('cmMenuNoContent').style.display = 'none'; document.getElementById('cmMenuContent').style.display = 'block'; return (segments.length) ? segments : false; //no segments near cursor } else if (e.type === 'selectionchanged') { sel = e.selected; selLength = sel.length; for (s = 0; s < selLength; s++) { if (sel[s] && sel[s].model.type === 'segment') segments.push(sel[s]); } return (segments.length) ? segments : false; //no segments near cursor } else { return false; } }; //---------------------------------------------------------------------------------------------- var setupSegmentContextMenu = function (e) { cmlog([1,0],'------------------------------------------------------------') cmlog([1,1], 'setupSegmentContextMenu()'); if (document.getElementById('cmContextMenu') && document.getElementById('cmContextMenu').style.display !== 'none') { var selectedStuff; selectedStuff = selectionIsSegment(e); if (selectedStuff) { if (document.getElementById('cmRSel').value) document.getElementById('cmRSelAutoAdd').style.display = 'block'; document.getElementById('cmMenuNoContent').style.display = 'none'; document.getElementById('cmMenuContent').style.display = 'block'; switch (contextMenuSettings.clipboard) { case 2: populateSpeedMenu(contextMenuSettings); break; case 1: case 0: var segInfo = getSegmentProperties(selectedStuff); populateCopyContextMenu(segInfo, contextMenuSettings); break; } } else if (document.getElementById('cmPinMenu').value) { if (document.getElementById('cmRSelAutoAdd')) document.getElementById('cmRSelAutoAdd').style.display = 'none'; document.getElementById('cmMenuNoContent').style.display = 'block'; document.getElementById('cmMenuContent').style.display = 'none'; return false; } else { cmlog([1,1],'No segment detected.') return false; } } else { return false; } }; //======================================================================================= //var pressedKeys = []; var menuShortcutKeys = function (e) { cmlog([1,1], 'menuShortcutKeys()'); switch (e.which) { case 49: //81: //q e.preventDefault(); e.stopPropagation(); document.getElementById('cmClipboard').click(); break; case 50: //87: //w e.preventDefault(); e.stopPropagation(); document.getElementById('cmRSel').click(); break; case 51: //69: //e e.preventDefault(); e.stopPropagation(); document.getElementById('cmSpeed').click(); break; default: return false; } }; //-------------------------------------------------------------------------------- var cursorOffsetX, cursorOffsetY; var moveMenu = function (evt) { //cmlog([1],'moveMenu()'); try { evt.preventDefault(); evt.stopPropagation(); //evt.dataTransfer.effectAllowed = 'move'; requestAnimationFrame( function() { document.getElementById('cmContextMenu').classList.add('cm-drag'); document.getElementById('cmContextMenu').style.top = evt.clientY - cursorOffsetY + 'px'; document.getElementById('cmContextMenu').style.left = evt.clientX - cursorOffsetX + 'px'; }); } catch (err) { console.error(err); } }; var placeMenu = function (endevt) { cmlog([1,1], 'placeMenu()'); endevt.preventDefault(); //endevt.dataTransfer.dropEffect = 'move'; try { //document.getElementById('cmContextMenu').style.display = 'block'; setTimeout(function(){document.getElementById('cmContextMenu').classList.remove('cm-drag')},50); if (!isFirefox) { document.getElementById('cmContextMenu').style.display = 'block'; document.getElementById('cmContextMenu').removeEventListener('drag', moveMenu, false); } else { window.removeEventListener('mousemove', moveMenu, true); window.removeEventListener('mouseup', placeMenu, true); } } catch (err) { console.error(err); } }; var allowMenuDrag = function (startevt) { cmlog([1,1], 'allowMenuDrag()'); //console.info(startevt); try { if (document.getElementById('cmContextMenu').draggable) { document.getElementById('cmContextMenu').classList.add('cm-drag'); if (!isFirefox) { setTimeout(function(){document.getElementById('cmContextMenu').style.display = 'none';},20); cursorOffsetX = startevt.offsetX; cursorOffsetY = startevt.offsetY; document.getElementById('cmContextMenu').addEventListener('drag', moveMenu, false); } else { startevt.preventDefault(); startevt.stopPropagation(); cursorOffsetX = startevt.layerX; cursorOffsetY = startevt.layerY; window.addEventListener('mousemove', moveMenu, true); window.addEventListener('mouseup', placeMenu, true); } } } catch (err) { console.error(err); } }; //======================================================================================= var showPopupPanel = function(updateVersion, updateText, forumURL) { var popPanelWidth = 600, popPanelCSS = document.createElement('style'), popPanelHTML = document.createElement('div'); popPanelCSS.type = 'text/css'; popPanelCSS.id = 'cssCMupdate'; popPanelCSS.innerHTML = '.cm-panel { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);' + ' width: ' + popPanelWidth + 'px; padding: 10px 25px; margin: 0; overflow-y: auto; overflow-x: auto; word-wrap: break-word;' + ' background-color: white; box-shadow: 0px 5px 20px #555555; border: 1px solid #858585; border-radius: 10px; }\n' + '.cm-panel .fa-exclamation-circle { margin: -5px 16px 10px 8px; line-height: .9; font-size: 56px;}\n' + '.cm-panel-inner { padding: 0px 5px; }\n' + '.cm-panel-section {display: block; font-size: 14px; margin-bottom: 10px; text-align: left; padding: 0px; }\n' + '.cm-panel h2 { margin-top: 15px; margin-left: 80px; font-size: 32px; font-weight: bold; text-align: left; color: #C0C0C0 }\n' + '.cm-panel-hr { display: block; border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1);' + ' border-bottom: 1px solid rgba(255, 255, 255, 0.3); margin-top: 8px; margin-bottom: 15px; }\n' + '.cm-panel .cm-btn-container { position: relative; display: table; margin: 0px auto 8px; vertical-align: middle; padding: 0}\n' + '.cm-panel .btn { margin: 0px 5px; padding: 0px 15px; display: inline-block; height: 32px; }\n'; document.body.appendChild(popPanelCSS); popPanelHTML.id = 'divCMupdate'; popPanelHTML.style.backgroundColor = 'rgba(0,0,0,0.5)'; popPanelHTML.style.position = 'fixed'; popPanelHTML.style.top = 0; popPanelHTML.style.right = 0; popPanelHTML.style.bottom = 0; popPanelHTML.style.left = 0; popPanelHTML.style.zIndex = 9999; popPanelHTML.innerHTML = '<div class="cm-panel">' + '<div margin-bottom: 20px; margin-top: 20px;>' + '<i class="fa fa-exclamation-circle fa-pull-left"></i>' + '<h2>WMECM Update Notes</h2>' + '<hr class="cm-panel-hr"></div>' + '<div class="cm-panel-inner"><div class="cm-panel-section">' + updateText + '</div>' + '<div style="margin-top: 10px; font-size: 10.1pt">' + 'For more details on the new features or to report a bug, please visit the forum post: <a href="' + forumURL + '" target="_blank"><i class="fa fa-external-link"></i></a>' + '</div>' + '<div style="margin-top: 10px; font-style: italic; font-size: 10px;"> ' + 'WME Context Menu update for min. version ' + updateVersion + '</div></div>' + '<hr class="cm-panel-hr">' + '<div class="cm-btn-container">' + '<button id="btnCMokay" class="btn btn-default">OK</button>' + '</div></div>'; document.body.appendChild(popPanelHTML); document.getElementById('btnCMokay').onclick = function() { document.getElementById('divCMupdate').remove(); document.getElementById('cmUpdateNote').classList.remove('cm-unread'); document.getElementById('cssCMupdate').remove(); requestAnimationFrame(function(){CMenuVersion.updateVersionString(minVersion)}); }; }; //======================================================================================= var initContextMenu = function () { cmlog([1,1], 'initContextMenu()'); var contextMenuActiveArea = document.createElement('div'), contextMenu = document.createElement('div'), contextMenuCSS = document.createElement('style'); try {//opacity: 0.5; contextMenuCSS.type = 'text/css'; contextMenuCSS.innerHTML = ` #cmContextMenu { display: block; opacity: 1; } #cmContextMenu.cm-drag { opacity: 0.75 !important; transition: opacity .1s linear 0s; } .cm-top { border-top-right-radius: 3px; border-top-left-radius: 3px; } .cm-bottom { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } #cmFooter+#cmContainer .cm-menu-header>dl, #cmFooter+#cmContainer .cm-menu-header>dl>dt, #cmFooter+#cmContainer .cm-rsel>dl, #cmFooter+#cmContainer .cm-rsel>dl>dt, .cm-rsel+.cm-menu-header>dl, .cm-rsel+.cm-menu-header>dl>dt { border-radius: 0; } #cmFooter+#cmContainer #cmMenuContent > div:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } div.cm-menu-header { padding: 0px; border: 0; height: 20px; } .cm-menu-header dl { background-color: rgba(147, 196, 211, 0.92); padding: 0; border-top-right-radius: 4px; border-top-left-radius: 4px; } .cm-menu-header dt { padding: 4px 12px; text-transform: uppercase; line-height: 1.2; background-color: rgba(111, 167, 185, 0.7); color: #D8E9EF; font-size: 10px; border-top-right-radius: 3px; border-top-left-radius: 3px; height: 22px; margin-top: 1px; box-shadow: 0px -1px 0px #9ACCDC; } div.cm-menu-section { z-index: 2; border-bottom: 1px solid #416B7C; padding: 2px 0px 3px; background-color: rgba(147, 196, 211, 0.92); } .cm-menu-section dl { margin: 0; padding: 0; display: block; } .cm-menu-section dt { font-size: 9px; padding: 0px 12px; margin-top: 3px; text-transform: uppercase; line-height: 1.2; } .cm-menu-section dd { display: inherit; padding: 0px 12px; font-size: 11px; color: #234350; font-weight: 600; line-height: 1.3;} .cm-menu-section dd:hover, .cm-menu-section dd:active, .cm-menu-section dd:focus { cursor: default; background-color: #BEDCE5; color: #416B7C; } .cm-menu-section dd:active { color: #64D8EA; } .cm-footer-icns { font-size: 13px; margin: 0px 4px 0px 2px; cursor: pointer; display: inline-table; line-height: 1; } .cm-footer-icns:active, .cm-footer-icns:focus, .cm-footer-icns.toggle-off:active, .cm-footer-icns.toggle-off:focus { color: #64D8EA; } .cm-footer-icns.toggle-off, .cm-footer-text.toggle-off { color: #8CBBCC; } .cm-update-note { z-index: 3; cursor: pointer; color: #59899E; margin-top: -15px; position: relative; float: right; right: 5px; bottom: 2px; opacity: .8; line-height: 1; font-size: 14px; } .cm-update-note.cm-unread { color: crimson; } dd.cm-rsel-goselect { padding-right: 14px 3px; cursor: pointer; } .cm-menu-section .cm-rsel-goselect:hover { background-color: transparent; color: #d4e7ed; } .cm-rsel { display: none; border: 0; background-color: rgba(154, 204, 220, 0.9); border-top-right-radius: 3px; border-top-left-radius: 3px; margin-bottom: -1px; } .cm-rsel>dl { padding-top: 1px; border-top-right-radius: 4px; border-top-left-radius: 4px; } .cm-rsel>dl>dt { background-color: rgba(111, 167, 185, 0.7); height: 20px; margin-top: -2px; border-top-right-radius: 3px; border-top-left-radius: 3px; padding-top: 4px; padding-bottom: 4px; color: #d8e9ef; font-size: 10px; } .cm-rsel>dl>dt+dd { height: 24px; margin: 0px 0px 3px; padding: 5px 10px 5px 9px; background-color: rgba(228, 248, 255, 0.3); box-shadow: 0px 1px 0px rgba(0,0,0,0.1); } .cm-rsel-options, cm-rsel-options:focus:hover, cm-rsel-options+input:not(checked) { z-index: 2; background-color: rgba(89, 137, 158, 0.60); color: #D4E7ED; font-weight: bold !important; height: 14px !important; line-height: 1; padding: 3px 6px; font-size: 8px !important; border-radius: 15px; } .cm-rsel-options:hover { background-color: rgba(89, 137, 158, 0.7); color: white; } .cm-rsel-options.active:hover { background-color: #274B5A } .cm-rsel-options.active, .cm-rsel-options:active, .cm-rsel-options:active:focus { color: white; background-color: #3F6271; }\ .cm-rsel-options:focus { color: white; } .cm-rsel-options.and { background-color: #EEE; color: #59899E; border-right: 1px solid #AAA;} .cm-rsel-options.cm-badge-right { border-left: 1px solid #59899E; } div#cmSpeedLimit { z-index: 3; width: 100%; font-size: 11px; text-align: center; display: inline-block; padding: 10px; } div#cmSpeedLimit input[type="number"] { height: 28px; width: 50px; font-size: 12px; padding: 4px 5px; line-height: 1; margin: 0px 2px; } div#cmSpeedLimit input[type="checkbox"]+label { padding-left: 22px; line-height: 1.8; } div#cmSpeedLimit .controls-container { margin-left: 5px; } div#cmSpeedLimit div { border-radius: 3px; display: inline-block; } div#signsholder_cm :before { opacity: .9; position: absolute; background-color: white; color: black; border: 3px solid #00ECE3; font-weight: 400; border-radius: 50%; font-size: 10px; width: 20px; height: 20px; line-height: 14px; text-align: center; margin-left: -12px; margin-top: -5px; box-shadow: 0px 1px 1px gray; } div#signsholder_cm .cm-a:before { content: "A"; } div#signsholder_cm .cm-b:before { content: "B"; } .cm-sl-verified { box-shadow: inset 0px 0px 0px 2px lime; } .cm-sl-unverified { box-shadow: inset 0px 0px 0px 2px gold; } .cm-sl-multisegs { box-shadow: inset 0px 0px 0px 3px #333 !important; } .cm-sl-verified.cm-both, .cm-sl-unverified.cm-one { box-shadow: 0px 0px 0px 1px lime, inset 0px 0px 0px 2px greenyellow; } .cm-sl-unverified.cm-both { box-shadow: 0px 0px 0px 1px orange, inset 0px 0px 0px 2px rgba(255, 235, 59, 1); } #signsholder_cm>#signsError { float: initial; width: 100%; height: initial; padding: 5px 5px 5px 45px !important; text-align: left; }`; document.head.appendChild(contextMenuCSS); // reminder to self: no need to declare CSS here since this is put into DOM once and does not get destroyed contextMenu.id = 'cmContextMenu'; contextMenu.style.position = 'fixed'; contextMenu.style.top = '0px'; contextMenu.style.left = '0px'; contextMenu.style.width = '200px'; contextMenu.style.margin = '0px'; contextMenu.style.padding = '0px'; contextMenu.style.borderRadius = '4px'; contextMenu.style.boxShadow = '0px 5px 12px rgba(0, 0, 0, 0.5)'; contextMenu.style.border = '1px solid rgb(89, 137, 150)'; contextMenu.style.borderBottom = '1px solid #2D505F'; contextMenu.style.color = 'white'; contextMenu.style.zIndex = '9999'; contextMenu.style.display = 'none'; contextMenu.style.opacity = 0; contextMenu.innerHTML = '<div id="cmContainer" style="z-index: 2; color: white; padding:0; margin:0; position: relative; width: 100%; display: block;"></div>' + '<div id="cmUpdateNote" class="fa fa-exclamation-circle cm-update-note"></div>' + '<div id="cmFooter" class="cm-bottom" style="color: #DDEDF3; height: 24px; background-color: rgba(75, 125, 148, 0.85); ' + 'z-index: 3; padding: 1px 7px 1px; margin: 0; position: relative; width: 100%; display: block;"></div>'; document.getElementById('map').appendChild(contextMenu); document.getElementById('cmFooter').innerHTML = ` <div style="position: relative; float: left; vertical-align: middle;"> <i id="cmPinMenu" class="fa fa-thumb-tack cm-footer-icns toggle-off" style="margin: 0px -3px 0px -3px; padding: 3px 6px;" value=true title="Pin menu" data-toggle="tooltips"></i> <span id="cmPinClose" class="cm-footer-text toggle-off" style="cursor: pointer; font-weight: 600; border-left: 1px solid #D4E7ED; padding-left: 8px; text-transform: uppercase; font-size: 10px; letter-spacing: .7px;">Close</span> </div> <div id="cmFooterCaret" class="fa fa-caret-up cm-footer-icns pull-right" style="position: relative; top: 3px; margin: auto 0px auto 7px;"></div> <div style="position: relative; height: 21px; border-radius: 20px; border: 1px solid #6EA1B7; padding: 0px 1px 0px 5px;" class="btn-group pull-right"> <div style="position: relative; display: inline-block; height: 100%; border-right: 1px solid #6EA1B7; padding-left: 2px; width: 22px;" class=""> <i id="cmClipboard" value="false" style="font-size: 13px;" class="fa fa-clipboard cm-footer-icns toggle-off" title="Copy to Clipboard" data-toggle="tooltips"></i> </div> <div style="position: relative; display: inline-block; height: 100%; border-right: 1px solid #6EA1B7;"> <i id="cmRSel" style="font-size: 14px;" value="false" class="fa fa-road cm-footer-icns toggle-off" title="Copy to WME Road Selector" data-toggle="tooltips"></i> </div> <div style="position: relative; display: inline-block; width: 20px; margin: 0px 0px 0px -2px; opacity: 0.84;"> <span id="cmSpeed" style="height: 16px" value="false" title="Edit Speed Limits" class="fa fa-stack"> <i class="fa fa-circle cm-footer-icns" style="font-size: 15px; width: 15px; color: #EEE; line-height: 14px; position: absolute; left: 0; text-align: center;"></i> <i class="fa fa-circle-o cm-footer-icns" style="font-size: 15px; width: 15px; font-weight: 500; color: crimson; line-height: 14px; position: absolute; left: 0; text-align: center;"></i> <i class="fa cm-footer-icns" style="font-size: 8px; font-style: normal; width: 15px; color: black; line-height: 14px; position: absolute; left: 0; text-align: center;">S</i> </span> </div> </div>`; resetContextMenu(contextMenuSettings); setTimeout(function () { if (contextMenuSettings.clipboard === 0 || (contextMenuSettings.clipboard === 1 && document.getElementById('tabRSel') === null)) { document.getElementById('cmClipboard').value = true; document.getElementById('cmClipboard').classList.remove('toggle-off'); document.getElementById('cmRSel').value = false; document.getElementById('cmRSel').classList.add('toggle-off'); document.getElementById('cmSpeed').value = false; document.getElementById('cmSpeed').parentNode.style.opacity = 0.4; document.getElementById('cmContextMenu').style.width = '200px'; } }, 2000); if (contextMenuSettings.clipboard === 1) { document.getElementById('cmClipboard').value = false; document.getElementById('cmClipboard').classList.add('toggle-off'); document.getElementById('cmRSel').value = true; document.getElementById('cmRSel').classList.remove('toggle-off'); document.getElementById('cmSpeed').value = false; document.getElementById('cmSpeed').parentNode.style.opacity = 0.4; document.getElementById('cmContextMenu').style.width = '210px'; } else if (contextMenuSettings.clipboard === 2) { document.getElementById('cmClipboard').value = false; document.getElementById('cmClipboard').classList.add('toggle-off'); document.getElementById('cmRSel').value = false; document.getElementById('cmRSel').classList.add('toggle-off'); document.getElementById('cmSpeed').value = true; document.getElementById('cmSpeed').parentNode.style.opacity = 0.84; document.getElementById('cmContextMenu').style.width = '226px'; } if (contextMenuSettings.pin) { document.getElementById('cmPinMenu').value = true; document.getElementById('cmPinMenu').classList.remove('toggle-off'); document.getElementById('cmPinClose').classList.remove('toggle-off'); } else { document.getElementById('cmPinMenu').value = false; document.getElementById('cmPinMenu').classList.add('toggle-off'); document.getElementById('cmPinClose').classList.add('toggle-off'); } // VERSION CHECK if (!CMenuVersion.isUpToDate(minVersion)) { document.getElementById('cmUpdateNote').classList.add('cm-unread'); } var forumURL = 'https://www.waze.com/forum/viewtopic.php?f=819&t=178371'; updateNotes_0_2_2 = 'Hello there! Thanks for trying out WME Context Menu. Given the big push by Waze to add speed limits (SLs) to the map, this most recent update provides a few enhancements that I hope you\'ll find helpful in getting the job done:' + '</div><div class="cm-panel-section"><ul>' + '<li>Right-clicking directly on an unselected segment will now open the menu.</li>' + '<li>The menu can be dragged anywhere on the map when in pinned mode.</li>' + '<li>Only when pinned, numeric hotkeys (1-3) for switching panels of the context menu have been restricted to work only when your cursor is within the menu area. This is to prevent undesired capturing of keypresses.' + '<li>Verified Speedhelper signs are now highlighted with a green border. Unverified SLs are highlighted yellow.</li>' + '<li>Two-way roads with differing SL values for each direction are indicated by a start-node A or B badge on top of its sign.</li>' + '<li>You can now selectively assign SLs to either A-B or B-A direction: Use <b>shift+click for A-B</b> or <b>Alt+click for B-A</b>.</li>' + '<li>Speedhelper signs will automatically adjust the units to those used by the country</li>' + '</ul>' + 'As a reminder, these enhanced features currenly apply to only the Speedhelper panel within WME Context Menu.'; document.getElementById('cmUpdateNote').onclick = function(e){ e.stopPropagation(); showPopupPanel(minVersion, updateNotes_0_2_2, forumURL); }; document.getElementById('cmClipboard').onclick = function (e) { try { e.stopPropagation(); document.getElementById('cmRSel').value = false; document.getElementById('cmRSel').classList.add('toggle-off'); document.getElementById('cmSpeed').value = false; document.getElementById('cmSpeed').parentNode.style.opacity = 0.4; this.value = true; this.classList.remove('toggle-off'); document.getElementById('cmContextMenu').style.width = '200px'; contextMenuSettings.clipboard = 0; localStorage.WME_ContextMenu = JSON.stringify(contextMenuSettings); var selectedStuff = preselectionIsSegment(); if (selectedStuff) { var segInfo = getSegmentProperties(selectedStuff); document.getElementById('cmMenuNoContent').style.display = 'none'; document.getElementById('cmMenuContent').style.display = 'block'; populateCopyContextMenu(segInfo, contextMenuSettings); } else { document.getElementById('cmMenuHeaderTitle').innerHTML = 'Copy To Clipboard'; document.getElementById('cmMenuNoContent').style.display = 'block'; document.getElementById('cmMenuContent').style.display = 'none'; } } catch (err) { console.error(err); }; }; document.getElementById('cmRSel').onclick = function (e) { try { e.stopPropagation(); if (document.getElementById('tabRSel') !== null) { document.getElementById('cmClipboard').value = false; document.getElementById('cmClipboard').classList.add('toggle-off'); document.getElementById('cmSpeed').value = false; document.getElementById('cmSpeed').parentNode.style.opacity = 0.4; this.value = true; this.classList.remove('toggle-off'); document.getElementById('cmContextMenu').style.width = '210px'; contextMenuSettings.clipboard = 1; localStorage.WME_ContextMenu = JSON.stringify(contextMenuSettings); var selectedStuff = preselectionIsSegment(); if (selectedStuff) { var segInfo = getSegmentProperties(selectedStuff); if (document.getElementById('cmRSelAutoAdd')) document.getElementById('cmRSelAutoAdd').style.display = 'block'; document.getElementById('cmMenuNoContent').style.display = 'none'; document.getElementById('cmMenuContent').style.display = 'block'; populateCopyContextMenu(segInfo, contextMenuSettings); } else { if (document.getElementById('cmRSelAutoAdd')) document.getElementById('cmRSelAutoAdd').style.display = 'none'; document.getElementById('cmMenuHeaderTitle').innerHTML = 'Copy To Road Selector'; document.getElementById('cmMenuNoContent').style.display = 'block'; document.getElementById('cmMenuContent').style.display = 'none'; } } } catch (err) { console.error(err); } }; document.getElementById('cmSpeed').onclick = function (e) { try { e.stopPropagation(); document.getElementById('cmClipboard').value = false; document.getElementById('cmClipboard').classList.add('toggle-off'); document.getElementById('cmRSel').value = false; document.getElementById('cmRSel').classList.add('toggle-off'); this.value = true; this.parentNode.style.opacity = 0.84; document.getElementById('cmContextMenu').style.width = '226px'; contextMenuSettings.clipboard = 2; localStorage.WME_ContextMenu = JSON.stringify(contextMenuSettings); var selectedStuff = preselectionIsSegment(); if (selectedStuff) { //document.getElementById('cmRSelAutoAdd').style.display = 'none'; document.getElementById('cmMenuNoContent').style.display = 'none'; document.getElementById('cmMenuContent').style.display = 'block'; menuResetEvent_SL = true; populateSpeedMenu(contextMenuSettings); window.removeEventListener('click', closeContextMenu, false); document.getElementById('toolbar').removeEventListener('mouseenter', closeContextMenu, false); } else { document.getElementById('cmMenuHeaderTitle').innerHTML = 'Edit Speed Limits'; document.getElementById('cmMenuNoContent').style.display = 'block'; document.getElementById('cmMenuContent').style.display = 'none'; } } catch (err) { console.error(err); } }; document.getElementById('map').addEventListener( 'contextmenu', function (e) { cmlog([1,0],'------------------------------------------------------------') cmlog([1,1], 'contextmenu'); //console.info(e); var selectedStuff = selectionIsSegment(e); if (selectedStuff) { try { //e.preventDefault(); e.stopPropagation(); var contextMenu = document.getElementById('cmContextMenu'); contextMenu.style.display = 'block'; contextMenu.style.top = e.clientY - 10 + 'px'; contextMenu.style.left = e.clientX + 'px'; menuResetEvent_SL = true; setupSegmentContextMenu(e); contextMenu.style.opacity = 1; window.addEventListener('keydown', menuShortcutKeys, true); //console.info('WMECM:','Added initial global hotkey listener upon menu open'); if (document.getElementById('cmPinMenu').value) { // use a more selective hotkey listener //console.info('WMECM:','Menu is pinned, so adding selective hotkey listeners too'); document.getElementById('cmContextMenu').addEventListener('mouseenter', addHotkeyListener, false); document.getElementById('cmContextMenu').addEventListener('mouseleave', removeHotkeyListener, false); Waze.selectionManager.events.register("selectionchanged", null, setupSegmentContextMenu); } } catch (err) { console.error(err); } } else { // No segment detected... Decide whether to keep the menu open. if (document.getElementById('cmPinMenu').value) { return true; } else { document.getElementById('cmContextMenu').style.display = 'none'; return false; } } }, true); if (document.getElementById('cmPinMenu').value) { document.getElementById('cmContextMenu').draggable = true; document.getElementById('cmContextMenu').addEventListener('dragstart', allowMenuDrag, false); if (!isFirefox) { document.getElementById('map').ondrop = placeMenu; document.getElementById('map').ondragover = function (e) { e.preventDefault(); e.dataTransfer.effectAllowed = 'move'; e.dataTransfer.dropEffect = 'move'; }; } } else { document.getElementById('cmContextMenu').draggable = false; } document.getElementById('cmPinMenu').onclick = function (e) { try { e.stopPropagation(); if (this.value) { // no pinning this.value = false; this.classList.add('toggle-off'); document.getElementById('cmPinClose').classList.add('toggle-off'); // remove drag menu listeners document.getElementById('cmContextMenu').draggable = false; document.getElementById('cmContextMenu').removeEventListener('dragstart', allowMenuDrag, true); // closing context menu will remove hotkey listeners & closing contextmenu listeners // they will be reinstated if appropriate upon reopening the menu closeContextMenu(); } else { // pin menu this.value = true; this.classList.remove('toggle-off'); document.getElementById('cmPinClose').classList.remove('toggle-off'); // remove listeners that close the menu without clicking close window.removeEventListener('click', closeContextMenu, false); document.getElementById('toolbar').removeEventListener('mouseenter', closeContextMenu, false); // Add dragging menu listeners document.getElementById('cmContextMenu').draggable = true; document.getElementById('cmContextMenu').addEventListener('dragstart', allowMenuDrag, true); // use a more selective hotkey listener //console.info('WMECM:','Switch to menu pinning, so adding selective hotkey listener'); document.getElementById('cmContextMenu').addEventListener('mouseenter', addHotkeyListener, false); document.getElementById('cmContextMenu').addEventListener('mouseleave', removeHotkeyListener, false); } contextMenuSettings.pin = !contextMenuSettings.pin; localStorage.WME_ContextMenu = JSON.stringify(contextMenuSettings); } catch (err) { console.error(err); } }; document.getElementById('cmPinClose').onclick = closeContextMenu; document.getElementById('cmFooterCaret').addEventListener('click', function (e) { e.stopPropagation(); if (this.classList.contains('fa-caret-up')) { //switch to top menubar contextMenuSettings.position = 1; localStorage.WME_ContextMenu = JSON.stringify(contextMenuSettings); adjustContextMenubar(1); } else if (this.classList.contains('fa-caret-down')) { //switch to bottom menubar contextMenuSettings.position = 0; localStorage.WME_ContextMenu = JSON.stringify(contextMenuSettings); adjustContextMenubar(0); } }, false); } catch (err) { console.error(err); } setTimeout(function () { try { var rselBtnEls = document.querySelectorAll('#RSconditions button'); for (var b = rselBtnEls.length; b--;) { rselBtnEls[b].addEventListener('click', function () { this.classList.remove('btn-info') }, false); } } catch (err) { console.error(err) } }, 1200) }; var waitCount = 0, maxWaitCount = 50; var waitForWaze = function () { try { if (document.getElementById('cmContextMenu')) { return true; } else if (typeof(Waze) !== "undefined" && Waze.model && Waze.selectionManager && Waze.selectionManager.selectedItems && Waze.model.segments && Waze.model.cities && Waze.map && Waze.map.layers) { //cmlog([1],'starting...'); setTimeout(initContextMenu, 2000); //console.info('WMECM:', 'Something may have went wrong... not sure.'); } else if (waitCount++ < maxWaitCount) { //console.info('waiting...'); setTimeout(waitForWaze, 1000); } else { console.error('WMECM:', 'Failed to start'); } } catch (err) { console.error('WMECM:', 'Whoa. Major fail. Please let TheLastTaterTot know about this...'); console.error(err); } }; waitForWaze();