☰

WME Permalink Selector

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

当前为 2014-10-01 提交的版本，查看 最新版本。

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