☰

WME Place Interface Enhancements

Enhancements to various Place interfaces

目前为 2017-01-12 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         WME Place Interface Enhancements
  3. // @namespace    https://greasyfork.org/users/30701-justins83-waze
  4. // @version      0.5.4
  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. // @author       JustinS83
  11. // @grant        none
  12. // @require      https://greasyfork.org/scripts/24851-wazewrap/code/WazeWrap.js
  13. // @license      GPLv3
  14. // ==/UserScript==
  15. var UpdateObject, MultiAction;
  16.  
  17. (function() {
  18.     'use strict';
  19.  
  20.     var settings = {};
  21.     var placeMenuSelector = "#edit-buttons > div > div.toolbar-button.waze-icon-place.toolbar-submenu.toolbar-group.toolbar-group-venues.ItemInactive > menu";
  22.     var pointStyle = {
  23. 			pointRadius: 6,
  24. 			fillOpacity: 0,
  25. 			strokeColor: '#00ece3',
  26. 			strokeWidth: '2',
  27. 			strokeLinecap: 'round'
  28. 		};
  29.     var layerName = "WME PIE";
  30.     var newPlaceLayer;
  31.     var placementMode = false;
  32.     var drawPoly;
  33.  
  34.     // Your code here...
  35.     function bootstrap(tries) {
  36.         tries = tries || 1;
  37.  
  38.         if (window.W &&
  39.             window.W.map &&
  40.             window.W.model &&
  41.             $) {
  42.             init();
  43.         } else if (tries < 1000) {
  44.             setTimeout(function () {bootstrap(tries++);}, 200);
  45.         }
  46.     }
  47.  
  48.     bootstrap();
  49.  
  50.     function init(){
  51.         var $section = $("<div>", {style:"padding:8px 16px", id:"WMEPIESettings"});
  52.         $section.html([
  53.             '<h4><b>WME Place Interface Enhancements</b></h4>',
  54.             '<div class="controls-container" id="divAreaPlaceSizeControls">',
  55.             '<div id="divShowAreaPlaceSize" class="controls-container"><input type="checkbox" id="_cbShowAreaPlaceSize" class="pieSettingsCheckbox" /><label for="_cbShowAreaPlaceSize">Show area Place size</label></div>',
  56.             '<div id="divShowAreaPlaceSizeImperial"class="controls-container" style="padding-left:30px;"><input type="checkbox" id="_cbShowAreaPlaceSizeImperial" class="pieSettingsCheckbox" disabled /><label for ="_cbShowAreaPlaceSizeImperial"> Show imperial </label></div>',
  57.             '<div id="divShowAreaPlaceSizeMetric" class="controls-container" style="padding-left:30px;"><input type="checkbox" id="_cbShowAreaPlaceSizeMetric" class="pieSettingsCheckbox" disabled /><label for ="_cbShowAreaPlaceSizeMetric"> Show metric</label></div>',
  58.             '</div>',
  59.             '<div class="controls-container" id="divShowLockButtonsRPP"><input type="checkbox" id="_cbShowLockButtonsRPP" class="pieSettingsCheckbox" /><label for="_cbShowLockButtonsRPP">Show lock buttons for RPPs</label></div>',
  60.             '<div class="controls-container" id="divShowPlaceLocatorCrosshair"><input type="checkbox" id="_cbShowPlaceLocatorCrosshair" class="pieSettingsCheckbox" /><label for="_cbShowPlaceLocatorCrosshair">Show Place Locator Crosshair</label></br>',
  61.             '<span class="controls-container" style="padding-left:30px;" title="The zoom level to use when centering on a Place">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>',
  62.             '<b>New Places</b></br>',
  63.             '<div id="divEditRPPAfterCreated" class="controls-container"><input type="checkbox" id="_cbEditRPPAfterCreated" class="pieSettingsCheckbox"><label for="_cbEditRPPAfterCreated">Edit RPP address after created</label></div>',
  64.             '<div id="divUseStreetFromClosestSeg" class="controls-container"><input type="checkbox" id="_cbUseStreetFromClosestSeg" class="pieSettingsCheckbox"><label for="_cbUseStreetFromClosestSeg">Use street name from closest segment</label></div>',
  65.             '<div id="divUseCityFromClosestSeg" class="controls-container"><input type="checkbox" id="_cbUseCityFromClosestSeg" class="pieSettingsCheckbox"><label for="_cbUseCityFromClosestSeg">Use city name from closest segment</label></div>',
  66.             '<div class="controls-container" id="divPlaceMenuCustomization">',
  67.             '<b>Place Menu Customization</b></br>',
  68.             buildItemOption(1),
  69.             buildItemOption(2),
  70.             buildItemOption(3),
  71.             buildItemOption(4),
  72.             buildItemOption(5),
  73.             buildItemOption(6),
  74.             buildItemOption(7),
  75.             buildItemOption(8),
  76.             buildItemOption(9),
  77.             buildItemOption(10),
  78.             buildItemOption(11),
  79.             '</div>'
  80.  
  81.         ].join(' '));
  82.  
  83.         UpdateObject = require("Waze/Action/UpdateObject");
  84.         MultiAction = require("Waze/Action/MultiAction");
  85.  
  86.         newPlaceLayer = new OL.Layer.Vector(layerName,{displayInLayerSwitcher: false});
  87. 		W.map.addLayer(newPlaceLayer);
  88.  
  89.         new WazeWrap.Interface.Tab('PIE', $section.html(), init2);
  90.     }
  91.  
  92.     function buildNewPlaceList(){
  93.         //Clear out the Places menu
  94.         $('#edit-buttons > div > div.toolbar-button.waze-icon-place.toolbar-submenu.toolbar-group.toolbar-group-venues.ItemInactive > menu').empty();
  95.         var cat = "";
  96.         for(i=0;i<11;i++){
  97.             cat = $('#pieItem' + (i+1))[0].value;
  98.             if(cat !== "PARKING_LOT" && cat !== "RESIDENCE_HOME")
  99.                 $(placeMenuSelector).append('<div class="toolbar-group-item WazeControlDrawFeature ItemInactive" id="piePlaceMainItem' + (i+1) + '" data-category="'+ cat + '"><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" 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>');
  100.             else
  101.                 $(placeMenuSelector).append('<div class="toolbar-group-item WazeControlDrawFeature ItemInactive" id="piePlaceMainItem' + (i+1) + '" data-category="'+ cat + '"><span class="menu-title">' + $('#pieItem' + (i+1))[0].options[$('#pieItem' + (i+1))[0].selectedIndex].innerHTML + '</span></div>');
  102.         }
  103.  
  104.         $('[id^="piePlaceMainItem"]').click(function(e){
  105.             startPlacementMode($('#' + this.id).data("category"), true);
  106.         });
  107.  
  108.         $('[id^="piePlaceAreaItem"]').click(function(e){
  109.             e.stopPropagation();
  110.             startPlacementMode($('#' + this.id).data("category"), false);
  111.         });
  112.     }
  113.  
  114.     function init2(){
  115.         //Load settings
  116.         loadSettings();
  117.         //Set up event handlers
  118.         $('#_cbShowAreaPlaceSize').change(function() {
  119.             if(this.checked) {
  120.                 attachPlaceSizeHandlers();
  121.                 updatePlaceSizeDisplay();
  122.                 $('#_cbShowAreaPlaceSizeImperial')[0].disabled = false;
  123.                 $('#_cbShowAreaPlaceSizeMetric')[0].disabled = false;
  124.             }
  125.             else
  126.             {
  127.                 removePlaceSizeHandlers();
  128.                 $('#AreaSize').remove();
  129.                 $('#_cbShowAreaPlaceSizeImperial')[0].disabled = true;
  130.                 $('#_cbShowAreaPlaceSizeMetric')[0].disabled = true;
  131.             }
  132.         });
  133.  
  134.         $('#_cbShowLockButtonsRPP').change(function() {
  135.             if(this.checked) {
  136.                 attachRPPLockButtonHandlers();
  137.             }
  138.             else
  139.             {
  140.                 $('#RPPOptionPlaceLockButtonsContainer').remove();
  141.                 W.selectionManager.events.unregister("selectionchanged", null, addLockButtons);
  142.                 W.model.actionManager.events.unregister("afterundoaction",null, addLockButtons);
  143.                 W.model.actionManager.events.unregister("afterclearactions",null, addLockButtons);
  144.                 W.model.actionManager.events.unregister("afteraction",null, addLockButtons);
  145.             }
  146.         });
  147.  
  148.         $('#_cbShowPlaceLocatorCrosshair').change(function(){
  149.             if(this.checked){
  150.                 W.selectionManager.events.register("selectionchanged", null, ShowPlaceLocatorCrosshair);
  151.                 W.model.actionManager.events.register("afterundoaction",null, ShowPlaceLocatorCrosshair);
  152.                 W.model.actionManager.events.register("afterclearactions",null, ShowPlaceLocatorCrosshair);
  153.                 W.model.actionManager.events.register("afteraction",null, ShowPlaceLocatorCrosshair);
  154.             }
  155.             else{
  156.                 W.selectionManager.events.unregister("selectionchanged", null, ShowPlaceLocatorCrosshair);
  157.                 W.model.actionManager.events.unregister("afterundoaction",null, ShowPlaceLocatorCrosshair);
  158.                 W.model.actionManager.events.unregister("afterclearactions",null, ShowPlaceLocatorCrosshair);
  159.                 W.model.actionManager.events.unregister("afteraction",null, ShowPlaceLocatorCrosshair);
  160.             }
  161.         });
  162.  
  163.         //Load settings to interface
  164.         setChecked('_cbShowAreaPlaceSize', settings.ShowAreaPlaceSize);
  165.         setChecked('_cbShowAreaPlaceSizeImperial', settings.ShowAreaPlaceSizeImperial);
  166.         setChecked('_cbShowAreaPlaceSizeMetric', settings.ShowAreaPlaceSizeMetric);
  167.         setChecked('_cbShowLockButtonsRPP', settings.ShowLockButtonsRPP);
  168.         setChecked('_cbEditRPPAfterCreated', settings.EditRPPAfterCreated);
  169.         setChecked('_cbUseStreetFromClosestSeg', settings.UseStreetFromClosestSeg);
  170.         setChecked('_cbUseCityFromClosestSeg', settings.UseCityFromClosestSeg);
  171.         setChecked('_cbShowPlaceLocatorCrosshair', settings.ShowPlaceLocatorCrosshair);
  172.         $('#piePlaceZoom')[0].value = settings.PlaceZoom;
  173.  
  174.         if(settings.ShowAreaPlaceSize){
  175.             $('#_cbShowAreaPlaceSizeImperial')[0].disabled = false;
  176.             $('#_cbShowAreaPlaceSizeMetric')[0].disabled = false;
  177.             attachPlaceSizeHandlers();
  178.         }
  179.  
  180.         if(settings.ShowPlaceLocatorCrosshair){
  181.             W.selectionManager.events.register("selectionchanged", null, ShowPlaceLocatorCrosshair);
  182.             W.model.actionManager.events.register("afterundoaction",null, ShowPlaceLocatorCrosshair);
  183.             W.model.actionManager.events.register("afterclearactions",null, ShowPlaceLocatorCrosshair);
  184.             W.model.actionManager.events.register("afteraction",null, ShowPlaceLocatorCrosshair);
  185.             ShowPlaceLocatorCrosshair(); //in case the user opened a PL with a Place selected
  186.         }
  187.  
  188.         if(settings.ShowLockButtonsRPP)
  189.             attachRPPLockButtonHandlers();
  190.  
  191.         $('.pieSettingsCheckbox').change(function() {
  192.              var settingName = $(this)[0].id.substr(3);
  193.             settings[settingName] = this.checked;
  194.             saveSettings();
  195.         });
  196.  
  197.         $('#piePlaceZoom').change(function(){
  198.             var settingName = $(this)[0].id.substr(3);
  199.             settings[settingName] = $(this)[0].value;
  200.             saveSettings();
  201.         });
  202.  
  203.         //Whenever a Place item is changed, read the settings and save to localStorage
  204.         $('[id^="pieItem"]').change(function(){
  205.             for(i=0;i<11;i++){
  206.                 settings.NewPlacesList[i] = $('#pieItem'+(i+1))[0].value;
  207.             }
  208.             saveSettings();
  209.             buildNewPlaceList();
  210.         });
  211.  
  212.         //Load settings into Place Customization list options
  213.         for(i=0; i<11;i++)
  214.             $('#pieItem'+(i+1))[0].value = settings.NewPlacesList[i];
  215.  
  216.         //Build our new menu
  217.         buildNewPlaceList();
  218.     }
  219.  
  220.     var areaCategory = "";
  221.     function startPlacementMode(category, isPoint){
  222.         $('#edit-buttons > div > div.toolbar-button.waze-icon-place.toolbar-submenu.toolbar-group.toolbar-group-venues.ItemInactive').removeClass("open");
  223.         if(isPoint){
  224.             $("#map").on('mousemove', MouseMoveHandler);
  225.             $("#map").click(function(){endPlacementMode(category, isPoint);});
  226.         }
  227.         else{
  228.             areaCategory = category;
  229.             var polyDrawFeatureOptions = {callbacks : {"done": doneHandler}};
  230.             drawPoly = new OpenLayers.Control.DrawFeature(newPlaceLayer, OpenLayers.Handler.Polygon, polyDrawFeatureOptions);
  231.             W.map.addControl(drawPoly);
  232.             drawPoly.activate();
  233.  
  234.         }
  235.         document.addEventListener('keyup', keyUpHandler, false);
  236.     }
  237.  
  238.     function doneHandler(geom){
  239.         drawPoly.destroy();
  240.         createPlace(geom, areaCategory, false);
  241.     }
  242.  
  243.     function keyUpHandler(e){
  244.          if (e.keyCode == 27){
  245.              disablePlacementMode();
  246.              if(drawPoly !== "undefined")
  247.                  drawPoly.destroy();
  248.          }
  249.     }
  250.  
  251.     function disablePlacementMode(){
  252.         $("#map").off('click');//, endPlacementMode);
  253.         $("#map").off('mousemove', MouseMoveHandler);
  254.         clearLayer();
  255.         document.removeEventListener('keyup', keyUpHandler);
  256.     }
  257.  
  258.     function endPlacementMode(category, isPoint){
  259.         disablePlacementMode();
  260.         createPlace(getMousePos900913(), category, isPoint);
  261.     }
  262.  
  263.     function getMousePos900913(){
  264.         var mousePosition = $('.WazeControlMousePosition').text().split(" ");
  265.         return WazeWrap.Geometry.ConvertTo900913(mousePosition[0], mousePosition[1]);
  266.     }
  267.  
  268.     function MouseMoveHandler(e){
  269.         clearLayer();
  270. 		drawCircle(getMousePos900913());
  271.     }
  272.  
  273.     function clearLayer() {
  274. 		var layer = W.map.getLayersByName(layerName)[0];
  275. 		layer.removeAllFeatures();
  276. 	}
  277.  
  278.     function drawCircle(e){
  279.         var pointFeature = new OL.Feature.Vector(new OL.Geometry.Point(e.lon, e.lat), {}, pointStyle);
  280. 		W.map.getLayersByName(layerName)[0].addFeatures([pointFeature]);
  281.     }
  282.  
  283.     function createPlace(pos, category, isPoint){
  284.         var PlaceObject = require("Waze/Feature/Vector/Landmark");
  285.         var AddPlace = require("Waze/Action/AddLandmark");
  286.         var multiaction = new MultiAction();
  287.         multiaction.setModel(W.model);
  288.  
  289.         var NewPlace = new PlaceObject();
  290.         if(isPoint)
  291.             NewPlace.geometry = new OL.Geometry.Point(pos.lon, pos.lat);
  292.         else{
  293.             var points = [];
  294.             for(i=0;i<pos.components[0].components.length;i++){
  295.                 points.push(new OL.Geometry.Point(pos.components[0].components[i].x, pos.components[0].components[i].y));
  296.             }
  297.             var ring = new OpenLayers.Geometry.LinearRing(points);
  298.             NewPlace.geometry = new OL.Geometry.Polygon([ring]);//.components = new OL.Geometry.Polygon([ring]);
  299.  
  300.         }
  301.  
  302.         NewPlace.attributes.categories.push(category);
  303.         if(category === "RESIDENCE_HOME"){
  304.             NewPlace._originalResidential = true;
  305.             NewPlace.attributes.residential = true;
  306.         }
  307.  
  308.         var closestSeg = WazeWrap.Geometry.findClosestSegment(new OL.Geometry.Point(pos.lon, pos.lat));
  309.  
  310.         W.model.actionManager.add(new AddPlace(NewPlace));
  311.         Waze.selectionManager.select([NewPlace]);
  312.  
  313.         var newAttributes, UpdateFeatureAddress = require('Waze/Action/UpdateFeatureAddress'), address = closestSeg.getAddress();
  314.  
  315.         newAttributes = {
  316.             countryID: address.country.id,
  317.             stateID: address.state.id,
  318.             emptyCity: address.city.attributes.name ? null : true,
  319.             emptyStreet: address.street.name ? null : true
  320.         };
  321.  
  322.         if(settings.UseStreetFromClosestSeg)
  323.             newAttributes.streetName = address.street.name;
  324.         else
  325.             newAttributes.emptyStreet = true;
  326.  
  327.         if(settings.UseCityFromClosestSeg)
  328.             newAttributes.cityName = address.city.attributes.name;
  329.         else
  330.             newAttributes.emptyCity = true;
  331.  
  332.         multiaction.doSubAction(new UpdateFeatureAddress(NewPlace, newAttributes));
  333.         W.model.actionManager.add(multiaction);
  334.  
  335.         if(category === "RESIDENCE_HOME" && settings.EditRPPAfterCreated)
  336.             editRPPAddress();
  337.     }
  338.  
  339.     function editRPPAddress(rppTries){
  340.         rppTries = rppTries || 1;
  341.  
  342.         if ($('.edit-button').length > 0) {
  343.             $('.edit-button').trigger("click");
  344.             $('.house-number:first').focus();
  345.  
  346.         } else if (rppTries < 1000) {
  347.             console.log("not found");
  348.             setTimeout(function () {editRPPAddress(rppTries++);}, 200);
  349.         }
  350.     }
  351.  
  352.     function buildItemOption(itemNumber){
  353.         var $section = $("<div>", {style:"padding:8px 16px", id:"piePlaceCat" + itemNumber});
  354.         $section.html([
  355.             'Item ',
  356.             itemNumber,
  357.             buildItemList(itemNumber),
  358.             '</br>'
  359.             ].join(' '));
  360.  
  361.         return $section.html();
  362.     }
  363.  
  364.     function buildItemList(itemNumber){
  365.  
  366.         var $places = $("<div>");
  367.         $places.html([
  368.             '<select id="pieItem' + itemNumber + '">',
  369.             '<option value="CAR_SERVICES" style="font-weight:bold;">Car Services</option>',
  370.             '<option value="GAS_STATION">Gas Station</option>',
  371.             '<option value="GARAGE_AUTOMOTIVE_SHOP">Garage / Automotive Shop</option>',
  372.             '<option value="CAR_WASH">Car Wash</option>',
  373.             '<option value="CHARGING_STATION">Charging Station</option>',
  374.             '<option value="TRANSPORTATION" style="font-weight:bold;">Transportation</option>',
  375.             '<option value="AIRPORT">Airport</option>',
  376.             '<option value="BUS_STATION">Bus Station</option>',
  377.             '<option value="FERRY_PIER">Ferry Pier</option>',
  378.             '<option value="SEAPORT_MARINA_HARBOR">Seaport / Marina / Harbor</option>',
  379.             '<option value="SUBWAY_STATION">Subway Station</option>',
  380.             '<option value="TRAIN_STATION">Train Station</option>',
  381.             '<option value="BRIDGE">Bridge</option>',
  382.             '<option value="TUNNEL">Tunnel</option>',
  383.             '<option value="TAXI_STATION">Taxi Station</option>',
  384.             '<option value="JUNCTION_INTERCHANGE">Junction / Interchange</option>',
  385.             '<option value="PROFESSIONAL_AND_PUBLIC" style="font-weight:bold;">Professional and public</option>',
  386.             '<option value="COLLEGE_UNIVERSITY">College / University</option>',
  387.             '<option value="SCHOOL">School</option>',
  388.             '<option value="CONVENTIONS_EVENT_CENTER">Conventions / Event Center</option>',
  389.             '<option value="GOVERNMENT">Government</option>',
  390.             '<option value="LIBRARY">Library</option>',
  391.             '<option value="CITY_HALL">City Hall</option>',
  392.             '<option value="ORGANIZATION_OR_ASSOCIATION">Organization or Association</option>',
  393.             '<option value="PRISON_CORRECTIONAL_FACILITY">Prison / Correctional Facility</option>',
  394.             '<option value="COURTHOUSE">Courthouse</option>',
  395.             '<option value="CEMETERY">Cemetery</option>',
  396.             '<option value="FIRE_DEPARTMENT">Fire Department</option>',
  397.             '<option value="POLICE_STATION">Police Station</option>',
  398.             '<option value="MILITARY">Military</option>',
  399.             '<option value="HOSPITAL_MEDICAL_CARE">Hospital / Medical Care</option>',
  400.             '<option value="OFFICES">Offices</option>',
  401.             '<option value="POST_OFFICE">Post Office</option>',
  402.             '<option value="RELIGIOUS_CENTER">Religious Center</option>',
  403.             '<option value="KINDERGARTEN">Kindergarten</option>',
  404.             '<option value="FACTORY_INDUSTRIAL">Factory / Industrial</option>',
  405.             '<option value="EMBASSY_CONSULATE">Embassy / Consulate</option>',
  406.             '<option value="INFORMATION_POINT">Information Point</option>',
  407.             '<option value="EMERGENCY_SHELTER">Emergency Shelter</option>',
  408.             '<option value="SHOPPING_AND_SERVICES" style="font-weight:bold;">Shopping and services</option>',
  409.             '<option value="ARTS_AND_CRAFTS">Arts & Crafts</option>',
  410.             '<option value="BANK_FINANCIAL">Bank / Financial</option>',
  411.             '<option value="SPORTING_GOODS">Sporting Goods</option>',
  412.             '<option value="BOOKSTORE">Bookstore</option>',
  413.             '<option value="PHOTOGRAPHY">Photography</option>',
  414.             '<option value="CAR_DEALERSHIP">Car Dealership</option>',
  415.             '<option value="FASHION_AND_CLOTHING">Fashion and Clothing</option>',
  416.             '<option value="CONVENIENCE_STORE">Convenience Store</option>',
  417.             '<option value="PERSONAL_CARE">Personal Care</option>',
  418.             '<option value="DEPARTMENT_STORE">Department Store</option>',
  419.             '<option value="PHARMACY">Pharmacy</option>',
  420.             '<option value="ELECTRONICS">Electronics</option>',
  421.             '<option value="FLOWERS">Flowers</option>',
  422.             '<option value="FURNITURE_HOME_STORE">Furniture / Home Store</option>',
  423.             '<option value="GIFTS">Gifts</option>',
  424.             '<option value="GYM_FITNESS">Gym / Fitness</option>',
  425.             '<option value="SWIMMING_POOL">Swimming Pool</option>',
  426.             '<option value="HARDWARE_STORE">Hardware Store</option>',
  427.             '<option value="MARKET">Market</option>',
  428.             '<option value="SUPERMARKET_GROCERY">Supermarket / Grocery</option>',
  429.             '<option value="JEWELRY">Jewelry</option>',
  430.             '<option value="LAUNDRY_DRY_CLEAN">Laundry / Dry Clean</option>',
  431.             '<option value="SHOPPING_CENTER">Shopping Center</option>',
  432.             '<option value="MUSIC_STORE">Music Store</option>',
  433.             '<option value="PET_STORE_VETERINARIAN_SERVICES">Pet Store / Veterinarian Services</option>',
  434.             '<option value="TOY_STORE">Toy Store</option>',
  435.             '<option value="TRAVEL_AGENCY">Travel Agency</option>',
  436.             '<option value="ATM">ATM</option>',
  437.             '<option value="CURRENCY_EXCHANGE">Currency Exchange</option>',
  438.             '<option value="CAR_RENTAL">Car Rental</option>',
  439.             '<option value="FOOD_AND_DRINK" style="font-weight:bold;">Food and Drink</option>',
  440.             '<option value="RESTAURANT">Restaurant</option>',
  441.             '<option value="BAKERY">Bakery</option>',
  442.             '<option value="DESSERT">Dessert</option>',
  443.             '<option value="CAFE">Coffee shop</option>',
  444.             '<option value="FAST_FOOD">Fast Food</option>',
  445.             '<option value="FOOD_COURT">Food Court</option>',
  446.             '<option value="BAR">Bar</option>',
  447.             '<option value="ICE_CREAM">Ice Cream</option>',
  448.             '<option value="CULTURE_AND_ENTERTAINEMENT" style="font-weight:bold;">Culture & Entertainment</option>',
  449.             '<option value="ART_GALLERY">Art Gallery</option>',
  450.             '<option value="CASINO">Casino</option>',
  451.             '<option value="CLUB">Club</option>',
  452.             '<option value="TOURIST_ATTRACTION_HISTORIC_SITE">Tourist Attraction / Historic Site</option>',
  453.             '<option value="MOVIE_THEATER">Movie Theater</option>',
  454.             '<option value="MUSEUM">Museum</option>',
  455.             '<option value="MUSIC_VENUE">Music Venue</option>',
  456.             '<option value="PERFORMING_ARTS_VENUE">Performing Arts Venue</option>',
  457.             '<option value="GAME_CLUB">Game Club</option>',
  458.             '<option value="STADIUM_ARENA">Stadium / Arena</option>',
  459.             '<option value="THEME_PARK">Theme Park</option>',
  460.             '<option value="ZOO_AQUARIUM">Zoo / Aquarium</option>',
  461.             '<option value="RACING_TRACK">Racing Track</option>',
  462.             '<option value="THEATER">Theater</option>',
  463.             '<option value="OTHER" style="font-weight:bold;">Other</option>',
  464.             '<option value="CONSTRUCTION_SITE">Construction Site</option>',
  465.             '<option value="LODGING" style="font-weight:bold;">Lodging</option>',
  466.             '<option value="HOTEL">Hotel</option>',
  467.             '<option value="HOSTEL">Hostel</option>',
  468.             '<option value="CAMPING_TRAILER_PARK">Camping / Trailer Park</option>',
  469.             '<option value="COTTAGE_CABIN">Cottage / Cabin</option>',
  470.             '<option value="BED_AND_BREAKFAST">Bed & Breakfast</option>',
  471.             '<option value="OUTDOORS" style="font-weight:bold;">Outdoors</option>',
  472.             '<option value="PARK">Park</option>',
  473.             '<option value="PLAYGROUND">Playground</option>',
  474.             '<option value="BEACH">Beach</option>',
  475.             '<option value="SPORTS_COURT">Sports Court</option>',
  476.             '<option value="GOLF_COURSE">Golf Course</option>',
  477.             '<option value="PLAZA">Plaza</option>',
  478.             '<option value="PROMENADE">Promenade</option>',
  479.             '<option value="POOL">Pool</option>',
  480.             '<option value="SCENIC_LOOKOUT_VIEWPOINT">Scenic Lookout / Viewpoint</option>',
  481.             '<option value="SKI_AREA">Ski Area</option>',
  482.             '<option value="NATURAL_FEATURES" style="font-weight:bold;">Natural Features</option>',
  483.             '<option value="ISLAND">Island</option>',
  484.             '<option value="SEA_LAKE_POOL">Sea / Lake / Pool</option>',
  485.             '<option value="RIVER_STREAM">River / Stream</option>',
  486.             '<option value="FOREST_GROVE">Forest / Grove</option>',
  487.             '<option value="FARM">Farm</option>',
  488.             '<option value="CANAL">Canal</option>',
  489.             '<option value="SWAMP_MARSH">Swamp / Marsh</option>',
  490.             '<option value="DAM">Dam</option>',
  491.             '<option value="PARKING_LOT" style="font-weight:bold;">Parking Lot</option>',
  492.             '<option value="RESIDENCE_HOME" style="font-weight:bold;">Residential</option>',
  493.             '</select>'
  494.             ].join(' '));
  495.  
  496.         return $places.html();
  497.     }
  498.  
  499.     function attachRPPLockButtonHandlers(){
  500.         $('#RPPOptionPlaceLockButtonsContainer').remove();
  501.         W.selectionManager.events.register("selectionchanged", null, addLockButtons);
  502.         W.model.actionManager.events.register("afterundoaction",null, addLockButtons);
  503.         W.model.actionManager.events.register("afterclearactions",null, addLockButtons);
  504.         W.model.actionManager.events.register("afteraction",null, addLockButtons);
  505.     }
  506.  
  507.     function attachPlaceSizeHandlers(){
  508.         W.selectionManager.events.register("selectionchanged", null, updatePlaceSizeDisplay);
  509.         W.model.actionManager.events.register("afteraction",null, updatePlaceSizeDisplay);
  510.         W.model.actionManager.events.register("afterundoaction",null, updatePlaceSizeDisplay);
  511.         W.model.actionManager.events.register("afterclearactions",null, updatePlaceSizeDisplay);
  512.         W.model.actionManager.events.register("noActions",null, noActions);
  513.         updatePlaceSizeDisplay();
  514.     }
  515.  
  516.     function removePlaceSizeHandlers(){
  517.         W.selectionManager.events.unregister("selectionchanged", null, updatePlaceSizeDisplay);
  518.         W.model.actionManager.events.unregister("afteraction",null, updatePlaceSizeDisplay);
  519.         W.model.actionManager.events.unregister("afterundoaction",null, updatePlaceSizeDisplay);
  520.         W.model.actionManager.events.unregister("afterclearactions",null, updatePlaceSizeDisplay);
  521.         W.model.actionManager.events.unregister("noActions",null, noActions);
  522.     }
  523.  
  524.     function ShowPlaceLocatorCrosshair(){
  525.         $('#pieCrosshairs').remove();
  526.         if(W.selectionManager.selectedItems.length > 0){
  527.             if(W.selectionManager.selectedItems[0].model.type === "venue"){
  528.                 var panelWidth = $('#landmark-edit-general').width();
  529.                 var $crosshairs = $('<div style="float:right;z-index:100;" id="pieCrosshairs"><i class="fa fa-crosshairs fa-lg" aria-hidden="true"></i></div>');
  530.                 $('#landmark-edit-general > form > div:nth-child(1) > i').after($crosshairs);
  531.                 $('#pieCrosshairs').click(function(){
  532.                     CenterOnPlace(W.selectionManager.selectedItems[0].model, settings.PlaceZoom);
  533.                 });
  534.             }
  535.         }
  536.     }
  537.  
  538.     function CenterOnPlace(venue, zoom){
  539.         var centroid = venue.geometry.getCentroid();
  540.         W.map.setCenter([centroid.x, centroid.y], zoom);
  541.     }
  542.  
  543.     function isChecked(checkboxId) {
  544.         return $('#' + checkboxId).is(':checked');
  545.     }
  546.  
  547.     function setChecked(checkboxId, checked) {
  548.         $('#' + checkboxId).prop('checked', checked);
  549.     }
  550.  
  551.     function noActions(){
  552.         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.
  553.     }
  554.  
  555.     function updatePlaceSizeDisplay(){
  556.         var count = W.selectionManager.selectedItems.length;
  557.         var metersArea = 0;
  558.         var bold = false;
  559.         if(count === 1){
  560.            var venue = W.selectionManager.selectedItems[0];
  561.            var isArea = venue.geometry.toString().match(/^POLYGON/);
  562.            //var isPoint = venue.geometry.toString().match(/^POINT/);
  563.  
  564.             if(venue.model.type === "venue" && isArea){
  565.                 if($('#AreaSize'))
  566.                     $('#AreaSize').remove();
  567.                 metersArea = W.selectionManager.selectedItems[0].model.geometry.getGeodesicArea(W.map.getProjectionObject());
  568.  
  569.                 if(metersArea > 0 && isArea){
  570.                     var ftArea = Math.round(metersArea * 10.76391 *100)/100;
  571.  
  572.                     var list = $('#landmark-edit-general > ul')[0];
  573.                     var newList = document.createElement("UL");
  574.                     newList.id = "AreaSize";
  575.  
  576.                     var newItem = document.createElement("LI");
  577.                     if(isChecked("_cbShowAreaPlaceSizeMetric")){
  578.                         newItem.innerHTML = "Area: " + metersArea.toFixed(2) + " m<sup>2</sup>";
  579.                         newList.append(newItem);
  580.                     }
  581.  
  582.                     if(isChecked("_cbShowAreaPlaceSizeImperial")){
  583.                         newItem = document.createElement("LI");
  584.                         newItem.innerHTML = "Area: " + ftArea.toFixed(2) + " ft<sup>2</sup>";
  585.                         newList.append(newItem);
  586.                     }
  587.                     if(metersArea < 500){
  588.                         newItem = document.createElement("LI");
  589.                         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>";
  590.                         newList.append(newItem);
  591.                     }
  592.                     list.before(newList);
  593.  
  594.                     $('#AreaSize').addClass("list-unstyled");
  595.                     $('#AreaSize').addClass("additional-attributes");
  596.                 }
  597.             }
  598.         }
  599.     }
  600.  
  601.     function loadSettings() {
  602.         var loadedSettings = $.parseJSON(localStorage.getItem("WMEPIE_Settings"));
  603.         var defaultSettings = {
  604.             ShowAreaPlaceSize: false,
  605.             ShowAreaPlaceSizeImperial: false,
  606.             ShowAreaPlaceSizeMetric: false,
  607.             ShowLockButtonsRPP: true,
  608.             NewPlacesList: W.Config.venues.categories.clone(),
  609.             EditRPPAfterCreated: false,
  610.             UseStreetFromClosestSeg: false,
  611.             UseCityFromClosestSeg: false,
  612.             ShowPlaceLocatorCrosshair: false,
  613.             PlaceZoom: 6
  614.         };
  615.         settings = loadedSettings ? loadedSettings : defaultSettings;
  616.         for (var prop in defaultSettings) {
  617.             if (!settings.hasOwnProperty(prop))
  618.                 settings[prop] = defaultSettings[prop];
  619.         }
  620.  
  621.         if(settings.ShowAreaPlaceSizeImperial === false && settings.ShowAreaPlaceSizeMetric === false)
  622.             if(Waze.prefs.attributes.isImperial)
  623.                 settings.ShowAreaPlaceSizeImperial = true;
  624.             else
  625.                 settings.ShowAreaPlaceSizeMetric = true;
  626.     }
  627.  
  628.      function saveSettings() {
  629.         if (localStorage) {
  630.             var localsettings = {
  631.                 ShowAreaPlaceSize: settings.ShowAreaPlaceSize,
  632.                 ShowAreaPlaceSizeImperial: settings.ShowAreaPlaceSizeImperial,
  633.                 ShowAreaPlaceSizeMetric: settings.ShowAreaPlaceSizeMetric,
  634.                 ShowLockButtonsRPP: settings.ShowLockButtonsRPP,
  635.                 NewPlacesList: settings.NewPlacesList,
  636.                 EditRPPAfterCreated: settings.EditRPPAfterCreated,
  637.                 UseStreetFromClosestSeg: settings.UseStreetFromClosestSeg,
  638.                 UseCityFromClosestSeg: settings.UseCityFromClosestSeg,
  639.                 ShowPlaceLocatorCrosshair: settings.ShowPlaceLocatorCrosshair,
  640.                 PlaceZoom: settings.PlaceZoom
  641.             };
  642.  
  643.             localStorage.setItem("WMEPIE_Settings", JSON.stringify(localsettings));
  644.         }
  645.     }
  646.  
  647.     //Using the same display for lock buttons as ClickSaver (with permission from MapoMatic) - thanks MoM!
  648.     function addLockButtons() {
  649.         if(W.selectionManager.selectedItems.length > 0){
  650.             var item = W.selectionManager.selectedItems[0];
  651.             var isRPP = (item.model.type === "venue" && item.model.attributes.residential === true);
  652.  
  653.             if(isRPP){
  654.                 var attr = item.model.attributes;
  655.                 var autoRank = attr.rank;
  656.                 var manualRank = attr.lockRank;
  657.                 var firstManualRank = manualRank;
  658.                 var userRank = WazeWrap.User.Rank() - 1;
  659.                 var maxAutoRank = autoRank;
  660.                 var disabled = false;
  661.  
  662.                 var $div = $('#RPPOptionPlaceLockButtonsContainer');
  663.                 $div.remove();
  664.                 $div = $('<div>',{id:'RPPOptionPlaceLockButtonsContainer',style:'margin-bottom:5px;'});
  665.                 $div.append('<label class="control-label">Lock</label>');
  666.                 var btnInfos = [];
  667.  
  668.                 for(var iBtn=0;iBtn<=6;iBtn++){btnInfos.push({r:iBtn,val:iBtn});}
  669.                 btnInfos.forEach(function(btnInfo){
  670.                     var selected = (btnInfo.val === manualRank);
  671.                     disabled = userRank < btnInfo.val;
  672.                     if (btnInfo.val !== 6) {
  673.                         $div.append(
  674.                             $('<div>', {
  675.                                 class:'btn btn-lh' + (selected ? ' btn-lh-selected':'') + (btnInfo.r < 6 & (userRank < btnInfo.r || disabled) ? ' disabled' : '')
  676.                             })
  677.                             .text(btnInfo.hasOwnProperty('title') ? btnInfo.title : btnInfo.r + 1)
  678.                             .data('val',btnInfo.hasOwnProperty('val') ? btnInfo.val : btnInfo.r + 1)
  679.                             .hover(function() {})
  680.                             .click(function() {
  681.                                 if((userRank >= $(this).data('val')) && (btnInfo.r < 6)) {
  682.                                     W.model.actionManager.add(new UpdateObject(item.model,{lockRank:($(this).data('val'))}));
  683.                                     addLockButtons();
  684.                                 }
  685.                             })
  686.                         );
  687.                     }
  688.                 });
  689.                 $('#landmark-edit-general > div').after($div);
  690.             }
  691.         }
  692.     }
  693.  
  694.     function listPlaces(){
  695.         var category = "";
  696.         for(i=0; i<W.Config.venues.categories.length; i++){
  697.             category = W.Config.venues.categories[i];
  698.             console.log(category + " Main");
  699.             var subCategories = W.Config.venues.subcategories[category];
  700.             for(var j=0; j<subCategories.length;j++){
  701.                 console.log(subCategories[j]);
  702.             }
  703.         }
  704.     }
  705. })();