☰

WME Permalink Selector

Shows Permalinks or Segments ID's on the map and colorizes a level of segments.

  1. // ==UserScript==
  2. // @name                WME Permalink Selector
  3. // @description         Shows Permalinks or Segments ID's on the map and colorizes a level of segments.
  4. // @include             https://www.waze.com/editor/*
  5. // @include             https://www.waze.com/*/editor/*
  6. // @include             https://editor-beta.waze.com/*
  7. // @version             1.0.5.1
  8. // @grant               none
  9. // @namespace           https://greasyfork.org/scripts/3931-wme-permalink-selector
  10. // ==/UserScript==
  11.  
  12.  
  13. /* Original wlodek76's version 1.0.5 adapted to WME v1.6-297 by FZ69617 */
  14.  
  15.  
  16. var wmech_version = "1.0.5.1"
  17.  
  18. var loadcount = 0;
  19.  
  20. //------------------------------------------------------------------------------------------------
  21. function bootstrapPermalinkSelector()
  22. {
  23.     var bGreasemonkeyServiceDefined = false;
  24.     
  25.     try {
  26.         bGreasemonkeyServiceDefined = (typeof Components.interfaces.gmIGreasemonkeyService === "object");
  27.     }
  28.     catch (err) { /* Ignore */ }
  29.     
  30.     if (typeof unsafeWindow === "undefined" || ! bGreasemonkeyServiceDefined) {
  31.         unsafeWindow    = ( function () {
  32.             var dummyElem = document.createElement('p');
  33.             dummyElem.setAttribute('onclick', 'return window;');
  34.             return dummyElem.onclick();
  35.         }) ();
  36.     }
  37.     
  38.     setTimeout(initialisePermalinkHighlight, 999);
  39.  
  40. 	window.addEventListener("beforeunload", savePermalink, false);
  41. }
  42. //------------------------------------------------------------------------------------------------
  43. function savePermalink() {
  44.     var segobj = document.getElementById('permalink_id_content');
  45.     if (segobj != null) {
  46.     	var segstr = segobj.value;
  47.         
  48.         localStorage.setItem("PermalinkSegmentContent", segstr);
  49. 	}
  50. }
  51. //---------------------------------------------------------------------------------------
  52. function loadPermalink() {
  53.     var segobj = document.getElementById('permalink_id_content');
  54.     if (segobj != null) {
  55.         if (loadcount == 0) {
  56.             loadcount++;
  57.             if (localStorage.PermalinkSegmentContent) segobj.value = localStorage.PermalinkSegmentContent;
  58.         }
  59.     }
  60. }
  61. //---------------------------------------------------------------------------------------
  62. function highlightPermalink() {
  63.     
  64.     var showLevels = getId('_cbShowRoadLevels').checked;
  65.     
  66.     var segobj = document.getElementById('permalink_id_content');
  67.  
  68.     loadPermalink();
  69.  
  70.     var segstr = segobj.value;
  71.     var seglines = new Array();
  72.     if (segstr.length > 0) {
  73.  
  74.         var obj = document.getElementById('sidepanel-permalink-tab');
  75.         if (obj.innerHTML == "Permalink") obj.innerHTML = "Permalink*";
  76.         
  77.         var p = segstr.indexOf("segments=");
  78.         if (p >= 0) {
  79.             
  80.             var newstr = "";
  81.             
  82.             var q = segstr.indexOf("segments=");
  83.             while (q >= 0) {
  84.                 var q1 = segstr.indexOf("\n", q + 1);
  85.                 var q2 = segstr.indexOf("http", q + 1);
  86.                 var q3 = segstr.indexOf('&', q + 1);
  87.                 
  88.                 var qmax = 99999999;
  89.                 if (q1 >=0 && q1 < qmax) qmax = q1;
  90.                 if (q2 >=0 && q2 < qmax) qmax = q2;
  91.                 if (q3 >=0 && q3 < qmax) qmax = q3;
  92.                 if (q1 == -1 && q2 == -1 && q3 == -1) qmax = segstr.length;
  93.                 
  94.                 //console.log(q, qmax, q1, q2, q3);
  95.                 
  96.                 newstr += segstr.substr(q+9, qmax - (q+9)) + ",";
  97.                 
  98.                 q = segstr.indexOf("segments=", q + 1);
  99.             }
  100.             
  101.             segstr = newstr;
  102.         }
  103.         
  104.         segstr = segstr.replace(/\n/g, ",");
  105.         segstr = segstr.replace(/\s+/g, '');
  106.         seglines = segstr.split(",");
  107.     }
  108.     else {
  109.         var obj = document.getElementById('sidepanel-permalink-tab');
  110.         if (obj.innerHTML == "Permalink*") obj.innerHTML = "Permalink";
  111.     }        
  112.     
  113.     var numDays    = 0;
  114.  
  115.     var objnumRecentDays   = getId('permalink_numRecentDays');
  116.     
  117.     if (objnumRecentDays != undefined) {
  118.         var numDays = objnumRecentDays.value;
  119.         if (numDays === undefined) numDays = 0;
  120.     }
  121.  
  122.     var tNow = new Date();
  123.     var before = tNow.getTime() - (numDays * 86400000);
  124.     before = before - ( before % 3600000 );
  125.     var beforeTime = new Date();
  126.     beforeTime.setTime(before /*+ tNow.getTimezoneOffset() * 60 * 1000*/ );
  127.     if (numDays == 0) 	getId('permalink_date_before').innerHTML = '';
  128.     else 				getId('permalink_date_before').innerHTML = 'After: ' + beforeTime.toLocaleString().trim();
  129.  
  130.     for (var seg in Waze.model.segments.objects) {
  131.         var segment = Waze.model.segments.get(seg);
  132.         var attributes = segment.attributes;
  133.         var line = getId(segment.geometry.id);
  134.         
  135.         if (line !== null) {
  136.             var sid 		= attributes.primaryStreetID;
  137.             var street 		= Waze.model.streets.get(sid);
  138.             var level   	= attributes.level;
  139.             var segid 		= segment.attributes.id;
  140.             
  141.             var lineColor 	= line.getAttribute("stroke");
  142.             var lineWidth 	= line.getAttribute("stroke-width");
  143.             var opacity 	= line.getAttribute("stroke-opacity");
  144.             
  145.             var newColor 	= lineColor;
  146.             var newWidth 	= lineWidth;
  147.             var newOpacity 	= opacity;
  148.             
  149.             var reset = 0;
  150.             var RecentlyUpdatedGreen = 0;
  151.             var RecentlyCreatedGreen = 0;
  152.             
  153.            
  154. 			var updatedOn   = new Date(attributes.updatedOn);
  155. 			var createdOn   = new Date(attributes.createdOn);
  156.             if (numDays > 0 && updatedOn.getTime() >= before) RecentlyUpdatedGreen = 1;
  157.             if (numDays > 0 && createdOn.getTime() >= before) RecentlyCreatedGreen = 1;
  158.             
  159.             // check that WME hasn't highlighted this segment (better method)
  160.             var selected = 0;
  161.             if (segment.renderIntent == "highlight") 		 selected = 1;
  162.             if (segment.renderIntent == "select")    		 selected = 1;
  163.             if (segment.renderIntent == "highlightselected") selected = 1;
  164.             
  165.             // check for WME Highlights errors and do not affect their colors
  166.             if (lineColor == "#ff0") selected = 1;  //segments has soft-turns (yellow)
  167.             if (lineColor == "#f0f") selected = 1;  //segment has reverse connections (purple)
  168.             if (lineColor == "#0ff") selected = 1;
  169.             
  170.             if (selected) {
  171.                 continue;
  172.             }
  173.  
  174.             if (showLevels) {
  175.                 newWidth = 9;
  176.                 if (level == null || level == undefined) newColor = "#40C040";
  177.                 else {
  178.                     level = parseInt(level);
  179.                     if (level <= -3)   newColor = "#040484";
  180.                     if (level == -2)   newColor = "#0404C4";
  181.                     if (level == -1)   newColor = "#0404FC";
  182.                     if (level == 0)  { newColor = "#848484"; newWidth = 4; }
  183.                     if (level == 1)    newColor = "#FC8404";
  184.                     if (level == 2)    newColor = "#FC0404";
  185.                     if (level == 3)    newColor = "#FC04FC";
  186.                     if (level >= 4)    newColor = "#840484";
  187.                 }
  188.                 newOpacity = 1;
  189.             }
  190.             else {
  191.                 if (newColor == "#040484") reset = 1;
  192.                 if (newColor == "#0404C4") reset = 1;
  193.                 if (newColor == "#0404FC") reset = 1;
  194.                 if (newColor == "#848484") reset = 1;
  195.                 if (newColor == "#FC8404") reset = 1;
  196.                 if (newColor == "#FC0404") reset = 1;
  197.                 if (newColor == "#FC04FC") reset = 1;
  198.                 if (newColor == "#840484") reset = 1;
  199.             }
  200.             
  201.             var nsel = 0;
  202.             
  203.             if (seglines.length > 0) {
  204.                 for(var i=0; i<seglines.length; i++) {
  205.                     if (seglines[i] == segid) { nsel++; }
  206.                 }
  207. 			}
  208.             
  209.             if (nsel == 0) {
  210.                 if (newColor == "#f1125c") reset = 1;
  211.                 if (newColor == "#0056ff") reset = 1;
  212.                 if (newColor == "#ff7802") reset = 1;
  213.                 if (newColor == "#ff02f0") reset = 1;
  214.             }
  215.             else if (nsel == 1) {
  216.                 if (RecentlyUpdatedGreen == 0) newColor = "#0056ff";
  217.                 if (RecentlyUpdatedGreen == 1) newColor = "#ff7802";
  218.                 if (RecentlyCreatedGreen == 1) newColor = "#ff02f0";
  219.                 newWidth = 9;
  220.                 newOpacity = 0.8;
  221.             }
  222.             else if (nsel >= 2) {
  223.                 newColor = "#f1125c";
  224.                 newWidth = 9;
  225.                 newOpacity = 0.8;
  226.             }
  227.  
  228.                 
  229.             if (reset) {
  230.                 newColor 	= "#dd7700";
  231.                 newWidth 	= 8;            
  232.                 newOpacity 	= 0.001;
  233.             }
  234.             
  235.             if (newColor != lineColor) {
  236.                 line.setAttribute("stroke", newColor);
  237.                 line.setAttribute("stroke-width", newWidth);
  238.                 line.setAttribute("stroke-opacity", newOpacity);
  239.             }
  240.         }
  241.     }
  242. }
  243. //--------------------------------------------------------------------------------------------------------
  244. function getElementsByClassName(classname, node) {
  245.     if(!node) node = document.getElementsByTagName("body")[0];
  246.     var a = [];
  247.     var re = new RegExp('\\b' + classname + '\\b');
  248.     var els = node.getElementsByTagName("*");
  249.     for (var i=0,j=els.length; i<j; i++)
  250.         if (re.test(els[i].className)) a.push(els[i]);
  251.         return a;
  252. }
  253. //--------------------------------------------------------------------------------------------------------
  254. function getId(node) {
  255.     return document.getElementById(node);
  256. }
  257. //--------------------------------------------------------------------------------------------------------
  258. function initialisePermalinkHighlight()
  259. {
  260.     var addon 		= document.createElement('section');
  261.     addon.id 		= "permalink-addon";
  262.     addon.innerHTML = '<b style="margin:0px; padding:0px;"><a href="https://greasyfork.org/scripts/5404-wme-permalink-selector" target="_blank"><u>WME Permalink Selector</u></a></b> &nbsp; v' + wmech_version;
  263.     var tooltip1 = 'title="Selects segments or permalinks on the map."';
  264.     var tooltip2 = 'title="Selects segments edited before specified date."';
  265.     var tooltip3 = 'title="Selects segments created before specified date."';
  266.     var tooltip4 = 'title="Marks ID of segments which exists more then once on the list."';
  267.     
  268.     var section = document.createElement('p');
  269.     section.id 					= "permalinkSection";
  270.     section.innerHTML  			= ''
  271.     + '<input type="checkbox" id="_cbShowRoadLevels" style="margin-left:8px; margin-top:16px;" > Road Levels</input>'
  272.     + '<br><br>'
  273.     + '<b>Permalink Selector:</b>'
  274.     + '<textarea   id="permalink_id_content"    style="width:280px; height:150px; " placeholder="Paste Segments ID\'s or Permalinks here" ></textarea>'
  275.     + '<br><div ' + tooltip1 + ' style="margin-left:4px;position:relative;top:+3px;display:inline-block;width:16px;height:16px;background-color:#0056ff;"></div> - selected segments'
  276.     + '<br><div ' + tooltip2 + ' style="margin-left:4px;position:relative;top:+3px;display:inline-block;width:16px;height:16px;background-color:#ff7802;"></div> - recently edited segments'
  277.     + '<br><div ' + tooltip3 + ' style="margin-left:4px;position:relative;top:+3px;display:inline-block;width:16px;height:16px;background-color:#ff02f0;"></div> - recently created segments'
  278.     + '<br><div ' + tooltip4 + ' style="margin-left:4px;position:relative;top:+3px;display:inline-block;width:16px;height:16px;background-color:#f1125c;"></div> - doubled segments'
  279.     + '<br><br>Recently Edited/Created: <input type="number" step="1" min="0" max="30" size="2" value="5" id="permalink_numRecentDays" style=""/> days'
  280.     + '<div id="permalink_date_before" style="xborder: 1px solid red; margin:0px; padding:0px; text-align:left; " ><div>'
  281.     ;
  282.     addon.appendChild(section);
  283.     
  284.     var userTabs = getId('user-info');
  285.     var navTabs = getElementsByClassName('nav-tabs', userTabs)[0];
  286.     var tabContent = getElementsByClassName('tab-content', userTabs)[0];
  287.     
  288.     newtab = document.createElement('li');
  289.     newtab.innerHTML = '<a id=sidepanel-permalink-tab href="#sidepanel-permalink" data-toggle="tab">Permalink</a>';
  290.     navTabs.appendChild(newtab);
  291.     
  292.     addon.id = "sidepanel-permalink";
  293.     addon.className = "tab-pane";
  294.     tabContent.appendChild(addon);
  295.     
  296.     window.setInterval(highlightPermalink, 333);
  297.     
  298.     Waze.map.events.register("zoomend", null, highlightPermalink);
  299. }
  300. //--------------------------------------------------------------------------------------------------------------
  301. bootstrapPermalinkSelector();