您需要先安装一个扩展,例如 篡改猴、Greasemonkey 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 Userscripts ,之后才能安装此脚本。
您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。
您需要先安装用户脚本管理器扩展后才能安装此脚本。
A right-click popup menu for editing segments. Currently integrates with WME Speedhelper and 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.4.1 // @description A right-click popup menu for editing segments. Currently integrates with WME Speedhelper and 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, s; switch (caseSelection ^ 0) { case 'primaryStreet': case 0: if (segIds.primaryStreet.length !== 0) { for (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 (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 addPasteItems = function(attrName) { if (/primaryStreet|primaryCity/.test(attrName)) { clipboard = document.getElementById('input_' + attrName); if (clipboard) { pasteOption = document.createElement('dd'); pasteOption.className = 'cm-paste'; pasteOption.innerHTML = clipboard.value; pasteOption.name = clipboard.value; //$('#'+attrName+'>dt').after('<dd class="cm-paste" name="' + clipboard.value + '">' + clipboard.value +'</dd>'); // if (document.querySelector('#' + attrName + '>dd')){ document.getElementById(attrName).insertBefore(pasteOption, document.querySelector('#' + attrName + '>dd')); } else { document.getElementById(attrName).appendChild(pasteOption); } pasteOption.addEventListener('click', function(e) { pasteTo(e, this.parentNode.id, this.name); }, false); } } }; var copyToClipboard = function(id,str) { var $hiddenText; if (!document.getElementById('input_' + id)) { $hiddenText = $('<input>'); $hiddenText.prop('id','input_' + id); $hiddenText.css('position','fixed'); $hiddenText.css('top','-100px'); $hiddenText.css('left','-1000px'); $hiddenText.css('opacity',0); $("body").append($hiddenText); } else { $hiddenText = $('#input_' + id); } $hiddenText.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(opt,val); if (document.getElementById('cmPinMenu').value) addPasteItems(opt); } 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 pasteTo = function (e, opt, val) { try { // (temporary) really dumb way via DOM nodes: switch (opt) { case 'cm_primaryStreet': $('.address-edit-icon').click(); $('#emptyStreet').prop('checked',false).change(); $('.form-control.streetName').val(val).change(); $('.action-buttons>.save-button').click(); break; case 'cm_primaryCity': $('.address-edit-icon').click(); $('#emptyCity').prop('checked',false).change(); $('.form-control[name=cityName]').val(val).change(); $('.action-buttons>.save-button').click(); break; /*case 'cm_state': var $selState = $('.form-control[name=stateID]>option'); $selState.map(function(i,opt){ console.info(opt.text); if (opt.text === val) opt.prop('selected','') }); break;*/ } } catch(err) { console.error(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, a, numAlts, k, numKeys; 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; numAlts = s_altSt.length; for (a = 0; 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); numKeys = s_toConnObjKeys.length for (k = 0; 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]); numKeys = seg_ids[idKey].length; for (k = 0; 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 hidePasteMenu = function(bit) { if (bit === undefined) bit = !document.getElementById('cmClipboard').value; if ($('.cm-paste').length) { $('.cm-paste').each(function(i, node) { if (bit) node.style.display = 'none'; else node.style.display = ''; }); } }; var populateCopyMenu = function (segInfo, contextMenuSettings) { cmlog([1,1], 'populateCopyMenu()'); try { resetContextMenu(contextMenuSettings); var updateNames = Object.keys(segInfo.ids), numNames = updateNames.length, n, selOption, emptyArr, s_names = {}, s_ids = {}, clipboard, pasteOption; 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] === '') { //no city or no street if (/city/i.test(updateNames[n])) { selOption.innerHTML = 'No City'; } else if (/street/i.test(updateNames[n])) { selOption.innerHTML = 'No Street'; } //selOption.name = ''; } else { //add the property value to the menu selOption.innerHTML = s_names[updateNames[n]][a]; //selOption.name = s_names[updateNames[n]][a]; } document.getElementById('cm_' + updateNames[n]).appendChild(selOption); switch (updateNames[n]) { case 'roadType': selOption.name = s_ids[updateNames[n]][a]; 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.name = s_names[updateNames[n]][a]; selOption.onclick = function (e) { //if (document.getElementById('cmPinMenu').value) e.stopPropagation(); copyTo(e, this.parentNode.id, this.name); }; } } else { emptyArr++; } } // Check if something has been copied into clipboard for pasting... if (document.getElementById('cmClipboard').value) addPasteItems('cm_' + updateNames[n]); // Hide section if nothing to copy if (emptyArr === aLength) { if (document.getElementById('cm_' + updateNames[n])) { document.getElementById('cm_' + updateNames[n]).style.display = "none"; } } } else { // Segment IDs 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])) { // Hide section if nothing to copy document.getElementById('cm_' + updateNames[n]).style.display = "none"; } } // Hide sections if nothing to copy 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-specific menu items //================================================================================= if (document.getElementById('cmRSel').value) { document.getElementById('cmMenuHeaderTitle').innerHTML = 'Send 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 addABSpeedHelper = function(speedVal) { if (!$('input[name="fwdMaxSpeed"]').prop('disabled')) { $('input[name="fwdMaxSpeed_cm"]').val(speedVal); $('#fwdMaxSpeedUnverifiedCheckbox_cm').prop('checked', true).change(); $('#fwdMaxSpeedUnverifiedCheckbox').prop('checked', true).change(); $('input[name="fwdMaxSpeed"]').val(speedVal).change(); } }; var addBASpeedHelper = function(speedVal) { if (!$('input[name="revMaxSpeed"]').prop('disabled')) { $('input[name="revMaxSpeed_cm"]').val(speedVal); $('#revMaxSpeedUnverifiedCheckbox_cm').prop('checked', true).change(); $('#revMaxSpeedUnverifiedCheckbox').prop('checked', true).change(); $('input[name="revMaxSpeed"]').val(speedVal).change(); } }; var addBothSpeedHelper = function(speedVal) { 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).change(); $('#fwdMaxSpeedUnverifiedCheckbox').prop('checked', true).change(); $('#revMaxSpeedUnverifiedCheckbox_cm').prop('checked', true).change(); $('#revMaxSpeedUnverifiedCheckbox').prop('checked', true).change(); $('#segment-edit-general div.speed-limit input[type="number"]').val(speedVal).change(); try { //do it again just in case... sometimes necessary... $('#segment-edit-general div.speed-limit input[type="number"]').get(1).value = speedVal; } catch(err) {} } }; var checkUnits = function(speedVal) { if (SL_imperial.convertUnits === 1) { return Math.round(speedVal * SL_imperial.mph2kph); } else if (SL_imperial.convertUnits === 2) { return Math.round(speedVal * SL_imperial.kph2mph); } else { return speedVal*1; } }; var resetDrag = function() { window.removeEventListener('mouseup', resetDrag, false); if (document.getElementById('cmPinMenu').value) { document.getElementById('cmContextMenu').addEventListener('dragstart', allowMenuDrag, false); document.getElementById('cmContextMenu').draggable = true; } }; 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 event 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) {} // Add clear SL button: if (!document.getElementById('btnCMclearSLs')) { $('#signsContainer').before('<div id="btnCMclearSLs" class="fa fa-ban" style="position: absolute; right: 10px; top: 5px; cursor: pointer; font-weight: bold; font-size: 12px;"></div>'); document.getElementById('btnCMclearSLs').addEventListener('mousedown', function(){ addBothSpeedHelper(''); if (!document.getElementById('cmPinMenu').value) setTimeout(closeContextMenu, 100); else highlightSpeedSigns(); }, false); } //-------------------------------------------------------------------------- //-------------------------------------------------------------------------- var addListenersToSigns = function () { var cmSpeedSigns = document.getElementById('signsholder_cm').children; for (var ss = cmSpeedSigns.length; ss--;) { //-------------------------------------------------------------- cmSpeedSigns[ss].addEventListener('click', function (e) { e.preventDefault(); if (!this.classList.length) { var speedVal = this.firstElementChild.innerHTML; speedVal = checkUnits(speedVal); } else { speedVal = ''; } if (e.shiftKey) { //AB - fwd addABSpeedHelper(speedVal); } else if (e.ctrlKey || e.altKey || e.metaKey ) { //BA - rev addBASpeedHelper(speedVal); } else { addBothSpeedHelper(speedVal); } if (!document.getElementById('cmPinMenu').value) setTimeout(closeContextMenu, 100); else highlightSpeedSigns(); }, false); //-------------------------------------------------------------- cmSpeedSigns[ss].addEventListener('mousedown', function (ev) { //console.info(this); this.draggable = true; if (document.getElementById('cmPinMenu').value) { document.getElementById('cmContextMenu').removeEventListener('dragstart', allowMenuDrag, false); document.getElementById('cmContextMenu').draggable = false; } }, false); cmSpeedSigns[ss].addEventListener('dragstart', function (ev) { //console.info(this); this.style.opacity = 0.3; this.children[0].opacity = 0.7; window.addEventListener('mouseup', resetDrag, false); ev.dataTransfer.setData('text', this.children[0].innerHTML); ev.dataTransfer.setDragImage(this, ev.offsetX, ev.offsetY); }, false); cmSpeedSigns[ss].addEventListener('dragend', function (ev) { this.style.opacity = ''; this.children[0].opacity = ''; this.draggable = false; resetDrag(); window.removeEventListener('mouseup', resetDrag, false); }, false); } if (document.querySelector('input[name="fwdMaxSpeed_cm"]')) { // Allow drop event document.querySelector('input[name="fwdMaxSpeed_cm"]').addEventListener('dragover', function(ev) { if (ev.preventDefault()) ev.preventDefault(); this.style.border = '1px solid cyan'; return false; }, false); document.querySelector('input[name="fwdMaxSpeed_cm"]').addEventListener('dragleave', function(ev) { this.style.border = ''; }, false); // Drop event document.querySelector('input[name="fwdMaxSpeed_cm"]').addEventListener('drop', function(ev) { if (ev.preventDefault()) ev.preventDefault(); var speedVal = ev.dataTransfer.getData('text'); addABSpeedHelper(speedVal); highlightSpeedSigns(); this.style.border = ''; }, false); } if (document.querySelector('input[name="revMaxSpeed_cm"]')) { // Allow drop event document.querySelector('input[name="revMaxSpeed_cm"]').addEventListener('dragover', function(ev) { if (ev.preventDefault()) ev.preventDefault(); this.style.border = '1px solid cyan'; return false; }, false); document.querySelector('input[name="revMaxSpeed_cm"]').addEventListener('dragleave', function(ev) { this.style.border = ''; }, false); // Drop event document.querySelector('input[name="revMaxSpeed_cm"]').addEventListener('drop', function(ev) { if (ev.preventDefault()) ev.preventDefault(); var speedVal = ev.dataTransfer.getData('text'); addBASpeedHelper(speedVal); highlightSpeedSigns(); this.style.border = ''; }, false); } // Add event listener for the checkbox if (document.getElementById('fwdMaxSpeedUnverifiedCheckbox_cm')) { document.getElementById('fwdMaxSpeedUnverifiedCheckbox_cm').parentNode.addEventListener('click', function(e) { this.children[0].checked = !this.children[0].checked; }, false); } if (document.getElementById('revMaxSpeedUnverifiedCheckbox_cm')) { document.getElementById('revMaxSpeedUnverifiedCheckbox_cm').parentNode.addEventListener('click', function(e) { this.children[0].checked = !this.children[0].checked; }, 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')).change(); $('#revMaxSpeedUnverifiedCheckbox_cm').prop('checked', $('#revMaxSpeedUnverifiedCheckbox').prop('checked')).change(); $('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.segmentLayer.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.segmentLayer.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')) 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); populateCopyMenu(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; word-break: break-all;} .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-paste { font-style: italic; text-align: right; width: 50%; float: right; } .cm-paste:after {content: "";font-style: normal;font-weight: 400;color: black;font-size: 10px;float: right;margin-top: 1px;margin-right: -6px;padding-left: 5px;text-shadow: 0px 0.5px 0px rgba(255,255,255,0.5);} .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: 44px; 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); hidePasteMenu(); 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'; populateCopyMenu(segInfo, contextMenuSettings); } else { document.getElementById('cmMenuHeaderTitle').innerHTML = 'Copy To Clipboard'; document.getElementById('cmMenuNoContent').style.display = 'block'; document.getElementById('cmMenuContent').style.display = 'none'; } hidePasteMenu(false); } 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'; populateCopyMenu(segInfo, contextMenuSettings); } else { if (document.getElementById('cmRSelAutoAdd')) document.getElementById('cmRSelAutoAdd').style.display = 'none'; document.getElementById('cmMenuHeaderTitle').innerHTML = 'Send To Road Selector'; document.getElementById('cmMenuNoContent').style.display = 'block'; document.getElementById('cmMenuContent').style.display = 'none'; } hidePasteMenu(true); } } 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); // Setup stuff for when menu is pinned to page 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, false); // 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, false); // 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();