☰

Greasy Fork is available in English.

WME Place Interface Enhancements

Enhancements to various Place interfaces

As of 2017-10-25. See the latest version.

  1. // ==UserScript==
  2. // @name         WME Place Interface Enhancements
  3. // @namespace    https://greasyfork.org/users/30701-justins83-waze
  4. // @version      2017.10.25.01
  5. // @description  Enhancements to various Place interfaces
  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. // @icon         data:image/jpeg;base64,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
  11. // @author       JustinS83
  12. // @grant        none
  13. // @require      https://greasyfork.org/scripts/24851-wazewrap/code/WazeWrap.js?version=212685
  14. // @require      https://greasyfork.org/scripts/27023-jscolor/code/JSColor.js
  15. // @license      GPLv3
  16. // ==/UserScript==
  17. var UpdateObject, MultiAction;
  18.  
  19. (function() {
  20.     'use strict';
  21.  
  22.     var curr_ver = "2017.10.25.01";
  23.     var settings = {};
  24.     var placeMenuSelector = "#edit-buttons > div > div.toolbar-submenu.toolbar-group.toolbar-group-venues.ItemInactive > menu";//"#edit-buttons > div > div.toolbar-button.waze-icon-place.toolbar-submenu.toolbar-group.toolbar-group-venues.ItemInactive > menu";
  25. //"#edit-buttons > div > div.toolbar-submenu.toolbar-group.toolbar-group-venues.ItemInactive > menu";
  26.     var placementMode = false;
  27.     var resCategory = "RESIDENCE_HOME";
  28.     var wazePL;
  29.  
  30.     //Layer definitions
  31.     {
  32.         var layerName = "WME PIE";
  33.         var newPlaceLayer, PLSpotEstimatorLayer, PLSpotEstimatorCalibrationLayer;
  34.         var PIEPlaceNameLayer;
  35.         var showStopPointsLayer;
  36.         var closestSegmentLayer;
  37.     }
  38.  
  39.     //Drawing definitions
  40.     {
  41.         var drawPoly, PLSpotEstimatordrawControl, PLSpotEstimatorCalibrationdrawControl;
  42.         var isDrawing;
  43.         var pointStyle = {
  44.             pointRadius: 6,
  45.             fillOpacity: 0,
  46.             strokeColor: '#00ece3',
  47.             strokeWidth: '2',
  48.             strokeLinecap: 'round'
  49.         };
  50.  
  51.         //Closest segment
  52.         var lineStyleToNavPoint = {
  53.             strokeWidth: 3,
  54.             strokeColor: '#00ece3',
  55.             strokeLinecap: 'round',
  56.             strokeDashstyle: 'dash'
  57.         },
  58.             lineStyleToClosestSeg = {
  59.                 strokeWidth: 4,
  60.                 strokeColor: '#00ece3',
  61.                 strokeLinecap: 'round'
  62.             },
  63.             pointStyleNavPoint = {
  64.                 externalGraphic: 'http://i65.tinypic.com/28santx.gif',
  65.                 graphicWidth: 22,
  66.                 graphicHeight: 22
  67.             },
  68.             pointStyle = {
  69.                 pointRadius: 6,
  70.                 fillColor: 'white',
  71.                 fillOpacity: 1,
  72.                 strokeColor: '#00ece3',
  73.                 strokeWidth: '3',
  74.                 strokeLinecap: 'round'
  75.             };
  76.     }
  77.  
  78.     function bootstrap(tries) {
  79.         tries = tries || 1;
  80.  
  81.         if (window.W &&
  82.             window.W.map &&
  83.             window.W.model &&
  84.             window.W.loginManager.user &&
  85.             $ && window.jscolor) {
  86.             init();
  87.         } else if (tries < 1000) {
  88.             setTimeout(function () {bootstrap(tries++);}, 200);
  89.         }
  90.     }
  91.  
  92.     bootstrap();
  93.  
  94.     function init(){
  95.         loadTranslations();
  96.  
  97.         var $section = $("<div>", {style:"padding:8px 16px", id:"WMEPIESettings"});
  98.         $section.html([
  99.             '<h4 style="margin-bottom:0px;"><b>' + I18n.t('pie.prefs.title') + '</b></h4>',
  100.             '<h6 style="margin-top:0px;">' + curr_ver + '</h6>',
  101.             '<fieldset id="fieldPlacePanel" style="border: 1px solid silver; padding: 8px; border-radius: 4px;">',
  102.             '<legend style="margin-bottom:0px; border-bottom-style:none;width:auto;"><h4>' + I18n.t('pie.prefs.PropertiesPanel') + '</h4></legend>',
  103.             '<div class="controls-container pie-controls-container" id="divAreaPlaceSizeControls">',
  104.             '<div id="divShowAreaPlaceSize" class="controls-container pie-controls-container"><input type="checkbox" id="_cbShowAreaPlaceSize" class="pieSettingsCheckbox" /><label for="_cbShowAreaPlaceSize">' + I18n.t('pie.prefs.ShowAreaPlaceSize') + '</label></div>',
  105.             '<div id="divShowAreaPlaceSizeImperial"class="controls-container pie-controls-container" style="padding-left:20px;"><input type="checkbox" id="_cbShowAreaPlaceSizeImperial" class="pieSettingsCheckbox" disabled /><label for ="_cbShowAreaPlaceSizeImperial">' + I18n.t('pie.prefs.ShowImperial') + '</label></div>',
  106.             '<div id="divShowAreaPlaceSizeMetric" class="controls-container pie-controls-container" style="padding-left:20px;"><input type="checkbox" id="_cbShowAreaPlaceSizeMetric" class="pieSettingsCheckbox" disabled /><label for ="_cbShowAreaPlaceSizeMetric">' + I18n.t('pie.prefs.ShowMetric') + '</label></div>',
  107.             '</div>',
  108.             '<div class="controls-container pie-controls-container" id="divShowLockButtonsRPP" title="' + I18n.t('pie.prefs.ShowRPPLockButtonsTitle') + '"><input type="checkbox" id="_cbShowLockButtonsRPP" class="pieSettingsCheckbox" /><label for="_cbShowLockButtonsRPP" style="white-space:pre-line;">' + I18n.t('pie.prefs.ShowRPPLockButtons') + '</label></div>',
  109.             '<div class="controls-container pie-controls-container" id="divShowPlaceLocatorCrosshair" title="' + I18n.t('pie.prefs.ShowPlaceLocatorCrosshairTitle') + '" ><input type="checkbox" id="_cbShowPlaceLocatorCrosshair" class="pieSettingsCheckbox" /><label for="_cbShowPlaceLocatorCrosshair" style="white-space:pre-line;">' + I18n.t('pie.prefs.ShowPlaceLocatorCrosshair') + '</label></br>',
  110.             '<span class="controls-container pie-controls-container" style="padding-left:30px;" title=""><input type="checkbox" id="_cbPlaceLocatorCrosshairProdPL" class="pieSettingsCheckbox" /><label for="_cbPlaceLocatorCrosshairProdPL" style="white-space:pre-line;">' + I18n.t('pie.prefs.ProdPL') + '</label></span></br>',
  111.             '<span class="controls-container pie-controls-container" style="padding-left:30px;" title="' + I18n.t('pie.prefs.ZoomTitle') + '">' + I18n.t('pie.prefs.Zoom') + ' <select id="piePlaceZoom"><option value="10">10</option><option value="9">9</option><option value="8">8</option><option value="7">7</option><option value="6">6</option><option value="5">5</option><option value="4">4</option><option value="3">3</option><option value="2">2</option><option value="1">1</option><option value="0">0</option></select></span></div>',
  112.             '<div class="controls-container pie-controls-container" id="divShowSearchButton" title="' + I18n.t('pie.prefs.ShowAddressSearchTitle') + '"><input type="checkbox" id="_cbShowSearchButton" class="pieSettingsCheckbox"/><label for="_cbShowSearchButton" style="white-space:pre-line;">' + I18n.t('pie.prefs.ShowAddressSearch') + '</label></div>',
  113.             '<div class="controls-container pie-controls-container" id="divAddPlaceCategoriesButtons"><input type="checkbox" id="_cbAddPlaceCategoriesButtons" class="pieSettingsCheckbox"/><label for="_cbAddPlaceCategoriesButtons" style="white-space:pre-line;" style="white-space:pre-line;">' + I18n.t('pie.prefs.ShowPlaceCategoryButtons') + '</label></div>',
  114.             '<div class="controls-container pie-controls-container" id="divShowParkingLotButton" title="' + I18n.t('pie.prefs.ShowPLAButtonTitle') + '" ><input type="checkbox" id="_cbShowParkingLotButton" class="pieSettingsCheckbox" /><label for="_cbShowParkingLotButton" style="white-space:pre-line;">' + I18n.t('pie.prefs.ShowPLAButton') + '</label></div>',
  115.             '<div class="controls-container pie-controls-container" id="divShowCopyPlaceButton" title="' + I18n.t('pie.prefs.ShowCopyPlaceButtonTitle') + '" ><input type="checkbox" id="_cbShowCopyPlaceButton" class="pieSettingsCheckbox" /><label for="_cbShowCopyPlaceButton" style="white-space:pre-line;">' + I18n.t('pie.prefs.ShowCopyPlaceButton') + '</label></div>',
  116.             '<div class="controls-container pie-controls-container" id="divShowExternalProviderTooltip" title="' + I18n.t('pie.prefs.ShowGPIDTooltipTitle') + '" ><input type="checkbox" id="_cbShowExternalProviderTooltip" class="pieSettingsCheckbox" /><label for="_cbShowExternalProviderTooltip" style="white-space:pre-line;">' + I18n.t('pie.prefs.ShowGPIDTooltip') + '</label></div>',
  117.             '<div class="controls-container pie-controls-container" id="divClearDescription" title="' + I18n.t('pie.prefs.ClearDescriptionTitle') + '" ><input type="checkbox" id="_cbClearDescription" class="pieSettingsCheckbox" /><label for="_cbClearDescription" style="white-space:pre-line;">' + I18n.t('pie.prefs.ClearDescription') + '</label></div>',
  118.             //'<div class="controls-container pie-controls-container" id="divMoveAddress" title="' + I18n.t('pie.prefs.MoveAddressTitle') + '"><input type="checkbox" id="_cbMoveAddress" class="pieSettingsCheckbox"/><label for="_cbMoveAddress" style="white-space:pre-line;">' + I18n.t('pie.prefs.MoveAddress') + '</label></div>',
  119.             '<div class="controls-container pie-controls-container" id="divMoveHNEntry" title="' + I18n.t('pie.prefs.MoveHNEntryTitle') + '"><input type="checkbox" id="_cbMoveHNEntry" class="pieSettingsCheckbox"/><label for="_cbMoveHNEntry" style="white-space:pre-line;">' + I18n.t('pie.prefs.MoveHNEntry') + '</label></div>',
  120.             '<div class="controls-container pie-controls-container" id="divNavLink" title="' + I18n.t('pie.prefs.NavLinkTitle') + '"><input type="checkbox" id="_cbNavLink" class="pieSettingsCheckbox"/><label for="_cbNavLink" style="white-space:pre-line;">' + I18n.t('pie.prefs.NavLink') + '</label></div>',
  121.             '</fieldset>',
  122.  
  123.             '<fieldset id="fieldNewPlaces" style="border: 1px solid silver; padding: 8px; border-radius: 4px;">',
  124.             '<legend style="margin-bottom:0px; border-bottom-style:none;width:auto;"><h4>' + I18n.t('pie.prefs.NewPlaces') + '</h4></legend>',
  125.             '<div id="divEditRPPAfterCreated" class="controls-container pie-controls-container" title="' + I18n.t('pie.prefs.EditRPPAfterCreateTitle') + '"><input type="checkbox" id="_cbEditRPPAfterCreated" class="pieSettingsCheckbox"><label for="_cbEditRPPAfterCreated" style="white-space:pre-line;">' + I18n.t('pie.prefs.EditRPPAfterCreate') + '</label></div>',
  126.             '<div id="divUseStreetFromClosestSeg" class="controls-container pie-controls-container" title="' + I18n.t('pie.prefs.UseStreetFromClosestSegmentTitle') + '"><input type="checkbox" id="_cbUseStreetFromClosestSeg" class="pieSettingsCheckbox"><label for="_cbUseStreetFromClosestSeg" style="white-space:pre-line;">' + I18n.t('pie.prefs.UseStreetFromClosestSegment') + '</label></div>',
  127.             '<div id="divUseCityFromClosestSeg" class="controls-container pie-controls-container" title="' + I18n.t('pie.prefs.UseCityFromClosestSegmentTitle') + '"><input type="checkbox" id="_cbUseCityFromClosestSeg" class="pieSettingsCheckbox"><label for="_cbUseCityFromClosestSeg" style="white-space:pre-line;">' + I18n.t('pie.prefs.UseCityFromClosestSegment') + '</label></div>',
  128.             '<div id="divUseAltCity" class="controls-container pie-controls-container" title="' + I18n.t('pie.prefs.ClosestSegmentAltCityTitle') + '" style="padding-left:20px; word-wrap: break-word;"><input type="checkbox" id="_cbUseAltCity" class="pieSettingsCheckbox"><label for="_cbUseAltCity" style="white-space:pre-line;">' + I18n.t('pie.prefs.ClosestSegmentAltCity') + '</label></div>',
  129.             '<div id="divSkipPLR" class="controls-container pie-controls-container" title="' + I18n.t('pie.prefs.ClosestSegmentIgnorePLRUnnamedPRTitle') + '"><input type="checkbox" id="_cbSkipPLR" class="pieSettingsCheckbox"/><label for="_cbSkipPLR" style="white-space:pre-line;">' + I18n.t('pie.prefs.ClosestSegmentIgnorePLRUnnamedPR') + '</label></div>',
  130.             '<div id="divDefaultLockLevel" class="controls-container pie-controls-container" style="left:8px;" title="' + I18n.t('pie.prefs.LockLevelTitle') + '">' + I18n.t('pie.prefs.LockLevel') + '<select id="pieDefaultLockLevel">' + buildLockLevelsList() + '</select></div>',
  131.             '</fieldset>',
  132.  
  133.             '<fieldset id="fieldMapMods" style="border: 1px solid silver; padding: 8px; border-radius: 4px;">',
  134.             '<legend style="margin-bottom:0px; border-bottom-style:none;width:auto;"><h4>' + I18n.t('pie.prefs.MapChanges') + '</h4></legend>',
  135.             '<div id="divShowNames" class="controls-container pie-controls-container" title="' + I18n.t('pie.prefs.ShowPlaceNames') + '"><input type="checkbox" id="_cbShowPlaceNames" class="pieSettingsCheckbox" /><label for="_cbShowPlaceNames">' + I18n.t('pie.prefs.ShowPlaceNames') + '</label></div>',
  136.             '<div id="divShowNamesPoint"class="controls-container pie-controls-container" style="padding-left:20px;" title="' + I18n.t('pie.prefs.ShowPointNamesTitle') + '"><input type="checkbox" id="_cbShowPlaceNamesPoint" class="pieSettingsCheckbox" disabled /><label for ="_cbShowPlaceNamesPoint">' + I18n.t('pie.prefs.ShowPointNames') + '</label></div>',
  137.             '<div id="divShowNamesArea"class="controls-container pie-controls-container" style="padding-left:20px;" title="' + I18n.t('pie.prefs.ShowAreaNamesTitle') + '"><input type="checkbox" id="_cbShowPlaceNamesArea" class="pieSettingsCheckbox" disabled /><label for ="_cbShowPlaceNamesArea">' + I18n.t('pie.prefs.ShowAreaNames') + '</label></div>',
  138.             '<div id="divShowNamesPLA"class="controls-container pie-controls-container" style="padding-left:20px;" title="' + I18n.t('pie.prefs.ShowPLANameTitle') + '"><input type="checkbox" id="_cbShowPlaceNamesPLA" class="pieSettingsCheckbox" disabled /><label for ="_cbShowPlaceNamesPLA">' + I18n.t('pie.prefs.ShowPLAName') + '</label></div>',
  139.             '<div id="divShowNamesLock"class="controls-container pie-controls-container" style="padding-left:20px;" title="' + I18n.t('pie.prefs.ShowLockLevelTitle') + '"><input type="checkbox" id="_cbShowPlaceNamesLock" class="pieSettingsCheckbox" disabled /><label for ="_cbShowPlaceNamesLock">' + I18n.t('pie.prefs.ShowLockLevel') + '</label></div>',
  140.             '<div id="divPlaceNamesFontCustomization" class="controls-container pie-controls-container" style="padding-left:20px;">',
  141.             I18n.t('pie.prefs.FontSize') + ' <input type="text" size="1" id="piePlaceNameFontSize"/>px</br>',
  142.             I18n.t('pie.prefs.FontColor') + ' <button class="jscolor {valueElement:null,hash:true,closable:true}" style="width:15px; height:15px;border:2px solid black" id="colorPickerFont"></button></br>',
  143.             '<input type="checkbox" id="_cbPlaceNameFontBold" class="pieSettingsCheckbox"/><label for ="_cbPlaceNameFontBold">' + I18n.t('pie.prefs.Bold') + '</label></br>',
  144.             I18n.t('pie.prefs.FontOutlineColor') + ' <button class="jscolor {valueElement:null,hash:true,closable:true}" style="width:15px; height:15px;border:2px solid black" id="colorPickerFontOutline"></button></br>',
  145.             I18n.t('pie.prefs.FontOutlineWidth') + ' <input type="text" size="1" id="piePlaceNameFontOutlineWidth"/>',
  146.             '</div>',
  147.             '<div id="divShowPLSpotEstimatorButton" class="controls-container pie-controls-container" title="' + I18n.t('pie.prefs.PSEShowPSEButtonTitle') + '"><input type="checkbox" id="_cbShowPLSpotEstimatorButton" class="pieSettingsCheckbox" /><label for="_cbShowPLSpotEstimatorButton" style="white-space:pre-line;">' + I18n.t('pie.prefs.PSEShowPSEButton') + '</label></div>',
  148.             '<div id="divShowNavPointClosestSegmentOnHover" class="controls-container pie-controls-container" title=""><input type="checkbox" id="_cbShowNavPointClosestSegmentOnHover" class="pieSettingsCheckbox" /><label for="_cbShowNavPointClosestSegmentOnHover" style="white-space:pre-line;">' + I18n.t('pie.prefs.ShowNavPointClosestSegmentOnHover') + '</label></div>',
  149.             '<div id="divShowClosestSegmentSelected" class="controls-container pie-controls-container" title=""><input type="checkbox" id="_cbShowClosestSegmentSelected" class="pieSettingsCheckbox" /><label for="_cbShowClosestSegmentSelected" style="white-space:pre-line;">' + I18n.t('pie.prefs.ShowClosestSegmentSelected') + '</label></div>',
  150.             '</fieldset>',
  151.             '<div class="controls-container" id="divPlaceMenuCustomization">',
  152.             '<b>' + I18n.t('pie.prefs.PlaceMenuCustomization') + '</b></br>',
  153.             buildItemOption(1),
  154.             buildItemOption(2),
  155.             buildItemOption(3),
  156.             buildItemOption(4),
  157.             buildItemOption(5),
  158.             buildItemOption(6),
  159.             buildItemOption(7),
  160.             buildItemOption(8),
  161.             buildItemOption(9),
  162.             buildItemOption(10),
  163.             buildItemOption(11),
  164.             '</div>'
  165.  
  166.         ].join(' '));
  167.  
  168.         UpdateObject = require("Waze/Action/UpdateObject");
  169.         MultiAction = require("Waze/Action/MultiAction");
  170.  
  171.         //Load settings
  172.         loadSettings();
  173.  
  174.         var style = new OpenLayers.Style({
  175.             pointRadius: "${pointRadius}",
  176.             label : "${labelText}",
  177.             fontFamily: "Tahoma, Arial, Verdana",
  178.             labelOutlineColor: settings.PlaceNameFontOutline,
  179.             labelOutlineWidth: Number(settings.PlaceNameFontOutlineWidth),
  180.             labelAlign: 'cm',
  181.             fontColor: settings.PlaceNameFontColor,
  182.             fontOpacity: 1.0,
  183.             fontSize: settings.PlaceNameFontSize + "px",
  184.             labelYOffset: "${yOffset}",
  185.             fontStyle: "${style}",
  186.             fontWeight: (settings.PlaceNameFontBold ? 'bold' : ''),
  187.             pointRadius: 0
  188.         });
  189.  
  190.         PIEPlaceNameLayer = new OL.Layer.Vector("PIEPlaceNameLayer",{displayInLayerSwitcher: false,
  191.             uniqueName: "__PIEPlaceNameLayer", styleMap: new OL.StyleMap(style)});
  192.         W.map.addLayer(PIEPlaceNameLayer);
  193.         PIEPlaceNameLayer.setVisibility(true);
  194.  
  195.         newPlaceLayer = new OL.Layer.Vector(layerName,{displayInLayerSwitcher: false});
  196.         W.map.addLayer(newPlaceLayer);
  197.  
  198.         PLSpotEstimatorLayer = new OL.Layer.Vector("PIEPLSpotEstimatorLayer",{displayInLayerSwitcher: false, uniqueName: "__PIEPLSpotEstimatorLayer"});
  199. 		W.map.addLayer(PLSpotEstimatorLayer);
  200.         PLSpotEstimatorLayer.setVisibility(true);
  201.  
  202.         PLSpotEstimatorCalibrationLayer= new OL.Layer.Vector("PIEPLSpotEstimatorCalibrationLayer",{displayInLayerSwitcher: false, uniqueName: "__PIEPLSpotEstimatorCalibrationLayer"});
  203. 		W.map.addLayer(PLSpotEstimatorCalibrationLayer);
  204.         PLSpotEstimatorCalibrationLayer.setVisibility(true);
  205.  
  206.         showStopPointsLayer = new OL.Layer.Vector("PIEShowStopPointsLayer", {displayInLayerSwitcher: false, uniqueName: "__PIEShowStopPointsLayer"});
  207.         W.map.addLayer(showStopPointsLayer);
  208.         showStopPointsLayer.setVisibility(true);
  209.  
  210.         closestSegmentLayer = new OL.Layer.Vector("PIEClosestSegment", {displayInLayerSwitcher: false, uniqueName:"__PIEClosesetSegmentLayer"});
  211.         W.map.addLayer(closestSegmentLayer);
  212.         closestSegmentLayer.setVisibility(true);
  213.  
  214.         var ctl = W.map.controls.find(function(ctrl) { return ctrl.displayClass ==="WazeControlSelectHighlightFeature"; });
  215.         var ctlLayers = ctl.layers.clone();
  216.         var myLayer = W.map.getLayersByName('PIEPlaceNameLayer')[0];
  217.         ctlLayers.push(myLayer);
  218.         ctl.setLayer(ctlLayers);
  219.  
  220.         injectCss();
  221.         new WazeWrap.Interface.Tab('PIE', $section.html(), init2);
  222.     }
  223.  
  224.     function init2(){
  225.         $('#cboPlaceNameFontWeight').select2({placeholder: "No font weight set", allowClear: true});
  226.         $('#divPlaceNamesFontCustomization .select2-choices').css("font-size", "10px");
  227.  
  228.         initColorPicker();
  229.         if ($('#colorPickerFont')[0].jscolor){
  230.             $('#colorPickerFont')[0].jscolor.fromString(settings.PlaceNameFontColor);
  231.             $('#colorPickerFontOutline')[0].jscolor.fromString(settings.PlaceNameFontOutline);
  232.         }
  233.  
  234.         //$('#divPlaceNamesFontCustomization .select2-input').remove()
  235.         //Set up event handlers
  236.         $('#_cbShowAreaPlaceSize').change(function() {
  237.             if(this.checked) {
  238.                 attachPlaceSizeHandlers();
  239.                 updatePlaceSizeDisplay();
  240.                 $('#_cbShowAreaPlaceSizeImperial')[0].disabled = false;
  241.                 $('#_cbShowAreaPlaceSizeMetric')[0].disabled = false;
  242.             }
  243.             else
  244.             {
  245.                 removePlaceSizeHandlers();
  246.                 $('#AreaSize').remove();
  247.                 $('#_cbShowAreaPlaceSizeImperial')[0].disabled = true;
  248.                 $('#_cbShowAreaPlaceSizeMetric')[0].disabled = true;
  249.             }
  250.         });
  251.  
  252.         $('#_cbShowPlaceNames').change(function() {
  253.             PIEPlaceNameLayer.setVisibility(this.checked);
  254.             if(this.checked) {
  255.                 $('#_cbShowPlaceNamesPoint')[0].disabled = false;
  256.                 $('#_cbShowPlaceNamesArea')[0].disabled = false;
  257.                 $('#_cbShowPlaceNamesPLA')[0].disabled = false;
  258.                 $('#_cbShowPlaceNamesLock')[0].disabled = false;
  259.             }
  260.             else
  261.             {
  262.                 $('#_cbShowPlaceNamesPoint')[0].disabled = true;
  263.                 $('#_cbShowPlaceNamesArea')[0].disabled = true;
  264.                 $('#_cbShowPlaceNamesPLA')[0].disabled = true;
  265.                 $('#_cbShowPlaceNamesLock')[0].disabled = true;
  266.             }
  267.             console.log(this.checked);
  268.             DisplayPlaceNames();
  269.         });
  270.  
  271.         $('[id^="_cbShowPlaceNames"]').change(function(){
  272.             DisplayPlaceNames();
  273.         });
  274.  
  275.         $('#_cbShowExternalProviderTooltip').change(function(){
  276.             ToggleExternalProvidersCSS(this.checked);
  277.         });
  278.  
  279.         $('#_cbShowLockButtonsRPP').change(function() {
  280.             if(this.checked)
  281.                 attachRPPLockButtonHandlers();
  282.             else
  283.             {
  284.                 $('#pieRPPLockButtonsContainer').remove();
  285.                 unregisterEvents(addLockButtons);
  286.             }
  287.         });
  288.  
  289.         $('#_cbShowPlaceLocatorCrosshair').change(function(){
  290.             if(this.checked)
  291.                 registerEvents(ShowPlaceLocatorCrosshair);
  292.             else
  293.                 unregisterEvents(ShowPlaceLocatorCrosshair);
  294.         });
  295.  
  296.         $('#_cbShowParkingLotButton').change(function(){
  297.             if(this.checked)
  298.                 registerEvents(ShowParkingLotButton);
  299.             else
  300.                 unregisterEvents(ShowParkingLotButton);
  301.         });
  302.  
  303.         $('#_cbShowCopyPlaceButton').change(function(){
  304.             if(this.checked)
  305.                 registerEvents(ShowCopyPlaceButton);
  306.             else
  307.                 unregisterEvents(ShowCopyPlaceButton);
  308.         });
  309.  
  310.         $('#_cbShowSearchButton').change(function(){
  311.             if(this.checked)
  312.                 registerEvents(ShowSearchButton);
  313.             else
  314.                 unregisterEvents(ShowSearchButton);
  315.         });
  316.  
  317.         $('#_cbAddPlaceCategoriesButtons').change(function(){
  318.             if(this.checked)
  319.                 registerEvents(AddPlaceCategoriesButtons);
  320.             else
  321.                 unregisterEvents(AddPlaceCategoriesButtons);
  322.         });
  323.  
  324.         $('#_cbMoveAddress').change(function(){
  325.             //This is now supported natively in WME (beta as of 2017-10-16)
  326.             /*if(this.checked)
  327.                 registerEvents(MoveAddress);
  328.             else
  329.                 unregisterEvents(MoveAddress);*/
  330.         });
  331.  
  332.         $('#_cbMoveHNEntry').change(function(){
  333.             if(this.checked)
  334.                 registerEvents(MoveHNEntry);
  335.             else
  336.                 unregisterEvents(MoveHNEntry);
  337.         });
  338.  
  339.         $('#_cbClearDescription').change(function(){
  340.             if(this.checked)
  341.                 registerEvents(ShowClearDescription);
  342.             else
  343.                 unregisterEvents(ShowClearDescription);
  344.         });
  345.  
  346.         $('#_cbShowPLSpotEstimatorButton').change(function(){
  347.             if(this.checked)
  348.                 registerEvents(ShowPLSpotEstimatorButton);
  349.             else
  350.                 unregisterEvents(ShowPLSpotEstimatorButton);
  351.         });
  352.  
  353.         $('#_cbShowNavPointClosestSegmentOnHover').change(function(){
  354.             if(this.checked)
  355.                 W.map.events.register("mousemove", null, drawNavPointClosestSegmentLines);
  356.             else
  357.                 W.map.events.unregister("mousemove", null, drawNavPointClosestSegmentLines);
  358.         });
  359.  
  360.         $('#_cbShowClosestSegmentSelected').change(function(){
  361.             if(this.checked){
  362.                 W.model.actionManager.events.register('afterundoaction', this, checkSelection);
  363.                 W.model.actionManager.events.register('afteraction', this, checkSelection);
  364.                 W.selectionManager.events.register('selectionchanged', this, checkSelection);
  365.                 W.model.venues.on('objectschanged', ObjectsChanged);
  366.             }
  367.             else{
  368.                 W.model.actionManager.events.unregister('afterundoaction', this, checkSelection);
  369.                 W.model.actionManager.events.unregister('afteraction', this, checkSelection);
  370.                 W.selectionManager.events.unregister('selectionchanged', this, checkSelection);
  371.                 W.model.venues.off('objectschanged', ObjectsChanged);
  372.             }
  373.         });
  374.  
  375.         //Load settings to interface
  376.         setChecked('_cbShowAreaPlaceSize', settings.ShowAreaPlaceSize);
  377.         setChecked('_cbShowAreaPlaceSizeImperial', settings.ShowAreaPlaceSizeImperial);
  378.         setChecked('_cbShowAreaPlaceSizeMetric', settings.ShowAreaPlaceSizeMetric);
  379.         setChecked('_cbShowLockButtonsRPP', settings.ShowLockButtonsRPP);
  380.         setChecked('_cbEditRPPAfterCreated', settings.EditRPPAfterCreated);
  381.         setChecked('_cbUseStreetFromClosestSeg', settings.UseStreetFromClosestSeg);
  382.         setChecked('_cbUseCityFromClosestSeg', settings.UseCityFromClosestSeg);
  383.         setChecked('_cbShowPlaceLocatorCrosshair', settings.ShowPlaceLocatorCrosshair);
  384.         setChecked('_cbShowParkingLotButton', settings.ShowParkingLotButton);
  385.         setChecked('_cbShowCopyPlaceButton', settings.ShowCopyPlaceButton);
  386.         setChecked('_cbShowExternalProviderTooltip', settings.ShowExternalProviderTooltip);
  387.         setChecked('_cbUseAltCity', settings.UseAltCity);
  388.         setChecked('_cbShowSearchButton', settings.ShowSearchButton);
  389.         setChecked('_cbAddPlaceCategoriesButtons', settings.AddPlaceCategoriesButtons);
  390.         setChecked('_cbSkipPLR', settings.SkipPLR);
  391.         setChecked('_cbShowPlaceNames', settings.ShowPlaceNames);
  392.         setChecked('_cbShowPlaceNamesPoint', settings.ShowPlaceNamesPoint);
  393.         setChecked('_cbShowPlaceNamesArea', settings.ShowPlaceNamesArea);
  394.         setChecked('_cbShowPlaceNamesPLA', settings.ShowPlaceNamesPLA);
  395.         setChecked('_cbShowPlaceNamesLock', settings.ShowPlaceNamesLock);
  396.         setChecked('_cbClearDescription', settings.ClearDescription);
  397.         setChecked('_cbPlaceNameFontBold', settings.PlaceNameFontBold);
  398.         setChecked('_cbPlaceLocatorCrosshairProdPL', settings.PlaceLocatorCrosshairProdPL);
  399.         //setChecked('_cbMoveAddress', settings.MoveAddress); //Native support as of 2017-10-24
  400.         setChecked('_cbMoveHNEntry', settings.MoveHNEntry);
  401.         setChecked('_cbShowPLSpotEstimatorButton', settings.ShowPLSpotEstimatorButton);
  402.         setChecked('_cbShowNavPointClosestSegmentOnHover', settings.ShowNavPointClosestSegmentOnHover);
  403.         setChecked('_cbShowClosestSegmentSelected', settings.ShowClosestSegmentSelected);
  404.         setChecked('_cbNavLink', settings.NavLink);
  405.         if(settings.ShowPlaceNames){
  406.             $('#_cbShowPlaceNamesPoint')[0].disabled = false;
  407.             $('#_cbShowPlaceNamesArea')[0].disabled = false;
  408.             $('#_cbShowPlaceNamesPLA')[0].disabled = false;
  409.             $('#_cbShowPlaceNamesLock')[0].disabled = false;
  410.         }
  411.         $('#piePlaceZoom')[0].value = settings.PlaceZoom;
  412.         $('#pieDefaultLockLevel')[0].value = settings.DefaultLockLevel;
  413.         $('#piePlaceNameFontSize')[0].value = settings.PlaceNameFontSize;
  414.         $('#piePlaceNameFontOutlineWidth')[0].value = settings.PlaceNameFontOutlineWidth;
  415.  
  416.         if(settings.ShowNavPointClosestSegmentOnHover){
  417.             W.map.events.register("mousemove", null, drawNavPointClosestSegmentLines);
  418.         }
  419.  
  420.         if(settings.ShowAreaPlaceSize){
  421.             $('#_cbShowAreaPlaceSizeImperial')[0].disabled = false;
  422.             $('#_cbShowAreaPlaceSizeMetric')[0].disabled = false;
  423.             attachPlaceSizeHandlers();
  424.         }
  425.  
  426.         if(settings.ShowPlaceLocatorCrosshair){
  427.             registerEvents(ShowPlaceLocatorCrosshair);
  428.             ShowPlaceLocatorCrosshair(); //in case the user opened a PL with a Place selected
  429.         }
  430.  
  431.         if(settings.ShowParkingLotButton){
  432.             registerEvents(ShowParkingLotButton);
  433.             ShowParkingLotButton(); //in case the user opened a PL with a Place selected
  434.         }
  435.  
  436.         if(settings.ShowCopyPlaceButton){
  437.             registerEvents(ShowCopyPlaceButton);
  438.             ShowCopyPlaceButton();
  439.         }
  440.  
  441.         if(settings.ShowExternalProviderTooltip){
  442.             //registerEvents(ShowExternalProviderTooltip);
  443.             //ShowExternalProviderTooltip();
  444.  
  445.             var observer = new MutationObserver(function(mutations) {
  446.                mutations.forEach(function(mutation) {
  447.                    if ($(mutation.target).hasClass('select2-chosen')) ShowExternalProviderTooltip();
  448.                });
  449.            });
  450.  
  451.         observer.observe(document.getElementById('edit-panel'), { childList: true, subtree: true });
  452.         }
  453.  
  454.         if(settings.ShowSearchButton){
  455.             registerEvents(ShowSearchButton);
  456.             ShowSearchButton(); //in case the user opened a PL with a Place selected
  457.         }
  458.  
  459.         if(settings.AddPlaceCategoriesButtons){
  460.             registerEvents(AddPlaceCategoriesButtons);
  461.             AddPlaceCategoriesButtons();
  462.         }
  463.  
  464.         if(settings.ClearDescription){
  465.             registerEvents(ShowClearDescription);
  466.             ShowClearDescription();
  467.         }
  468.  
  469.         //Native support as of 2017-10-24
  470.         /*if(settings.MoveAddress){
  471.             registerEvents(MoveAddress);
  472.             MoveAddress();
  473.         }*/
  474.  
  475.         if(settings.MoveHNEntry){
  476.             registerEvents(MoveHNEntry);
  477.             MoveHNEntry();
  478.         }
  479.  
  480.         if(settings.ShowPLSpotEstimatorButton){
  481.             registerEvents(ShowPLSpotEstimatorButton);
  482.             ShowPLSpotEstimatorButton();
  483.         }
  484.  
  485.         if(settings.ShowLockButtonsRPP)
  486.             attachRPPLockButtonHandlers();
  487.  
  488.         if(settings.ShowExternalProviderTooltip)
  489.             ToggleExternalProvidersCSS(true);
  490.  
  491.         if(settings.ShowClosestSegmentSelected){
  492.             W.model.actionManager.events.register('afterundoaction', this, checkSelection);
  493.             W.model.actionManager.events.register('afteraction', this, checkSelection);
  494.             W.selectionManager.events.register('selectionchanged', this, checkSelection);
  495.             W.model.venues.on('objectschanged', ObjectsChanged);
  496.         }
  497.  
  498.         $('.pieSettingsCheckbox').change(function() {
  499.              var settingName = $(this)[0].id.substr(3);
  500.             settings[settingName] = this.checked;
  501.             saveSettings();
  502.         });
  503.  
  504.         $('#piePlaceZoom').change(function(){
  505.             var settingName = $(this)[0].id.substr(3);
  506.             settings[settingName] = $(this)[0].value;
  507.             saveSettings();
  508.         });
  509.  
  510.         $('#pieDefaultLockLevel').change(function(){
  511.             settings[$(this)[0].id.substr(3)] = $(this)[0].value;
  512.             saveSettings();
  513.         });
  514.  
  515.         $('#_cbPlaceNameFontBold').change(function(){
  516.             PIEPlaceNameLayer.styleMap.styles.default.defaultStyle.fontWeight = (this.checked ? 'bold' :'');
  517.             DisplayPlaceNames();
  518.         });
  519.  
  520.         $('#piePlaceNameFontSize').focusout(function(){
  521.             var fontSize = $(this)[0].value;
  522.             if(fontSize == "" || fontSize == "0")
  523.                 $(this)[0].value = 12;
  524.             settings[$(this)[0].id.substr(3)] = fontSize;
  525.             saveSettings();
  526.             PIEPlaceNameLayer.styleMap.styles.default.defaultStyle.fontSize = fontSize + "px";
  527.             DisplayPlaceNames();
  528.         });
  529.  
  530.         $('#piePlaceNameFontOutlineWidth').focusout(function(){
  531.             var outlineWidth = $(this)[0].value;
  532.             if(outlineWidth == "" || outlineWidth == "0")
  533.                 $(this)[0].value = 3;
  534.             settings[$(this)[0].id.substr(3)] = outlineWidth;
  535.             saveSettings();
  536.             PIEPlaceNameLayer.styleMap.styles.default.defaultStyle.labelOutlineWidth = outlineWidth;
  537.             DisplayPlaceNames();
  538.         });
  539.  
  540.         $('#piePlaceNameFontSize').keypress(function(event) {
  541.             if ((event.which < 48 || event.which > 57))
  542.                 event.preventDefault();
  543.         });
  544.  
  545.         $('#piePlaceNameFontOutlineWidth').keypress(function(event) {
  546.             if ((event.which < 48 || event.which > 57))
  547.                 event.preventDefault();
  548.         });
  549.  
  550.         var i;
  551.         //Whenever a Place item is changed, read the settings and save to localStorage
  552.         $('[id^="pieItem"]').change(function(){
  553.             for(i=0;i<11;i++){
  554.                 settings.NewPlacesList[i] = $('#pieItem'+(i+1))[0].value;
  555.             }
  556.             saveSettings();
  557.             buildNewPlaceList();
  558.         });
  559.  
  560.         //Load settings into Place Customization list options
  561.         for(i=0; i<11;i++)
  562.             $('#pieItem'+(i+1))[0].value = settings.NewPlacesList[i];
  563.  
  564.         //Build our new menu
  565.         buildNewPlaceList();
  566.  
  567.         new WazeWrap.Interface.Shortcut('CreateResidentialPlaceShortcut', 'Creates a resdiential Place point', 'wmepie', 'Place Interface Enhancements', settings.CreateResidentialPlaceShortcut, function(){startPlacementMode(resCategory, true);}, null).add();
  568.  
  569.         new WazeWrap.Interface.Shortcut('CreateParkingLotShortcut', 'Creates a parking lot Place', 'wmepie', 'Place Interface Enhancements', settings.CreateParkingLotShortcut, function(){startPlacementMode("PARKING_LOT", false);}, null).add();
  570.         new WazeWrap.Interface.Shortcut('HideAreaPlacesShortcut', 'Toggle hiding area Places', 'wmepie', 'Place Interface Enhancements', settings.ToggleAreaPlacesShortcut, ToggleHideAreaPlaces, null).add();
  571.  
  572.  
  573.         window.addEventListener("beforeunload", function() {
  574.             saveSettings();
  575.         }, false);
  576.  
  577.         let extprovobserver = new MutationObserver(function(mutations) {
  578.                mutations.forEach(function(mutation) {
  579.  
  580.                    /*if ($(mutation.target).hasClass('external-providers-view'))
  581.                        if(W.loginManager.user.normalizedLevel === 1)
  582.                            $('.external-providers-view').parent().parent().remove();
  583.                            */
  584.  
  585.                        for (var i = 0; i < mutation.addedNodes.length; i++) {
  586.                            var addedNode = mutation.addedNodes[i];
  587.                            // Only fire up if it's a node
  588.                            if (addedNode.nodeType === Node.ELEMENT_NODE && $(addedNode).hasClass('address-edit-view')) {
  589.                                addLockButtons();
  590.                                updatePlaceSizeDisplay();
  591.                                AddPlaceCategoriesButtons();
  592.                                if(settings.ShowPlaceLocatorCrosshair)
  593.                                    ShowPlaceLocatorCrosshair();
  594.                                if(settings.ShowSearchButton)
  595.                                    ShowSearchButton();
  596.                                    ShowNavPointLink();
  597.                                if(settings.ShowParkingLotButton)
  598.                                    ShowParkingLotButton();
  599.                                if(settings.ShowCopyPlaceButton)
  600.                                    ShowCopyPlaceButton();
  601.                            }
  602.                        }
  603.                });
  604.            });
  605.  
  606.         extprovobserver.observe(document.getElementById('edit-panel'), { childList: true, subtree: true });
  607.  
  608.         W.selectionManager.events.register("selectionchanged", null, function(){
  609.             if(W.selectionManager.selectedItems.length > 0 && W.selectionManager.selectedItems[0].model.type === "venue"){
  610.                 //Trim whitespace from start and end of house number field on Places
  611.                 $('.form-control.house-number').focusout(function(){
  612.                     $('.form-control.house-number')[0].value = $('.form-control.house-number')[0].value.trim();
  613.                 });
  614.  
  615.                 //Make Website label a clickable link to the set website
  616.                 let placeURL = W.selectionManager.selectedItems[0].model.attributes.url || "";
  617.  
  618.                 $('input[name="url"]').focusout(function(){
  619.                     placeURL = $('input[name="url"]')[0].value.trim();
  620.                     if(placeURL == ""){
  621.                         $('input[name="url"]').parent().parent().find('label').unwrap();
  622.                         return;
  623.                     }
  624.                     if(!placeURL.startsWith("http"))
  625.                         placeURL = "https://" + placeURL;
  626.                     if($('#websiteLink').length == 0)
  627.                         $('input[name="url"]').parent().parent().find('label').wrap('<a href="' + placeURL + '" id="websiteLink" target="_blank" style="cursor:pointer;"></a>');
  628.                     else
  629.                         $('#websiteLink').attr('href', placeURL);
  630.                 });
  631.                 if(placeURL != ""){
  632.                     if(!placeURL.startsWith("http"))
  633.                         placeURL = "https://" + placeURL;
  634.                     $('input[name="url"]').parent().parent().find('label').wrap('<a href="' + placeURL + '" id="websiteLink" target="_blank" style="cursor:pointer;"></a>');
  635.                 }
  636.             }
  637.         });
  638.  
  639.         W.selectionManager.events.register("selectionchanged", null, function(){
  640.             if(W.selectionManager.selectedItems.length > 0 && W.selectionManager.selectedItems[0].model.type === "mapComment")
  641.                 if((W.geometryEditing.activeEditor.mode & OpenLayers.Control.ModifyFeature.RESHAPE) == 0){
  642.                     W.geometryEditing.activeEditor.mode |= OpenLayers.Control.ModifyFeature.RESHAPE;
  643.                     W.geometryEditing.activeEditor.resetVertices();
  644.                 }
  645.         });
  646.  
  647.         //Always display the link when a point Place is selected, but default to un-linked
  648.         W.selectionManager.events.register("selectionchanged", null, ShowNavPointLink);
  649.         W.model.actionManager.events.register('afterundoaction', this, ShowNavPointLink);
  650.         W.selectionManager.events.register('selectionchanged', this, ShowNavPointLink);
  651.         W.model.venues.on('objectschanged', ShowNavPointLink);
  652.  
  653.         W.model.actionManager.events.register('afteraction', this, function(){
  654.             ShowNavPointLink();
  655.             if(W.selectionManager.selectedItems.length > 0 && W.selectionManager.selectedItems[0].model.type == "venue" && W.selectionManager.selectedItems[0].model.isPoint()){
  656.                 if($('#placeNavLink').attr("class") == "fa fa-link fa-lg"){
  657.                     let myPlaceAttr = W.selectionManager.selectedItems[0].model.attributes;
  658.                     //We only want to do this if the last item changed is our selected Place && it was moved.
  659.                     if(W.model.actionManager.actions[W.model.actionManager.index].feature != undefined && (W.model.actionManager.actions[W.model.actionManager.index].feature.attributes.id == myPlaceAttr.id) && typeof W.model.actionManager.actions[W.model.actionManager.index].oldGeometry != "undefined"){
  660.                         if(W.selectionManager.selectedItems[0].model.attributes.entryExitPoints.length > 0){ //We only want to do this if there is an existing nav point
  661.                             let newAttr = {};
  662.                             let existingAttr = myPlaceAttr.entryExitPoints[0];
  663.                             if (existingAttr) {
  664.                                 for (var prop in existingAttr) {
  665.                                     if (existingAttr.hasOwnProperty(prop)){
  666.                                         let value = existingAttr[prop];
  667.                                         if (Array.isArray(value)) value = value.clone();
  668.                                         newAttr[prop] = value;
  669.                                     }
  670.                                 }
  671.                             }
  672.                             newAttr._point = new OL.Geometry.Point(myPlaceAttr.geometry.x, myPlaceAttr.geometry.y);
  673.                             W.model.actionManager.add(new UpdateObject(W.selectionManager.selectedItems[0].model, {'entryExitPoints': [newAttr]}));
  674.                         }
  675.                         //NewPlace.attributes.entryExitPoints.push({entry: true, exit: true, name:"", primary: false, point: new OL.Geometry.Point(pos.lon, pos.lat)})
  676.                     }
  677.                 }
  678.             }
  679.         });
  680.  
  681.         //Obsoleted by WME update released 2017-10-24
  682.         /*var observer = new MutationObserver(function(mutations) {
  683.                mutations.forEach(function(mutation) {
  684.                    if ($('#dialog-region').find('.venue-image-dialog').length > 0 && $('#detailsWrap').length == 0) ImageDialogEnhancement();
  685.                });
  686.            });*/
  687.  
  688.         observer.observe(document.getElementById('dialog-region'), { childList: true, subtree: true });
  689.  
  690.         //Highlight the categories box when the old hospital category is present
  691.         /*W.selectionManager.events.register("selectionchanged", null, highlightObsoleteHospitalCategory);
  692.         W.model.actionManager.events.register("afterundoaction",null, highlightObsoleteHospitalCategory);
  693.         W.model.actionManager.events.register("afterclearactions",null, highlightObsoleteHospitalCategory);
  694.         W.model.actionManager.events.register("afteraction",null, highlightObsoleteHospitalCategory);*/
  695.  
  696.         W.map.events.register("zoomend", null, DisplayPlaceNames);
  697.         W.map.events.register("changelayer", null, DisplayPlaceNames);
  698.  
  699.         //Shamelessly copied from URO+
  700.         var MO_MPLayer = new MutationObserver(MPLayerChanged);
  701.         MO_MPLayer.observe(W.map.problemLayer.div,{childList : true});
  702.  
  703.         wazePL = document.querySelector('.WazeControlPermalink>a.fa-link');
  704.         if(wazePL == null)
  705.             wazePL = document.querySelector('.permalink');
  706.         wazePL.id = 'wazePermalink';
  707.     }
  708.  
  709.     function ToggleHideAreaPlaces(){
  710.         let index = W.map.landmarkLayer.styleMap.styles.default.rules.findIndex(function(e){ return e.name == "PIEHide";});
  711.         if(index === -1)
  712.         {
  713.             let myRule = new W.Rule({
  714.                 filter: new OL.Filter.Comparison({
  715.                     type: '==',
  716.                     evaluate: function(venue) {
  717.                         return (/POLYGON/i.test(venue.geometry.id));
  718.                     }
  719.                 }),
  720.                 symbolizer: {
  721.                     display: 'none'
  722.                 },
  723.                 name: "PIEHide"
  724.             });
  725.             W.map.landmarkLayer.styleMap.styles['default'].rules.push(myRule);
  726.             W.map.landmarkLayer.redraw();
  727.         }
  728.         else{
  729.             W.map.landmarkLayer.styleMap.styles.default.rules.splice(index, 1);
  730.             W.map.landmarkLayer.redraw();
  731.         }
  732.     }
  733.  
  734.     var highlightedVenue, highlighting;
  735.     function drawNavPointClosestSegmentLines(){
  736.         try{
  737.         highlighting = false;
  738.         if(highlightedVenue !== null)
  739.             if(highlightedVenue === W.map.landmarkLayer.getFeatureBy("renderIntent","highlight"))
  740.                 highlighting = true;
  741.             else
  742.                 showStopPointsLayer.removeAllFeatures();
  743.         highlightedVenue = W.map.landmarkLayer.getFeatureBy("renderIntent","highlight");
  744.  
  745.         if(highlightedVenue !== null && highlightedVenue.model && highlighting === false && W.map.zoom >= 4){
  746.             let isArea = !highlightedVenue.model.isPoint();
  747.             let navPoint;
  748.  
  749.             if(highlightedVenue.model.getNavigationPoints().length > 0)
  750.                 navPoint = highlightedVenue.model.getNavigationPoints()[0]._point;
  751.             else{
  752.                 if(isArea)
  753.                     navPoint = highlightedVenue.model.geometry.getCentroid();
  754.                 else
  755.                     navPoint = highlightedVenue.model.geometry.clone();
  756.             }
  757.  
  758.             //nav point to closest segment
  759.             let closestSeg = WazeWrap.Geometry.findClosestSegment(navPoint,false, false);
  760.             let lineFeature = new OL.Feature.Vector(new OL.Geometry.LineString([navPoint, closestSeg.closestPoint]), {}, lineStyleToClosestSeg);
  761.             let pointFeature = new OL.Feature.Vector(closestSeg.closestPoint, {}, pointStyle);
  762.             showStopPointsLayer.addFeatures([lineFeature, pointFeature]);
  763.  
  764.             //place center to nav point
  765.             let startPt = highlightedVenue.geometry;
  766.             if(isArea)
  767.                 startPt = highlightedVenue.model.geometry.getCentroid();
  768.             lineFeature = new OL.Feature.Vector(new OL.Geometry.LineString([startPt, navPoint]), {}, lineStyleToNavPoint);
  769.             pointFeature = new OL.Feature.Vector(navPoint, {}, pointStyleNavPoint);
  770.             if(highlightedVenue.model.attributes.entryExitPoints.length > 0 || isArea)
  771.                 showStopPointsLayer.addFeatures([lineFeature, pointFeature]);
  772.  
  773.         }
  774.         if(highlightedVenue === null || W.map.zoom < 4)
  775.             showStopPointsLayer.removeAllFeatures();
  776.         }
  777.         catch(err){
  778.             console.log(err.message);
  779.         }
  780.     }
  781.  
  782.     function ObjectsChanged(){
  783.         if(W.map.getLayerByUniqueName('landmarks').selectedFeatures.length >0)
  784.             if(placeIsPoint && W.geometryEditing.activeEditor.vertices.length > 0){
  785.                 removeDragCallbacks();
  786.                 checkSelection();
  787.             }
  788.     }
  789.  
  790.     function handleNavPointOffScreen() {
  791. 		if (selectedItem !== W.selectionManager.selectedItems.first() ||
  792. 			WazeWrap.Geometry.isGeometryInMapExtent(ClosestSegmentNavPoint.lonlat.toPoint())) {
  793. 			W.map.events.unregister('moveend', window, handleNavPointOffScreen);
  794. 			checkSelection();
  795. 		}
  796. 	}
  797.  
  798.     function clearClosesetSegmentLayerFeatures() {
  799. 		return closestSegmentLayer.features.length > 0 && closestSegmentLayer.removeAllFeatures();
  800. 	}
  801.  
  802.     function checkConditions() {
  803. 		'use strict';
  804. 		var a = W.map.getZoom() > 3,
  805. 			b = W.map.landmarkLayer.getVisibility(),
  806. 			c = closestSegmentLayer.getVisibility(),
  807. 			d = !$('#map-lightbox > div').is(':visible'),//$('#map-lightbox > div').length === 0,/* Check for HN editing */
  808.             e = (W.selectionManager.hasSelectedItems() && W.selectionManager.selectedItems[0].model.type !== "bigJunction");
  809.  
  810. 		if (a && b && c && d && e) {
  811. 			return true;
  812. 		} else {
  813. 			return false;
  814. 		}
  815. 	}
  816.  
  817. 	function drawLine(start, end, lStyle, pStyle) {
  818. 		'use strict';
  819. 		var lineFeature, pointFeature;
  820.  
  821. 		lineFeature = new OL.Feature.Vector(new OL.Geometry.LineString([start, end]), {}, lStyle);
  822. 		pointFeature = new OL.Feature.Vector(end, {}, pStyle);
  823. 		closestSegmentLayer.addFeatures([lineFeature, pointFeature]);
  824. 	}
  825.  
  826. 	function findNearestSegment(navPoint) {
  827.         'use strict';
  828.         var closestSegment = {};
  829.         if(navPoint.element)
  830.             navPoint = W.geometryEditing.activeEditor._navigationPointMarker.lonlat.toPoint();
  831.  
  832.         closestSegment =  WazeWrap.Geometry.findClosestSegment(navPoint,false, false);
  833.  
  834.         clearClosesetSegmentLayerFeatures();
  835.         drawLine(navPoint, closestSegment.closestPoint, lineStyleToClosestSeg, pointStyle);
  836.     }
  837.  
  838.     var placeIsPoint = false;
  839. 	function checkSelection() {
  840.         'use strict';
  841.  
  842.         var ClosestSegmentNavPoint;
  843.  
  844. 		if (!checkConditions()) {
  845. 			removeDragCallbacks();
  846. 		} else {
  847.             ClosestSegmentNavPoint = W.geometryEditing.activeEditor._navigationPointMarker;
  848. 			if (W.selectionManager.hasSelectedItems()) {
  849. 				let selectedItem = W.selectionManager.selectedItems[0];
  850.  
  851.                 if ('venue' !== selectedItem.model.type) {
  852. 					removeDragCallbacks();
  853. 					clearClosesetSegmentLayerFeatures();
  854. 				} else {
  855.                     placeIsPoint = selectedItem.model.isPoint();
  856. 					if (placeIsPoint) {
  857.                         //Event when the Place is moved
  858. 						W.geometryEditing.activeEditor.dragControl.onDrag = function (e, t) {
  859. 							W.geometryEditing.activeEditor.dragVertex.apply(W.geometryEditing.activeEditor, [e, t]);
  860.                             let entryExitPoint = selectedItem.model.geometry.clone();
  861.                             if(selectedItem.model.getNavigationPoints().length > 0)
  862.                                 entryExitPoint = selectedItem.model.attributes.entryExitPoints[0]._point;
  863. 							findNearestSegment(entryExitPoint);
  864. 						};
  865.                         //ClosestSegmentNavPoint.events.register('drag', W.geometryEditing.activeEditor, findNearestSegment);
  866.                         let entryExitPoint = selectedItem.model.geometry.clone();
  867.                         if(selectedItem.model.getNavigationPoints().length > 0)
  868.                             entryExitPoint = selectedItem.model.attributes.entryExitPoints[0]._point;
  869.                         findNearestSegment(entryExitPoint);
  870. 					} else {
  871.                         if(selectedItem.model.getNavigationPoints().length === 0)
  872.                             findNearestSegment(selectedItem.model.geometry.getCentroid());
  873.                         else{
  874.                             for(let i=0;i<selectedItem.model.getNavigationPoints().length;i++){
  875.                                 findNearestSegment(selectedItem.model.getNavigationPoints()[i]._point);
  876.                             }
  877.                         }
  878. 						/*if (null !== typeof ClosestSegmentNavPoint) {
  879.                             //Event when the nav point is moved
  880. 							//ClosestSegmentNavPoint.events.register('drag', W.geometryEditing.activeEditor, findNearestSegment);
  881. 							if (WazeWrap.Geometry.isGeometryInMapExtent(ClosestSegmentNavPoint.lonlat.toPoint())) {
  882. 								findNearestSegment(ClosestSegmentNavPoint.lonlat.toPoint());
  883. 							} else {
  884. 								W.map.events.register('moveend', window, handleNavPointOffScreen);
  885. 							}
  886. 						}*/
  887. 					}
  888. 				}
  889. 			} else {
  890. 				removeDragCallbacks();
  891. 				clearClosesetSegmentLayerFeatures();
  892. 			}
  893. 		}
  894. 	}
  895.  
  896.     function removeDragCallbacks() {
  897.         if(!W.geometryEditing.activeEditor == null){
  898.             W.geometryEditing.activeEditor.dragControl.onDrag = function (e, t) {
  899.                 W.geometryEditing.activeEditor.dragVertex.apply(W.geometryEditing.activeEditor, [e, t]);
  900.             };
  901.             if (null !== typeof ClosestSegmentNavPoint) {
  902.                 try {
  903.                     ClosestSegmentNavPoint.events.unregister('drag', W.geometryEditing.activeEditor, findNearestSegment);
  904.                 } catch (err) { }
  905.             }
  906.         }
  907. 		clearClosesetSegmentLayerFeatures();
  908. 	}
  909.  
  910.     function buildNewPlaceList(){
  911.         //Clear out the Places menu
  912.         $(placeMenuSelector).empty();
  913.         var cat = "";
  914.         var icon = "";
  915.         var i;
  916.         for(i=0;i<11;i++){
  917.             icon = "";
  918.             cat = $('#pieItem' + (i+1))[0].value;
  919.             icon = $('#pieItem' + (i+1))[0].options[$('#pieItem' + (i+1))[0].selectedIndex].getAttribute("data-icon");
  920.             if(cat !== "PARKING_LOT" && cat !== resCategory && cat !== "GAS_STATION")
  921.                 $(placeMenuSelector).append('<div class="toolbar-group-item WazeControlDrawFeature ItemInactive ' + icon +'" id="piePlaceMainItem' + (i+1) + '" data-category="'+ cat + '"><div class="item-icon"></div><span class="menu-title">' + $('#pieItem' + (i+1))[0].options[$('#pieItem' + (i+1))[0].selectedIndex].innerHTML + '</span><div class="drawing-controls"><span class="drawing-control polygon secondary-control waze-tooltip" data-toggle="tooltip" title="" id="piePlaceAreaItem" data-original-title="Create Area"></span><span class="drawing-control main-control point waze-tooltip" data-toggle="tooltip" title="" data-original-title="Create Point"></span></div></div>');
  922.             else{
  923.               //$(placeMenuSelector).append('<div class="toolbar-group-item WazeControlDrawFeature ItemInactive" style="' + (icon !== "" ? "padding-left:0px;" : "") + ' height:40px;" id="piePlaceMainItem' + (i+1) + '" data-category="'+ cat + '"><span class="menu-title ' + icon + '" style="font-size:26px;"><span style="font-size:12px;">' + $('#pieItem' + (i+1))[0].options[$('#pieItem' + (i+1))[0].selectedIndex].innerHTML + '</span></span><div class="drawing-controls"><span class="drawing-control polygon secondary-control" id="piePlaceAreaItem' + (i+1) + '" data-category="' + cat + '" title="Place (area)"></span><span class="drawing-control main-control point" id="piePlacePointItem' + (i+1) + '" data-category="' + cat + '" title="Place (point)"></span></div></div>');            else{
  924.                 if(cat === resCategory) //force point
  925.                     //$(placeMenuSelector).append('<div class="toolbar-group-item WazeControlDrawFeature ItemInactive ' + icon +'" id="piePlaceMainItem' + (i+1) + '" data-category="'+ cat + '"><div class="item-icon"></div><span class="menu-title">' + $('#pieItem' + (i+1))[0].options[$('#pieItem' + (i+1))[0].selectedIndex].innerHTML + '</span></div>');
  926.                     $(placeMenuSelector).append('<div class="toolbar-group-item WazeControlDrawFeature ItemInactive ' + icon + '" id="piePlaceMainItem' + (i+1) + '" data-category="'+ cat + '"><div class="item-icon"></div><span class="menu-title"><span style="font-size:12px;">' + $('#pieItem' + (i+1))[0].options[$('#pieItem' + (i+1))[0].selectedIndex].innerHTML + '</span></span></div>');
  927.                 else //Parking lot & gas station - force area
  928.                     $(placeMenuSelector).append('<div class="toolbar-group-item WazeControlDrawFeature ItemInactive ' + icon +'" id="piePlaceAreaItem' + (i+1) + '" data-category="'+ cat + '"><div class="item-icon"></div><span class="menu-title">' + $('#pieItem' + (i+1))[0].options[$('#pieItem' + (i+1))[0].selectedIndex].innerHTML + '</span></div>');
  929.                     //$(placeMenuSelector).append('<div class="toolbar-group-item WazeControlDrawFeature ItemInactive"             id="piePlaceAreaItem' + (i+1) + '" data-category="'+ cat + '">                             <span class="menu-title" style="flex-grow:1;">' + $('#pieItem' + (i+1))[0].options[$('#pieItem' + (i+1))[0].selectedIndex].innerHTML + '</span></div>');
  930.             }
  931.         }
  932.  
  933.         $('[id^="piePlaceMainItem"]').click(function(e){
  934.             startPlacementMode($('#' + this.id).data("category"), true);
  935.         });
  936.  
  937.         $('[id^="piePlaceAreaItem"]').click(function(e){
  938.             e.stopPropagation();
  939.             startPlacementMode($('#' + this.id).data("category"), false);
  940.         });
  941.     }
  942.  
  943.     function initColorPicker(tries){
  944.         tries = tries || 1;
  945.  
  946.         if ($('#colorPickerFont')[0].jscolor ) {
  947.             $('#colorPickerFont')[0].jscolor.fromString(settings.PlaceNameFontColor);
  948.             $('[id^="colorPicker"]')[0].jscolor.closeText = 'Close';
  949.             $('#colorPickerFont')[0].jscolor.onChange = jscolorChanged;
  950.  
  951.             $('#colorPickerFontOutline')[0].jscolor.fromString(settings.PlaceNameFontOutline);
  952.             $('#colorPickerFontOutline')[0].jscolor.onChange = jscolorChanged;
  953.  
  954.  
  955.         } else if (tries < 1000) {
  956.             setTimeout(function () {initColorPicker(tries++);}, 200);
  957.         }
  958.     }
  959.  
  960.     function jscolorChanged(){
  961.         settings.PlaceNameFontColor = "#" + $('#colorPickerFont')[0].jscolor.toString();
  962.         settings.PlaceNameFontOutline = "#" + $('#colorPickerFontOutline')[0].jscolor.toString();
  963.         saveSettings();
  964.         PIEPlaceNameLayer.styleMap.styles.default.defaultStyle.fontColor = settings.PlaceNameFontColor;
  965.         PIEPlaceNameLayer.styleMap.styles.default.defaultStyle.labelOutlineColor = settings.PlaceNameFontOutline;
  966.         DisplayPlaceNames();
  967.     }
  968.  
  969.     function registerEvents(handler){
  970.         W.selectionManager.events.register("selectionchanged", null, handler);
  971.         W.model.actionManager.events.register("afterundoaction",null, handler);
  972.         W.model.actionManager.events.register("afterclearactions",null, handler);
  973.         W.model.actionManager.events.register("afteraction",null, handler);
  974.     }
  975.  
  976.     function unregisterEvents(handler){
  977.         W.selectionManager.events.unregister("selectionchanged", null, handler);
  978.         W.model.actionManager.events.unregister("afterundoaction",null, handler);
  979.         W.model.actionManager.events.unregister("afterclearactions",null, handler);
  980.         W.model.actionManager.events.unregister("afteraction",null, handler);
  981.     }
  982.  
  983.     function ToggleExternalProvidersCSS(truthiness){
  984.         if(truthiness)
  985.             injectCSSWithID('pieExternalProvidersTweaks', '#edit-panel .external-providers-view .select2-container {width:90%; margin-bottom:2px;}');
  986.         else{
  987.             var styles = document.getElementById('pieExternalProvidersTweaks');
  988.             if(styles) styles.parentNode.removeChild(styles);
  989.         }
  990.     }
  991.  
  992.     function DisplayPlaceNames(){
  993.         PIEPlaceNameLayer.removeAllFeatures();
  994.         var showPoint, showArea, showLock, showNames, showPLA;
  995.         showNames = isChecked('_cbShowPlaceNames');
  996.         showPoint = isChecked('_cbShowPlaceNamesPoint');
  997.         showArea = isChecked('_cbShowPlaceNamesArea');
  998.         showLock = isChecked('_cbShowPlaceNamesLock');
  999.         showPLA = isChecked('_cbShowPlaceNamesPLA');
  1000.  
  1001.         if(showNames){
  1002.             var isPoint;
  1003.             for (var placeID in W.model.venues.objects) {
  1004.                 var venue = W.model.venues.get(placeID);
  1005.                 isPoint = venue.isPoint();
  1006.                 if((isPoint && W.map.zoom >= 5) || (!isPoint && W.map.zoom >= 3)){
  1007.                     if(WazeWrap.Geometry.isGeometryInMapExtent(venue.geometry)){
  1008.                         if( (isPoint && showPoint) || (!isPoint && showArea && !venue.isParkingLot()) || (!isPoint && showPLA && venue.isParkingLot())){
  1009.                             var textLoc;
  1010.                             if(isPoint)
  1011.                                 textLoc = new OpenLayers.Geometry.Point(venue.geometry.x, venue.geometry.y);
  1012.                             else
  1013.                                 textLoc = venue.geometry.getCentroid();
  1014.                             var placeName =WordWrap(venue.attributes.name.trim() + (showLock ? ' (L' + (venue.attributes.lockRank + 1) + ')' : ''));
  1015.                             if(venue.attributes.categories[0] === "RESIDENCE_HOME")
  1016.                                 placeName = venue.attributes.houseNumber + (venue.attributes.name.trim() !== '' ? ' - ' + venue.attributes.name : '') + (showLock ? ' (L' + (venue.attributes.lockRank + 1) + ')' : '');
  1017.                             var placeNameLabel = new OL.Feature.Vector(textLoc,{display: 'block',labelText: placeName.trim(), yOffset:(isPoint ? -13 - placeName.split("\n").length * 5 : 0)});
  1018.                             PIEPlaceNameLayer.addFeatures([placeNameLabel]);
  1019.                         }
  1020.                     }
  1021.                 }
  1022.             }
  1023.         }
  1024.     }
  1025.  
  1026.     function WordWrap(text){
  1027.         var newName = "";
  1028.  
  1029.         if(text !== ""){
  1030.             var splitName = text.match(/(.{1,35})(?:\s|$)/g);
  1031.             for(var i=0;i<splitName.length;i++){
  1032.                 newName += splitName[i] + (i != splitName.length-1 ? '\n' : '');
  1033.             }
  1034.         }
  1035.         console.log()
  1036.         return newName;
  1037.     }
  1038.  
  1039.     //Shamelessly copied from URO+
  1040.     function MPLayerChanged(){
  1041.         for(var mObj in W.map.problemLayer.markers){
  1042.             var mIcon = W.map.problemLayer.markers[mObj].icon.div;
  1043.             mIcon.addEventListener("click", MarkerClick, false);
  1044.         }
  1045.     }
  1046.  
  1047.     function MarkerClick(){
  1048.         var markerType = GetMarkerType(this.className);
  1049.         if(markerType !== null){
  1050.             var markerID = this.attributes["data-id"].value;
  1051.             if(W.map.getLayerByUniqueName("problems").markers[markerID].model.attributes.subType === 71){
  1052.                 var $PIECreatePLA = $("<div>", {style:"min-height:20px"});
  1053.                 $PIECreatePLA.html([
  1054.                     '<div id="PIECreatePLA">',
  1055.                     '<div class="btn btn-block" id="PIECreatePLAButton" style="color: #fff; background-color: #92c2d1; border-color: #78b0bf; margin-top:5px;">Create Suggested PLA</div>',
  1056.                     '</div>'
  1057.                 ].join(' '));
  1058.  
  1059.                 setTimeout(function(){$('#panel-container > div > div > div.body > div.actions > div > div').append($PIECreatePLA); $('#PIECreatePLAButton').click(function(){createPLAFromMP(markerID);});}, 150);
  1060.             }
  1061.         }
  1062.     }
  1063.  
  1064.     //Shamelessly copied from URO+
  1065.     function GetMarkerType(className){
  1066.         var markerType = null;
  1067.         if(className.indexOf('user-generated') !== -1) markerType = 'ur';
  1068.         else if(className.indexOf('map-problem') !== -1) markerType = 'mp';
  1069.         else if(className.indexOf('place-update') !== -1) markerType = 'pur';
  1070.         return markerType;
  1071.     }
  1072.  
  1073.     function createPLAFromMP(MPID){
  1074.         var pos = W.model.problemDetails.objects[MPID].venueGeom;
  1075.  
  1076.         var PlaceObject = require("Waze/Feature/Vector/Landmark");
  1077.         var AddPlace = require("Waze/Action/AddLandmark");
  1078.         var NewPlace = new PlaceObject();
  1079.  
  1080.         var points = [];
  1081.         var i;
  1082.         for(i=0;i<pos.components[0].components.length;i++){
  1083.             points.push(new OL.Geometry.Point(pos.components[0].components[i].x, pos.components[0].components[i].y));
  1084.         }
  1085.         var ring = new OpenLayers.Geometry.LinearRing(points);
  1086.         NewPlace.geometry = new OL.Geometry.Polygon([ring]);
  1087.  
  1088.         NewPlace.attributes.categories.push("PARKING_LOT");
  1089.  
  1090.         W.model.actionManager.add(new AddPlace(NewPlace));
  1091.         Waze.selectionManager.select([NewPlace]);
  1092.     }
  1093.  
  1094.     function highlightObsoleteHospitalCategory(){
  1095.         if(W.selectionManager.selectedItems.length > 0 && W.selectionManager.selectedItems[0].model.type === "venue"){
  1096.                 if(W.selectionManager.selectedItems[0].model.attributes.categories.contains("HOSPITAL_MEDICAL_CARE")){
  1097.                     $('.select2-choices').css('animation-iteration-count', 'infinite');
  1098.                     $('.select2-choices').attr('title', 'The "Hospital / Medical Care" category is no longer valid.\n\nPlease change it to "Hospital / Urgent Care" or "Doctor / Clinic", whichever is most appropriate');
  1099.                     $('.select2-choices').tooltip();
  1100.                 }
  1101.             }
  1102.     }
  1103.  
  1104.     var newPlaceCategory = "";
  1105.     function startPlacementMode(category, isPoint){
  1106.         if(category === "PARKING_LOT"){
  1107.             if(!isChecked("layer-switcher-item_parking_places")){
  1108.                 if(!isChecked("layer-switcher-group_places"))
  1109.                     $("#layer-switcher-group_places").click();
  1110.                 $("#layer-switcher-item_parking_places").click();
  1111.             }
  1112.         }
  1113.         $('#edit-buttons > div > div.toolbar-button.waze-icon-place.toolbar-submenu.toolbar-group.toolbar-group-venues.ItemInactive').removeClass("open");
  1114.         newPlaceCategory = category;
  1115.         var polyDrawFeatureOptions = {callbacks : {"done": doneHandler}};
  1116.         if(isPoint){
  1117.             $("#map").on('mousemove', MouseMoveHandler);
  1118.             $("#map").click(function(){endPlacementMode(category, isPoint);});
  1119.             /*drawPoly = new OpenLayers.Control.DrawFeature(newPlaceLayer, OpenLayers.Handler.Polygon, polyDrawFeatureOptions);
  1120.             W.map.addControl(drawPoly);
  1121.             drawPoly.activate();*/
  1122.         }
  1123.         else{
  1124.             drawPoly = new OpenLayers.Control.DrawFeature(newPlaceLayer, OpenLayers.Handler.Polygon, polyDrawFeatureOptions);
  1125.             W.map.addControl(drawPoly);
  1126.             drawPoly.activate();
  1127.  
  1128.         }
  1129.         document.addEventListener('keyup', keyUpHandler, false);
  1130.     }
  1131.  
  1132.     var businessPLAPlaceName, businessPLAPlaceAddress;//, businessPLAPlacePhone, businessPLAPlaceURL;
  1133.     function startBusinessPLAPlacementMode(){
  1134.         var polyDrawFeatureOptions = {callbacks : {"done": doneHandlerBusinessPLAPlace}};
  1135.         drawPoly = new OpenLayers.Control.DrawFeature(newPlaceLayer, OpenLayers.Handler.Polygon, polyDrawFeatureOptions);
  1136.         W.map.addControl(drawPoly);
  1137.         drawPoly.activate();
  1138.         document.addEventListener('keyup', keyUpHandler, false);
  1139.     }
  1140.  
  1141.     function doneHandlerBusinessPLAPlace(geom){
  1142.         drawPoly.destroy();
  1143.         BusinessPLAMode = false;
  1144.         CreateBusinesPLAPlace(geom, businessPLAPlaceName, businessPLAPlaceAddress);//, businessPLAPlacePhone, businessPLAPlaceURL);
  1145.     }
  1146.  
  1147.     function CreateBusinesPLAPlace(geom, name, address){//, phone, url){
  1148.         drawPoly.destroy();
  1149.  
  1150.         var PlaceObject = require("Waze/Feature/Vector/Landmark");
  1151.         var AddPlace = require("Waze/Action/AddLandmark");
  1152.         var multiaction = new MultiAction();
  1153.         multiaction.setModel(W.model);
  1154.  
  1155.         var NewPlace = new PlaceObject();
  1156.         var points = [];
  1157.         var i;
  1158.         for(i=0;i<geom.components[0].components.length;i++){
  1159.             points.push(new OL.Geometry.Point(geom.components[0].components[i].x, geom.components[0].components[i].y));
  1160.         }
  1161.         var ring = new OpenLayers.Geometry.LinearRing(points);
  1162.         NewPlace.geometry = new OL.Geometry.Polygon([ring]);
  1163.         NewPlace.attributes.categories.push("PARKING_LOT");
  1164.  
  1165.         NewPlace.attributes.lockRank = Number(settings.DefaultLockLevel);
  1166.         NewPlace.attributes.name = "Parking - " + name;
  1167.         //NewPlace.attributes.phone = phone;
  1168.         //NewPlace.attributes.url = url;
  1169.         NewPlace.attributes.categoryAttributes.PARKING_LOT = {};
  1170.         NewPlace.attributes.categoryAttributes.PARKING_LOT.parkingType = "RESTRICTED";
  1171.         NewPlace.attributes.categoryAttributes.PARKING_LOT.lotType = ["STREET_LEVEL"];
  1172.         NewPlace.attributes.categoryAttributes.PARKING_LOT.costType = "FREE";
  1173.  
  1174.         W.model.actionManager.add(new AddPlace(NewPlace));
  1175.  
  1176.         if(address){
  1177.             var newAttributes, UpdateFeatureAddress = require('Waze/Action/UpdateFeatureAddress');
  1178.             newAttributes = {
  1179.                 countryID: address.country.id,
  1180.                 stateID: address.state.id,
  1181.                 emptyCity: address.city.attributes.name ? null : true,
  1182.                 emptyStreet: address.street.name ? null : true,
  1183.                 houseNumber: address.houseNumber
  1184.             };
  1185.  
  1186.                 newAttributes.streetName = address.street.name;
  1187.  
  1188.                 var cityName = address.city.attributes.name;
  1189.  
  1190.                 if(cityName !== "")
  1191.                     newAttributes.emptyCity = null;
  1192.                 newAttributes.cityName = cityName;
  1193.  
  1194.         }
  1195.         var UFA = new UpdateFeatureAddress(NewPlace, newAttributes);
  1196.         UFA.options.updateHouseNumber = true;
  1197.         multiaction.doSubAction(UFA);
  1198.         W.model.actionManager.add(multiaction);
  1199.  
  1200.         Waze.selectionManager.select([NewPlace]);
  1201.     }
  1202.  
  1203.     function doneHandler(geom){
  1204.         drawPoly.destroy();
  1205.         createPlace(geom, newPlaceCategory, false);
  1206.     }
  1207.  
  1208.     function keyUpHandler(e){
  1209.          if (e.keyCode == 27){
  1210.              BusinessPLAMode = false;
  1211.              disablePlacementMode();
  1212.              if(drawPoly !== "undefined")
  1213.                  drawPoly.destroy();
  1214.          }
  1215.         else if(e.keyCode == 90 && e.ctrlKey)
  1216.             drawPoly.undo();
  1217.         else if(e.keyCode == 89 && e.ctrlKey)
  1218.             drawPoly.redo();
  1219.         else if(e.keyCode == 13)
  1220.             drawPoly.finishSketch();
  1221.     }
  1222.  
  1223.     function disablePlacementMode(){
  1224.         $("#map").off('click');//, endPlacementMode);
  1225.         $("#map").off('mousemove', MouseMoveHandler);
  1226.         clearLayer();
  1227.         document.removeEventListener('keyup', keyUpHandler);
  1228.     }
  1229.  
  1230.     function endPlacementMode(category, isPoint){
  1231.         disablePlacementMode();
  1232.         createPlace(getMousePos900913(), category, isPoint);
  1233.     }
  1234.  
  1235.     function getMousePos900913(){
  1236.         var mousePosition = $('.WazeControlMousePosition').text().split(" ");
  1237.         return WazeWrap.Geometry.ConvertTo900913(mousePosition[0], mousePosition[1]);
  1238.     }
  1239.  
  1240.     function MouseMoveHandler(e){
  1241.         clearLayer();
  1242. 		drawCircle(getMousePos900913());
  1243.     }
  1244.  
  1245.     function clearLayer() {
  1246. 		var layer = W.map.getLayersByName(layerName)[0];
  1247. 		layer.removeAllFeatures();
  1248. 	}
  1249.  
  1250.     function drawCircle(e){
  1251.         var pointFeature = new OL.Feature.Vector(new OL.Geometry.Point(e.lon, e.lat), {}, pointStyle);
  1252. 		W.map.getLayersByName(layerName)[0].addFeatures([pointFeature]);
  1253.     }
  1254.  
  1255.     function createPlace(pos, category, isPoint){
  1256.         var PlaceObject = require("Waze/Feature/Vector/Landmark");
  1257.         var AddPlace = require("Waze/Action/AddLandmark");
  1258.         var multiaction = new MultiAction();
  1259.         multiaction.setModel(W.model);
  1260.  
  1261.         var NewPlace = new PlaceObject();
  1262.         if(isPoint)
  1263.             NewPlace.geometry = new OL.Geometry.Point(pos.lon, pos.lat);
  1264.         else{
  1265.             var points = [];
  1266.             var i;
  1267.             for(i=0;i<pos.components[0].components.length;i++){
  1268.                 points.push(new OL.Geometry.Point(pos.components[0].components[i].x, pos.components[0].components[i].y));
  1269.             }
  1270.             var ring = new OpenLayers.Geometry.LinearRing(points);
  1271.             NewPlace.geometry = new OL.Geometry.Polygon([ring]);
  1272.  
  1273.         }
  1274.  
  1275.         NewPlace.attributes.categories.push(category);
  1276.         if(category === resCategory){
  1277.             NewPlace._originalResidential = true;
  1278.             NewPlace.attributes.residential = true;
  1279.             NewPlace.attributes.entryExitPoints.push({_entry: true, _exit: true, _name:"", _isPrimary: true, _point: new OL.Geometry.Point(pos.lon, pos.lat),
  1280.                                                       getPoint : function(){return this._point.clone();},
  1281.                                                       getEntry : function(){return this._entry;},
  1282.                                                       getExit : function(){return this._exit;},
  1283.                                                       isPrimary : function(){return this._isPrimary;},
  1284.                                                       getName: function(){return this._name;},
  1285.                                                       toJSON: function(){return {point: this._point,
  1286.                                                                                  entry: this._entry,
  1287.                                                                                  exit: this._exit,
  1288.                                                                                  primary: this._isPrimary,
  1289.                                                                                  name: this._name
  1290.                                                                                 }}/*,
  1291.                                                           "with": function() {
  1292.                                                               var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {};
  1293.                                                               return new this.constructor((this.toJSON(), e));
  1294.                                                           },
  1295.                                                       clone:  function() {
  1296.                                                           return this.with();
  1297.                                                       }*/
  1298.                                                      });
  1299.         }
  1300.         NewPlace.attributes.lockRank = Number(settings.DefaultLockLevel);
  1301.  
  1302.         var closestSeg = WazeWrap.Geometry.findClosestSegment(new OL.Geometry.Point(pos.lon, pos.lat), settings.SkipPLR, settings.SkipPLR);
  1303.  
  1304.         W.model.actionManager.add(new AddPlace(NewPlace));
  1305.         Waze.selectionManager.select([NewPlace]);
  1306.  
  1307.         if(closestSeg){ //if we were able to find a segment, try to pull the city and/or street name if the options are enabled
  1308.             var newAttributes, UpdateFeatureAddress = require('Waze/Action/UpdateFeatureAddress'), address = closestSeg.getAddress();
  1309.  
  1310.             newAttributes = {
  1311.                 countryID: address.country.id,
  1312.                 stateID: address.state.id,
  1313.                 emptyCity: address.city.attributes.name ? null : true,
  1314.                 emptyStreet: address.street.name ? null : true
  1315.             };
  1316.  
  1317.             if(settings.UseStreetFromClosestSeg)
  1318.                 newAttributes.streetName = address.street.name;
  1319.             else
  1320.                 newAttributes.emptyStreet = true;
  1321.  
  1322.             if(settings.UseCityFromClosestSeg){
  1323.                 var cityName = address.city.attributes.name;
  1324.  
  1325.                 if(settings.UseAltCity && cityName === ""){
  1326.                     if(address.altStreets.length > 0){ //segment has alt names
  1327.                         for(var j=0;j<closestSeg.attributes.streetIDs.length;j++){
  1328.                             var altCity = W.model.cities.get(W.model.streets.get(closestSeg.attributes.streetIDs[j]).cityID).attributes;
  1329.  
  1330.                             if(altCity.englishName !== null && altCity.englishName !== "")
  1331.                                 cityName = altCity.englishName;
  1332.                         }
  1333.                     }
  1334.                 }
  1335.                 if(cityName !== "")
  1336.                     newAttributes.emptyCity = null;
  1337.                 newAttributes.cityName = cityName;
  1338.             }
  1339.             else
  1340.                 newAttributes.emptyCity = true;
  1341.  
  1342.             multiaction.doSubAction(new UpdateFeatureAddress(NewPlace, newAttributes));
  1343.             W.model.actionManager.add(multiaction);
  1344.         }
  1345.         else
  1346.             console.log("WMEPIE - No segment found; cannot set street or city name.");
  1347.  
  1348.         if(category === resCategory && settings.EditRPPAfterCreated)
  1349.             setTimeout(editRPPAddress, 50);
  1350.     }
  1351.  
  1352.     function editRPPAddress(rppTries){
  1353.         rppTries = rppTries || 1;
  1354.  
  1355.         if ($('.address-edit-view').length > 0) {
  1356.             $('.full-address').trigger("click");
  1357.             $('.house-number:first').focus();
  1358.  
  1359.         } else if (rppTries < 1000) {
  1360.             console.log("not found");
  1361.             setTimeout(function () {editRPPAddress(rppTries++);}, 200);
  1362.         }
  1363.     }
  1364.  
  1365.     function buildItemOption(itemNumber){
  1366.         var $section = $("<div>", {style:"padding:8px 16px", id:"piePlaceCat" + itemNumber});
  1367.         $section.html([
  1368.             I18n.t('pie.prefs.Item') + " ",
  1369.             itemNumber,
  1370.             buildItemList(itemNumber),
  1371.             '</br>'
  1372.             ].join(' '));
  1373.  
  1374.         return $section.html();
  1375.     }
  1376.  
  1377.     function buildLockLevelsList(){
  1378.         var $lockLevels = $("<div>");
  1379.         for(var i=0;i<WazeWrap.User.Rank();i++){
  1380.             $lockLevels.append("<option value=" + i + ">" + (i+1) + "</option>");
  1381.         }
  1382.         return $lockLevels.html();
  1383.     }
  1384.  
  1385.     function attachRPPLockButtonHandlers(){
  1386.         $('#pieRPPLockButtonsContainer').remove();
  1387.         W.selectionManager.events.register("selectionchanged", null, addLockButtons);
  1388.         W.model.actionManager.events.register("afterundoaction",null, addLockButtons);
  1389.         W.model.actionManager.events.register("afterclearactions",null, addLockButtons);
  1390.         W.model.actionManager.events.register("afteraction",null, addLockButtons);
  1391.     }
  1392.  
  1393.     function attachPlaceSizeHandlers(){
  1394.         W.selectionManager.events.register("selectionchanged", null, updatePlaceSizeDisplay);
  1395.         W.model.actionManager.events.register("afteraction",null, updatePlaceSizeDisplay);
  1396.         W.model.actionManager.events.register("afterundoaction",null, updatePlaceSizeDisplay);
  1397.         W.model.actionManager.events.register("afterclearactions",null, updatePlaceSizeDisplay);
  1398.         W.model.actionManager.events.register("noActions",null, noActions);
  1399.         updatePlaceSizeDisplay();
  1400.     }
  1401.  
  1402.     function removePlaceSizeHandlers(){
  1403.         W.selectionManager.events.unregister("selectionchanged", null, updatePlaceSizeDisplay);
  1404.         W.model.actionManager.events.unregister("afteraction",null, updatePlaceSizeDisplay);
  1405.         W.model.actionManager.events.unregister("afterundoaction",null, updatePlaceSizeDisplay);
  1406.         W.model.actionManager.events.unregister("afterclearactions",null, updatePlaceSizeDisplay);
  1407.         W.model.actionManager.events.unregister("noActions",null, noActions);
  1408.     }
  1409.  
  1410.     var currLinkClass = []; //We have to keep track of the current status in case the user toggled the linking due to the panel getting rebuilt after every action
  1411.     function ShowNavPointLink(){
  1412.         $('#pieNavLink').remove();
  1413.         if(W.selectionManager.selectedItems.length > 0){
  1414.             if(W.selectionManager.selectedItems[0].model.type === "venue" && W.selectionManager.selectedItems[0].model.isPoint()){
  1415.                 if(currLinkClass.length == 0 || currLinkClass[0] != W.selectionManager.selectedItems[0].model.attributes.id){ //First time this place has been selected
  1416.                     currLinkClass[0] = W.selectionManager.selectedItems[0].model.attributes.id;
  1417.                     currLinkClass[1] = (settings.NavLink ? "fa fa-link fa-lg" : "fa fa-chain-broken fa-lg");
  1418.                 }
  1419.                 var $NavLink;
  1420.                 if(W.selectionManager.selectedItems[0].model.attributes.categories.contains("RESIDENCE_HOME")){
  1421.                     $NavLink = $('<div style="display:inline-block; z-index:100; cursor:pointer;" id="pieNavLink" title=""><i class="' + currLinkClass[1] + '" id="placeNavLink" aria-hidden="true"></i></div>');
  1422.                     $('.address-edit.side-panel-section').before($NavLink);
  1423.                 }
  1424.                 else{
  1425.                      $NavLink = $('<div style="float:right; z-index:100; cursor:pointer; top:0; right:0;" id="pieNavLink" title=""><i class="' + currLinkClass[1] + '" id="placeNavLink" aria-hidden="true"></i></div>');
  1426.                     $('#landmark-edit-general > form > div:nth-child(2) > i').after($NavLink);
  1427.                 }
  1428.                 $('#pieNavLink').click(function(){
  1429.                     if($('#placeNavLink').attr("class") == "fa fa-link fa-lg"){
  1430.                         $('#placeNavLink').attr("class", "fa fa-chain-broken fa-lg");
  1431.                         currLinkClass[1] = "fa fa-chain-broken fa-lg";
  1432.                     }
  1433.                     else{
  1434.                         $('#placeNavLink').attr("class", "fa fa-link fa-lg");
  1435.                         currLinkClass[1] = "fa fa-link fa-lg";
  1436.                     }
  1437.                 });
  1438.             }
  1439.         }
  1440.         else
  1441.             currLinkClass = [];
  1442.     }
  1443.  
  1444.     function ShowPlaceLocatorCrosshair(){
  1445.         $('#pieCrosshairs').remove();
  1446.         if(W.selectionManager.selectedItems.length > 0){
  1447.             if(W.selectionManager.selectedItems[0].model.type === "venue"){
  1448.                 var $crosshairs;
  1449.                 if(W.selectionManager.selectedItems[0].model.attributes.categories.contains("RESIDENCE_HOME")){
  1450.                     $('.landmark > .tab-content').css('position', 'relative');
  1451.                     $crosshairs = $('<div style="position:absolute; z-index:100; cursor:pointer; top:0; right:0;" id="pieCrosshairs" title="Zoom and center on Place"><i class="fa fa-crosshairs fa-lg" id="placeCrosshair" aria-hidden="true"></i></div>');
  1452.                     //$('.address-edit.side-panel-section').before($crosshairs);
  1453.                     $('.landmark > .tab-content').append($crosshairs);
  1454.                 }
  1455.                 else{
  1456.                      $crosshairs = $('<div style="float:right; z-index:100; cursor:pointer; top:0; right:0;" id="pieCrosshairs" title="Zoom and center on Place"><i class="fa fa-crosshairs fa-lg" id="placeCrosshair" aria-hidden="true"></i></div>');
  1457.                     $('#landmark-edit-general > form > div:nth-child(2) > i').after($crosshairs);
  1458.                 }
  1459.                 $('#pieCrosshairs').click(function(){
  1460.                     CenterOnPlace(W.selectionManager.selectedItems[0].model, settings.PlaceZoom);
  1461.                 });
  1462.  
  1463.                 $('#pieCrosshairs').mouseenter(function(e) {
  1464.                     //var changedThisPl = getKMLPermalink(wazePL.getAttribute('href'));
  1465.                     window.addEventListener('keydown', copyPLHotkeyEvent, false);
  1466.                 });
  1467.  
  1468.                 $('#pieCrosshairs').mouseleave('mouseleave', function() {
  1469.                     window.removeEventListener('keydown', copyPLHotkeyEvent);
  1470.                 });
  1471.             }
  1472.         }
  1473.     }
  1474.  
  1475.     var copyPLHotkeyEvent = function(e) {
  1476.             if ((e.metaKey || e.ctrlKey) && (e.which === 67))
  1477.                 copyToClipboard(getPermalink(wazePL.getAttribute('href')));
  1478.         };
  1479.  
  1480.     var BusinessPLAMode = false;
  1481.     function ShowParkingLotButton(){
  1482.         $('#piePLAButton').remove();
  1483.  
  1484.         if(W.selectionManager.selectedItems.length > 0){
  1485.             if(W.selectionManager.selectedItems[0].model.type === "venue"){
  1486.                 var $PLAButton;
  1487.                 if(!(W.selectionManager.selectedItems[0].model.attributes.categories.contains("RESIDENCE_HOME") || W.selectionManager.selectedItems[0].model.attributes.categories.contains("PARKING_LOT"))){
  1488.                     $PLAButton = $('<div style="float:right; z-index:100; cursor:pointer; top:0; right:0;" id="piePLAButton" title="Create a Parking Lot Area for this Place"><i class="fa fa-product-hunt fa-lg" aria-hidden="true"></i></div>');
  1489.                     $('#landmark-edit-general > form > div:nth-child(2) > i').after($PLAButton);
  1490.  
  1491.                     $('#piePLAButton').click(function(){
  1492.                         if(!BusinessPLAMode){
  1493.                             BusinessPLAMode = true;
  1494.                             businessPLAPlaceName = W.selectionManager.selectedItems[0].model.attributes.name;
  1495.                             businessPLAPlaceAddress = W.selectionManager.selectedItems[0].model.getAddress().attributes;
  1496.                             //businessPLAPlacePhone = W.selectionManager.selectedItems[0].model.attributes.phone;
  1497.                             //businessPLAPlaceURL = W.selectionManager.selectedItems[0].model.attributes.url;
  1498.                             startBusinessPLAPlacementMode();
  1499.                             if(!isChecked("layer-switcher-item_parking_places")){
  1500.                                 if(!isChecked("layer-switcher-group_places"))
  1501.                                     $("#layer-switcher-group_places").click();
  1502.                                 $("#layer-switcher-item_parking_places").click();
  1503.                             }
  1504.                         }
  1505.                     });
  1506.                 }
  1507.             }
  1508.         }
  1509.     }
  1510.  
  1511.     var extProviderTries = 0;
  1512.     function ShowExternalProviderTooltip(){
  1513.         if(isChecked('_cbShowExternalProviderTooltip'))
  1514.             if(W.selectionManager.selectedItems.length > 0 && W.selectionManager.selectedItems[0].model.type === "venue"){
  1515.                 if($('.select2-container.uuid').length > 0)
  1516.                     for(var i=0; i < $('.select2-container.uuid').find('span.select2-chosen').length; i++){
  1517.                         extProviderTries = 0;
  1518.                         ReadExtProviderText(i, extProviderTries);
  1519.                     }
  1520.             }
  1521.     }
  1522.  
  1523.     var calibratingAngledWidth = false;
  1524.     function ShowPLSpotEstimatorButton(){
  1525.         $('.PIEParkingSpotEstimatorButton').remove();
  1526.  
  1527.         if(W.selectionManager.selectedItems.length > 0){
  1528.             if(W.selectionManager.selectedItems[0].model.type === "venue" && W.selectionManager.selectedItems[0].model.attributes.categories.includes("PARKING_LOT")){
  1529.                 var $ParkingSpotEstimatorButton;
  1530.                 $ParkingSpotEstimatorButton = $('<div style="font-size:18px; float:right; z-index:100; cursor:pointer; top:0; right:0; margin-left:1px; margin-right:1px;" class="PIEParkingSpotEstimatorButton" title="' + I18n.t('pie.prefs.PSEDisplayButtonTitle') + '">#</div>');
  1531.                 $('#landmark-edit-general > form > div:nth-child(2) > i').after($ParkingSpotEstimatorButton);
  1532.  
  1533.                 $('select[name="estimatedNumberOfSpots"]').before($ParkingSpotEstimatorButton.clone());
  1534.  
  1535.                 $('.PIEParkingSpotEstimatorButton').click(ShowPLSpotEstimator);
  1536.                 totalSpots = 0;
  1537.             }
  1538.         }
  1539.         else
  1540.             $('#PIEParkingSpotEstimator').remove();//if they de-select the Place, remove the tool from the screen
  1541.     }
  1542.  
  1543.     function startPLSpotEstimatorDrawMode(){
  1544.         let polyDrawFeatureOptions = {callbacks : {"done": PLSpotEstimatordoneHandler, "point": pointHandler}};
  1545.  
  1546.         PLSpotEstimatordrawControl = new OpenLayers.Control.DrawFeature(PLSpotEstimatorLayer, OpenLayers.Handler.Path, polyDrawFeatureOptions);
  1547.         W.map.addControl(PLSpotEstimatordrawControl);
  1548.         PLSpotEstimatordrawControl.activate();
  1549.  
  1550.         $('div#WazeMap.view-area.olMap').keydown(PLSpotEstimatorkeyUpHandler);
  1551.     }
  1552.  
  1553.     function startPLSpotEstimatorCalibrationMode(){
  1554.         let polyDrawFeatureOptions = {callbacks : {"done": PLSpotEstimatorCalibrationdoneHandler, "point": pointHandler}};
  1555.  
  1556.         PLSpotEstimatorCalibrationdrawControl = new OpenLayers.Control.DrawFeature(PLSpotEstimatorCalibrationLayer, OpenLayers.Handler.Path, polyDrawFeatureOptions);
  1557.         W.map.addControl(PLSpotEstimatorCalibrationdrawControl);
  1558.         PLSpotEstimatorCalibrationdrawControl.activate();
  1559.  
  1560.         $('div#WazeMap.view-area.olMap').keydown(PLSpotEstimatorCalibrationkeyUpHandler);
  1561.     }
  1562.  
  1563.     function pointHandler() {
  1564.         isDrawing = true;
  1565.     }
  1566.  
  1567.     function PLSpotEstimatorkeyUpHandler(e){
  1568.         if (e.keyCode == 27){
  1569.             if (isDrawing) {
  1570.                 PLSpotEstimatordrawControl.cancel();
  1571.                 isDrawing = false;
  1572.             } else {
  1573.                 disablePLSpotEstimatorDrawMode();
  1574.                 if(PLSpotEstimatordrawControl !== "undefined")
  1575.                     PLSpotEstimatordrawControl.destroy();
  1576.                 $('#PIE90DegreeSpotWidthDraw').removeClass("PSESelected");
  1577.                 $('#PIEAngledSpotWidthDraw').removeClass("PSESelected");
  1578.             }
  1579.             e.stopPropagation();
  1580.         }
  1581.         else if(e.keyCode == 90 && e.ctrlKey)
  1582.             PLSpotEstimatordrawControl.undo();
  1583.         else if(e.keyCode == 89 && e.ctrlKey)
  1584.             PLSpotEstimatordrawControl.redo();
  1585.         else if(e.keyCode == 13)
  1586.             PLSpotEstimatordrawControl.finishSketch();
  1587.     }
  1588.  
  1589.     function PLSpotEstimatorCalibrationkeyUpHandler(e){
  1590.         if (e.keyCode == 27){
  1591.             if (isDrawing) {
  1592.                 PLSpotEstimatorCalibrationdrawControl.cancel();
  1593.                 isDrawing = false;
  1594.             } else {
  1595.                 disablePLSpotEstimatorCalibrationDrawMode();
  1596.                 if(PLSpotEstimatorCalibrationdrawControl !== "undefined")
  1597.                     PLSpotEstimatorCalibrationdrawControl.destroy();
  1598.                 $('#PIE90DegreeSpotWidthCalibration').removeClass("PSESelected");
  1599.                 $('#PIEAngledSpotWidthCalibration').removeClass("PSESelected");
  1600.             }
  1601.             e.stopPropagation();
  1602.  
  1603.         }
  1604.         else if(e.keyCode == 90 && e.ctrlKey)
  1605.             PLSpotEstimatorCalibrationdrawControl.undo();
  1606.         else if(e.keyCode == 89 && e.ctrlKey)
  1607.             PLSpotEstimatorCalibrationdrawControl.redo();
  1608.         else if(e.keyCode == 13)
  1609.             PLSpotEstimatorCalibrationdrawControl.finishSketch();
  1610.     }
  1611.  
  1612.     function disablePLSpotEstimatorDrawMode(){
  1613.         $("#map").off('click');
  1614.         if(PLSpotEstimatordrawControl){
  1615.             PLSpotEstimatordrawControl.deactivate();
  1616.             PLSpotEstimatordrawControl.destroy();
  1617.         }
  1618.         PLSpotEstimatorLayer.removeAllFeatures();
  1619.         $('div#WazeMap.view-area.olMap').off('keydown');
  1620.     }
  1621.  
  1622.     function disablePLSpotEstimatorCalibrationDrawMode(){
  1623.         $("#map").off('click');
  1624.         if(PLSpotEstimatorCalibrationdrawControl){
  1625.             PLSpotEstimatorCalibrationdrawControl.deactivate();
  1626.             PLSpotEstimatorCalibrationdrawControl.destroy();
  1627.         }
  1628.         PLSpotEstimatorCalibrationLayer.removeAllFeatures();
  1629.         $('div#WazeMap.view-area.olMap').off('keydown');
  1630.     }
  1631.  
  1632.     var totalSpots = 0;
  1633.     function PLSpotEstimatordoneHandler(geom){
  1634.         let style = {strokeWidth: 3, strokeColor: '#ee9900'};
  1635.         PLSpotEstimatorLayer.addFeatures(new OL.Feature.Vector(geom,{}, style));
  1636.  
  1637.         let spots = Math.round(WazeWrap.Geometry.calculateDistance(geom.components)/($('#PIE90DegreeSpotWidthDraw').hasClass("PSESelected") ? $('#PIE90DegreeSpotWidth')[0].value : $('#PIEAngledSpotWidth')[0].value));
  1638.         totalSpots += spots;
  1639.  
  1640.         $('#PIEPLSpotEstimatorTotal')[0].innerText = totalSpots;
  1641.  
  1642.         if(totalSpots > 0)
  1643.             $('#PIESetParkingSpacesToPlace').prop('disabled', false);
  1644.         isDrawing = false;
  1645.     }
  1646.  
  1647.     function PLSpotEstimatorCalibrationdoneHandler(geom){
  1648.         var style = {strokeWidth: 3, strokeColor: '#00ee00'};
  1649.         PLSpotEstimatorCalibrationLayer.addFeatures(new OL.Feature.Vector(geom,{}, style));
  1650.         let totalLength = 0;
  1651.  
  1652.         PLSpotEstimatorCalibrationLayer.features.forEach(function(f) {
  1653.             let length = Math.round(WazeWrap.Geometry.calculateDistance(f.geometry.components)*100)/100;
  1654.             totalLength += length;
  1655.         });
  1656.  
  1657.         if(calibratingAngledWidth){
  1658.             $('#PIEAngledSpotWidth')[0].value = totalLength;
  1659.             settings.PLAngledSpotWidth = totalLength;
  1660.         }
  1661.         else{
  1662.             $('#PIE90DegreeSpotWidth')[0].value = totalLength;
  1663.             settings.PLNormalSpotWidth = totalLength;
  1664.         }
  1665.         saveSettings();
  1666.  
  1667.         $('#PIE90DegreeSpotWidthCalibration').removeClass("PSESelected");
  1668.         $('#PIEAngledSpotWidthCalibration').removeClass("PSESelected");
  1669.  
  1670.         isDrawing = false;
  1671.         disablePLSpotEstimatorCalibrationDrawMode();
  1672.     }
  1673.  
  1674.     function ShowPLSpotEstimator(){
  1675.         if($('#PIEParkingSpotEstimator').length > 0)
  1676.             $('#PIEParkingSpotEstimator').remove();
  1677.         else{
  1678.             if(W.selectionManager.selectedItems.length > 0){
  1679.                 if(W.selectionManager.selectedItems[0].model.type === "venue" && W.selectionManager.selectedItems[0].model.attributes.categories.includes("PARKING_LOT")){
  1680.  
  1681.                     var $PLSpotEstimator = $('<div>');
  1682.                     $PLSpotEstimator.html([
  1683.                         '<div style="position: absolute; text-align:center; z-index:1000; background-color:white; top:20px; left:300px; border-radius:20px; border: 2px solid; width: 300px; padding-left:10px; padding-right:10px; padding-bottom:5px;" id="PIEParkingSpotEstimator">',
  1684.                         '<span style="font-weight:bold;">' + I18n.t('pie.prefs.PSEParkingSpaceEstimator') + '</span><i class="fa fa-window-close-o" aria-hidden="true" style="float:right; cursor:pointer;" id="PIECloseParkingSpotEstimator"></i>',
  1685.                         '<hr>',
  1686.                         '<div style=" display:flex; justify-content:space-between;">',
  1687.                         '<div style="display: inline;">' + I18n.t('pie.prefs.PSELayoutType') + '<br/><br/>' + I18n.t('pie.prefs.PSESpotWidth') + '</div>',
  1688.                         '<div style="display: inline;">' + I18n.t('pie.prefs.PSE90degree') + '<br/><br/><input type="text" size=2 id="PIE90DegreeSpotWidth"><button id="PIE90DegreeSpotWidthCalibration" title="Measure the width of a single 90 degree parking spot">' + I18n.t('pie.prefs.PSECal') + '</button><br/><button id="PIE90DegreeSpotWidthDraw" class="fa fa-pencil" title="' + I18n.t('pie.prefs.PSEDraw90DegreeTitle') + '"></button></div>',
  1689.                         '<div style="display: inline;">' + I18n.t('pie.prefs.PSEAngled') + '<br/><br/><input type="text" size=2 id="PIEAngledSpotWidth"><button id="PIEAngledSpotWidthCalibration" title="Measure the width of a single angled degree parking spot">' + I18n.t('pie.prefs.PSECal') + '</button><br/><button id="PIEAngledSpotWidthDraw" class="fa fa-pencil" title="' + I18n.t('pie.prefs.PSEDrawAngledTitle') + '"></button></div>',
  1690.                         '</div>',
  1691.                         '<hr>',
  1692.                         '<div>' + I18n.t('pie.prefs.PSEEstimatedNumOfSpots') + '<span id="PIEPLSpotEstimatorTotal" style="color:blue; padding:0px 3px; font-weight:900; font-size:1.2em;" >0</span>&emsp;<div style="display:inline-block;"><button id="PIESetParkingSpacesToPlace" disabled>' + I18n.t('pie.prefs.PSESet') + '</button></div></div>',
  1693.                         '</div>'
  1694.                     ].join(' '));
  1695.  
  1696.                     $("#WazeMap").append($PLSpotEstimator.html());
  1697.  
  1698.                     $("#PIECloseParkingSpotEstimator").click(function(){
  1699.                         $('#PIEParkingSpotEstimator').remove();
  1700.                         disablePLSpotEstimatorDrawMode();
  1701.                         disablePLSpotEstimatorCalibrationDrawMode();
  1702.                         if(PLSpotEstimatordrawControl != null)
  1703.                             PLSpotEstimatordrawControl.destroy();
  1704.                         if(PLSpotEstimatorCalibrationdrawControl != null)
  1705.                             PLSpotEstimatorCalibrationdrawControl.destroy();
  1706.                     });
  1707.  
  1708.                     $('#PIEParkingSpotEstimator').keydown(function(e){
  1709.                         disablePLSpotEstimatorDrawMode();
  1710.                         disablePLSpotEstimatorCalibrationDrawMode();
  1711.                         if(PLSpotEstimatordrawControl != null)
  1712.                             PLSpotEstimatordrawControl.destroy();
  1713.                         if(PLSpotEstimatorCalibrationdrawControl != null)
  1714.                             PLSpotEstimatorCalibrationdrawControl.destroy();
  1715.                         $('#PIE90DegreeSpotWidthDraw').removeClass("PSESelected");
  1716.                         $('#PIEAngledSpotWidthDraw').removeClass("PSESelected");
  1717.                         $('#PIE90DegreeSpotWidthCalibration').removeClass("PSESelected");
  1718.                         $('#PIEAngledSpotWidthCalibration').removeClass("PSESelected");
  1719.                     });
  1720.  
  1721.                     $('#PIE90DegreeSpotWidth')[0].value = settings.PLNormalSpotWidth;
  1722.                     $('#PIEAngledSpotWidth')[0].value = settings.PLAngledSpotWidth;
  1723.  
  1724.                     $('#PIESetParkingSpacesToPlace').click(function(){
  1725.                         let spotCount = $('#PIEPLSpotEstimatorTotal')[0].innerText;
  1726.                         if(spotCount != "0"){
  1727.                             let myPlace = W.selectionManager.selectedItems[0].model;
  1728.                             let existingAttr = myPlace.attributes.categoryAttributes.PARKING_LOT;
  1729.                             let newAttr = {};
  1730.                             if (existingAttr) {
  1731.                                 for (var prop in existingAttr) {
  1732.                                     let value = existingAttr[prop];
  1733.                                     if (Array.isArray(value)) value = value.clone();
  1734.                                     newAttr[prop] = value;
  1735.                                 }
  1736.                             }
  1737.                             let spotPropValue;
  1738.                             spotCount = parseInt(spotCount);
  1739.                             if(spotCount < 11)
  1740.                                 spotPropValue = "R_1_TO_10";
  1741.                             else if(spotCount < 31)
  1742.                                 spotPropValue = "R_11_TO_30";
  1743.                             else if(spotCount < 61)
  1744.                                 spotPropValue = "R_31_TO_60";
  1745.                             else if(spotCount < 101)
  1746.                                 spotPropValue = "R_61_TO_100";
  1747.                             else if(spotCount < 301)
  1748.                                 spotPropValue = "R_101_TO_300";
  1749.                             else if(spotCount < 601)
  1750.                                 spotPropValue = "R_301_TO_600";
  1751.                             else if(spotCount >= 601)
  1752.                                 spotPropValue = "R_600_PLUS";
  1753.  
  1754.                             newAttr.estimatedNumberOfSpots = spotPropValue;
  1755.                             W.model.actionManager.add(new UpdateObject(myPlace, {'categoryAttributes': {PARKING_LOT: newAttr}}));
  1756.                         }
  1757.                     });
  1758.  
  1759.                     $('#PIE90DegreeSpotWidth').focusout(function(){
  1760.                         let width = $(this)[0].value;
  1761.                         if(width == "" || width == "0")
  1762.                             $(this)[0].value = 3.44;
  1763.                         settings.PLNormalSpotWidth = width;
  1764.                         saveSettings();
  1765.                     });
  1766.  
  1767.                     $('#PIEAngledSpotWidth').focusout(function(){
  1768.                         let width = $(this)[0].value;
  1769.                         if(width == "" || width == "0")
  1770.                             $(this)[0].value = 3;
  1771.                         settings.PLAngledSpotWidth = width;
  1772.                         saveSettings();
  1773.                     });
  1774.  
  1775.                     $('#PIE90DegreeSpotWidthDraw').click(function() {
  1776.                         if (PLSpotEstimatordrawControl && PLSpotEstimatordrawControl.active) {
  1777.                             PLSpotEstimatordrawControl.deactivate();
  1778.                             PLSpotEstimatordrawControl.destroy();
  1779.                             $('div#WazeMap.view-area.olMap').off('keyup');
  1780.                             $('#PIE90DegreeSpotWidthDraw').removeClass("PSESelected");
  1781.                             $('#PIEAngledSpotWidthDraw').removeClass("PSESelected");
  1782.                         } else {
  1783.                             $('#PIEAngledSpotWidthDraw').removeClass("PSESelected");
  1784.                             $('#PIE90DegreeSpotWidthCalibration').removeClass("PSESelected");
  1785.                             $('#PIEAngledSpotWidthCalibration').removeClass("PSESelected");
  1786.                             $('#PIE90DegreeSpotWidthDraw').addClass("PSESelected");
  1787.                             startPLSpotEstimatorDrawMode();
  1788.                         }
  1789.                     });
  1790.  
  1791.                     $('#PIEAngledSpotWidthDraw').click(function() {
  1792.                         if (PLSpotEstimatordrawControl && PLSpotEstimatordrawControl.active) {
  1793.                             PLSpotEstimatordrawControl.deactivate();
  1794.                             PLSpotEstimatordrawControl.destroy();
  1795.                             $('div#WazeMap.view-area.olMap').off('keyup');
  1796.                             $('#PIEAngledSpotWidthDraw').removeClass("PSESelected");
  1797.                             $('#PIE90DegreeSpotWidthDraw').removeClass("PSESelected");
  1798.                         } else {
  1799.                             $('#PIE90DegreeSpotWidthDraw').removeClass("PSESelected");
  1800.                             $('#PIE90DegreeSpotWidthCalibration').removeClass("PSESelected");
  1801.                             $('#PIEAngledSpotWidthCalibration').removeClass("PSESelected");
  1802.                             $('#PIEAngledSpotWidthDraw').addClass("PSESelected");
  1803.                             startPLSpotEstimatorDrawMode();
  1804.                         }
  1805.                     });
  1806.  
  1807.                     $('#PIE90DegreeSpotWidthCalibration').click(function(){
  1808.                         if(PLSpotEstimatordrawControl){
  1809.                             PLSpotEstimatordrawControl.deactivate();
  1810.                             PLSpotEstimatordrawControl.destroy();
  1811.                             $('#PIE90DegreeSpotWidthDraw').removeClass("PSESelected");
  1812.                             $('#PIEAngledSpotWidthDraw').removeClass("PSESelected");
  1813.                         }
  1814.                         if(PLSpotEstimatorCalibrationdrawControl){
  1815.                             PLSpotEstimatorCalibrationdrawControl.deactivate();
  1816.                             PLSpotEstimatorCalibrationdrawControl.destroy();
  1817.                             $('#PIE90DegreeSpotWidthCalibration').removeClass("PSESelected");
  1818.                             $('#PIEAngledSpotWidthCalibration').removeClass("PSESelected");
  1819.                         }
  1820.                         $('#PIE90DegreeSpotWidthCalibration').addClass("PSESelected");
  1821.                         calibratingAngledWidth = false;
  1822.                         startPLSpotEstimatorCalibrationMode();
  1823.                     });
  1824.  
  1825.                     $('#PIEAngledSpotWidthCalibration').click(function(){
  1826.                         if(PLSpotEstimatordrawControl){
  1827.                             PLSpotEstimatordrawControl.deactivate();
  1828.                             PLSpotEstimatordrawControl.destroy();
  1829.                             $('#PIE90DegreeSpotWidthDraw').removeClass("PSESelected");
  1830.                             $('#PIEAngledSpotWidthDraw').removeClass("PSESelected");
  1831.                         }
  1832.                         if(PLSpotEstimatorCalibrationdrawControl){
  1833.                             PLSpotEstimatorCalibrationdrawControl.deactivate();
  1834.                             PLSpotEstimatorCalibrationdrawControl.destroy();
  1835.                             $('#PIE90DegreeSpotWidthCalibration').removeClass("PSESelected");
  1836.                             $('#PIEAngledSpotWidthCalibration').removeClass("PSESelected");
  1837.                         }
  1838.                         $('#PIEAngledSpotWidthCalibration').addClass("PSESelected");
  1839.                         calibratingAngledWidth = true;
  1840.                         startPLSpotEstimatorCalibrationMode();
  1841.                     });
  1842.                 }
  1843.             }
  1844.             else{
  1845.                 disablePLSpotEstimatorDrawMode();
  1846.                 disablePLSpotEstimatorCalibrationDrawMode();
  1847.             }
  1848.         }
  1849.     }
  1850.  
  1851.     function ReadExtProviderText(index, extProviderTries){
  1852.         var providersList = $('.select2-container.uuid').find('span.select2-chosen');
  1853.         if($('.select2-container.uuid').find('span.select2-chosen')[index].innerHTML == "&nbsp;" && extProviderTries <= 20)
  1854.             setTimeout(function(){ReadExtProviderText(index, extProviderTries++);}, 50);
  1855.         else{
  1856.             if($('#' + providersList[index].id).parent().parent().data('original-title') == null){
  1857.                 $('#' + providersList[index].id).parent().parent().attr('title', $('.select2-container.uuid').find('span.select2-chosen')[index].innerText);
  1858.                 $('#' + providersList[index].id).parent().parent().tooltip()
  1859.             }
  1860.             else
  1861.                 $('#' + providersList[index].id).parent().parent().attr('data-original-title', $('.select2-container.uuid').find('span.select2-chosen')[index].innerText);
  1862.         }
  1863.     }
  1864.  
  1865.     function ShowCopyPlaceButton(){
  1866.         $('#pieCopyPlaceButton').remove();
  1867.  
  1868.         if(W.selectionManager.selectedItems.length > 0){
  1869.             //W.selectionManager.selectedItems[0].model.attributes.id.match(/(\d+\.){2}\d+/)
  1870.             if(W.selectionManager.selectedItems[0].model.type === "venue"){// && (typeof W.selectionManager.selectedItems[0].model.attributes.id === "string")){ //id is only a string if the Place has been saved - don't allow copying unsaved Places
  1871.                 var $PlaceCopyButton;
  1872.                 if(!W.selectionManager.selectedItems[0].model.attributes.categories.contains("RESIDENCE_HOME")){
  1873.                     $PlaceCopyButton = $('<div style="float:right; z-index:100; cursor:pointer; top:0; right:0; margin-left:1px; margin-right:1px;" id="pieCopyPlaceButton" title="Creates a copy of this Place"><i class="fa fa-files-o fa-lg" aria-hidden="true"></i></div>');
  1874.                     $('#landmark-edit-general > form > div:nth-child(2) > i').after($PlaceCopyButton);
  1875.  
  1876.                     $('#pieCopyPlaceButton').click(function(){
  1877.                         var PlaceObject = require("Waze/Feature/Vector/Landmark");
  1878.                         var AddPlace = require("Waze/Action/AddLandmark");
  1879.  
  1880.                         var NewPlace = new PlaceObject();
  1881.                         var oldPlace = W.selectionManager.selectedItems[0].model;
  1882.  
  1883.                         NewPlace.attributes.name = oldPlace.attributes.name + " (copy)";
  1884.                         NewPlace.attributes.phone = oldPlace.attributes.phone;
  1885.                         NewPlace.attributes.url = oldPlace.attributes.url;
  1886.                         NewPlace.attributes.categories = oldPlace.attributes.categories.clone();
  1887.                         NewPlace.attributes.aliases = oldPlace.attributes.aliases.clone();
  1888.                         NewPlace.attributes.description = oldPlace.attributes.description;
  1889.                         NewPlace.attributes.houseNumber = oldPlace.attributes.houseNumber;
  1890.                         NewPlace.attributes.lockRank = oldPlace.attributes.lockRank;
  1891.                         NewPlace.attributes.geometry = oldPlace.attributes.geometry.clone();
  1892.  
  1893.                         if(oldPlace.attributes.geometry.toString().match(/^POLYGON/)){
  1894.                             var convertedCoords;
  1895.                             for(var i=0; i<NewPlace.attributes.geometry.components[0].components.length - 1; i++){
  1896.                                 convertedCoords = WazeWrap.Geometry.ConvertTo4326(NewPlace.attributes.geometry.components[0].components[i].x, NewPlace.attributes.geometry.components[0].components[i].y);
  1897.                                 convertedCoords.lon += WazeWrap.Geometry.CalculateLongOffsetGPS(5, convertedCoords.long, convertedCoords.lat);
  1898.                                 NewPlace.attributes.geometry.components[0].components[i].x = WazeWrap.Geometry.ConvertTo900913(convertedCoords.lon, convertedCoords.lat).lon;
  1899.                             }
  1900.                         }
  1901.                         else{
  1902.                             var convertedCoords = WazeWrap.Geometry.ConvertTo4326(oldPlace.attributes.geometry.x, oldPlace.attributes.geometry.y);
  1903.                             convertedCoords.lon += WazeWrap.Geometry.CalculateLongOffsetGPS(5, convertedCoords.long, convertedCoords.lat);
  1904.                             NewPlace.attributes.geometry.x = WazeWrap.Geometry.ConvertTo900913(convertedCoords.lon, convertedCoords.lat).lon;
  1905.                         }
  1906.  
  1907.                         NewPlace.attributes.services = oldPlace.attributes.services.clone();
  1908.                         NewPlace.attributes.openingHours = oldPlace.attributes.openingHours.clone();
  1909.                         NewPlace.attributes.streetID = oldPlace.attributes.streetID;
  1910.  
  1911.                         if(NewPlace.attributes.categories.contains("GAS_STATION"))
  1912.                             NewPlace.attributes.brand = oldPlace.attributes.brand;
  1913.  
  1914.                         if(NewPlace.attributes.categories.contains("PARKING_LOT")){
  1915.                             NewPlace.attributes.categoryAttributes.PARKING_LOT = {};
  1916.                             var PLAttribute = oldPlace.attributes.categoryAttributes.PARKING_LOT;
  1917.                             if(!(PLAttribute.lotType == null))
  1918.                                 NewPlace.attributes.categoryAttributes.PARKING_LOT.lotType = oldPlace.attributes.categoryAttributes.PARKING_LOT.lotType.clone();
  1919.                             if(!(PLAttribute.canExitWhileClosed == null))
  1920.                                 NewPlace.attributes.categoryAttributes.PARKING_LOT.canExitWhileClosed = oldPlace.attributes.categoryAttributes.PARKING_LOT.canExitWhileClosed;
  1921.                             if(!(PLAttribute.costType == null))
  1922.                                 NewPlace.attributes.categoryAttributes.PARKING_LOT.costType = oldPlace.attributes.categoryAttributes.PARKING_LOT.costType;
  1923.                             if(!(PLAttribute.estimatedNumberOfSpots == null))
  1924.                                 NewPlace.attributes.categoryAttributes.PARKING_LOT.estimatedNumberOfSpots = oldPlace.attributes.categoryAttributes.PARKING_LOT.estimatedNumberOfSpots;
  1925.                             if(!(PLAttribute.hasTBR == null))
  1926.                                 NewPlace.attributes.categoryAttributes.PARKING_LOT.hasTBR = oldPlace.attributes.categoryAttributes.PARKING_LOT.hasTBR;
  1927.                             if(!(PLAttribute.lotType == null))
  1928.                                 NewPlace.attributes.categoryAttributes.PARKING_LOT.lotType = oldPlace.attributes.categoryAttributes.PARKING_LOT.lotType.clone();
  1929.                             if(!(PLAttribute.parkingType == null))
  1930.                                 NewPlace.attributes.categoryAttributes.PARKING_LOT.parkingType = oldPlace.attributes.categoryAttributes.PARKING_LOT.parkingType;
  1931.                             if(!(PLAttribute.paymentType == null))
  1932.                                 NewPlace.attributes.categoryAttributes.PARKING_LOT.paymentType = oldPlace.attributes.categoryAttributes.PARKING_LOT.paymentType.clone();
  1933.                         }
  1934.  
  1935.                         W.model.actionManager.add(new AddPlace(NewPlace));
  1936.  
  1937.                         var newAttributes, UpdateFeatureAddress = require('Waze/Action/UpdateFeatureAddress'), address = oldPlace.getAddress();
  1938.                         var MultiAction = require("Waze/Action/MultiAction");
  1939.                         var multiaction = new MultiAction();
  1940.                         multiaction.setModel(W.model);
  1941.  
  1942.                         console.log(address);
  1943.                         newAttributes = {
  1944.                             countryID: address.attributes.country.id,
  1945.                             stateID: address.attributes.state.id,
  1946.                             emptyCity: address.attributes.city.attributes.name ? null : true,
  1947.                             emptyStreet: address.attributes.street.name ? null : true
  1948.                         };
  1949.  
  1950.                         newAttributes.streetName = address.attributes.street.name;
  1951.                         var cityName = address.attributes.city.attributes.name;
  1952.  
  1953.                         if(cityName !== "")
  1954.                             newAttributes.emptyCity = null;
  1955.                         newAttributes.cityName = cityName;
  1956.  
  1957.                         var UFA = new UpdateFeatureAddress(NewPlace, newAttributes);
  1958.                         UFA.options.updateHouseNumber = true;
  1959.                         multiaction.doSubAction(UFA);
  1960.                         W.model.actionManager.add(multiaction);
  1961.                         Waze.selectionManager.select([NewPlace]);
  1962.                     });
  1963.                 }
  1964.             }
  1965.         }
  1966.     }
  1967.  
  1968.     function ShowSearchButton(){
  1969.         $('#pieSearchButton').remove();
  1970.         if(W.selectionManager.selectedItems.length > 0){
  1971.             if(W.selectionManager.selectedItems[0].model.type === "venue"){
  1972.                 var $search = $('<i class="fa fa-search" id="pieSearchButton" title="Fills the search bar with the address" aria-hidden="true" style="display:inline; margin:5px;"></i>');
  1973.                 $('.address-edit-view').parent().parent().find('.control-label').attr("style", "display:inline");
  1974.                 $('.address-edit').before($search);
  1975.                 $('#pieSearchButton').click(function(){
  1976.                     var address = $('.full-address')[0].innerHTML;
  1977.                     var noCity = I18n.translations[I18n.currentLocale()].edit.address.no_city;
  1978.                     var noStreet = I18n.translations[I18n.currentLocale()].edit.address.no_street;
  1979.  
  1980.                     address = address.replace(noCity + ",","");
  1981.                     if(address !== I18n.translations[I18n.currentLocale()].edit.landmark.no_address)
  1982.                         $('.search-query')[0].value = address;
  1983.                 });
  1984.             }
  1985.         }
  1986.     }
  1987.  
  1988.     function ShowClearDescription(){
  1989.         $('#landmark-edit-general textarea').parent().append('<i class="fa fa-times-circle clearButton" style="position:absolute; top:0; right:0;"></i>');
  1990.         $('#landmark-edit-general textarea').parent().css('position', 'relative');
  1991.         $('.clearButton').click(function(){
  1992.             W.model.actionManager.add(new UpdateObject( W.selectionManager.selectedItems[0].model, { description: "" }));
  1993.         });
  1994.     }
  1995.  
  1996.     function MoveAddress(){
  1997.         if(W.selectionManager.selectedItems.length > 0)
  1998.             if(W.selectionManager.selectedItems[0].model.type === "venue")
  1999.                 $('#landmark-edit-general').prepend($('.address-edit.side-panel-section'));
  2000.     }
  2001.  
  2002.     function MoveHNEntry(){
  2003.         if(W.selectionManager.selectedItems.length > 0)
  2004.             if(W.selectionManager.selectedItems[0].model.type === "venue")
  2005.                 $('.full-address').click(function(){
  2006.                     $('.street-name').parent().parent().before($('.house-number').parent().parent());
  2007.                 });
  2008.     }
  2009.  
  2010.     function AddPlaceCategoriesButtons(){
  2011.         $('#piePlaceCategoriesButtonsContainer').remove();
  2012.         if(W.selectionManager.selectedItems.length > 0){
  2013.             if(W.selectionManager.selectedItems[0].model.type === "venue"){
  2014.                 var $container = $('<div>',{id:'piePlaceCategoriesButtonsContainer', style:'white-space: nowrap;'});
  2015.                 var categoryOptions = $('[id^=pieItem]');
  2016.  
  2017.                 var $button = $('<div>',{id:'btnPlaceCatClear', title:'Clear current categories', style:'display:inline-block; cursor:pointer'}).click(function() { onPlaceCategoriesButtonsClick(this.id); });
  2018.                 $button.append('<span class="fa fa-times" style="font-size:20px; color:red;"></span>');
  2019.                 $container.append($button);
  2020.  
  2021.                 for(var i=0;i<categoryOptions.length;i++){
  2022.                     var name = categoryOptions[i].options[categoryOptions[i].selectedIndex].innerHTML;
  2023.                     var icon = categoryOptions[i].options[categoryOptions[i].selectedIndex].getAttribute("data-icon");
  2024.  
  2025.                     var divid = 'btnPlaceCat' + categoryOptions[i].value;
  2026.                     if(categoryOptions[i].value !== resCategory && categoryOptions[i].value !== "PARKING_LOT"){
  2027.                         $button = $('<div>',{ class:'pie-'+icon, id:divid, title:name.replace('&amp;', '&'), style:'display:inline-block; cursor:pointer', 'data-category':categoryOptions[i].value}).click(function() { onPlaceCategoriesButtonsClick(this.id); });
  2028.                         $button.append('<span style="font-size:20px;"></span>');
  2029.  
  2030.                         $container.append($button);
  2031.                     }
  2032.                 }
  2033.             }
  2034.  
  2035.             $('.categories.controls').before($container);
  2036.         }
  2037.     }
  2038.  
  2039.     function onPlaceCategoriesButtonsClick(buttonid){
  2040.         if(buttonid === "btnPlaceCatClear"){
  2041.             var blankCategories = []; //W.selectionManager.selectedItems[0].model.attributes.categories.clone();
  2042.             //console.log(blankCategories.length);
  2043.             //blankCategories.splice(0, blankCategories.length);
  2044.             //console.log(blankCategories);
  2045.             W.model.actionManager.add(new UpdateObject(W.selectionManager.selectedItems[0].model, { categories: blankCategories }));
  2046.         }
  2047.         else{
  2048.             var newCategories = W.selectionManager.selectedItems[0].model.attributes.categories.clone();
  2049.             //console.log($('#'+buttonid)[0].getAttribute("data-category"));
  2050.             newCategories.push($('#'+buttonid)[0].getAttribute("data-category"));
  2051.             W.model.actionManager.add(new UpdateObject(W.selectionManager.selectedItems[0].model, {categories: newCategories}));
  2052.         }
  2053.     }
  2054.  
  2055.     function CenterOnPlace(venue, zoom){
  2056.         var centroid = venue.geometry.getCentroid();
  2057.         W.map.setCenter([centroid.x, centroid.y], zoom);
  2058.     }
  2059.  
  2060.     function isChecked(checkboxId) {
  2061.         return $('#' + checkboxId).is(':checked');
  2062.     }
  2063.  
  2064.     function setChecked(checkboxId, checked) {
  2065.         $('#' + checkboxId).prop('checked', checked);
  2066.     }
  2067.  
  2068.     function noActions(){
  2069.         setTimeout(updatePlaceSizeDisplay, 100 ); //have to put in a delay for when the user uses undo to clear all actions - WME updates on top of my changes otherwise.
  2070.     }
  2071.  
  2072.     function updatePlaceSizeDisplay(){
  2073.         var count = W.selectionManager.selectedItems.length;
  2074.         var metersArea = 0;
  2075.         var bold = false;
  2076.         if(count === 1){
  2077.            var venue = W.selectionManager.selectedItems[0];
  2078.            var isArea = venue.geometry.toString().match(/^POLYGON/);
  2079.            //var isPoint = venue.geometry.toString().match(/^POINT/);
  2080.  
  2081.             if(venue.model.type === "venue" && isArea){
  2082.                 if($('#AreaSize'))
  2083.                     $('#AreaSize').remove();
  2084.                 metersArea = W.selectionManager.selectedItems[0].model.geometry.getGeodesicArea(W.map.getProjectionObject());
  2085.  
  2086.                 if(metersArea > 0 && isArea){
  2087.                     var ftArea = Math.round(metersArea * 10.76391 *100)/100;
  2088.  
  2089.                     var list = $('#landmark-edit-general > ul')[0];
  2090.                     var newList = document.createElement("UL");
  2091.                     newList.id = "AreaSize";
  2092.  
  2093.                     var newItem = document.createElement("LI");
  2094.                     if(isChecked("_cbShowAreaPlaceSizeMetric")){
  2095.                         newItem.innerHTML = "Area: " + metersArea.toFixed(2) + " m<sup>2</sup>";
  2096.                         newList.appendChild(newItem);
  2097.                     }
  2098.  
  2099.                     if(isChecked("_cbShowAreaPlaceSizeImperial")){
  2100.                         newItem = document.createElement("LI");
  2101.                         newItem.innerHTML = "Area: " + ftArea.toFixed(2) + " ft<sup>2</sup>";
  2102.                         newList.appendChild(newItem);
  2103.                     }
  2104.                     if(metersArea < 500){
  2105.                         newItem = document.createElement("LI");
  2106.                         newItem.innerHTML = "<span style='color:red; font-weight:bold;'>Places smaller than 500 m<sup>2</sup>/5382 ft<sup>2</sup> will not show in the client</span>";
  2107.                         newList.appendChild(newItem);
  2108.                     }
  2109.                     if(metersArea > 20000){
  2110.                         newItem = document.createElement("LI");
  2111.                         newItem.innerHTML = "<span style='color:red; font-weight:bold;'>Places larger than 20000 m<sup>2</sup>/215278.2 ft<sup>2</sup> will <i>always</i> show in the client</span>";
  2112.                         newList.appendChild(newItem);
  2113.                     }
  2114.                     if(list.before != null)
  2115.                        list.before(newList);
  2116.                     else{
  2117.                         var parent = $('#landmark-edit-general > ul')[0].parentNode;
  2118.                         parent.insertBefore(newList,$('#landmark-edit-general > ul')[0]);
  2119.                     }
  2120.  
  2121.                     $('#AreaSize').addClass("list-unstyled");
  2122.                     $('#AreaSize').addClass("additional-attributes");
  2123.                 }
  2124.             }
  2125.         }
  2126.     }
  2127.  
  2128.     //Using the same display for lock buttons as ClickSaver (with permission from MapoMatic) - thanks MoM!
  2129.     function addLockButtons() {
  2130.         if(W.selectionManager.selectedItems.length > 0){
  2131.             var item = W.selectionManager.selectedItems[0];
  2132.             var isRPP = item.model.isResidential(); //(item.model.type === "venue" && item.model.attributes.residential === true);
  2133.  
  2134.             if(isRPP){
  2135.                 var attr = item.model.attributes;
  2136.                 var autoRank = attr.rank;
  2137.                 var manualRank = attr.lockRank;
  2138.                 var firstManualRank = manualRank;
  2139.                 var userRank = WazeWrap.User.Rank() - 1;
  2140.                 var maxAutoRank = autoRank;
  2141.                 var disabled = false;
  2142.  
  2143.                 var $div = $('#pieRPPLockButtonsContainer');
  2144.                 $div.remove();
  2145.                 $div = $('<div>',{id:'pieRPPLockButtonsContainer',style:'margin-bottom:5px;'});
  2146.                 $div.append('<label class="control-label">Lock</label>');
  2147.                 var $controls = $('<div>', {class:'waze-radio-container'});
  2148.                 var btnInfos = [];
  2149.  
  2150.                 for(var iBtn=0;iBtn<=6;iBtn++){btnInfos.push({r:iBtn,val:iBtn});}
  2151.                 btnInfos.forEach(function(btnInfo){
  2152.                     var selected = (btnInfo.val == manualRank);
  2153.                     disabled = userRank < btnInfo.val;
  2154.                     if (btnInfo.val !== 6) {
  2155.                         $controls.append(
  2156.                             $(`<input type="radio" name="lockRank" value="${btnInfo.r}" id="lockRank-${btnInfo.r}" data-type="numeric" data-nullable="true" ${btnInfo.val == manualRank ? "checked" : ""}><label for="lockRank-${btnInfo.r}" value="${btnInfo.r}">${btnInfo.r+1}</label>`)
  2157.                             .click(function() {
  2158.                                 if((userRank >= parseInt($(this).attr('value'))) && (btnInfo.r < 6)) {
  2159.                                     W.model.actionManager.add(new UpdateObject(item.model,{lockRank:(parseInt($(this).attr('value')))}));
  2160.                                     addLockButtons();
  2161.                                 }
  2162.                             })
  2163.                         );
  2164.                     }
  2165.                 });
  2166.                 $div.append($controls);
  2167.                 $('#landmark-edit-general > form.attributes-form.side-panel-section').after($div);
  2168.             }
  2169.         }
  2170.     }
  2171.  
  2172.     var getPermalink = function(currPl) {
  2173.         var adjustedPL = currPl.substr(currPl.lastIndexOf('editor')).replace(/&[^&]*Filter=[^&]*|&s=(\d+)/ig,'');
  2174.         var lon = adjustedPL.match(/lon=(-?\d+\.\d+)/)[1];
  2175.         var lat = adjustedPL.match(/lat=(-?\d+\.\d+)/)[1];
  2176.         var zoom = adjustedPL.match(/zoom=\d+/)[0];
  2177.         var centroid = W.selectionManager.selectedItems[0].model.geometry.getCentroid();
  2178.         adjustedPL = adjustedPL.replace(lon, WazeWrap.Geometry.ConvertTo4326(centroid.x,centroid.y).lon);
  2179.         adjustedPL = adjustedPL.replace(lat, WazeWrap.Geometry.ConvertTo4326(centroid.x,centroid.y).lat);
  2180.         adjustedPL = adjustedPL.replace(zoom, "zoom="+settings.PlaceZoom);
  2181.         if(settings.PlaceLocatorCrosshairProdPL)
  2182.             return 'https://www.waze.com/' + adjustedPL;
  2183.         else
  2184.             return location.origin + '/' + adjustedPL;
  2185.     };
  2186.  
  2187.     var copyToClipboard = function(str) {
  2188.             var $temp = $('<input>');
  2189.             $('body').append($temp);
  2190.             $temp.val(str).select();
  2191.             document.execCommand('copy');
  2192.             $temp.remove();
  2193.         };
  2194.  
  2195.     function buildItemList(itemNumber){
  2196.  
  2197.         var $places = $("<div>");
  2198.         $places.html([
  2199.             '<select id="pieItem' + itemNumber + '">',
  2200.             '<option value="CAR_SERVICES" data-icon="car-services" style="font-weight:bold;">' + I18n.translations[I18n.currentLocale()].venues.categories.CAR_SERVICES + '</option>',
  2201.             '<option value="GAS_STATION" data-icon="car-services">' + I18n.translations[I18n.currentLocale()].venues.categories.GAS_STATION + '</option>',
  2202.             '<option value="GARAGE_AUTOMOTIVE_SHOP" data-icon="car-services">' + I18n.translations[I18n.currentLocale()].venues.categories.GARAGE_AUTOMOTIVE_SHOP + '</option>',
  2203.             '<option value="CAR_WASH" data-icon="car-services">' + I18n.translations[I18n.currentLocale()].venues.categories.CAR_WASH + '</option>',
  2204.             '<option value="CHARGING_STATION" data-icon="car-services">' + I18n.translations[I18n.currentLocale()].venues.categories.CHARGING_STATION + '</option>',
  2205.             '<option value="TRANSPORTATION" data-icon="transportation" style="font-weight:bold;">' + I18n.translations[I18n.currentLocale()].venues.categories.TRANSPORTATION + '</option>',
  2206.             '<option value="AIRPORT" data-icon="transportation">' + I18n.translations[I18n.currentLocale()].venues.categories.AIRPORT + '</option>',
  2207.             '<option value="BUS_STATION" data-icon="transportation">' + I18n.translations[I18n.currentLocale()].venues.categories.BUS_STATION + '</option>',
  2208.             '<option value="FERRY_PIER" data-icon="transportation">' + I18n.translations[I18n.currentLocale()].venues.categories.FERRY_PIER + '</option>',
  2209.             '<option value="SEAPORT_MARINA_HARBOR" data-icon="transportation">' + I18n.translations[I18n.currentLocale()].venues.categories.SEAPORT_MARINA_HARBOR + '</option>',
  2210.             '<option value="SUBWAY_STATION" data-icon="transportation">' + I18n.translations[I18n.currentLocale()].venues.categories.SUBWAY_STATION + '</option>',
  2211.             '<option value="TRAIN_STATION" data-icon="transportation">' + I18n.translations[I18n.currentLocale()].venues.categories.TRAIN_STATION + '</option>',
  2212.             '<option value="BRIDGE" data-icon="transportation">' + I18n.translations[I18n.currentLocale()].venues.categories.BRIDGE + '</option>',
  2213.             '<option value="TUNNEL" data-icon="transportation">' + I18n.translations[I18n.currentLocale()].venues.categories.TUNNEL + '</option>',
  2214.             '<option value="TAXI_STATION" data-icon="transportation">' + I18n.translations[I18n.currentLocale()].venues.categories.TAXI_STATION + '</option>',
  2215.             '<option value="JUNCTION_INTERCHANGE" data-icon="transportation">' + I18n.translations[I18n.currentLocale()].venues.categories.JUNCTION_INTERCHANGE + '</option>',
  2216.             '<option value="PROFESSIONAL_AND_PUBLIC" data-icon="professional-and-public" style="font-weight:bold;">' + I18n.translations[I18n.currentLocale()].venues.categories.PROFESSIONAL_AND_PUBLIC + '</option>',
  2217.             '<option value="COLLEGE_UNIVERSITY" data-icon="professional-and-public">' + I18n.translations[I18n.currentLocale()].venues.categories.COLLEGE_UNIVERSITY + '</option>',
  2218.             '<option value="SCHOOL" data-icon="professional-and-public">' + I18n.translations[I18n.currentLocale()].venues.categories.SCHOOL + '</option>',
  2219.             '<option value="CONVENTIONS_EVENT_CENTER" data-icon="professional-and-public">' + I18n.translations[I18n.currentLocale()].venues.categories.CONVENTIONS_EVENT_CENTER + '</option>',
  2220.             '<option value="GOVERNMENT" data-icon="professional-and-public">' + I18n.translations[I18n.currentLocale()].venues.categories.GOVERNMENT + '</option>',
  2221.             '<option value="LIBRARY" data-icon="professional-and-public">' + I18n.translations[I18n.currentLocale()].venues.categories.LIBRARY + '</option>',
  2222.             '<option value="CITY_HALL" data-icon="professional-and-public">' + I18n.translations[I18n.currentLocale()].venues.categories.CITY_HALL + '</option>',
  2223.             '<option value="ORGANIZATION_OR_ASSOCIATION" data-icon="professional-and-public">' + I18n.translations[I18n.currentLocale()].venues.categories.ORGANIZATION_OR_ASSOCIATION + '</option>',
  2224.             '<option value="PRISON_CORRECTIONAL_FACILITY" data-icon="professional-and-public">' + I18n.translations[I18n.currentLocale()].venues.categories.PRISON_CORRECTIONAL_FACILITY + '</option>',
  2225.             '<option value="COURTHOUSE" data-icon="professional-and-public">' + I18n.translations[I18n.currentLocale()].venues.categories.COURTHOUSE + '</option>',
  2226.             '<option value="CEMETERY" data-icon="professional-and-public">' + I18n.translations[I18n.currentLocale()].venues.categories.CEMETERY + '</option>',
  2227.             '<option value="FIRE_DEPARTMENT" data-icon="professional-and-public">' + I18n.translations[I18n.currentLocale()].venues.categories.FIRE_DEPARTMENT + '</option>',
  2228.             '<option value="POLICE_STATION" data-icon="professional-and-public">' + I18n.translations[I18n.currentLocale()].venues.categories.POLICE_STATION + '</option>',
  2229.             '<option value="MILITARY" data-icon="professional-and-public">' + I18n.translations[I18n.currentLocale()].venues.categories.MILITARY + '</option>',
  2230.             '<option value="HOSPITAL_URGENT_CARE" data-icon="professional-and-public">' + I18n.translations[I18n.currentLocale()].venues.categories.HOSPITAL_URGENT_CARE + '</option>',
  2231.             '<option value="DOCTOR_CLINIC" data-icon="professional-and-public">' + I18n.translations[I18n.currentLocale()].venues.categories.DOCTOR_CLINIC + '</option>',
  2232.             '<option value="OFFICES" data-icon="professional-and-public">' + I18n.translations[I18n.currentLocale()].venues.categories.OFFICES + '</option>',
  2233.             '<option value="POST_OFFICE" data-icon="professional-and-public">' + I18n.translations[I18n.currentLocale()].venues.categories.POST_OFFICE + '</option>',
  2234.             '<option value="RELIGIOUS_CENTER" data-icon="professional-and-public">' + I18n.translations[I18n.currentLocale()].venues.categories.RELIGIOUS_CENTER + '</option>',
  2235.             '<option value="KINDERGARTEN" data-icon="professional-and-public">' + I18n.translations[I18n.currentLocale()].venues.categories.KINDERGARDEN + '</option>',
  2236.             '<option value="FACTORY_INDUSTRIAL" data-icon="professional-and-public">' + I18n.translations[I18n.currentLocale()].venues.categories.FACTORY_INDUSTRIAL + '</option>',
  2237.             '<option value="EMBASSY_CONSULATE" data-icon="professional-and-public">' + I18n.translations[I18n.currentLocale()].venues.categories.EMBASSY_CONSULATE + '</option>',
  2238.             '<option value="INFORMATION_POINT" data-icon="professional-and-public">' + I18n.translations[I18n.currentLocale()].venues.categories.INFORMATION_POINT + '</option>',
  2239.             '<option value="EMERGENCY_SHELTER" data-icon="professional-and-public">' + I18n.translations[I18n.currentLocale()].venues.categories.EMERGENCY_SHELTER + '</option>',
  2240.             '<option value="SHOPPING_AND_SERVICES" data-icon="shopping-and-services" style="font-weight:bold;">' + I18n.translations[I18n.currentLocale()].venues.categories.SHOPPING_AND_SERVICES + '</option>',
  2241.             '<option value="ARTS_AND_CRAFTS" data-icon="shopping-and-services">' + I18n.translations[I18n.currentLocale()].venues.categories.ARTS_AND_CRAFTS + '</option>',
  2242.             '<option value="BANK_FINANCIAL" data-icon="shopping-and-services">' + I18n.translations[I18n.currentLocale()].venues.categories.BANK_FINANCIAL + '</option>',
  2243.             '<option value="SPORTING_GOODS" data-icon="shopping-and-services">' + I18n.translations[I18n.currentLocale()].venues.categories.SPORTING_GOODS + '</option>',
  2244.             '<option value="BOOKSTORE" data-icon="shopping-and-services">' + I18n.translations[I18n.currentLocale()].venues.categories.BOOKSTORE + '</option>',
  2245.             '<option value="PHOTOGRAPHY" data-icon="shopping-and-services">' + I18n.translations[I18n.currentLocale()].venues.categories.PHOTOGRAPHY + '</option>',
  2246.             '<option value="CAR_DEALERSHIP" data-icon="shopping-and-services">' + I18n.translations[I18n.currentLocale()].venues.categories.CAR_DEALERSHIP + '</option>',
  2247.             '<option value="FASHION_AND_CLOTHING" data-icon="shopping-and-services">' + I18n.translations[I18n.currentLocale()].venues.categories.FASHION_AND_CLOTHING + '</option>',
  2248.             '<option value="CONVENIENCE_STORE" data-icon="shopping-and-services">' + I18n.translations[I18n.currentLocale()].venues.categories.CONVENIENCE_STORE + '</option>',
  2249.             '<option value="PERSONAL_CARE" data-icon="shopping-and-services">' + I18n.translations[I18n.currentLocale()].venues.categories.PERSONAL_CARE + '</option>',
  2250.             '<option value="DEPARTMENT_STORE" data-icon="shopping-and-services">' + I18n.translations[I18n.currentLocale()].venues.categories.DEPARTMENT_STORE + '</option>',
  2251.             '<option value="PHARMACY" data-icon="shopping-and-services">' + I18n.translations[I18n.currentLocale()].venues.categories.PHARMACY + '</option>',
  2252.             '<option value="ELECTRONICS" data-icon="shopping-and-services">' + I18n.translations[I18n.currentLocale()].venues.categories.ELECTRONICS + '</option>',
  2253.             '<option value="FLOWERS" data-icon="shopping-and-services">' + I18n.translations[I18n.currentLocale()].venues.categories.FLOWERS + '</option>',
  2254.             '<option value="FURNITURE_HOME_STORE" data-icon="shopping-and-services">' + I18n.translations[I18n.currentLocale()].venues.categories.FURNITURE_HOME_STORE + '</option>',
  2255.             '<option value="GIFTS" data-icon="shopping-and-services">' + I18n.translations[I18n.currentLocale()].venues.categories.GIFTS + '</option>',
  2256.             '<option value="GYM_FITNESS" data-icon="shopping-and-services">' + I18n.translations[I18n.currentLocale()].venues.categories.GYM_FITNESS + '</option>',
  2257.             '<option value="SWIMMING_POOL" data-icon="shopping-and-services">' + I18n.translations[I18n.currentLocale()].venues.categories.SWIMMING_POOL + '</option>',
  2258.             '<option value="HARDWARE_STORE" data-icon="shopping-and-services">' + I18n.translations[I18n.currentLocale()].venues.categories.HARDWARE_STORE + '</option>',
  2259.             '<option value="MARKET" data-icon="shopping-and-services">' + I18n.translations[I18n.currentLocale()].venues.categories.MARKET + '</option>',
  2260.             '<option value="SUPERMARKET_GROCERY" data-icon="shopping-and-services">' + I18n.translations[I18n.currentLocale()].venues.categories.SUPERMARKET_GROCERY + '</option>',
  2261.             '<option value="JEWELRY" data-icon="shopping-and-services">' + I18n.translations[I18n.currentLocale()].venues.categories.JEWELRY + '</option>',
  2262.             '<option value="LAUNDRY_DRY_CLEAN" data-icon="shopping-and-services">' + I18n.translations[I18n.currentLocale()].venues.categories.LAUNDRY_DRY_CLEAN + '</option>',
  2263.             '<option value="SHOPPING_CENTER" data-icon="shopping-and-services">' + I18n.translations[I18n.currentLocale()].venues.categories.SHOPPING_CENTER + '</option>',
  2264.             '<option value="MUSIC_STORE" data-icon="shopping-and-services">' + I18n.translations[I18n.currentLocale()].venues.categories.MUSIC_STORE + '</option>',
  2265.             '<option value="PET_STORE_VETERINARIAN_SERVICES" data-icon="shopping-and-services">' + I18n.translations[I18n.currentLocale()].venues.categories.PET_STORE_VETERINARIAN_SERVICES + '</option>',
  2266.             '<option value="TOY_STORE" data-icon="shopping-and-services">' + I18n.translations[I18n.currentLocale()].venues.categories.TOY_STORE + '</option>',
  2267.             '<option value="TRAVEL_AGENCY" data-icon="shopping-and-services">' + I18n.translations[I18n.currentLocale()].venues.categories.TRAVEL_AGENCY + '</option>',
  2268.             '<option value="ATM" data-icon="shopping-and-services">' + I18n.translations[I18n.currentLocale()].venues.categories.ATM + '</option>',
  2269.             '<option value="CURRENCY_EXCHANGE" data-icon="shopping-and-services">' + I18n.translations[I18n.currentLocale()].venues.categories.CURRENCY_EXCHANGE + '</option>',
  2270.             '<option value="CAR_RENTAL" data-icon="shopping-and-services">' + I18n.translations[I18n.currentLocale()].venues.categories.CAR_RENTAL + '</option>',
  2271.             '<option value="FOOD_AND_DRINK" data-icon="food-and-drink" style="font-weight:bold;">' + I18n.translations[I18n.currentLocale()].venues.categories.FOOD_AND_DRINK + '</option>',
  2272.             '<option value="RESTAURANT" data-icon="food-and-drink">' + I18n.translations[I18n.currentLocale()].venues.categories.RESTAURANT + '</option>',
  2273.             '<option value="BAKERY" data-icon="food-and-drink">' + I18n.translations[I18n.currentLocale()].venues.categories.BAKERY + '</option>',
  2274.             '<option value="DESSERT" data-icon="food-and-drink">' + I18n.translations[I18n.currentLocale()].venues.categories.DESSERT + '</option>',
  2275.             '<option value="CAFE" data-icon="food-and-drink">' + I18n.translations[I18n.currentLocale()].venues.categories.CAFE + '</option>',
  2276.             '<option value="FAST_FOOD" data-icon="food-and-drink">' + I18n.translations[I18n.currentLocale()].venues.categories.FAST_FOOD + '</option>',
  2277.             '<option value="FOOD_COURT" data-icon="food-and-drink">' + I18n.translations[I18n.currentLocale()].venues.categories.FOOD_COURT + '</option>',
  2278.             '<option value="BAR" data-icon="food-and-drink">' + I18n.translations[I18n.currentLocale()].venues.categories.BAR + '</option>',
  2279.             '<option value="ICE_CREAM" data-icon="food-and-drink">' + I18n.translations[I18n.currentLocale()].venues.categories.ICE_CREAM + '</option>',
  2280.             '<option value="CULTURE_AND_ENTERTAINEMENT" data-icon="culture-and-entertainement" style="font-weight:bold;">' + I18n.translations[I18n.currentLocale()].venues.categories.CULTURE_AND_ENTERTAINEMENT + '</option>',
  2281.             '<option value="ART_GALLERY" data-icon="culture-and-entertainement">' + I18n.translations[I18n.currentLocale()].venues.categories.ART_GALLERY + '</option>',
  2282.             '<option value="CASINO" data-icon="culture-and-entertainement">' + I18n.translations[I18n.currentLocale()].venues.categories.CASINO + '</option>',
  2283.             '<option value="CLUB" data-icon="culture-and-entertainement">' + I18n.translations[I18n.currentLocale()].venues.categories.CLUB + '</option>',
  2284.             '<option value="TOURIST_ATTRACTION_HISTORIC_SITE" data-icon="culture-and-entertainement">' + I18n.translations[I18n.currentLocale()].venues.categories.TOURIST_ATTRACTION_HISTORIC_SITE + '</option>',
  2285.             '<option value="MOVIE_THEATER" data-icon="culture-and-entertainement">' + I18n.translations[I18n.currentLocale()].venues.categories.MOVIE_THEATER + '</option>',
  2286.             '<option value="MUSEUM" data-icon="culture-and-entertainement">' + I18n.translations[I18n.currentLocale()].venues.categories.MUSEUM + '</option>',
  2287.             '<option value="MUSIC_VENUE" data-icon="culture-and-entertainement">' + I18n.translations[I18n.currentLocale()].venues.categories.MUSIC_VENUE + '</option>',
  2288.             '<option value="PERFORMING_ARTS_VENUE" data-icon="culture-and-entertainement">' + I18n.translations[I18n.currentLocale()].venues.categories.PERFORMING_ARTS_VENUE + '</option>',
  2289.             '<option value="GAME_CLUB" data-icon="culture-and-entertainement">' + I18n.translations[I18n.currentLocale()].venues.categories.GAME_CLUB + '</option>',
  2290.             '<option value="STADIUM_ARENA" data-icon="culture-and-entertainement">' + I18n.translations[I18n.currentLocale()].venues.categories.STADIUM_ARENA + '</option>',
  2291.             '<option value="THEME_PARK" data-icon="culture-and-entertainement">' + I18n.translations[I18n.currentLocale()].venues.categories.THEME_PARK + '</option>',
  2292.             '<option value="ZOO_AQUARIUM" data-icon="culture-and-entertainement">' + I18n.translations[I18n.currentLocale()].venues.categories.ZOO_AQUARIUM + '</option>',
  2293.             '<option value="RACING_TRACK" data-icon="culture-and-entertainement">' + I18n.translations[I18n.currentLocale()].venues.categories.RACING_TRACK + '</option>',
  2294.             '<option value="THEATER" data-icon="culture-and-entertainement">' + I18n.translations[I18n.currentLocale()].venues.categories.THEATER + '</option>',
  2295.             '<option value="OTHER" data-icon="other" style="font-weight:bold;">' + I18n.translations[I18n.currentLocale()].venues.categories.OTHER + '</option>',
  2296.             '<option value="CONSTRUCTION_SITE" data-icon="">' + I18n.translations[I18n.currentLocale()].venues.categories.CONSTRUCTION_SITE + '</option>',
  2297.             '<option value="LODGING" data-icon="lodging" style="font-weight:bold;">' + I18n.translations[I18n.currentLocale()].venues.categories.LODGING + '</option>',
  2298.             '<option value="HOTEL" data-icon="lodging">' + I18n.translations[I18n.currentLocale()].venues.categories.HOTEL + '</option>',
  2299.             '<option value="HOSTEL" data-icon="lodging">' + I18n.translations[I18n.currentLocale()].venues.categories.HOSTEL + '</option>',
  2300.             '<option value="CAMPING_TRAILER_PARK" data-icon="lodging">' + I18n.translations[I18n.currentLocale()].venues.categories.CAMPING_TRAILER_PARK + '</option>',
  2301.             '<option value="COTTAGE_CABIN" data-icon="lodging">' + I18n.translations[I18n.currentLocale()].venues.categories.COTTAGE_CABIN + '</option>',
  2302.             '<option value="BED_AND_BREAKFAST" data-icon="lodging">' + I18n.translations[I18n.currentLocale()].venues.categories.BED_AND_BREAKFAST + '</option>',
  2303.             '<option value="OUTDOORS" data-icon="outdoors" style="font-weight:bold;">' + I18n.translations[I18n.currentLocale()].venues.categories.OUTDOORS + '</option>',
  2304.             '<option value="PARK" data-icon="outdoors">' + I18n.translations[I18n.currentLocale()].venues.categories.PARK + '</option>',
  2305.             '<option value="PLAYGROUND" data-icon="outdoors">' + I18n.translations[I18n.currentLocale()].venues.categories.PLAYGROUND + '</option>',
  2306.             '<option value="BEACH" data-icon="outdoors">' + I18n.translations[I18n.currentLocale()].venues.categories.BEACH + '</option>',
  2307.             '<option value="SPORTS_COURT" data-icon="outdoors">' + I18n.translations[I18n.currentLocale()].venues.categories.SPORTS_COURT + '</option>',
  2308.             '<option value="GOLF_COURSE" data-icon="outdoors">' + I18n.translations[I18n.currentLocale()].venues.categories.GOLF_COURSE + '</option>',
  2309.             '<option value="PLAZA" data-icon="outdoors">' + I18n.translations[I18n.currentLocale()].venues.categories.PLAZA + '</option>',
  2310.             '<option value="PROMENADE" data-icon="outdoors">' + I18n.translations[I18n.currentLocale()].venues.categories.PROMENADE + '</option>',
  2311.             '<option value="POOL" data-icon="outdoors">' + I18n.translations[I18n.currentLocale()].venues.categories.POOL + '</option>',
  2312.             '<option value="SCENIC_LOOKOUT_VIEWPOINT" data-icon="outdoors">' + I18n.translations[I18n.currentLocale()].venues.categories.SCENIC_LOOKOUT_VIEWPOINT + '</option>',
  2313.             '<option value="SKI_AREA" data-icon="outdoors">' + I18n.translations[I18n.currentLocale()].venues.categories.SKI_AREA + '</option>',
  2314.             '<option value="NATURAL_FEATURES" data-icon="natural-feature" style="font-weight:bold;">' + I18n.translations[I18n.currentLocale()].venues.categories.NATURAL_FEATURES + '</option>',
  2315.             '<option value="ISLAND" data-icon="natural-feature">' + I18n.translations[I18n.currentLocale()].venues.categories.ISLAND + '</option>',
  2316.             '<option value="SEA_LAKE_POOL" data-icon="natural-feature">' + I18n.translations[I18n.currentLocale()].venues.categories.SEA_LAKE_POOL + '</option>',
  2317.             '<option value="RIVER_STREAM" data-icon="natural-feature">' + I18n.translations[I18n.currentLocale()].venues.categories.RIVER_STREAM + '</option>',
  2318.             '<option value="FOREST_GROVE" data-icon="natural-feature">' + I18n.translations[I18n.currentLocale()].venues.categories.FOREST_GROVE + '</option>',
  2319.             '<option value="FARM" data-icon="natural-feature">' + I18n.translations[I18n.currentLocale()].venues.categories.FARM + '</option>',
  2320.             '<option value="CANAL" data-icon="natural-feature">' + I18n.translations[I18n.currentLocale()].venues.categories.CANAL + '</option>',
  2321.             '<option value="SWAMP_MARSH" data-icon="natural-feature">' + I18n.translations[I18n.currentLocale()].venues.categories.SWAMP_MARSH + '</option>',
  2322.             '<option value="DAM" data-icon="natural-feature">' + I18n.translations[I18n.currentLocale()].venues.categories.DAM + '</option>',
  2323.             '<option value="PARKING_LOT" data-icon="parking-lot" style="font-weight:bold;">' + I18n.translations[I18n.currentLocale()].venues.categories.PARKING_LOT + '</option>',
  2324.             '<option value="RESIDENCE_HOME" data-icon="residential" style="font-weight:bold;">' + I18n.translations[I18n.currentLocale()].venues.categories.RESIDENCE_HOME + '</option>',
  2325.             '</select>'
  2326.             ].join(' '));
  2327.  
  2328.         return $places.html();
  2329.     }
  2330.  
  2331.     function injectCss() {
  2332.         var css =  [
  2333.             // Lock button formatting
  2334.             '.btn-lh {cursor:pointer;padding:1px 6px;height:22px;border:solid 1px #c1c1c1;margin-right:3px;}',
  2335.             '.btn.btn-lh.btn-lh-selected {background-color:#6999ae;color:white}',
  2336.             '.btn.btn-lh.btn-lh-selected:hover {color:white}',
  2337.             '.btn.btn-lh.disabled {color:#909090;background-color:#f7f7f7;}',
  2338.             '.btn.btn-lh.btn-lh-selected.disabled {color:white;background-color:#6999ae;}',
  2339.             //Settings Panel
  2340.              '#sidebar .controls-container.pie-controls-container {padding: 0px;}',
  2341.             '.select2-choices {-webkit-animation-name: oldCategoryDetected; -webkit-animation-duration: 10s; -webkit-animation-iteration-count: 0; animation-name: oldCategoryDetected; animation-duration: 3s; animation-iteration-count: 0;}',
  2342.             //'@keyframes oldCategoryDetected {0% {border-color:rgb(204, 204, 204); border-width:3px;} 50%  {border-color:red; border-width:3px;} 100% {border-color:rgb(204, 204, 204); border-width:3px;}}',
  2343.             //Image Dialog Enhancement
  2344.             '.imgcon {position:relative; margin:0 auto;}',
  2345.             '.imnav {color: #ffffff; margin:0 auto; opacity:0.7; display:none; position:absolute; top:0; left:0px; width:100%; height:89%;}',
  2346.             '.imgcon:hover .imnav{display:inline-block;}',
  2347.             '.control {float:left; height:100%; width:33%; opacity:0;}',
  2348.             '.control:hover {opacity:0.7;}',
  2349.             '.prim {width:15%; background:url("http://i59.tinypic.com/294s94i.gif")left center no-repeat;}',
  2350.             '.zmim {width:70%;}',
  2351.             '.neim {width:15%; background:url("http://i62.tinypic.com/2cqfqxf.gif")right center no-repeat;}',
  2352.             //PSE
  2353.             '.PSESelected {border: 3px solid #ee9900;}',
  2354.             //hijacking new WME Place icons
  2355.             '.pie-car-services {background-image: url(//editor-assets.waze.com/beta/img/toolbar022c8e4d1f16c3825705364ff337bf1b.png); background-position: -29px -63px; width: 14px; height: 13px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .pie-car-services {background-image: url(//editor-assets.waze.com/beta/img/toolbar@2xcd8b2ab08e978d00eeee7817e1a0edda.png); background-size: 99px 87px; } }',
  2356.             '.pie-transportation {background-image: url(//editor-assets.waze.com/beta/img/toolbar022c8e4d1f16c3825705364ff337bf1b.png); background-position: -56px -63px; width: 12px; height: 12px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {.pie-transportation {background-image: url(//editor-assets.waze.com/beta/img/toolbar@2xcd8b2ab08e978d00eeee7817e1a0edda.png);background-size: 99px 87px; } }',
  2357.             '.pie-professional-and-public {background-image: url(//editor-assets.waze.com/beta/img/toolbar022c8e4d1f16c3825705364ff337bf1b.png); background-position: 0px -76px; width: 13px; height: 11px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {.pie-professional-and-public {background-image:url(//editor-assets.waze.com/beta/img/toolbar@2xcd8b2ab08e978d00eeee7817e1a0edda.png); background-size: 99px 87px; } }',
  2358.             '.pie-shopping-and-services {background-image: url(//editor-assets.waze.com/beta/img/toolbar022c8e4d1f16c3825705364ff337bf1b.png); background-position: -88px 0px; width: 11px; height: 13px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {.pie-shopping-and-services {background-image:url(//editor-assets.waze.com/beta/img/toolbar@2xcd8b2ab08e978d00eeee7817e1a0edda.png); background-size: 99px 87px; } }',
  2359.             '.pie-food-and-drink {background-image: url(//editor-assets.waze.com/beta/img/toolbar022c8e4d1f16c3825705364ff337bf1b.png); background-position: -65px 0px; width: 13px; height: 16px; } @mediait-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {.pie-food-and-drink {background-image:ditor-assets.waze.com/beta/img/toolbar@2xcd8b2ab08e978d00eeee7817e1a0edda.png); background-size: 99px 87px; } }',
  2360.             '.pie-culture-and-entertainement {background-image: url(//editor-assets.waze.com/beta/img/toolbar022c8e4d1f16c3825705364ff337bf1b.png); background-position: -30px -37px; width: 16px; height: 14px; }edia (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {.pie-culture-and-entertainement {background-image:ditor-assets.waze.com/beta/img/toolbar@2xcd8b2ab08e978d00eeee7817e1a0edda.png); background-size: 99px 87px; } }',
  2361.             '.pie-other {background-image: url(//editor-assets.waze.com/beta/img/toolbar022c8e4d1f16c3825705364ff337bf1b.png); background-position: 0px -63px; width: 15px; height: 13px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {.pie-other {background-image:url(//editor-assets.waze.com/beta/img/toolbar@2xcd8b2ab08e978d00eeee7817e1a0edda.png); background-size: 99px 87px; } }',
  2362.             '.pie-lodging {background-image: url(//editor-assets.waze.com/beta/img/toolbar022c8e4d1f16c3825705364ff337bf1b.png); background-position: -20px -52px; width: 17px; height: 10px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {.pie-lodging {background-image:url(//editor-assets.waze.com/beta/img/toolbar@2xcd8b2ab08e978d00eeee7817e1a0edda.png); background-size: 99px 87px; } }',
  2363.             '.pie-outdoors {background-image: url(//editor-assets.waze.com/beta/img/toolbar022c8e4d1f16c3825705364ff337bf1b.png); background-position: 0px -52px; width: 20px; height: 11px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {.pie-outdoors {background-image:url(//editor-assets.waze.com/beta/img/toolbar@2xcd8b2ab08e978d00eeee7817e1a0edda.png); background-size: 99px 87px; } }',
  2364.             '.pie-natural-features {background-image: url(//editor-assets.waze.com/beta/img/toolbar022c8e4d1f16c3825705364ff337bf1b.png); background-position: -16px -21px; width: 17px; height: 15px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {.pie-natural-features {background-image:url(//editor-assets.waze.com/beta/img/toolbar@2xcd8b2ab08e978d00eeee7817e1a0edda.png); background-size: 99px 87px; } }',
  2365.             '.pie-parking-lot {background-image: url(//editor-assets.waze.com/beta/img/toolbar022c8e4d1f16c3825705364ff337bf1b.png); background-position: -65px -48px; width: 13px; height: 13px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {.pie-parking-lot {background-image:url(//editor-assets.waze.com/beta/img/toolbar@2xcd8b2ab08e978d00eeee7817e1a0edda.png); background-size: 99px 87px; } }',
  2366.             '.pie-residential {background-image: url(//editor-assets.waze.com/beta/img/toolbar022c8e4d1f16c3825705364ff337bf1b.png); background-position: -15px -37px; width: 15px; height: 14px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {.pie-residential {background-image:url(//editor-assets.waze.com/beta/img/toolbar@2xcd8b2ab08e978d00eeee7817e1a0edda.png); background-size: 99px 87px; } }',
  2367.             '#edit-buttons .residential .item-icon::after {background-image: url(//editor-assets.waze.com/beta/img/toolbar022c8e4d1f16c3825705364ff337bf1b.png); background-position: -15px -37px; width: 15px; height: 14px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {#edit-buttons .residential .item-icon::after {background-image: url(//editor-assets.waze.com/beta/img/toolbar@2xcd8b2ab08e978d00eeee7817e1a0edda.png); background-size: 99px 87px; } }'
  2368.         ].join(' ');
  2369.         $('<style type="text/css">' + css + '</style>').appendTo('head');
  2370.     }
  2371.  
  2372.     function injectCSSWithID(id, css){
  2373.         $('<style type="text/css" id=' + id + '>' + css + '</style>').appendTo('head');
  2374.     }
  2375.  
  2376.     function loadSettings() {
  2377.         var loadedSettings = $.parseJSON(localStorage.getItem("WMEPIE_Settings"));
  2378.         var defaultSettings = {
  2379.             ShowAreaPlaceSize: false,
  2380.             ShowAreaPlaceSizeImperial: false,
  2381.             ShowAreaPlaceSizeMetric: false,
  2382.             ShowLockButtonsRPP: true,
  2383.             NewPlacesList: W.Config.venues.categories.clone(),
  2384.             EditRPPAfterCreated: false,
  2385.             UseStreetFromClosestSeg: false,
  2386.             UseCityFromClosestSeg: false,
  2387.             ShowPlaceLocatorCrosshair: false,
  2388.             PlaceZoom: 6,
  2389.             DefaultLockLevel: 0,
  2390.             CreateResidentialPlaceShortcut: "A+r",
  2391.             CreateParkingLotShortcut: "A+p",
  2392.             UseAltCity: false,
  2393.             ShowSearchButton: false,
  2394.             AddPlaceCategoriesButtons: false,
  2395.             SkipPLR: false,
  2396.             ShowParkingLotButton: false,
  2397.             ShowPlaceNames: false,
  2398.             ShowPlaceNamesPoint: false,
  2399.             ShowPlaceNamesArea: false,
  2400.             ShowPlaceNamesLock: false,
  2401.             ShowCopyPlaceButton: false,
  2402.             ShowExternalProviderTooltip: false,
  2403.             ShowPlaceNamesPLA: false,
  2404.             ClearDescription: true,
  2405.             PlaceNameFontSize: "12",
  2406.             PlaceNameFontOutlineWidth: 3,
  2407.             PlaceNameFontBold: true,
  2408.             PlaceNameFontColor: "#FFFFFF",
  2409.             PlaceNameFontOutline: "#000000",
  2410.             PlaceLocatorCrosshairProdPL: true,
  2411.             MoveAddress: false,
  2412.             MoveHNEntry: true,
  2413.             PLNormalSpotWidth: 3.44,
  2414.             PLAngledSpotWidth: 3,
  2415.             ShowPLSpotEstimatorButton: false,
  2416.             ShowNavPointClosestSegmentOnHover: true,
  2417.             ShowClosestSegmentSelected: false,
  2418.             NavLink: false,
  2419.             ToggleAreaPlacesShortcut: 'CS+a'
  2420.         };
  2421.         settings = loadedSettings ? loadedSettings : defaultSettings;
  2422.         for (var prop in defaultSettings) {
  2423.             if (!settings.hasOwnProperty(prop))
  2424.                 settings[prop] = defaultSettings[prop];
  2425.         }
  2426.  
  2427.         if(settings.ShowAreaPlaceSizeImperial === false && settings.ShowAreaPlaceSizeMetric === false)
  2428.             if(Waze.prefs.attributes.isImperial)
  2429.                 settings.ShowAreaPlaceSizeImperial = true;
  2430.             else
  2431.                 settings.ShowAreaPlaceSizeMetric = true;
  2432.     }
  2433.  
  2434.      function saveSettings() {
  2435.         if (localStorage) {
  2436.             var localsettings = {
  2437.                 ShowAreaPlaceSize: settings.ShowAreaPlaceSize,
  2438.                 ShowAreaPlaceSizeImperial: settings.ShowAreaPlaceSizeImperial,
  2439.                 ShowAreaPlaceSizeMetric: settings.ShowAreaPlaceSizeMetric,
  2440.                 ShowLockButtonsRPP: settings.ShowLockButtonsRPP,
  2441.                 NewPlacesList: settings.NewPlacesList,
  2442.                 EditRPPAfterCreated: settings.EditRPPAfterCreated,
  2443.                 UseStreetFromClosestSeg: settings.UseStreetFromClosestSeg,
  2444.                 UseCityFromClosestSeg: settings.UseCityFromClosestSeg,
  2445.                 ShowPlaceLocatorCrosshair: settings.ShowPlaceLocatorCrosshair,
  2446.                 PlaceZoom: settings.PlaceZoom,
  2447.                 DefaultLockLevel: settings.DefaultLockLevel,
  2448.                 CreateResidentialPlaceShortcut: settings.CreateResidentialPlaceShortcut,
  2449.                 CreateParkingLotShortcut: settings.CreateParkingLotShortcut,
  2450.                 UseAltCity: settings.UseAltCity,
  2451.                 ShowSearchButton: settings.ShowSearchButton,
  2452.                 AddPlaceCategoriesButtons: settings.AddPlaceCategoriesButtons,
  2453.                 SkipPLR: settings.SkipPLR,
  2454.                 ShowParkingLotButton: settings.ShowParkingLotButton,
  2455.                 ShowPlaceNames: settings.ShowPlaceNames,
  2456.                 ShowPlaceNamesPoint: settings.ShowPlaceNamesPoint,
  2457.                 ShowPlaceNamesArea: settings.ShowPlaceNamesArea,
  2458.                 ShowPlaceNamesLock: settings.ShowPlaceNamesLock,
  2459.                 ShowCopyPlaceButton: settings.ShowCopyPlaceButton,
  2460.                 ShowExternalProviderTooltip: settings.ShowExternalProviderTooltip,
  2461.                 ShowPlaceNamesPLA: settings.ShowPlaceNamesPLA,
  2462.                 ClearDescription: settings.ClearDescription,
  2463.                 PlaceNameFontSize: settings.PlaceNameFontSize,
  2464.                 PlaceNameFontOutlineWidth: settings.PlaceNameFontOutlineWidth,
  2465.                 PlaceNameFontBold: settings.PlaceNameFontBold,
  2466.                 PlaceNameFontColor: settings.PlaceNameFontColor,
  2467.                 PlaceNameFontOutline: settings.PlaceNameFontOutline,
  2468.                 PlaceLocatorCrosshairProdPL: settings.PlaceLocatorCrosshairProdPL,
  2469.                 MoveAddress: settings.MoveAddress,
  2470.                 MoveHNEntry: settings.MoveHNEntry,
  2471.                 PLNormalSpotWidth: settings.PLNormalSpotWidth,
  2472.                 PLAngledSpotWidth: settings.PLAngledSpotWidth,
  2473.                 ShowPLSpotEstimatorButton: settings.ShowPLSpotEstimatorButton,
  2474.                 ShowNavPointClosestSegmentOnHover: settings.ShowNavPointClosestSegmentOnHover,
  2475.                 ShowClosestSegmentSelected: settings.ShowClosestSegmentSelected,
  2476.                 NavLink: settings.NavLink,
  2477.                 ToggleAreaPlacesShortcut: settings.ToggleAreaPlacesShortcut
  2478.             };
  2479.  
  2480.             for (var name in Waze.accelerators.Actions) {
  2481.                 var TempKeys = "";
  2482.                 if (Waze.accelerators.Actions[name].group == 'wmepie') {
  2483.                     if (Waze.accelerators.Actions[name].shortcut) {
  2484.                         if (Waze.accelerators.Actions[name].shortcut.altKey === true) {
  2485.                             TempKeys += 'A';
  2486.                         }
  2487.                         if (Waze.accelerators.Actions[name].shortcut.shiftKey === true) {
  2488.                             TempKeys += 'S';
  2489.                         }
  2490.                         if (Waze.accelerators.Actions[name].shortcut.ctrlKey === true) {
  2491.                             TempKeys += 'C';
  2492.                         }
  2493.                         if (TempKeys !== "") {
  2494.                             TempKeys += '+';
  2495.                         }
  2496.                         if (Waze.accelerators.Actions[name].shortcut.keyCode) {
  2497.                             TempKeys += Waze.accelerators.Actions[name].shortcut.keyCode;
  2498.                         }
  2499.                     } else {
  2500.                         TempKeys = "-1";
  2501.                     }
  2502.                     localsettings[name] = TempKeys;
  2503.                 }
  2504.             }
  2505.  
  2506.             localStorage.setItem("WMEPIE_Settings", JSON.stringify(localsettings));
  2507.         }
  2508.     }
  2509.  
  2510.     function loadTranslations() {
  2511.         setTranslations({
  2512.             en: {
  2513.                 prefs: {
  2514.                     title: 'Place Interface Enhancements',
  2515.                     ShowAreaPlaceSize: 'Show area Place size',
  2516.                     ShowImperial: 'Show imperial',
  2517.                     ShowMetric: 'Show metric',
  2518.                     ShowRPPLockButtons: 'Show lock buttons for RPPs',
  2519.                     ShowRPPLockButtonsTitle: 'Displays lock level buttons for Residential Place Points',
  2520.                     ShowPlaceLocatorCrosshair: 'Show Place locator crosshair',
  2521.                     ShowPlaceLocatorCrosshairTitle: 'Centers the Place on screen and zooms to the defined level',
  2522.                     Zoom: 'Zoom',
  2523.                     ZoomTitle: 'The zoom level to use when centering on a Place',
  2524.                     ShowAddressSearch: 'Show search button next to address',
  2525.                     ShowAddressSearchTitle: "Show a magnifying glass next to the Place's address.  Clicking this button will load the address into the search box",
  2526.                     ShowPlaceCategoryButtons: 'Add Place category buttons above the categories selection',
  2527.                     ShowPLAButton: 'Show parking lot button',
  2528.                     ShowPLAButtonTitle: "Starts creation mode for a Parking Lot Area Place and will set the name to match this Place\'s name when complete",
  2529.                     ShowCopyPlaceButton: 'Show copy Place button',
  2530.                     ShowCopyPlaceButtonTitle: 'Copies the selected Place to a new Place with identical settings',
  2531.                     ShowGPIDTooltip: 'Show External Provider tooltip',
  2532.                     ShowGPIDTooltipTitle: 'Displays a tooltip with the external provider information',
  2533.                     NewPlaces: 'New Places',
  2534.                     EditRPPAfterCreate: 'Edit RPP address after created',
  2535.                     EditRPPAfterCreateTitle: "Automatically opens the RPP address edit window and focuses on the House Number entry",
  2536.                     UseStreetFromClosestSegment: 'Use street name from closest segment',
  2537.                     UseStreetFromClosestSegmentTitle: "Pulls the street name from the closest visible segment and inserts into the new Place's address",
  2538.                     UseCityFromClosestSegment: 'Use city name from closest segment',
  2539.                     UseCityFromClosestSegmentTitle: "Pulls the city name from the closest visible segment and inserts into the new Place's address",
  2540.                     ClosestSegmentAltCity: 'When the primary is "No city" look for an alt city',
  2541.                     ClosestSegmentAltCityTitle: 'When the primary is \'No city\' try to find an alt street name with a city',
  2542.                     ClosestSegmentIgnorePLRUnnamedPR: "Ignore PLRs & unnamed PR when using closest segment's name and city",
  2543.                     ClosestSegmentIgnorePLRUnnamedPRTitle: "When looking for the closest segment, PLRs and unnamed PRs will be ignored",
  2544.                     LockLevel: 'Lock level',
  2545.                     LockLevelTitle: 'The lock level to set automatically when creating new Places',
  2546.                     MapChanges: 'Map Changes',
  2547.                     ShowPlaceNames: 'Show Place names',
  2548.                     ShowPlaceNamesTitle: '',
  2549.                     ShowPointNames: 'Show point names',
  2550.                     ShowPointNamesTitle: "Will display the Place's name below the Place point",
  2551.                     ShowAreaNames: 'Show area names',
  2552.                     ShowAreaNamesTitle: "Will display the Place's name in the middle of the Place area",
  2553.                     ShowLockLevel: 'Show lock level',
  2554.                     ShowLockLevelTitle: "Will display the Place's lock level in the middle of the Place area",
  2555.                     ShowPLAName: 'Show PLA name',
  2556.                     ShowPLANameTitle: '',
  2557.                     Item: 'Item',
  2558.                     PlaceMenuCustomization: "Place Menu Customization",
  2559.                     ClearDescription: "Show clear description button",
  2560.                     ClearDescriptionTitle: "Adds a clear button to the top right of the description entry that when clicked will clear all text in the entry field",
  2561.                     PropertiesPanel: "Properties Panel",
  2562.                     FontSize: "Font size",
  2563.                     FontColor: "Font color",
  2564.                     Bold: "Bold",
  2565.                     FontOutlineColor: "Font outline color",
  2566.                     FontOutlineWidth: "Font outline width",
  2567.                     ProdPL: "Force production PL",
  2568.                     MoveAddress: "Move address to top of panel",
  2569.                     MoveAddressTitle: "Moves the address editor to the top of the properties panel",
  2570.                     MoveHNEntry: "Move HN entry before street entry",
  2571.                     MoveHNEntryTitle: "Moves the House Number entry before the Street entry in the address editor",
  2572.                     ShowParkingSpaceEstimatorTool: "Show Parking Space Estimator tool",
  2573.                     ShowParkingSpaceEstimatorToolTitle: "Shows the button to launch the Parking Space Estimator tool",
  2574.                     PSEParkingSpaceEstimator: "Parking Space Estimator",
  2575.                     PSELayoutType: "Layout type",
  2576.                     PSE90degree: "90 degree",
  2577.                     PSEAngled: "Angled",
  2578.                     PSEEstimatedNumOfSpots: "Estimated # of spots: ",
  2579.                     PSESet: "Set",
  2580.                     PSESpotWidth: "Spot width (m)",
  2581.                     PSECal: "Cal",
  2582.                     PSEDraw90DegreeTitle: "Click to draw a line through an entire 90 degree parking space aisle.  Double click to finish drawing and measure the spaces.",
  2583.                     PSEDrawAngledTitle: "Click to draw a line through an entire angled parking space aisle.  Double click to finish drawing and measure the spaces.",
  2584.                     PSEShowPSEButton: "Show Parking Space Estimator tool button",
  2585.                     PSEShowPSEButtonTitle: "Shows the button to launch the Parking Space Estimator tool",
  2586.                     PSEDisplayButtonTitle: "Opens the Parking Space Estimator tool",
  2587.                     ShowNavPointClosestSegmentOnHover: "Display the nav point and closest segment line on hover",
  2588.                     ShowClosestSegmentSelected: "Display a line from the nav point to the point on the closest segment",
  2589.                     NavLink: "Link nav point",
  2590.                     NavLinkTitle: "Enables the nav point link on all point Places. When linked, the nav point will move to the location of the point Place when the Place is moved"
  2591.                 }
  2592.             },
  2593.             "es-419": {
  2594.                 prefs: {
  2595.                     title: 'Place Interface Enhancements',
  2596.                     ShowAreaPlaceSize: 'Mostrar tamaño del área',
  2597.                     ShowImperial: 'Sistema Imperial',
  2598.                     ShowMetric: 'Sistema Métrico',
  2599.                     ShowRPPLockButtons: 'Mostrar botones de bloqueo para RPPs',
  2600.                     ShowRPPLockButtonsTitle: 'Muestra los botones de nivel de bloqueo para lugares residenciales',
  2601.                     ShowPlaceLocatorCrosshair: 'Mostrar reticula localizadora del lugar',
  2602.                     ShowPlaceLocatorCrosshairTitle: 'Centra el lugar en la pantalla y acercamiento al nivel definido',
  2603.                     Zoom: 'Acercamiento',
  2604.                     ZoomTitle: 'Nivel de acercamiento a utilizar cuando se centra en un lugar',
  2605.                     ShowAddressSearch: 'Mostrar el botón de búsqueda junto a la dirección',
  2606.                     ShowAddressSearchTitle: "Muestra una lupa junto a la dirección del lugar. Al hacer clic en este botón, se cargará la dirección en la barra de búsqueda",
  2607.                     ShowPlaceCategoryButtons: 'Botones de categorías de lugares',
  2608.                     ShowPLAButton: 'Mostrar botón de PLAs',
  2609.                     ShowPLAButtonTitle: 'Inicia el modo de creación de un lugar del área de estacionamiento y establecerá el nombre del estacionamiento para que coincida con el nombre del lugar cuando se complete',
  2610.                     ShowCopyPlaceButton: 'Mostrar botón de copiado de lugar',
  2611.                     ShowCopyPlaceButtonTitle: 'Copia el lugar seleccionado en un lugar nuevo con configuraciones idénticas',
  2612.                     ShowGPIDTooltip: 'Mostrar información del proveedor externo',
  2613.                     ShowGPIDTooltipTitle: 'Muestra un texto con la información del proveedor externo',
  2614.                     NewPlaces: 'Nuevos lugares',
  2615.                     EditRPPAfterCreate: 'Editar la dirección del RPP una vez creada',
  2616.                     EditRPPAfterCreateTitle: "Automáticamente abre la ventana de edición en la dirección del lugar residencial y se enfoca en el campo de número de casa",
  2617.                     UseStreetFromClosestSegment: 'Utilizar el nombre de la calle del segmento más cercano',
  2618.                     UseStreetFromClosestSegmentTitle: "Extrae el nombre de la calle del segmento visible más cercano y lo agrega en la dirección del nuevo lugar",
  2619.                     UseCityFromClosestSegment: 'Usar el nombre de la ciudad del segmento más cercano',
  2620.                     UseCityFromClosestSegmentTitle: "Extrae el nombre de la ciudad del segmento visible más cercano y lo agrega en la dirección del nuevo lugar",
  2621.                     ClosestSegmentAltCity: 'Buscar una ciudad alternativa cuando la ciudad principal sea \'Ninguno\'',
  2622.                     ClosestSegmentAltCityTitle: 'Cuando la ciudad principal es "Ninguno" trata de encontrar un nombre de calle alternativo con una ciudad',
  2623.                     ClosestSegmentIgnorePLRUnnamedPR: "Ignorar los PLR y PR sin nombre cuando utilice el nombre y la ciudad del segmento más cercano",
  2624.                     ClosestSegmentIgnorePLRUnnamedPRTitle: "Ignorar segmentos de estacionamiento o privados al buscar el segmento mas cercano",
  2625.                     LockLevel: 'Nivel de bloqueo',
  2626.                     LockLevelTitle: 'El nivel de bloqueo para establecer automáticamente al crear nuevos lugares',
  2627.                     MapChanges: 'Cambios en el mapa',
  2628.                     ShowPlaceNames: 'Mostrar nombres de lugares',
  2629.                     ShowPlaceNamesTitle: '',
  2630.                     ShowPointNames: 'Mostrar nombres de punto',
  2631.                     ShowPointNamesTitle: "Muestra el nombre de lugares definidos como punto",
  2632.                     ShowAreaNames: 'Mostrar nombres de área',
  2633.                     ShowAreaNamesTitle: "Muestra el nombre de lugares definidos como área",
  2634.                     ShowLockLevel: 'Mostrar nivel de bloqueo',
  2635.                     ShowLockLevelTitle: "Muestra el nivel de bloqueo en el centro del lugar",
  2636.                     ShowPLAName: 'Mostrar nombre de PLA',
  2637.                     ShowPLANameTitle: 'Muestra el nombre de áreas de estacionamiento (PLAs)',
  2638.                     Item: 'Opción',
  2639.                     PlaceMenuCustomization: "Personalización del menú de lugares",
  2640.                     ClearDescription: "Mostrar botón de borrar descripción",
  2641.                     ClearDescriptionTitle: "Añade un botón de borrado en la parte superior derecha del campo de descripción que deja vacíos todos los campos",
  2642.                     PropertiesPanel: "Propiedades del panel",
  2643.                     FontSize: "Tamaño de letra",
  2644.                     FontColor: "Color de Letra",
  2645.                     Bold: "Negrita",
  2646.                     FontOutlineColor: "Color del contorno de la letra",
  2647.                     FontOutlineWidth: "Ancho del contorno de la letra",
  2648.                     ProdPL: "Forzar Permalink de producción",
  2649.                     MoveAddress: "Move address to top of panel",
  2650.                     MoveAddressTitle: "Moves the address editor to the top of the properties panel",
  2651.                     MoveHNEntry: "Move HN entry before street entry",
  2652.                     MoveHNEntryTitle: "Moves the House Number entry before the Street entry in the address editor",
  2653.                     ShowParkingSpaceEstimatorTool: "Show Parking Space Estimator tool",
  2654.                     ShowParkingSpaceEstimatorToolTitle: "Shows the button to launch the Parking Space Estimator tool",
  2655.                     PSEParkingSpaceEstimator: "Parking Space Estimator",
  2656.                     PSELayoutType: "Layout type",
  2657.                     PSE90degree: "90 degree",
  2658.                     PSEAngled: "Angled",
  2659.                     PSEEstimatedNumOfSpots: "Estimated # of spots: ",
  2660.                     PSESet: "Set",
  2661.                     PSESpotWidth: "Spot width (m)",
  2662.                     PSECal: "Cal",
  2663.                     PSEDraw90DegreeTitle: "Click to draw a line through an entire 90 degree parking space aisle.  Double click to finish drawing and measure the spaces.",
  2664.                     PSEDrawAngledTitle: "Click to draw a line through an entire angled parking space aisle.  Double click to finish drawing and measure the spaces.",
  2665.                     PSEShowPSEButton: "Show Parking Space Estimator tool button",
  2666.                     PSEShowPSEButtonTitle: "Shows the button to launch the Parking Space Estimator tool",
  2667.                     PSEDisplayButtonTitle: "Opens the Parking Space Estimator tool",
  2668.                     ShowNavPointClosestSegmentOnHover: "Display the nav point and closest segment line on hover",
  2669.                     ShowClosestSegmentSelected: "Display a line from the nav point to the point on the closest segment",
  2670.                     NavLink: "Link nav point",
  2671.                     NavLinkTitle: "Enables the nav point link on all point Places. When linked, the nav point will move to the location of the point Place when the Place is moved"
  2672.                 }
  2673.             },
  2674.             fr: {
  2675.                 prefs: {
  2676.                     title: 'Place Interface Enhancements',
  2677.                     ShowAreaPlaceSize: 'Afficher la tallie de la place',
  2678.                     ShowImperial: 'Afficher en imperial',
  2679.                     ShowMetric: 'Afficher en métrique',
  2680.                     ShowRPPLockButtons: 'Afficher les boutons de lock pour les résidentiels',
  2681.                     ShowRPPLockButtonsTitle: 'Affiche des boutons pour le niveau de verrouillage des lieux résidentiels',
  2682.                     ShowPlaceLocatorCrosshair: 'Afficher le repère de localisation du lieu',
  2683.                     ShowPlaceLocatorCrosshairTitle: "Centre le lieu à l'écran et zoome au niveau défini",
  2684.                     Zoom: 'Zoom',
  2685.                     ZoomTitle: "Niveau de zoom utilisé lorsqu'on se centre sur un lieu",
  2686.                     ShowAddressSearch: "Afficher icône de recherche à côté de l'adresse",
  2687.                     ShowAddressSearchTitle: "Affiche une loupe à côté de l'adresse du lieu. Cliquer ce bouton chargera l'adresse dans la barre de recherche",
  2688.                     ShowPlaceCategoryButtons: 'Ajouter des icônes de catégorie au dessus de la sélection de catégories',
  2689.                     ShowPLAButton: 'Afficher le bouton de création de parking',
  2690.                     ShowPLAButtonTitle: 'Démarre le mode création de parking pour tracer un parking qui aura le nom du lieu sélectionné',
  2691.                     ShowCopyPlaceButton: 'Afficher le bouton de clonage de lieu',
  2692.                     ShowCopyPlaceButtonTitle: 'Clone le lieu sélectionné en nouveau lieu avec les mêmes valeurs',
  2693.                     ShowGPIDTooltip: 'Afficher en infobulle le fournisseur externe',
  2694.                     ShowGPIDTooltipTitle: 'Affiche une infobulle avec les informations du fournisseur externe',
  2695.                     NewPlaces: 'Nouveaux Lieux',
  2696.                     EditRPPAfterCreate: "Editer l'adresse du résidentiel après création",
  2697.                     EditRPPAfterCreateTitle: "Ouvre automatiquement la zone d'édition de l'adresse du lieu résidentiel et se positionne sur la saisie du n° de rue",
  2698.                     UseStreetFromClosestSegment: 'Utiliser le nom de rue du segment le plus proche',
  2699.                     UseStreetFromClosestSegmentTitle: "Prend le nom de rue du segment visible le plus proche et l'insère dans l'adresse du nouveau lieu",
  2700.                     UseCityFromClosestSegment: 'Utiliser le nom de ville du segment le plus proche',
  2701.                     UseCityFromClosestSegmentTitle: "Prend le nom de ville du segment visible le plus proche et l'insère dans l'adresse du nouveau lieu",
  2702.                     ClosestSegmentAltCity: 'Lorsque le nom principal est «Hors ville» regarder le nom en alt',
  2703.                     ClosestSegmentAltCityTitle: 'Lorsque le nom principal est «Hors ville» essayer de trouver un nom de rue alternatif avec une ville',
  2704.                     ClosestSegmentIgnorePLRUnnamedPR: "Ignorer les parkings et voies privées non nommés",
  2705.                     ClosestSegmentIgnorePLRUnnamedPRTitle: "Lorsque le script regarde le nom du segment visible le plus proche, les parkings et voies privées non nommées seront ignorés",
  2706.                     LockLevel: 'Verrouillage ',
  2707.                     LockLevelTitle: 'Le niveau de verrouillage est appliqué automatiquement à la création du lieu',
  2708.                     MapChanges: 'Changements de carte',
  2709.                     ShowPlaceNames: 'Afficher le nom des lieux',
  2710.                     ShowPlaceNamesTitle: '',
  2711.                     ShowPointNames: 'Afficher le nom des lieux point',
  2712.                     ShowPointNamesTitle: "Affiche le nom du lieu sous le lieu point",
  2713.                     ShowAreaNames: 'Afficher le nom des lieux zone',
  2714.                     ShowAreaNamesTitle: "Affiche le nom du lieu au milieu du lieu zone",
  2715.                     ShowLockLevel: 'Afficher le niveau de verrouillage',
  2716.                     ShowLockLevelTitle: "Afficher le niveau de verrouillage du lieu au milieu du lieu zone",
  2717.                     ShowPLAName: 'Afficher le nom des parkings',
  2718.                     ShowPLANameTitle: 'Affiche le nom du parking au milieu du lieu zone',
  2719.                     Item: 'Option',
  2720.                     PlaceMenuCustomization: "Personnalisation du menu Lieu",
  2721.                     ClearDescription: "Afficher le bouton «Effacer description»",
  2722.                     ClearDescriptionTitle: "Ajoute un bouton «Effacer description» en haut à droite de l'entrée de description qui, lorsqu'il est cliqué, effacera tout le texte dans le champ de saisie",
  2723.                     PropertiesPanel: "Panneau des propriétés",
  2724.                     FontSize: "Taille de police",
  2725.                     FontColor: "Couleur de police",
  2726.                     Bold: "Gras",
  2727.                     FontOutlineColor: "Couleur surlignage police",
  2728.                     FontOutlineWidth: "Épaisseur surlignage police",
  2729.                     ProdPL: "Force production PL",
  2730.                     MoveAddress: "Déplacer l'adresse en haut du panneau",
  2731.                     MoveAddressTitle: "Déplace l'édition d'adresse en haut du panneau de propritétés",
  2732.                     MoveHNEntry: "Placer n° de rue avant nom de rue",
  2733.                     MoveHNEntryTitle: "Place l'édition du numéro de rue avant le nom de la rue dans l'éditeur d'adresse",
  2734.                     ShowParkingSpaceEstimatorTool: "Afficher le simulateur de places de stationnement",
  2735.                     ShowParkingSpaceEstimatorToolTitle: "Affiche un bouton pour lancer le simulateur de places de stationnement",
  2736.                     PSEParkingSpaceEstimator: "Simulateur places de stationnement",
  2737.                     PSELayoutType: "Emplacements:",
  2738.                     PSE90degree: "A 90 degrés",
  2739.                     PSEAngled: "Inclinés",
  2740.                     PSEEstimatedNumOfSpots: "Nombre estimé de places: ",
  2741.                     PSESet: "Set",
  2742.                     PSESpotWidth: "Largeur place (m)",
  2743.                     PSECal: "Cal",
  2744.                     PSEDraw90DegreeTitle: "Cliquez pour dessiner une ligne passant à travers les emplacements de parking à 90°. Double-cliquez pour terminer le tracé et mesurer les espaces.",
  2745.                     PSEDrawAngledTitle: "Cliquez pour dessiner une ligne passant à travers les emplacements de parking inclinés. Double-cliquez pour terminer le tracé et mesurer les espaces.",
  2746.                     PSEShowPSEButton: "Afficher le simulateur de places de stationnement",
  2747.                     PSEShowPSEButtonTitle: "Affiche un bouton pour lancer le simulateur de places de stationnement",
  2748.                     PSEDisplayButtonTitle: "Ouvre le simulateur de places de stationnement",
  2749.                     ShowNavPointClosestSegmentOnHover: "Affiche une ligne entre le point d'entrée et le segment le plus proche",
  2750.                     ShowClosestSegmentSelected: "Display a line from the nav point to the point on the closest segment",
  2751.                     NavLink: "Link nav point",
  2752.                     NavLinkTitle: "Enables the nav point link on all point Places. When linked, the nav point will move to the location of the point Place when the Place is moved"
  2753.                 }
  2754.             }
  2755.         });
  2756.     }
  2757.  
  2758.     function setTranslations(translations) {
  2759.         I18n.translations[I18n.currentLocale()].pie = translations.en;
  2760.         for (var i = 0; i < Object.keys(translations).length; i++) {
  2761.             var locale = Object.keys(translations)[i];
  2762.             if (I18n.currentLocale() == locale) {
  2763.                 I18n.translations[locale].pie.prefs = translations[locale].prefs;
  2764.                 return;
  2765.             }
  2766.         }
  2767.     }
  2768.  
  2769.     function listPlaces(){
  2770.         var category = "";
  2771.         for(i=0; i<W.Config.venues.categories.length; i++){
  2772.             category = W.Config.venues.categories[i];
  2773.             console.log(category + " Main");
  2774.             var subCategories = W.Config.venues.subcategories[category];
  2775.             for(var j=0; j<subCategories.length;j++){
  2776.                 console.log(subCategories[j]);
  2777.             }
  2778.         }
  2779.     }
  2780.  
  2781.  
  2782.     //Obsoleted by WME update released 2017-10-24
  2783.     function ImageDialogEnhancement(){
  2784.         $('.venue-image-dialog .details').wrap("<div id='detailsWrap'></div>");
  2785.         $('#detailsWrap').append("<div style='position:absolute;right:12px; bottom:25px;'><i class='fa fa-trash-o fa-lg' id='DeleteFromImageDialog' style='cursor:pointer;' aria-hidden='true'></i></div>");
  2786.         var dataID = $('#detailsWrap').parent().find('img')[0].src;
  2787.         dataID = /_(.+)/g.exec(dataID)[1];
  2788.         $('#DeleteFromImageDialog').click(function(){
  2789.             $('div[data-id="' + dataID + '"] button.image-delete-button').click();
  2790.             $('.venue-image-dialog').find('.close').click();
  2791.         });
  2792.  
  2793.         //Image dialog navigation arrows
  2794.         if(W.selectionManager.selectedItems[0].model.attributes.images.length > 1){
  2795.             let thisImageIndex;
  2796.             let PlaceImages = W.selectionManager.selectedItems[0].model.attributes.images;
  2797.             for(let i=0; i<PlaceImages.length; i++){
  2798.                 if(W.selectionManager.selectedItems[0].model.attributes.images[i].id === dataID){
  2799.                     thisImageIndex = i;
  2800.                     break;
  2801.                 }
  2802.             }
  2803.             $('.modal-body').addClass('imgcon');
  2804.             $('.modal-body').prepend((thisImageIndex + 1) + "/" + W.selectionManager.selectedItems[0].model.attributes.images.length);
  2805.             $('.imgcon').append('<div class="imnav"><div class="prim control"></div><div class="zmim control"></div><div class="neim control"></div></div>');
  2806.             $('.prim').click(function(){
  2807.                 let prevIndex;
  2808.  
  2809.                 if(thisImageIndex == 0)
  2810.                     prevIndex = PlaceImages.length - 1;
  2811.                 else
  2812.                     prevIndex = thisImageIndex - 1;
  2813.                 dataID = PlaceImages[prevIndex].id;
  2814.                 $('div[data-id="' + dataID +'"] img').click();
  2815.             });
  2816.  
  2817.             $('.neim').click(function(){
  2818.                 let nextIndex;
  2819.  
  2820.                 if(thisImageIndex == PlaceImages.length - 1)
  2821.                     nextIndex = 0;
  2822.                 else
  2823.                     nextIndex = thisImageIndex + 1;
  2824.                 dataID = PlaceImages[nextIndex].id;
  2825.                 $('div[data-id="' + dataID +'"] img').click();
  2826.             });
  2827.         }
  2828.     }
  2829. })();