☰

WME RA Util

Providing basic utility for RA adjustment without the need to delete & recreate

当前为 2023-07-29 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         WME RA Util
  3. // @namespace    https://greasyfork.org/users/30701-justins83-waze
  4. // @version      2023.07.29.02
  5. // @description  Providing basic utility for RA adjustment without the need to delete & recreate
  6. // @include      https://www.waze.com/editor*
  7. // @include      https://www.waze.com/*/editor*
  8. // @include      https://beta.waze.com/*
  9. // @exclude      https://www.waze.com/user/editor*
  10. // @require      https://greasyfork.org/scripts/24851-wazewrap/code/WazeWrap.js
  11. // @connect     greasyfork.org
  12. // @author       JustinS83
  13. // @grant       GM_xmlhttpRequest
  14. // @license      GPLv3
  15. // @contributionURL https://github.com/WazeDev/Thank-The-Authors
  16. // ==/UserScript==
  17.  
  18. /* global W */
  19. /* global WazeWrap */
  20. /* global OpenLayers */
  21. /* global require */
  22. /* global $ */
  23. /* global _ */
  24. /* global I18n */
  25. /* eslint curly: ["warn", "multi-or-nest"] */
  26.  
  27. /*
  28. non-normal RA color:#FF8000
  29. normal RA color:#4cc600
  30. */
  31. (function() {
  32.  
  33.     var RAUtilWindow = null;
  34.     var UpdateSegmentGeometry;
  35.     var MoveNode, MultiAction;
  36.     var drc_layer;
  37. 	let wEvents;
  38.     const SCRIPT_VERSION = GM_info.script.version.toString();
  39.     const SCRIPT_NAME = GM_info.script.name;
  40.     const DOWNLOAD_URL = GM_info.scriptUpdateURL;
  41.  
  42.     //var totalActions = 0;
  43.     var _settings;
  44.     const updateMessage = "Fixing Roundabout Angles portion.";
  45.  
  46.     function bootstrap(tries = 1) {
  47.  
  48.         if (W && W.map && W.model && require && WazeWrap.Ready){
  49.             loadScriptUpdateMonitor();
  50.             init();
  51.         }
  52.         else if (tries < 1000)
  53.             setTimeout(function () {bootstrap(++tries);}, 200);
  54.     }
  55.  
  56.     bootstrap();
  57.  
  58.     function loadScriptUpdateMonitor() {
  59.         let updateMonitor;
  60.         try {
  61.             updateMonitor = new WazeWrap.Alerts.ScriptUpdateMonitor(SCRIPT_NAME, SCRIPT_VERSION, DOWNLOAD_URL, GM_xmlhttpRequest);
  62.             updateMonitor.start();
  63.         } catch (ex) {
  64.             // Report, but don't stop if ScriptUpdateMonitor fails.
  65.             console.error(`${SCRIPT_NAME}:`, ex);
  66.         }
  67.     }
  68.  
  69.     function init(){
  70.         injectCss();
  71.         UpdateSegmentGeometry = require('Waze/Action/UpdateSegmentGeometry');
  72.         MoveNode = require("Waze/Action/MoveNode");
  73.         MultiAction = require("Waze/Action/MultiAction");
  74.  
  75.         console.log("RA UTIL");
  76.         console.log(GM_info.script);
  77.         if(W.map.events)
  78. 		    wEvents = W.map.events;
  79. 	    else
  80. 		    wEvents = W.map.getMapEventsListener();
  81.  
  82.         RAUtilWindow = document.createElement('div');
  83.         RAUtilWindow.id = "RAUtilWindow";
  84.         RAUtilWindow.style.position = 'fixed';
  85.         RAUtilWindow.style.visibility = 'hidden';
  86.         RAUtilWindow.style.top = '15%';
  87.         RAUtilWindow.style.left = '25%';
  88.         RAUtilWindow.style.width = '510px';
  89.         RAUtilWindow.style.zIndex = 100;
  90.         RAUtilWindow.style.backgroundColor = '#FFFFFE';
  91.         RAUtilWindow.style.borderWidth = '0px';
  92.         RAUtilWindow.style.borderStyle = 'solid';
  93.         RAUtilWindow.style.borderRadius = '10px';
  94.         RAUtilWindow.style.boxShadow = '5px 5px 10px Silver';
  95.         RAUtilWindow.style.padding = '4px';
  96.  
  97.         var alertsHTML = '<div id="header" style="padding: 4px; background-color:#92C3D3; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px; color: white; font-weight: bold; text-align:center; letter-spacing: 1px;text-shadow: black 0.1em 0.1em 0.2em;"><img src="https://storage.googleapis.com/wazeopedia-files/1/1e/RA_Util.png" style="float:left"></img> Roundabout Utility <a data-toggle="collapse" href="#divWrappers" id="collapserLink" style="float:right"><span id="collapser" style="cursor:pointer;padding:2px;color:white;" class="fa fa-caret-square-o-up"></a></span></div>';
  98.         // start collapse // I put it al the beginning
  99.       alertsHTML += '<div id="divWrappers" class="collapse in">';
  100.          //***************** Round About Angles **************************
  101.          alertsHTML += '<p style="margin: 10px 0px 0px 20px;"><input type="checkbox" id="chkRARoundaboutAngles">&nbsp;Enable Roundabout Angles</p>';
  102.          //***************** Shift Amount **************************
  103.          // Define BOX
  104.          alertsHTML += '<div id="contentShift" style="text-align:center;float:left; width: 120px;max-width: 24%;height: 170px;margin: 1em 5px 0px 0px;opacity:1;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 4px;border-width:1px;border-style:solid;border-color:#92C3D3;padding:2px;}">';
  105.          alertsHTML += '<b>Shift amount</b></br><input type="text" name="shiftAmount" id="shiftAmount" size="1" style="float: left; text-align: center;font: inherit; line-height: normal; width: 30px; height: 20px; margin: 5px 4px; box-sizing: border-box; display: block; padding-left: 0; border-bottom-color: rgba(black,.3); background: transparent; outline: none; color: black;" value="1"/> <div style="margin: 5px 4px;">Meter(s)';
  106.             // Shift amount controls
  107.             alertsHTML += '<div id="controls" style="text-align:center; padding:06px 4px;width=100px; height=100px;margin: 5px 0px;border-style:solid; border-width: 2px;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;box-shadow: inset 0px 0px 50px -14px rgba(0,0,0,1);-moz-box-shadow: inset 0px 0px 50px -14px rgba(0,0,0,1);-webkit-box-shadow: inset 0px 0px 50px -14px rgba(0,0,0,1); background:#92C3D3;align:center;">';
  108.             //Single Shift Up Button
  109.             alertsHTML += '<span id="RAShiftUpBtn" style="cursor:pointer;font-size:14px;">';
  110.             alertsHTML += '<i class="fa fa-angle-double-up fa-2x" style="color: white; text-shadow: black 0.1em 0.1em 0.2em; vertical-align: top;"> </i>';
  111.             alertsHTML += '<span id="UpBtnCaption" style="font-weight: bold;"></span>';
  112.             alertsHTML += '</span><br>';
  113.             //Single Shift Left Button
  114.             alertsHTML += '<span id="RAShiftLeftBtn" style="cursor:pointer;font-size:14px;margin-left:-40px;">';
  115.             alertsHTML += '<i class="fa fa-angle-double-left fa-2x" style="color: white; text-shadow: black 0.1em 0.1em 0.2em; vertical-align: middle"> </i>';
  116.             alertsHTML += '<span id="LeftBtnCaption" style="font-weight: bold;"></span>';
  117.             alertsHTML += '</span>';
  118.             //Single Shift Right Button
  119.             alertsHTML += '<span id="RAShiftRightBtn" style="float: right;cursor:pointer;font-size:14px;margin-right:5px;">';
  120.             alertsHTML += '<i class="fa fa-angle-double-right fa-2x" style="color: white;text-shadow: black 0.1em 0.1em 0.2em;  vertical-align: middle"> </i>';
  121.             alertsHTML += '<span id="RightBtnCaption" style="font-weight: bold;"></span>';
  122.             alertsHTML += '</span><br>';
  123.             //Single Shift Down Button
  124.             alertsHTML += '<span id="RAShiftDownBtn" style="cursor:pointer;font-size:14px;margin-top:0px;">';
  125.             alertsHTML += '<i class="fa fa-angle-double-down fa-2x" style="color: white;text-shadow: black 0.1em 0.1em 0.2em;  vertical-align: middle"> </i>';
  126.             alertsHTML += '<span id="DownBtnCaption" style="font-weight: bold;"></span>';
  127.             alertsHTML += '</span>';
  128.          alertsHTML += '</div></div></div>';
  129.          //***************** Rotation **************************
  130.          // Define BOX
  131.          alertsHTML += '<div id="contentRotate" style="float:left; text-align: center;width: 120px;max-width: 24%;max-height:145px;margin: 1em auto;opacity:1;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 4px;border-width:1px;border-style:solid;border-color:#92C3D3;padding:2px;  display:inline-block; border-style:solid; border-width:1px; height:152px;  margin-right:5px;">';
  132.          alertsHTML += '<b>Rotation amount</b></br><input type="text" name="rotationAmount" id="rotationAmount" size="1" style="float: left; text-align: center;font: inherit; line-height: normal; width: 30px; height: 20px; margin: 5px 4px; box-sizing: border-box; display: block; padding-left: 0; border-bottom-color: rgba(black,.3); background: transparent; outline: none; color: black;" value="1"/> <div style="margin: 5px 4px;">Degree(s)';
  133.             // Rotation controls
  134.             alertsHTML += '<div id="rotationControls" style="padding: 6px 4px;width=100px; margin: 20px 0px 50px 0px;align:center;">';
  135.                // Rotate Button on the Left
  136.                alertsHTML += '<span id="RARotateLeftBtn" class="btnRotate" style="float: left;">';
  137.                alertsHTML += '<i class="fa fa-undo fa-2x" style="color: white; text-shadow: black 0.1em 0.1em 0.2em; padding:2px;"> </i>';
  138.                alertsHTML += '<span id="RotateLeftBtnCaption" style="font-weight: bold;"></span>';
  139.                alertsHTML += '</span>';
  140.                // Rotate button on the Right
  141.                alertsHTML += '<span id="RARotateRightBtn" class="btnRotate" style="float: right;">';
  142.                alertsHTML += '<i class="fa fa-repeat fa-2x" style="color: white; text-shadow: black 0.1em 0.1em 0.2em; padding:2px;"> </i>';
  143.                alertsHTML += '<span id="RotateRightBtnCaption" style="font-weight: bold;"></span>';
  144.          alertsHTML += '</div></div></div>';
  145.          //********************* Diameter change ******************
  146.          // Define BOX
  147.          alertsHTML += '<div id="diameterChange" style="float:left; text-align: center;width: 120px;max-width: 24%;max-height:145px;margin: 1em auto;opacity:1;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 4px;border-width:1px;border-style:solid;border-color:#92C3D3;padding:2px;  display:inline-block; border-style:solid; border-width:1px; height:152px;  margin-right:5px;">';
  148.          alertsHTML += '<b>Change diameter</b></br></br>';
  149.               // Diameter Change controls
  150.             alertsHTML += '<div id="DiameterChangeControls" style="padding: 6px 4px;width=100px; margin: 5px 7px 50px 7px;align:center;">';
  151.                // Decrease Button
  152.                alertsHTML += '<span id="diameterChangeDecreaseBtn" style="float: left; width=45px; height=45px; background-color:#92C3D3; cursor:pointer; padding: 5px; font-size:14px; border:thin outset black; border-style:solid; border-width: 1px;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;box-shadow: inset 0px 0px 20px -14px rgba(0,0,0,1);-moz-box-shadow: inset 0px 0px 20px -14px rgba(0,0,0,1);-webkit-box-shadow: inset 0px 0px 20px -14px rgba(0,0,0,1);">';
  153.                alertsHTML += '<i class="fa fa-compress fa-2x" style="color: white; text-shadow: black 0.1em 0.1em 0.2em; padding:2px;;"> </i>';
  154.                alertsHTML += '<span id="diameterChangeDecreaseCaption" style="font-weight: bold;"></span>';
  155.                alertsHTML += '</span>';
  156.                // Increase Button
  157.                alertsHTML += '<span id="diameterChangeIncreaseBtn" style="float: right; width=45px; height=45px; background-color:#92C3D3; cursor:pointer; padding: 5px; font-size:14px; border:thin outset black; border-style:solid; border-width: 1px;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;box-shadow: inset 0px 0px 20px -14px rgba(0,0,0,1);-moz-box-shadow: inset 0px 0px 20px -14px rgba(0,0,0,1);-webkit-box-shadow: inset 0px 0px 20px -14px rgba(0,0,0,1);">';
  158.                alertsHTML += '<i class="fa fa-arrows-alt fa-2x" style="color: white; text-shadow: black 0.1em 0.1em 0.2em; padding:2px;"> </i>';
  159.                alertsHTML += '<span id="diameterChangeIncreaseCaption" style="font-weight: bold;"></span>';
  160.                alertsHTML += '</span>';
  161.          alertsHTML += '</div></div>';
  162.          //***************** Bump nodes **********************
  163.          // Define BOX
  164.          alertsHTML += '<div id="bumpNodes" style="float:left; text-align: center;width: 120px;max-width: 24%;max-height:145px;margin: 1em auto 0px auto;opacity:1;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 4px;border-width:1px;border-style:solid;border-color:#92C3D3;padding:2px;  display:inline-block; border-style:solid; border-width:1px; height:152px;  margin-right:5px;">';
  165.          alertsHTML += '<b>Move nodes</b></br>';
  166.          // Move Nodes controls
  167.          alertsHTML += '<div id="MoveNodesControls" style="padding: 2px;">';
  168.             // Button A
  169.             alertsHTML += '<div style="text-align:center; font-size:18px;">A Node';
  170.                // Move node IN
  171.                alertsHTML += '<p><span id="btnMoveANodeIn" class="btnMoveNode" style="color: white; font-size: 0.875em; text-shadow: black 0.1em 0.1em 0.2em; padding:3px 15px 3px 15px; margin:3px;">in</span>';
  172.                // Move node OUT
  173.                alertsHTML += '<span id="btnMoveANodeOut" class="btnMoveNode" class="btnMoveNode" style="color: white; font-size: 0.875em; text-shadow: black 0.1em 0.1em 0.2em; padding:3px 10px 3px 10px; margin:3px;">out</span>';
  174.                alertsHTML += '</div>';
  175.             // Button B
  176.             alertsHTML += '<div style="text-align:center; font-size:18px;">B Node';
  177.                // Move node IN
  178.                alertsHTML += '<p><span id="btnMoveBNodeIn" class="btnMoveNode" style="color: white; font-size: 0.875em; text-shadow: black 0.1em 0.1em 0.2em; padding:3px 15px 3px 15px; margin:3px;">in</span>';
  179.                // Move node OUT
  180.                alertsHTML += '<span id="btnMoveBNodeOut" class="btnMoveNode" class="btnMoveNode" style="color: white; font-size: 0.875em; text-shadow: black 0.1em 0.1em 0.2em; padding:3px 10px 3px 10px; margin:3px;">out</span>';
  181.                alertsHTML += '</div>';
  182.         alertsHTML += '</div></div></div>';
  183.  
  184.  
  185.         RAUtilWindow.innerHTML = alertsHTML;
  186.         document.body.appendChild(RAUtilWindow);
  187.  
  188.         $('#RAShiftLeftBtn').click(RAShiftLeftBtnClick);
  189.         $('#RAShiftRightBtn').click(RAShiftRightBtnClick);
  190.         $('#RAShiftUpBtn').click(RAShiftUpBtnClick);
  191.         $('#RAShiftDownBtn').click(RAShiftDownBtnClick);
  192.  
  193.         $('#RARotateLeftBtn').click(RARotateLeftBtnClick);
  194.         $('#RARotateRightBtn').click(RARotateRightBtnClick);
  195.  
  196.         $('#diameterChangeDecreaseBtn').click(diameterChangeDecreaseBtnClick);
  197.         $('#diameterChangeIncreaseBtn').click(diameterChangeIncreaseBtnClick);
  198.  
  199.         $('#btnMoveANodeIn').click(function(){moveNodeIn(WazeWrap.getSelectedFeatures()[0].WW.getObjectModel().attributes.id, WazeWrap.getSelectedFeatures()[0].WW.getObjectModel().attributes.fromNodeID);});
  200.         $('#btnMoveANodeOut').click(function(){moveNodeOut(WazeWrap.getSelectedFeatures()[0].WW.getObjectModel().attributes.id, WazeWrap.getSelectedFeatures()[0].WW.getObjectModel().attributes.fromNodeID);});
  201.         $('#btnMoveBNodeIn').click(function(){moveNodeIn(WazeWrap.getSelectedFeatures()[0].WW.getObjectModel().attributes.id, WazeWrap.getSelectedFeatures()[0].WW.getObjectModel().attributes.toNodeID);});
  202.         $('#btnMoveBNodeOut').click(function(){moveNodeOut(WazeWrap.getSelectedFeatures()[0].WW.getObjectModel().attributes.id, WazeWrap.getSelectedFeatures()[0].WW.getObjectModel().attributes.toNodeID);});
  203.  
  204.         $('#shiftAmount').keypress(function(event) {
  205.             if ((event.which != 46 || $(this).val().indexOf('.') != -1) && (event.which < 48 || event.which > 57))
  206.                 event.preventDefault();
  207.         });
  208.  
  209.         $('#rotationAmount').keypress(function(event) {
  210.             if ((event.which != 46 || $(this).val().indexOf('.') != -1) && (event.which < 48 || event.which > 57))
  211.                 event.preventDefault();
  212.         });
  213.  
  214.         $('#collapserLink').click(function(){
  215.             if($('#collapser').attr('class') == "fa fa-caret-square-o-down"){
  216.                 $("#collapser").removeClass("fa-caret-square-o-down");
  217.                 $("#collapser").addClass("fa-caret-square-o-up");
  218.             }
  219.             else{
  220.                 $("#collapser").removeClass("fa-caret-square-o-up");
  221.                 $("#collapser").addClass("fa-caret-square-o-down");
  222.             }
  223.             saveSettingsToStorage();
  224.         });
  225.  
  226.         W.selectionManager.events.register("selectionchanged", null, checkDisplayTool);
  227.         //W.model.actionManager.events.register("afterundoaction",null, undotriggered);
  228.         //W.model.actionManager.events.register("afterclearactions",null,actionsCleared);
  229.  
  230.         var loadedSettings = $.parseJSON(localStorage.getItem("WME_RAUtil"));
  231.         var defaultSettings = {
  232.             divTop: "15%",
  233.             divLeft: "25%",
  234.             Expanded: true,
  235.             RoundaboutAngles: true
  236.         };
  237.         _settings = loadedSettings ? loadedSettings : defaultSettings;
  238.  
  239.         $('#RAUtilWindow').css('left', _settings.divLeft);
  240.         $('#RAUtilWindow').css('top', _settings.divTop);
  241.         $("#chkRARoundaboutAngles").prop('checked', _settings.RoundaboutAngles);
  242.         $("#chkRARoundaboutAngles").prop('checked', _settings.RoundaboutAngles);
  243.  
  244.         if(!_settings.Expanded){
  245.             $("#divWrappers").removeClass("in");
  246.             $("#divWrappers").addClass("collapse");
  247.             $("#collapser").removeClass("fa-caret-square-o-up");
  248.             $("#collapser").addClass("fa-caret-square-o-down");
  249.         }
  250.  
  251.         $("#chkRARoundaboutAngles").click(function(){
  252.             saveSettingsToStorage();
  253.  
  254.             if($("#chkRARoundaboutAngles").is(":checked")){
  255.                 wEvents.register("zoomend", null, DrawRoundaboutAngles);
  256.                 wEvents.register("moveend", null, DrawRoundaboutAngles);
  257.                 DrawRoundaboutAngles();
  258.                 drc_layer.setVisibility(true);
  259.             }
  260.             else{
  261.                 wEvents.unregister("zoomend", null, DrawRoundaboutAngles);
  262.                 wEvents.unregister("moveend", null, DrawRoundaboutAngles);
  263.                 drc_layer.setVisibility(false);
  264.             }
  265.         });
  266.  
  267.         if(_settings.RoundaboutAngles){
  268.             wEvents.register("zoomend", null, DrawRoundaboutAngles);
  269.             wEvents.register("moveend", null, DrawRoundaboutAngles);
  270.             DrawRoundaboutAngles();
  271.         }
  272.  
  273.         WazeWrap.Interface.ShowScriptUpdate("WME RA Util", GM_info.script.version, updateMessage, "https://greasyfork.org/en/scripts/23616-wme-ra-util", "https://www.waze.com/forum/viewtopic.php?f=819&t=211079");
  274.     }
  275.  
  276.     function saveSettingsToStorage() {
  277.         if (localStorage) {
  278.             var settings = {
  279.                 divTop: "15%",
  280.                 divLeft: "25%",
  281.                 Expanded: true,
  282.                 RoundaboutAngles: true
  283.             };
  284.  
  285.             settings.divLeft = $('#RAUtilWindow').css('left');
  286.             settings.divTop = $('#RAUtilWindow').css('top');
  287.             settings.Expanded = $("#collapser").attr('class').indexOf("fa-caret-square-o-up") > -1;
  288.             settings.RoundaboutAngles = $("#chkRARoundaboutAngles").is(":checked");
  289.             localStorage.setItem("WME_RAUtil", JSON.stringify(settings));
  290.         }
  291.     }
  292.  
  293.     function checkDisplayTool(){
  294.         if(WazeWrap.hasSelectedFeatures() && WazeWrap.getSelectedFeatures()[0].WW.getType() === 'segment'){
  295.             if(!AllSelectedSegmentsRA() || WazeWrap.getSelectedFeatures().length === 0)
  296.                 $('#RAUtilWindow').css({'visibility': 'hidden'});
  297.             else{
  298.                 $('#RAUtilWindow').css({'visibility': 'visible'});
  299.                 if(typeof jQuery.ui !== 'undefined')
  300.                     $('#RAUtilWindow' ).draggable({ //Gotta nuke the height setting the dragging inserts otherwise the panel cannot collapse
  301.                         stop: function(event, ui) {
  302.                             $('#RAUtilWindow').css("height", "");
  303.                             saveSettingsToStorage();
  304.                         }
  305.                     });
  306.                 //checkSaveChanges();
  307.                 checkAllEditable(WazeWrap.Model.getAllRoundaboutSegmentsFromObj(WazeWrap.getSelectedFeatures()[0]));
  308.             }
  309.         }
  310.         else{
  311.             $('#RAUtilWindow').css({'visibility': 'hidden'});
  312.             if(typeof jQuery.ui !== 'undefined')
  313.                 $('#RAUtilWindow' ).draggable({
  314.                     stop: function(event, ui) {
  315.                         $('#RAUtilWindow').css("height", "");
  316.                         saveSettingsToStorage();
  317.                     }
  318.                 });
  319.         }
  320.     }
  321.  
  322.     function checkAllEditable(RASegs){
  323.         var $RAEditable = $('#RAEditable');
  324.         var allEditable = true;
  325.         var segObj, fromNode, toNode;
  326.  
  327.         for(let i=0; i<RASegs.length;i++){
  328.             segObj = W.model.segments.getObjectById(RASegs[i]);
  329.             fromNode = segObj.getFromNode();
  330.             toNode = segObj.getToNode();
  331.  
  332.             if(segObj !== "undefined"){
  333.                 if(fromNode && fromNode !== "undefined" && !fromNode.areConnectionsEditable())
  334.                     allEditable = false;
  335.                 else if(toNode && toNode !== "undefined" && !toNode.areConnectionsEditable())
  336.                     allEditable = false;
  337.                 var toConnected, fromConnected;
  338.  
  339.                 if(toNode){
  340.                     toConnected = toNode.attributes.segIDs;
  341.                     for(let j=0;j<toConnected.length;j++){
  342.                         if(W.model.segments.getObjectById(toConnected[j]) !== "undefined")
  343.                             if(W.model.segments.getObjectById(toConnected[j]).hasClosures())
  344.                                 allEditable = false;
  345.                     }
  346.                 }
  347.  
  348.                 if(fromNode){
  349.                     fromConnected = fromNode.attributes.segIDs;
  350.                     for(let j=0;j<fromConnected.length;j++){
  351.                         if(W.model.segments.getObjectById(fromConnected[j]) !== "undefined")
  352.                             if(W.model.segments.getObjectById(fromConnected[j]).hasClosures())
  353.                                 allEditable = false;
  354.                     }
  355.                 }
  356.             }
  357.         }
  358.         if(allEditable)
  359.             $RAEditable.remove();
  360.         else{
  361.             if($RAEditable.length === 0){
  362.                 $RAEditable = $('<div>', {id:'RAEditable', style:'color:red'});
  363.                 $RAEditable.text('One or more segments are locked above your rank or have a closure.');
  364.                 $('#RAUtilWindow').append($RAEditable);
  365.             }
  366.         }
  367.         return allEditable;
  368.     }
  369.  
  370.     function AllSelectedSegmentsRA(){
  371.         for (let i = 0; i < WazeWrap.getSelectedFeatures().length; i++){
  372.             if(WazeWrap.getSelectedFeatures()[i].WW.getObjectModel().attributes.id < 0 || !WazeWrap.Model.isRoundaboutSegmentID(WazeWrap.getSelectedFeatures()[i].WW.getObjectModel().attributes.id))
  373.                 return false;
  374.         }
  375.         return true;
  376.     }
  377.  
  378.     function ShiftSegmentNodesLat(segObj, latOffset){
  379.         var RASegs = WazeWrap.Model.getAllRoundaboutSegmentsFromObj(segObj);
  380.         if(checkAllEditable(RASegs)){
  381.             var gps;
  382.             var newGeometry = segObj.geometry.clone();
  383.             var originalLength = segObj.geometry.components.length;
  384.             var multiaction = new MultiAction();
  385.             multiaction.setModel(W.model);
  386.  
  387.             for(let i=0; i<RASegs.length; i++){
  388.                 segObj = W.model.segments.getObjectById(RASegs[i]);
  389.                 newGeometry = segObj.geometry.clone();
  390.                 originalLength = segObj.geometry.components.length;
  391.                 for(j=1; j < originalLength-1; j++){
  392.                     gps = WazeWrap.Geometry.ConvertTo4326(segObj.geometry.components[j].x, segObj.geometry.components[j].y);
  393.                     gps.lat += latOffset;
  394.                     newGeometry.components.splice(j,0, new OpenLayers.Geometry.Point(segObj.geometry.components[j].x, WazeWrap.Geometry.ConvertTo900913(segObj.geometry.components[j].x,gps.lat).lat));
  395.                     newGeometry.components.splice(j+1,1);
  396.                 }
  397.                 newGeometry.components[0].calculateBounds();
  398.                 newGeometry.components[originalLength-1].calculateBounds();
  399.                 multiaction.doSubAction(new UpdateSegmentGeometry(segObj, segObj.geometry, newGeometry));
  400.                 //W.model.actionManager.add(new UpdateSegmentGeometry(segObj, segObj.geometry, newGeometry));
  401.  
  402.                 var node = W.model.nodes.objects[segObj.attributes.toNodeID];
  403.                 if(segObj.attributes.revDirection)
  404.                     node = W.model.nodes.objects[segObj.attributes.fromNodeID];
  405.                 var newNodeGeometry = node.geometry.clone();
  406.                 gps = WazeWrap.Geometry.ConvertTo4326(node.attributes.geometry.x, node.attributes.geometry.y);
  407.                 gps.lat += latOffset;
  408.                 newNodeGeometry.y = WazeWrap.Geometry.ConvertTo900913(node.geometry.x, gps.lat).lat;
  409.                 newNodeGeometry.calculateBounds();
  410.  
  411.                 var connectedSegObjs = {};
  412.                 var emptyObj = {};
  413.                 for(var j=0;j<node.attributes.segIDs.length;j++){
  414.                     var segid = node.attributes.segIDs[j];
  415.                     connectedSegObjs[segid] = W.model.segments.getObjectById(segid).geometry.clone();
  416.                 }
  417.                 //W.model.actionManager.add(new MoveNode(segObj, segObj.geometry, newNodeGeometry, connectedSegObjs, i));
  418.                 multiaction.doSubAction(new MoveNode(node, node.geometry, newNodeGeometry,connectedSegObjs,emptyObj));
  419.                 //W.model.actionManager.add(new MoveNode(node, node.geometry, newNodeGeometry));
  420.                 //totalActions +=2;
  421.             }
  422.             W.model.actionManager.add(multiaction);
  423.         }
  424.     }
  425.  
  426.     function ShiftSegmentsNodesLong(segObj, longOffset){
  427.         var RASegs = WazeWrap.Model.getAllRoundaboutSegmentsFromObj(segObj);
  428.         if(checkAllEditable(RASegs)){
  429.             var gps, newGeometry, originalLength;
  430.             var multiaction = new MultiAction();
  431.             multiaction.setModel(W.model);
  432.  
  433.             //Loop through all RA segments & adjust
  434.             for(let i=0; i<RASegs.length; i++){
  435.                 segObj = W.model.segments.getObjectById(RASegs[i]);
  436.                 newGeometry = segObj.geometry.clone();
  437.                 originalLength = segObj.geometry.components.length;
  438.                 for(let j=1; j < originalLength-1; j++){
  439.                     gps = WazeWrap.Geometry.ConvertTo4326(segObj.geometry.components[j].x, segObj.geometry.components[j].y);
  440.                     gps.lon += longOffset;
  441.                     newGeometry.components.splice(j,0, new OpenLayers.Geometry.Point(WazeWrap.Geometry.ConvertTo900913(gps.lon, segObj.geometry.components[j].y).lon, segObj.geometry.components[j].y));
  442.                     newGeometry.components.splice(j+1,1);
  443.                 }
  444.                 newGeometry.components[0].calculateBounds();
  445.                 newGeometry.components[originalLength-1].calculateBounds();
  446.                 //W.model.actionManager.add(new UpdateSegmentGeometry(segObj, segObj.geometry, newGeometry));
  447.                 multiaction.doSubAction(new UpdateSegmentGeometry(segObj, segObj.geometry, newGeometry));
  448.  
  449.                 var node = W.model.nodes.objects[segObj.attributes.toNodeID];
  450.                 if(segObj.attributes.revDirection)
  451.                     node = W.model.nodes.objects[segObj.attributes.fromNodeID];
  452.  
  453.                 var newNodeGeometry = node.geometry.clone();
  454.                 gps = WazeWrap.Geometry.ConvertTo4326(node.attributes.geometry.x, node.attributes.geometry.y);
  455.                 gps.lon += longOffset;
  456.                 newNodeGeometry.x = WazeWrap.Geometry.ConvertTo900913(gps.lon, node.geometry.y).lon;
  457.                 newNodeGeometry.calculateBounds();
  458.  
  459.                 var connectedSegObjs = {};
  460.                 var emptyObj = {};
  461.                 for(let j=0;j<node.attributes.segIDs.length;j++){
  462.                     var segid = node.attributes.segIDs[j];
  463.                     connectedSegObjs[segid] = W.model.segments.getObjectById(segid).geometry.clone();
  464.                 }
  465.                 //W.model.actionManager.add(new MoveNode(node, node.geometry, newNodeGeometry));
  466.                 multiaction.doSubAction(new MoveNode(node, node.geometry, newNodeGeometry, connectedSegObjs, emptyObj));
  467.                 //totalActions +=2;
  468.             }
  469.             W.model.actionManager.add(multiaction);
  470.         }
  471.     }
  472.  
  473.     function rotatePoints(origin, points, angle){
  474.         var lineFeature = new OpenLayers.Feature.Vector(new OpenLayers.Geometry.LineString(points),null,null);
  475.         lineFeature.geometry.rotate(angle, new OpenLayers.Geometry.Point(origin.x, origin.y));
  476.         return [].concat(lineFeature.geometry.components);
  477.     }
  478.  
  479.     function RotateRA(segObj, angle){
  480.         var RASegs = WazeWrap.Model.getAllRoundaboutSegmentsFromObj(segObj);
  481.         var raCenter = W.model.junctions.objects[WazeWrap.Model.getObjectModel(segObj).attributes.junctionID].geometry;
  482.  
  483.         if(checkAllEditable(RASegs)){
  484.             var gps, newGeometry, originalLength;
  485.             var multiaction = new MultiAction();
  486.             multiaction.setModel(W.model);
  487.  
  488.             //Loop through all RA segments & adjust
  489.             for(let i=0; i<RASegs.length; i++){
  490.                 segObj = W.model.segments.getObjectById(RASegs[i]);
  491.                 newGeometry = segObj.geometry.clone();
  492.                 originalLength = segObj.geometry.components.length;
  493.  
  494.                 var center = raCenter; //WazeWrap.Geometry.ConvertTo900913(raCenter.x, raCenter.y);
  495.                 var segPoints = [];
  496.                 //Have to copy the points manually (can't use .clone()) otherwise the geometry rotation modifies the geometry of the segment itself and that hoses WME.
  497.                 for(let j=0; j<originalLength;j++)
  498.                     segPoints.push(new OpenLayers.Geometry.Point(segObj.geometry.components[j].x, segObj.geometry.components[j].y));
  499.  
  500.                 var newPoints = rotatePoints(center, segPoints, angle);
  501.  
  502.                 for(let j=1; j<originalLength-1;j++){
  503.                     newGeometry.components.splice(j, 0, new OpenLayers.Geometry.Point(newPoints[j].x, newPoints[j].y));
  504.                     newGeometry.components.splice(j+1,1);
  505.                 }
  506.  
  507.                 newGeometry.components[0].calculateBounds();
  508.                 newGeometry.components[originalLength-1].calculateBounds();
  509.                 //W.model.actionManager.add(new UpdateSegmentGeometry(segObj, segObj.geometry, newGeometry));
  510.                 multiaction.doSubAction(new UpdateSegmentGeometry(segObj, segObj.geometry, newGeometry));
  511.  
  512.                 //**************Rotate Nodes******************
  513.                 var node = W.model.nodes.objects[segObj.attributes.toNodeID];
  514.                 if(segObj.attributes.revDirection)
  515.                     node = W.model.nodes.objects[segObj.attributes.fromNodeID];
  516.  
  517.                 var nodePoints = [];
  518.                 var newNodeGeometry = node.geometry.clone();
  519.  
  520.                 nodePoints.push(new OpenLayers.Geometry.Point(node.attributes.geometry.x, node.attributes.geometry.y));
  521.                 nodePoints.push(new OpenLayers.Geometry.Point(node.attributes.geometry.x, node.attributes.geometry.y)); //add it twice because lines need 2 points
  522.  
  523.                 gps = rotatePoints(center, nodePoints, angle);
  524.  
  525.                 newNodeGeometry.x = gps[0].x;
  526.                 newNodeGeometry.y = gps[0].y;
  527.  
  528.                 newNodeGeometry.calculateBounds();
  529.  
  530.                 var connectedSegObjs = {};
  531.                 var emptyObj = {};
  532.                 for(let j=0;j<node.attributes.segIDs.length;j++){
  533.                     var segid = node.attributes.segIDs[j];
  534.                     connectedSegObjs[segid] = W.model.segments.getObjectById(segid).geometry.clone();
  535.                 }
  536.                 multiaction.doSubAction(new MoveNode(node, node.geometry, newNodeGeometry, connectedSegObjs, emptyObj));
  537.                 //totalActions +=2;
  538.             }
  539.             W.model.actionManager.add(multiaction);
  540.         }
  541.     }
  542.  
  543.     function RARotateLeftBtnClick(e){
  544.         e.stopPropagation();
  545.         var segObj = WazeWrap.getSelectedFeatures()[0];
  546.         RotateRA(segObj, $('#rotationAmount').val());
  547.     }
  548.  
  549.     function RARotateRightBtnClick(e){
  550.         e.stopPropagation();
  551.  
  552.         var segObj = WazeWrap.getSelectedFeatures()[0];
  553.         RotateRA(segObj, -$('#rotationAmount').val());
  554.     }
  555.  
  556.     function ChangeDiameter(segObj, amount){
  557.         var RASegs = WazeWrap.Model.getAllRoundaboutSegmentsFromObj(segObj);
  558.         var raCenter = W.model.junctions.objects[WazeWrap.Model.getObjectModel(segObj).attributes.junctionID].geometry;
  559.  
  560.         if(checkAllEditable(RASegs)){
  561.             var gps, newGeometry, originalLength;
  562.  
  563.             var center = raCenter; //WazeWrap.Geometry.ConvertTo900913(raCenter[0], raCenter[1]);
  564.             //Loop through all RA segments & adjust
  565.             for(let i=0; i<RASegs.length; i++){
  566.                 segObj = W.model.segments.getObjectById(RASegs[i]);
  567.                 newGeometry = segObj.geometry.clone();
  568.                 originalLength = segObj.geometry.components.length;
  569.  
  570.                 for(let j=1; j < originalLength-1; j++){
  571.                     let pt = segObj.geometry.components[j];
  572.                     let h = Math.sqrt(Math.abs(Math.pow((pt.x - center.x),2) + Math.pow((pt.y - center.y),2)));
  573.                     let ratio = (h + amount)/h;
  574.                     let xdelta = (pt.x - center.x) * ratio;
  575.                     let ydelta = (pt.y - center.y) * ratio;
  576.  
  577.                     newGeometry.components.splice(j,0, new OpenLayers.Geometry.Point(center.x + xdelta, center.y + ydelta));
  578.                     newGeometry.components.splice(j+1,1);
  579.                 }
  580.                 newGeometry.components[0].calculateBounds();
  581.                 newGeometry.components[originalLength-1].calculateBounds();
  582.                 W.model.actionManager.add(new UpdateSegmentGeometry(segObj, segObj.geometry, newGeometry));
  583.  
  584.                 var node = W.model.nodes.objects[segObj.attributes.toNodeID];
  585.                 if(segObj.attributes.revDirection)
  586.                     node = W.model.nodes.objects[segObj.attributes.fromNodeID];
  587.  
  588.                 var newNodeGeometry = node.geometry.clone();
  589.                 let h = Math.sqrt(Math.abs(Math.pow((newNodeGeometry.x - center.x),2) + Math.pow((newNodeGeometry.y - center.y),2)));
  590.                 let ratio = (h + amount)/h;
  591.                 let xdelta = (newNodeGeometry.x - center.x) * ratio;
  592.                 let ydelta = (newNodeGeometry.y - center.y) * ratio;
  593.                 newNodeGeometry.x = center.x + xdelta;
  594.                 newNodeGeometry.y = center.y + ydelta;
  595.                 newNodeGeometry.calculateBounds();
  596.                 var connectedSegObjs = {};
  597.                 var emptyObj = {};
  598.                 for(let j=0;j<node.attributes.segIDs.length;j++){
  599.                     var segid = node.attributes.segIDs[j];
  600.                     connectedSegObjs[segid] = W.model.segments.getObjectById(segid).geometry.clone();
  601.                 }
  602.                 W.model.actionManager.add(new MoveNode(node, node.geometry, newNodeGeometry, connectedSegObjs, emptyObj));
  603.             }
  604.             if(_settings.RoundaboutAngles)
  605.                 DrawRoundaboutAngles();
  606.         }
  607.     }
  608.  
  609.     function diameterChangeDecreaseBtnClick(e){
  610.         e.stopPropagation();
  611.         var segObj = WazeWrap.getSelectedFeatures()[0];
  612.         ChangeDiameter(segObj, -1);
  613.     }
  614.  
  615.     function diameterChangeIncreaseBtnClick(e){
  616.         e.stopPropagation();
  617.         var segObj = WazeWrap.getSelectedFeatures()[0];
  618.         ChangeDiameter(segObj, 1);
  619.     }
  620.  
  621.     function moveNodeIn(sourceSegID, nodeID){
  622.         let isANode = true;
  623.         let curSeg = W.model.segments.getObjectById(sourceSegID);
  624.         if(curSeg.geometry.components.length > 2){
  625.             if(nodeID === curSeg.attributes.toNodeID)
  626.                 isANode = false;
  627.             //Add geo point on the other segment
  628.             let node = W.model.nodes.getObjectById(nodeID);
  629.             let currNodePOS = node.geometry.clone();
  630.             let otherSeg; //other RA segment that we are adding a geo point to
  631.             let nodeSegs = [...W.model.nodes.getObjectById(nodeID).attributes.segIDs];
  632.             nodeSegs = _.without(nodeSegs, sourceSegID); //remove the source segment from the node Segs - we need to find the segment that is a part of the RA that is prior to our source seg
  633.             for(let i=0; i<nodeSegs.length; i++){
  634.                 let s = W.model.segments.getObjectById(nodeSegs[i]);
  635.                 if(s.attributes.junctionID){
  636.                     otherSeg = s;
  637.                     break;
  638.                 }
  639.             }
  640.  
  641.             var multiaction = new MultiAction();
  642.             multiaction.setModel(W.model);
  643.             //note and remove first geo point, move junction node to this point
  644.             var newNodeGeometry = curSeg.geometry.components[(isANode ? 1 : curSeg.geometry.components.length - 2)].clone();
  645.             newNodeGeometry.calculateBounds();
  646.  
  647.             let newSegGeo = curSeg.geometry.clone();
  648.             newSegGeo.components.splice((isANode ? 1 : newSegGeo.components.length - 2),1);
  649.             //delete the geo point
  650.             multiaction.doSubAction(new UpdateSegmentGeometry(curSeg, curSeg.geometry, newSegGeo));
  651.  
  652.             //move the node
  653.             var connectedSegObjs = {};
  654.             var emptyObj = {};
  655.             for(var j=0;j<node.attributes.segIDs.length;j++){
  656.                 var segid = node.attributes.segIDs[j];
  657.                 connectedSegObjs[segid] = W.model.segments.getObjectById(segid).geometry.clone();
  658.             }
  659.             multiaction.doSubAction(new MoveNode(node, node.geometry, newNodeGeometry,connectedSegObjs,emptyObj));
  660.  
  661.             if((otherSeg.attributes.revDirection && !curSeg.attributes.revDirection) || (!otherSeg.attributes.revDirection && curSeg.attributes.revDirection))
  662.                     isANode = !isANode;
  663.  
  664.             let newGeo = otherSeg.geometry.clone();
  665.             let originalLength = otherSeg.geometry.components.length;
  666.  
  667.             newGeo.components.splice((isANode ? -1 : 1),0, new OpenLayers.Geometry.Point(currNodePOS.x, currNodePOS.y));
  668.             newGeo.components[0].calculateBounds();
  669.             newGeo.components[originalLength].calculateBounds();
  670.  
  671.             multiaction.doSubAction(new UpdateSegmentGeometry(otherSeg, otherSeg.geometry, newGeo));
  672.  
  673.  
  674.             W.model.actionManager.add(multiaction);
  675.  
  676.             if(_settings.RoundaboutAngles)
  677.                 DrawRoundaboutAngles();
  678.         }
  679.     }
  680.  
  681.     function moveNodeOut(sourceSegID, nodeID){
  682.         let isANode = true;
  683.         let curSeg = W.model.segments.getObjectById(sourceSegID);
  684.         if(nodeID === curSeg.attributes.toNodeID)
  685.             isANode = false;
  686.         //Add geo point on the other segment
  687.         let node = W.model.nodes.getObjectById(nodeID);
  688.         let currNodePOS = node.geometry.clone();
  689.         let otherSeg; //other RA segment that we are adding a geo point to
  690.         let nodeSegs = [...W.model.nodes.getObjectById(nodeID).attributes.segIDs];
  691.         nodeSegs = _.without(nodeSegs, sourceSegID); //remove the source segment from the node Segs - we need to find the segment that is a part of the RA that is after our source seg
  692.         for(let i=0; i<nodeSegs.length; i++){
  693.             let s = W.model.segments.getObjectById(nodeSegs[i]);
  694.             if(s.attributes.junctionID){
  695.                 otherSeg = s;
  696.                 break;
  697.             }
  698.         }
  699.         if(otherSeg.geometry.components.length > 2){
  700.             let origNodeSegs = [...W.model.nodes.getObjectById(nodeID).attributes.segIDs];
  701.             let originalLength = otherSeg.geometry.components.length;
  702.  
  703.             let newSegGeo = curSeg.geometry.clone();
  704.             newSegGeo.components.splice((isANode ? 1 : newSegGeo.components.length - 1),0, new OpenLayers.Geometry.Point(currNodePOS.x, currNodePOS.y));
  705.             //delete the geo point
  706.             var multiaction = new MultiAction();
  707.             multiaction.setModel(W.model);
  708.             multiaction.doSubAction(new UpdateSegmentGeometry(curSeg, curSeg.geometry, newSegGeo));
  709.             if((otherSeg.attributes.revDirection && !curSeg.attributes.revDirection) || (!otherSeg.attributes.revDirection && curSeg.attributes.revDirection))
  710.                 isANode = !isANode;
  711.  
  712.             //note and remove first geo point, move junction node to this point
  713.             var newNodeGeometry = otherSeg.geometry.components[(isANode ? otherSeg.geometry.components.length - 2 : 1)].clone();
  714.             newNodeGeometry.calculateBounds();
  715.             let newGeo = otherSeg.geometry.clone();
  716.             newGeo.components.splice((isANode ? -2 : 1),1);
  717.             newGeo.components[0].calculateBounds();
  718.             newGeo.components[originalLength-2].calculateBounds();
  719.  
  720.             multiaction.doSubAction(new UpdateSegmentGeometry(otherSeg, otherSeg.geometry, newGeo));
  721.  
  722.             //move the node
  723.             var connectedSegObjs = {};
  724.             var emptyObj = {};
  725.             for(var j=0; j < origNodeSegs.length;j++){
  726.                 var segid = origNodeSegs[j];
  727.                 connectedSegObjs[segid] = W.model.segments.getObjectById(segid).geometry.clone();
  728.             }
  729.             multiaction.doSubAction(new MoveNode(node, node.geometry, newNodeGeometry,connectedSegObjs,emptyObj));
  730.             W.model.actionManager.add(multiaction);
  731.  
  732.             if(_settings.RoundaboutAngles)
  733.                 DrawRoundaboutAngles();
  734.         }
  735.     }
  736.  
  737.  
  738.     //Left
  739.     function RAShiftLeftBtnClick(e){
  740.         // this traps the click to prevent it falling through to the underlying area name element and potentially causing the map view to be relocated to that area...
  741.         e.stopPropagation();
  742.  
  743.         //if(!pendingChanges){
  744.         var segObj = WazeWrap.getSelectedFeatures()[0];
  745.         var convertedCoords = WazeWrap.Geometry.ConvertTo4326(segObj.geometry.components[0].x, segObj.geometry.components[0].y);
  746.         var gpsOffsetAmount = WazeWrap.Geometry.CalculateLongOffsetGPS(-$('#shiftAmount').val(), convertedCoords.lon, convertedCoords.lat);
  747.         ShiftSegmentsNodesLong(segObj, gpsOffsetAmount);
  748.         //}
  749.     }
  750.     //Right
  751.     function RAShiftRightBtnClick(e){
  752.         // this traps the click to prevent it falling through to the underlying area name element and potentially causing the map view to be relocated to that area...
  753.         e.stopPropagation();
  754.  
  755.         //if(!pendingChanges){
  756.         var segObj = WazeWrap.getSelectedFeatures()[0];
  757.         var convertedCoords = WazeWrap.Geometry.ConvertTo4326(segObj.geometry.components[0].x, segObj.geometry.components[0].y);
  758.         var gpsOffsetAmount = WazeWrap.Geometry.CalculateLongOffsetGPS($('#shiftAmount').val(), convertedCoords.lon, convertedCoords.lat);
  759.         ShiftSegmentsNodesLong(segObj, gpsOffsetAmount);
  760.         //}
  761.     }
  762.     //Up
  763.     function RAShiftUpBtnClick(e){
  764.         // this traps the click to prevent it falling through to the underlying area name element and potentially causing the map view to be relocated to that area...
  765.         e.stopPropagation();
  766.  
  767.         //if(!pendingChanges){
  768.         var segObj = WazeWrap.getSelectedFeatures()[0];
  769.         var gpsOffsetAmount = WazeWrap.Geometry.CalculateLatOffsetGPS($('#shiftAmount').val(), WazeWrap.Geometry.ConvertTo4326(segObj.geometry.components[0].x, segObj.geometry.components[0].y));
  770.         ShiftSegmentNodesLat(segObj, gpsOffsetAmount);
  771.         //}
  772.     }
  773.     //Down
  774.     function RAShiftDownBtnClick(e){
  775.         // this traps the click to prevent it falling through to the underlying area name element and potentially causing the map view to be relocated to that area...
  776.         e.stopPropagation();
  777.  
  778.         //if(!pendingChanges){
  779.         var segObj = WazeWrap.getSelectedFeatures()[0];
  780.         var gpsOffsetAmount = WazeWrap.Geometry.CalculateLatOffsetGPS(-$('#shiftAmount').val(), WazeWrap.Geometry.ConvertTo4326(segObj.geometry.components[0].x, segObj.geometry.components[0].y));
  781.         ShiftSegmentNodesLat(segObj, gpsOffsetAmount);
  782.         //}
  783.     }
  784.  
  785.     //*************** Roundabout Angles **********************
  786.     function DrawRoundaboutAngles(){
  787.         //---------get or create layer
  788.         var layers = W.map.getLayersBy("uniqueName","__DrawRoundaboutAngles");
  789.  
  790.         if(layers.length > 0)
  791.             drc_layer = layers[0];
  792.         else {
  793.             var drc_style = new OpenLayers.Style({
  794.                 fillOpacity: 0.0,
  795.                 strokeOpacity: 1.0,
  796.                 fillColor: "#FF40C0",
  797.                 strokeColor: "${strokeColor}",
  798.                 strokeWidth: 10,
  799.                 fontWeight: "bold",
  800.                 pointRadius: 0,
  801.                 label : "${labelText}",
  802.                 fontFamily: "Tahoma, Courier New",
  803.                 labelOutlineColor: "#FFFFFF",
  804.                 labelOutlineWidth: 3,
  805.                 fontColor: "${labelColor}",
  806.                 fontSize: "10px"
  807.             });
  808.  
  809.             drc_layer = new OpenLayers.Layer.Vector("Roundabout Angles", {
  810.                 displayInLayerSwitcher: true,
  811.                 uniqueName: "__DrawRoundaboutAngles",
  812.                 styleMap: new OpenLayers.StyleMap(drc_style)
  813.             });
  814.  
  815.             I18n.translations[I18n.currentLocale()].layers.name["__DrawRoundaboutAngles"] = "Roundabout Angles";
  816.             W.map.addLayer(drc_layer);
  817.  
  818.             drc_layer.setVisibility(true);
  819.         }
  820.  
  821.         localStorage.WMERAEnabled = drc_layer.visibility;
  822.  
  823.         if (drc_layer.visibility == false) {
  824.             drc_layer.removeAllFeatures();
  825.             return;
  826.         }
  827.  
  828.         if (W.map.getZoom() < 1) {
  829.             drc_layer.removeAllFeatures();
  830.             return;
  831.         }
  832.  
  833.         //---------collect all roundabouts first
  834.         var rsegments = {};
  835.  
  836.         for (var iseg in W.model.segments.objects) {
  837.             let isegment = W.model.segments.getObjectById(iseg);
  838.             var iattributes = isegment.attributes;
  839.             var iline = isegment.geometry.id;
  840.  
  841.             let irid = iattributes.junctionID;
  842.  
  843.             if (iline !== null && irid != undefined) {
  844.                 var rsegs = rsegments[irid];
  845.                 if (rsegs == undefined)
  846.                     rsegments[irid] = rsegs = new Array();
  847.                 rsegs.push(isegment);
  848.             }
  849.         }
  850.  
  851.         var drc_features = [];
  852.  
  853.         //-------for each roundabout do...
  854.         for (let irid in rsegments) {
  855.             let rsegs = rsegments[irid];
  856.  
  857.             let isegment = rsegs[0];
  858.  
  859.             var nodes = [];
  860.             var nodes_x = [];
  861.             var nodes_y = [];
  862.  
  863.             nodes = rsegs.map(seg => seg.attributes.fromNodeID); //get from nodes
  864.             nodes = [...nodes, ...rsegs.map(seg => seg.attributes.toNodeID)]; //get to nodes add to from nodes
  865.             nodes = _.uniq(nodes); //remove duplicates
  866.  
  867.             var node_objects = W.model.nodes.getByIds(nodes);
  868.             nodes_x = node_objects.map(n => n.geometry.x); //get all x locations
  869.             nodes_y = node_objects.map(n => n.geometry.y); //get all y locations
  870.  
  871.             var sr_x = 0;
  872.             var sr_y = 0;
  873.             var radius = 0;
  874.             var numNodes = nodes_x.length;
  875.  
  876.             if (numNodes >= 1) {
  877.                 var ax = nodes_x[0];
  878.                 var ay = nodes_y[0];
  879.  
  880.                 var junction = W.model.junctions.getObjectById(irid);
  881.                 var junction_coords = junction && junction.geometry && junction.geometry.coordinates;
  882.  
  883.                 if (junction_coords && junction_coords.length == 2) {
  884.                     //---------- get center point from junction model
  885.                     let lonlat = new OpenLayers.LonLat(junction_coords[0], junction_coords[1]);
  886.                     lonlat.transform(W.Config.map.projection.remote, W.Config.map.projection.local);
  887.                     let pt = new OpenLayers.Geometry.Point(lonlat.lon, lonlat.lat);
  888.                     sr_x = pt.x;
  889.                     sr_y = pt.y;
  890.                 }
  891.                 else if (numNodes >= 3) {
  892.                     //-----------simple approximation of centre point calculated from three first points
  893.                     let bx = nodes_x[1];
  894.                     let by = nodes_y[1];
  895.                     let cx = nodes_x[2];
  896.                     let cy = nodes_y[2];
  897.  
  898.                     let x1 = (bx + ax) * 0.5;
  899.                     let y11 = (by + ay) * 0.5;
  900.                     let dy1 = bx - ax;
  901.                     let dx1 = -(by - ay);
  902.                     let x2 = (cx + bx) * 0.5;
  903.                     let y2 = (cy + by) * 0.5;
  904.                     let dy2 = cx - bx;
  905.                     let dx2 = -(cy - by);
  906.                     sr_x = (y11 * dx1 * dx2 + x2 * dx1 * dy2 - x1 * dy1 * dx2 - y2 * dx1 * dx2)/ (dx1 * dy2 - dy1 * dx2);
  907.                     sr_y = (sr_x - x1) * dy1 / dx1 + y11;
  908.                 }
  909.                 else {
  910.                     //---------- simple bounds-based calculation of center point
  911.                     var rbounds = new OpenLayers.Bounds();
  912.                     rbounds.extend(isegment.geometry.bounds);
  913.  
  914.                     var center = rbounds.getCenterPixel();
  915.                     sr_x = center.x;
  916.                     sr_y = center.y;
  917.                 }
  918.  
  919.                 var angles = [];
  920.                 var rr = -1;
  921.                 var r_ix;
  922.  
  923.                 for(let i=0; i<nodes_x.length; i++) {
  924.  
  925.                     var dx = nodes_x[i] - sr_x;
  926.                     var dy = nodes_y[i] - sr_y;
  927.  
  928.                     var rr2 = dx*dx + dy*dy;
  929.                     if (rr < rr2) {
  930.                         rr = rr2;
  931.                         r_ix = i;
  932.                     }
  933.  
  934.                     var angle = Math.atan2(dy, dx);
  935.                     angle = (360.0 + (angle * 180.0 / Math.PI));
  936.                     if (angle < 0.0) angle += 360.0;
  937.                     if (angle > 360.0) angle -= 360.0;
  938.                     angles.push(angle);
  939.                 }
  940.  
  941.                 radius = Math.sqrt(rr);
  942.  
  943.                 //---------sorting angles for calulating angle difference between two segments
  944.                 angles = angles.sort(function(a,b) { return a - b; });
  945.                 angles.push( angles[0] + 360.0);
  946.                 angles = angles.sort(function(a,b) { return a - b; });
  947.  
  948.                 var drc_color = (numNodes <= 4) ? "#0040FF" : "#002080";
  949.  
  950.                 var drc_point = new OpenLayers.Geometry.Point(sr_x, sr_y );
  951.                 var drc_circle = new OpenLayers.Geometry.Polygon.createRegularPolygon( drc_point, radius, 10 * W.map.getZoom() );
  952.                 var drc_feature = new OpenLayers.Feature.Vector(drc_circle, {labelText: "", labelColor: "#000000", strokeColor: drc_color, });
  953.                 drc_features.push(drc_feature);
  954.  
  955.  
  956.                 if (numNodes >= 2 && numNodes <= 4 && W.map.getZoom() >= 5) {
  957.                     for(let i=0; i<nodes_x.length; i++) {
  958.                         let ix = nodes_x[i];
  959.                         let iy = nodes_y[i];
  960.                         let startPt   = new OpenLayers.Geometry.Point( sr_x, sr_y );
  961.                         let endPt     = new OpenLayers.Geometry.Point( ix, iy );
  962.                         let line      = new OpenLayers.Geometry.LineString([startPt, endPt]);
  963.                         let style     = {strokeColor:drc_color, strokeWidth:2};
  964.                         let fea       = new OpenLayers.Feature.Vector(line, {}, style);
  965.                         drc_features.push(fea);
  966.                     }
  967.  
  968.                     var angles_int = [];
  969.                     var angles_float = [];
  970.                     var angles_sum = 0;
  971.  
  972.                     for(let i=0; i<angles.length - 1; i++) {
  973.  
  974.                         var ang = angles[i+1] - angles[i+0];
  975.                         if (ang < 0) ang += 360.0;
  976.                         if (ang < 0) ang += 360.0;
  977.  
  978.                         if (ang < 135.0)
  979.                             ang = ang - 90.0;
  980.                         else
  981.                             ang = ang - 180.0;
  982.  
  983.                         angles_sum += parseInt(ang);
  984.  
  985.                         angles_float.push( ang );
  986.                         angles_int.push( parseInt(ang) );
  987.                     }
  988.  
  989.                     if (angles_sum > 45) angles_sum -= 90;
  990.                     if (angles_sum > 45) angles_sum -= 90;
  991.                     if (angles_sum > 45) angles_sum -= 90;
  992.                     if (angles_sum > 45) angles_sum -= 90;
  993.                     if (angles_sum < -45) angles_sum += 90;
  994.                     if (angles_sum < -45) angles_sum += 90;
  995.                     if (angles_sum < -45) angles_sum += 90;
  996.                     if (angles_sum < -45) angles_sum += 90;
  997.                     if (angles_sum != 0) {
  998.                         for(let i=0; i<angles_int.length; i++) {
  999.                             let a = angles_int[i];
  1000.                             let af = angles_float[i] - angles_int[i];
  1001.                             if ( (a < 10 || a > 20) && (af < -0.5 || af > 0.5)){
  1002.                                 angles_int[i] += -angles_sum;
  1003.  
  1004.                                 break;
  1005.                             }
  1006.                         }
  1007.                     }
  1008.  
  1009.                     if (numNodes == 2) {
  1010.                         angles_int[1] = -angles_int[0];
  1011.                         angles_float[1] = -angles_float[0];
  1012.                     }
  1013.  
  1014.                     for(let i=0; i<angles.length - 1; i++) {
  1015.                         let arad = (angles[i+0] + angles[i+1]) * 0.5 * Math.PI / 180.0;
  1016.                         let ex = sr_x + Math.cos (arad) * radius * 0.5;
  1017.                         let ey = sr_y + Math.sin (arad) * radius * 0.5;
  1018.  
  1019.                         //*** Angle Display Rounding ***
  1020.                         let angint = Math.round(angles_float[i] * 100)/100;
  1021.  
  1022.                         let kolor = "#004000";
  1023.                         if (angint <= -15 || angint >= 15) kolor = "#FF0000";
  1024.                         else if (angint <= -13 || angint >= 13) kolor = "#FFC000";
  1025.  
  1026.                         let pt = new OpenLayers.Geometry.Point(ex, ey);
  1027.                         drc_features.push(new OpenLayers.Feature.Vector( pt, {labelText: (angint + "°"), labelColor: kolor } ));
  1028.                         //drc_features.push(new OpenLayers.Feature.Vector( pt, {labelText: (+angles_float[i].toFixed(2) + "°"), labelColor: kolor } ));
  1029.                     }
  1030.                 }
  1031.                 else {
  1032.                     for(let i=0; i < nodes_x.length; i++) {
  1033.                         let ix = nodes_x[i];
  1034.                         let iy = nodes_y[i];
  1035.                         let startPt = new OpenLayers.Geometry.Point( sr_x, sr_y );
  1036.                         let endPt = new OpenLayers.Geometry.Point( ix, iy );
  1037.                         let line = new OpenLayers.Geometry.LineString([startPt, endPt]);
  1038.                         let style = {strokeColor:drc_color, strokeWidth:2};
  1039.                         let fea = new OpenLayers.Feature.Vector(line, {}, style);
  1040.                         drc_features.push(fea);
  1041.                     }
  1042.                 }
  1043.  
  1044.                 let p1 = new OpenLayers.Geometry.Point( nodes_x[r_ix], nodes_y[r_ix] );
  1045.                 let p2 = new OpenLayers.Geometry.Point( sr_x, sr_y );
  1046.                 let line = new OpenLayers.Geometry.LineString([p1, p2]);
  1047.                 let geo_radius = line.getGeodesicLength(W.map.getProjectionObject());
  1048.  
  1049.                 let diam = geo_radius * 2.0;
  1050.                 let pt = new OpenLayers.Geometry.Point(sr_x, sr_y);
  1051.                 drc_features.push(new OpenLayers.Feature.Vector( pt, {labelText: (diam.toFixed(0) + "m"), labelColor: "#000000" } ));
  1052.  
  1053.             }
  1054.  
  1055.         }
  1056.  
  1057.         drc_layer.removeAllFeatures();
  1058.         drc_layer.addFeatures(drc_features);
  1059.     }
  1060.  
  1061.     function injectCss() {
  1062.         var css = [
  1063.             '.btnMoveNode {width=25px; height=25px; background-color:#92C3D3; cursor:pointer; padding:5px; font-size:14px; border:thin outset black; border-style:solid; border-width: 1px;border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; box-shadow:inset 0px 0px 20px -14px rgba(0,0,0,1); -moz-box-shadow:inset 0px 0px 20px -14px rgba(0,0,0,1); -webkit-box-shadow: inset 0px 0px 20px -14px rgba(0,0,0,1);}',
  1064.             '.btnRotate { width=45px; height=45px; background-color:#92C3D3; cursor:pointer; padding: 5px; font-size:14px; border:thin outset black; border-style:solid; border-width: 1px;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;box-shadow: inset 0px 0px 20px -14px rgba(0,0,0,1);-moz-box-shadow: inset 0px 0px 20px -14px rgba(0,0,0,1);-webkit-box-shadow: inset 0px 0px 20px -14px rgba(0,0,0,1);}'
  1065.         ].join(' ');
  1066.         $('<style type="text/css">' + css + '</style>').appendTo('head');
  1067.     }
  1068.  
  1069. })();
  1070.