- // ==UserScript==
- // @name WazeWrap site_suite
- // @namespace WazeWrap_site_suite
- // @version 2019.05.03.01
- // @description A base library for WME script writers
- // @author JustinS83/MapOMatic
- // @include https://beta.waze.com/*editor*
- // @include https://www.waze.com/*editor*
- // @exclude https://www.waze.com/*user/editor/*
- // @grant none
- // ==/UserScript==
- /* global W */
- /* global WazeWrap */
- /* global & */
- /* jshint esversion:6 */
- /* eslint-disable */
-
- (function () {
- 'use strict';
- let wwSettings;
-
- function bootstrap(tries = 1) {
- if (!location.href.match(/^https:\/\/(www|beta)\.waze\.com\/(?!user\/)(.{2,6}\/)?editor\/?.*$/))
- return;
-
- if (W && W.map &&
- W.model && W.loginManager.user &&
- $)
- init();
- else if (tries < 1000)
- setTimeout(function () { bootstrap(tries++); }, 200);
- else
- console.log('WazeWrap failed to load');
- }
-
- bootstrap();
-
- async function init() {
- console.log("WazeWrap initializing...");
- WazeWrap.Version = "2019.09.26.01";
- WazeWrap.isBetaEditor = /beta/.test(location.href);
-
- loadSettings();
-
- //SetUpRequire();
- W.map.events.register("moveend", this, RestoreMissingSegmentFunctions);
- W.map.events.register("zoomend", this, RestoreMissingSegmentFunctions);
- W.map.events.register("moveend", this, RestoreMissingNodeFunctions);
- W.map.events.register("zoomend", this, RestoreMissingNodeFunctions);
- RestoreMissingSegmentFunctions();
- RestoreMissingNodeFunctions();
- RestoreMissingOLKMLSupport();
- RestoreMissingWRule();
-
- WazeWrap.Geometry = new Geometry();
- WazeWrap.Model = new Model();
- WazeWrap.Interface = new Interface();
- WazeWrap.User = new User();
- WazeWrap.Util = new Util();
- WazeWrap.Require = new Require();
- WazeWrap.String = new String();
- WazeWrap.Events = new Events();
- WazeWrap.Alerts = new Alerts();
- WazeWrap.Remote = new Remote();
-
- WazeWrap.getSelectedFeatures = function () {
- return W.selectionManager.getSelectedFeatures();
- };
-
- WazeWrap.hasSelectedFeatures = function () {
- return W.selectionManager.hasSelectedFeatures();
- };
-
- WazeWrap.selectFeature = function (feature) {
- if (!W.selectionManager.select)
- return W.selectionManager.selectFeature(feature);
-
- return W.selectionManager.select(feature);
- };
-
- WazeWrap.selectFeatures = function (featureArray) {
- if (!W.selectionManager.select)
- return W.selectionManager.selectFeatures(featureArray);
- return W.selectionManager.select(featureArray);
- };
-
- WazeWrap.hasPlaceSelected = function () {
- return (W.selectionManager.hasSelectedFeatures() && W.selectionManager.getSelectedFeatures()[0].model.type === "venue");
- };
-
- WazeWrap.hasSegmentSelected = function () {
- return (W.selectionManager.hasSelectedFeatures() && W.selectionManager.getSelectedFeatures()[0].model.type === "segment");
- };
-
- WazeWrap.hasMapCommentSelected = function () {
- return (W.selectionManager.hasSelectedFeatures() && W.selectionManager.getSelectedFeatures()[0].model.type === "mapComment");
- };
-
- initializeScriptUpdateInterface();
- await initializeToastr();
-
- // 5/22/2019 (mapomatic)
- // Temporary workaround to get the address field on the place edit
- // panel to update when the place is updated. Can be removed if
- // staff fixes it on their end.
- try {
- W.model.venues.on('objectschanged', venues => {
- // Update venue address field display, if needed.
- try {
- const features = WazeWrap.getSelectedFeatures();
- if (features.length === 1) {
- const venue = features[0].model;
- if (venues.includes(venue)) {
- $('#landmark-edit-general span.full-address').text(venue.getAddress().format());
- }
- }
- } catch (ex) {
- console.error('WazeWrap error:', ex)
- }
- });
- } catch (ex) {
- // ignore if this doesn't work.
- }
-
- WazeWrap.Ready = true;
-
- initializeWWInterface();
-
- console.log('WazeWrap Loaded');
- }
-
- function initializeWWInterface(){
- var $section = $("<div>", {style:"padding:8px 16px", id:"WMEPIESettings"});
- $section.html([
- '<h4 style="margin-bottom:0px;"><b>WazeWrap</b></h4>',
- `<h6 style="margin-top:0px;">${WazeWrap.Version}</h6>`,
- `<div id="divEditorPIN" class="controls-container">Editor PIN: <input type="${wwSettings.editorPIN != "" ? "password" : "text"}" size="10" id="wwEditorPIN" ${wwSettings.editorPIN != "" ? 'disabled' : ''}/>${wwSettings.editorPIN === "" ? '<button id="wwSetPin">Set PIN</button>' : ''}<i class="fa fa-eye fa-lg" style="display:${wwSettings.editorPIN === "" ? 'none' : 'inline-block'}" id="showWWEditorPIN" aria-hidden="true"></i></div><br/>`,
- `<div id="changePIN" class="controls-container" style="display:${wwSettings.editorPIN !== "" ? "block" : "none"}"><button id="wwChangePIN">Change PIN</button></div>`,
- '<div id="divShowAlertHistory" class="controls-container"><input type="checkbox" id="_cbShowAlertHistory" class="wwSettingsCheckbox" /><label for="_cbShowAlertHistory">Show alerts history</label></div>'
- ].join(' '));
- new WazeWrap.Interface.Tab('WW', $section.html(), postInterfaceSetup);
- }
-
- function postInterfaceSetup(){
- $('#wwEditorPIN')[0].value = wwSettings.editorPIN;
- setChecked('_cbShowAlertHistory', wwSettings.showAlertHistoryIcon);
-
- if(!wwSettings.showAlertHistoryIcon)
- $('.WWAlertsHistory').css('display', 'none');
-
- $('#showWWEditorPIN').mouseover(function(){
- $('#wwEditorPIN').attr('type', 'text');
- });
-
- $('#showWWEditorPIN').mouseleave(function(){
- $('#wwEditorPIN').attr('type', 'password');
- });
-
- $('#wwSetPin').click(function(){
- let pin = $('#wwEditorPIN')[0].value;
- if(pin != ""){
- wwSettings.editorPIN = pin;
- saveSettings();
- $('#showWWEditorPIN').css('display', 'inline-block');
- $('#wwEditorPIN').css('type', 'password');
- $('#wwEditorPIN').attr("disabled", true);
- $('#wwSetPin').css("display", 'none');
- $('#changePIN').css("display", 'block');
- }
- });
-
- $('#wwChangePIN').click(function(){
- WazeWrap.Alerts.prompt("WazeWrap", "This will <b>not</b> change the PIN stored with your settings, only the PIN that is stored on your machine to lookup/save your settings. \n\nChanging your PIN can result in a loss of your settings on the server and/or your local machine. Proceed only if you are sure you need to change this value. \n\n Enter your new PIN", '', function(e, inputVal){
- wwSettings.editorPIN = inputVal;
- $('#wwEditorPIN')[0].value = inputVal;
- saveSettings();
- });
- });
-
- $('#_cbShowAlertHistory').change(function(){
- if(this.checked)
- $('.WWAlertsHistory').css('display', 'block');
- else
- $('.WWAlertsHistory').css('display', 'none');
- wwSettings.showAlertHistoryIcon = this.checked;
- saveSettings();
- });
- }
-
- function setChecked(checkboxId, checked) {
- $('#' + checkboxId).prop('checked', checked);
- }
-
- function loadSettings() {
- wwSettings = $.parseJSON(localStorage.getItem("_wazewrap_settings"));
- let _defaultsettings = {
- showAlertHistoryIcon: true,
- editorPIN: ""
- };
- wwSettings = $.extend({}, _defaultsettings, wwSettings);
- }
-
- function saveSettings() {
- if (localStorage) {
- let settings = {
- showAlertHistoryIcon: wwSettings.showAlertHistoryIcon,
- editorPIN: wwSettings.editorPIN
- };
- localStorage.setItem("_wazewrap_settings", JSON.stringify(settings));
- }
- }
-
- async function initializeToastr() {
- let toastrSettings = {};
- try {
- function loadSettings() {
- var loadedSettings = $.parseJSON(localStorage.getItem("WWToastr"));
- var defaultSettings = {
- historyLeftLoc: 35,
- historyTopLoc: 40
- };
- toastrSettings = $.extend({}, defaultSettings, loadedSettings)
- }
-
- function saveSettings() {
- if (localStorage) {
- var localsettings = {
- historyLeftLoc: toastrSettings.historyLeftLoc,
- historyTopLoc: toastrSettings.historyTopLoc
- };
-
- localStorage.setItem("WWToastr", JSON.stringify(localsettings));
- }
- }
- loadSettings();
- $('head').append(
- $('<link/>', {
- rel: 'stylesheet',
- type: 'text/css',
- href: 'https://cdn.staticaly.com/gh/WazeDev/toastr/master/build/toastr.min.css'
- }),
- $('<style type="text/css">.toast-container-wazedev > div {opacity: 0.95;} .toast-top-center-wide {top: 32px;}</style>')
- );
-
- await $.getScript('https://cdn.staticaly.com/gh/WazeDev/toastr/master/build/toastr.min.js');
- wazedevtoastr.options = {
- target: '#map',
- timeOut: 6000,
- positionClass: 'toast-top-center-wide',
- closeOnHover: false,
- closeDuration: 0,
- showDuration: 0,
- closeButton: true,
- progressBar: true
- };
-
- if ($('.WWAlertsHistory').length > 0)
- return;
- var $sectionToastr = $("<div>", { style: "padding:8px 16px", id: "wmeWWScriptUpdates" });
- $sectionToastr.html([
- '<div class="WWAlertsHistory" title="Script Alert History"><i class="fa fa-exclamation-triangle fa-lg"></i><div id="WWAlertsHistory-list"><div id="toast-container-history" class="toast-container-wazedev"></div></div></div>'
- ].join(' '));
- $("#WazeMap").append($sectionToastr.html());
-
- $('.WWAlertsHistory').css('left', `${toastrSettings.historyLeftLoc}px`);
- $('.WWAlertsHistory').css('top', `${toastrSettings.historyTopLoc}px`);
-
- try {
- await $.getScript("https://greasyfork.org/scripts/28687-jquery-ui-1-11-4-custom-min-js/code/jquery-ui-1114customminjs.js");
- }
- catch (err) {
- console.log("Could not load jQuery UI " + err);
- }
-
- if ($.ui) {
- $('.WWAlertsHistory').draggable({
- stop: function () {
- let windowWidth = $('#map').width();
- let panelWidth = $('#WWAlertsHistory-list').width();
- let historyLoc = $('.WWAlertsHistory').position().left;
- if ((panelWidth + historyLoc) > windowWidth) {
- $('#WWAlertsHistory-list').css('left', Math.abs(windowWidth - (historyLoc + $('.WWAlertsHistory').width()) - panelWidth) * -1);
- }
- else
- $('#WWAlertsHistory-list').css('left', 'auto');
-
- toastrSettings.historyLeftLoc = $('.WWAlertsHistory').position().left;
- toastrSettings.historyTopLoc = $('.WWAlertsHistory').position().top;
- saveSettings();
- }
- });
- }
- }
- catch (err) {
- console.log(err);
- }
- }
-
- function initializeScriptUpdateInterface() {
- console.log("creating script update interface");
- injectCSS();
- var $section = $("<div>", { style: "padding:8px 16px", id: "wmeWWScriptUpdates" });
- $section.html([
- '<div id="WWSU-Container" class="fa" style="position:fixed; top:20%; left:40%; z-index:1000; display:none;">',
- '<div id="WWSU-Close" class="fa-close fa-lg"></div>',
- '<div class="modal-heading">',
- '<h2>Script Updates</h2>',
- '<h4><span id="WWSU-updateCount">0</span> of your scripts have updates</h4>',
- '</div>',
- '<div class="WWSU-updates-wrapper">',
- '<div id="WWSU-script-list">',
- '</div>',
- '<div id="WWSU-script-update-info">',
- '</div></div></div>'
- ].join(' '));
- $("#WazeMap").append($section.html());
-
- $('#WWSU-Close').click(function () {
- $('#WWSU-Container').hide();
- });
-
- $(document).on('click', '.WWSU-script-item', function () {
- $('.WWSU-script-item').removeClass("WWSU-active");
- $(this).addClass("WWSU-active");
- });
- }
-
- function injectCSS() {
- let css = [
- '#WWSU-Container { position:relative; background-color:#fbfbfb; width:650px; height:375px; border-radius:8px; padding:20px; box-shadow: 0 22px 84px 0 rgba(87, 99, 125, 0.5); border:1px solid #ededed; }',
- '#WWSU-Close { color:#000000; background-color:#ffffff; border:1px solid #ececec; border-radius:10px; height:25px; width:25px; position: absolute; right:14px; top:10px; cursor:pointer; padding: 5px 0px 0px 5px;}',
- '#WWSU-Container .modal-heading,.WWSU-updates-wrapper { font-family: "Helvetica Neue", Helvetica, "Open Sans", sans-serif; } ',
- '.WWSU-updates-wrapper { height:350px; }',
- '#WWSU-script-list { float:left; width:175px; height:100%; padding-right:6px; margin-right:10px; overflow-y: auto; overflow-x: hidden; height:300px; }',
- '.WWSU-script-item { text-decoration: none; min-height:40px; display:flex; text-align: center; justify-content: center; align-items: center; margin:3px 3px 10px 3px; background-color:white; border-radius:8px; box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 1px 0.25px; transition:all 200ms ease-in-out; cursor:pointer;}',
- '.WWSU-script-item:hover { text-decoration: none; }',
- '.WWSU-active { transform: translate3d(5px, 0px, 0px); box-shadow: rgba(0, 0, 0, 0.4) 0px 3px 7px 0px; }',
- '#WWSU-script-update-info { width:auto; background-color:white; height:275px; overflow-y:auto; border-radius:8px; box-shadow: rgba(0, 0, 0, 0.09) 0px 6px 7px 0.09px; padding:15px; position:relative;}',
- '#WWSU-script-update-info div { display: none;}',
- '#WWSU-script-update-info div:target { display: block; }',
- `.WWAlertsHistory {display:${wwSettings.showAlertHistoryIcon ? 'block' : 'none'}; width:32px; height:32px; background-color: #F89406; position: absolute; top:35px; left:40px; border-radius: 10px; border: 2px solid; box-size: border-box; z-index: 1050;}`,
- '.WWAlertsHistory:hover #WWAlertsHistory-list{display:block;}',
- '.WWAlertsHistory > .fa-exclamation-triangle {position: absolute; left:50%; margin-left:-9px; margin-top:8px;}',
- '#WWAlertsHistory-list{display:none; position:absolute; top:28px; border:2px solid black; border-radius:10px; background-color:white; padding:4px; overflow-y:auto; max-height: 300px;}',
- '#WWAlertsHistory-list #toast-container-history > div {max-width:500px; min-width:500px; border-radius:10px;}',
- '#WWAlertsHistory-list > #toast-container-history{ position:static; }'
- ].join(' ');
- $('<style type="text/css">' + css + '</style>').appendTo('head');
- }
-
- function RestoreMissingWRule(){
- if(!W.Rule){
- W.Rule = OL.Class(OpenLayers.Rule, {
- getContext(feature) {
- return feature;
- },
-
- CLASS_NAME: "Waze.Rule"
- });
- }
- }
-
- function RestoreMissingSegmentFunctions() {
- if (W.model.segments.getObjectArray().length > 0) {
- W.map.events.unregister("moveend", this, RestoreMissingSegmentFunctions);
- W.map.events.unregister("zoomend", this, RestoreMissingSegmentFunctions);
- if (typeof W.model.segments.getObjectArray()[0].model.getDirection == "undefined")
- W.model.segments.getObjectArray()[0].__proto__.getDirection = function () { return (this.attributes.fwdDirection ? 1 : 0) + (this.attributes.revDirection ? 2 : 0); };
- if (typeof W.model.segments.getObjectArray()[0].model.isTollRoad == "undefined")
- W.model.segments.getObjectArray()[0].__proto__.isTollRoad = function () { return (this.attributes.fwdToll || this.attributes.revToll); };
- if (typeof W.model.segments.getObjectArray()[0].isLockedByHigherRank == "undefined")
- W.model.segments.getObjectArray()[0].__proto__.isLockedByHigherRank = function () { return !(!this.attributes.lockRank || !this.model.loginManager.isLoggedIn()) && this.getLockRank() > this.model.loginManager.user.rank; };
- if (typeof W.model.segments.getObjectArray()[0].isDrivable == "undefined")
- W.model.segments.getObjectArray()[0].__proto__.isDrivable = function () { let V = [5, 10, 16, 18, 19]; return !V.includes(this.attributes.roadType); };
- if (typeof W.model.segments.getObjectArray()[0].isWalkingRoadType == "undefined")
- W.model.segments.getObjectArray()[0].__proto__.isWalkingRoadType = function () { let x = [5, 10, 16]; return x.includes(this.attributes.roadType); };
- if (typeof W.model.segments.getObjectArray()[0].isRoutable == "undefined")
- W.model.segments.getObjectArray()[0].__proto__.isRoutable = function () { let P = [1, 2, 7, 6, 3]; return P.includes(this.attributes.roadType); };
- if (typeof W.model.segments.getObjectArray()[0].isInBigJunction == "undefined")
- W.model.segments.getObjectArray()[0].__proto__.isInBigJunction = function () { return this.isBigJunctionShort() || this.hasFromBigJunction() || this.hasToBigJunction(); };
- if (typeof W.model.segments.getObjectArray()[0].isBigJunctionShort == "undefined")
- W.model.segments.getObjectArray()[0].__proto__.isBigJunctionShort = function () { return null != this.attributes.crossroadID; };
- if (typeof W.model.segments.getObjectArray()[0].hasFromBigJunction == "undefined")
- W.model.segments.getObjectArray()[0].__proto__.hasFromBigJunction = function (e) { return null != e ? this.attributes.fromCrossroads.includes(e) : this.attributes.fromCrossroads.length > 0; };
- if (typeof W.model.segments.getObjectArray()[0].hasToBigJunction == "undefined")
- W.model.segments.getObjectArray()[0].__proto__.hasToBigJunction = function (e) { return null != e ? this.attributes.toCrossroads.includes(e) : this.attributes.toCrossroads.length > 0; };
- if (typeof W.model.segments.getObjectArray()[0].getRoundabout == "undefined")
- W.model.segments.getObjectArray()[0].__proto__.getRoundabout = function () { return this.isInRoundabout() ? this.model.junctions.getObjectById(this.attributes.junctionID) : null; };
- }
- }
-
- function RestoreMissingNodeFunctions() {
- if (W.model.nodes.getObjectArray().length > 0) {
- W.map.events.unregister("moveend", this, RestoreMissingNodeFunctions);
- W.map.events.unregister("zoomend", this, RestoreMissingNodeFunctions);
- if (typeof W.model.nodes.getObjectArray()[0].areConnectionsEditable == "undefined")
- W.model.nodes.getObjectArray()[0].__proto__.areConnectionsEditable = function () { var e = this.model.segments.getByIds(this.attributes.segIDs); return e.length === this.attributes.segIDs.length && e.every(function (e) { return e.canEditConnections(); }); };
- }
- }
- /* jshint ignore:start */
- function RestoreMissingOLKMLSupport() {
- if (!OL.Format.KML) {
- OL.Format.KML = OL.Class(OL.Format.XML, {
- namespaces: { kml: "http://www.opengis.net/kml/2.2", gx: "http://www.google.com/kml/ext/2.2" }, kmlns: "http://earth.google.com/kml/2.0", placemarksDesc: "No description available", foldersName: "OL export", foldersDesc: "Exported on " + new Date, extractAttributes: !0, kvpAttributes: !1, extractStyles: !1, extractTracks: !1, trackAttributes: null, internalns: null, features: null, styles: null, styleBaseUrl: "", fetched: null, maxDepth: 0, initialize: function (a) {
- this.regExes =
- { trimSpace: /^\s*|\s*$/g, removeSpace: /\s*/g, splitSpace: /\s+/, trimComma: /\s*,\s*/g, kmlColor: /(\w{2})(\w{2})(\w{2})(\w{2})/, kmlIconPalette: /root:\/\/icons\/palette-(\d+)(\.\w+)/, straightBracket: /\$\[(.*?)\]/g }; this.externalProjection = new OL.Projection("EPSG:4326"); OL.Format.XML.prototype.initialize.apply(this, [a])
- }, read: function (a) { this.features = []; this.styles = {}; this.fetched = {}; return this.parseData(a, { depth: 0, styleBaseUrl: this.styleBaseUrl }) }, parseData: function (a, b) {
- "string" == typeof a &&
- (a = OL.Format.XML.prototype.read.apply(this, [a])); for (var c = ["Link", "NetworkLink", "Style", "StyleMap", "Placemark"], d = 0, e = c.length; d < e; ++d) { var f = c[d], g = this.getElementsByTagNameNS(a, "*", f); if (0 != g.length) switch (f.toLowerCase()) { case "link": case "networklink": this.parseLinks(g, b); break; case "style": this.extractStyles && this.parseStyles(g, b); break; case "stylemap": this.extractStyles && this.parseStyleMaps(g, b); break; case "placemark": this.parseFeatures(g, b) } } return this.features
- }, parseLinks: function (a,
- b) { if (b.depth >= this.maxDepth) return !1; var c = OL.Util.extend({}, b); c.depth++; for (var d = 0, e = a.length; d < e; d++) { var f = this.parseProperty(a[d], "*", "href"); f && !this.fetched[f] && (this.fetched[f] = !0, (f = this.fetchLink(f)) && this.parseData(f, c)) } }, fetchLink: function (a) { if (a = OL.Request.GET({ url: a, async: !1 })) return a.responseText }, parseStyles: function (a, b) { for (var c = 0, d = a.length; c < d; c++) { var e = this.parseStyle(a[c]); e && (this.styles[(b.styleBaseUrl || "") + "#" + e.id] = e) } }, parseKmlColor: function (a) {
- var b =
- null; a && (a = a.match(this.regExes.kmlColor)) && (b = { color: "#" + a[4] + a[3] + a[2], opacity: parseInt(a[1], 16) / 255 }); return b
- }, parseStyle: function (a) {
- for (var b = {}, c = ["LineStyle", "PolyStyle", "IconStyle", "BalloonStyle", "LabelStyle"], d, e, f = 0, g = c.length; f < g; ++f)if (d = c[f], e = this.getElementsByTagNameNS(a, "*", d)[0]) switch (d.toLowerCase()) {
- case "linestyle": d = this.parseProperty(e, "*", "color"); if (d = this.parseKmlColor(d)) b.strokeColor = d.color, b.strokeOpacity = d.opacity; (d = this.parseProperty(e, "*", "width")) && (b.strokeWidth =
- d); break; case "polystyle": d = this.parseProperty(e, "*", "color"); if (d = this.parseKmlColor(d)) b.fillOpacity = d.opacity, b.fillColor = d.color; "0" == this.parseProperty(e, "*", "fill") && (b.fillColor = "none"); "0" == this.parseProperty(e, "*", "outline") && (b.strokeWidth = "0"); break; case "iconstyle": var h = parseFloat(this.parseProperty(e, "*", "scale") || 1); d = 32 * h; var i = 32 * h, j = this.getElementsByTagNameNS(e, "*", "Icon")[0]; if (j) {
- var k = this.parseProperty(j, "*", "href"); if (k) {
- var l = this.parseProperty(j, "*", "w"), m = this.parseProperty(j,
- "*", "h"); OL.String.startsWith(k, "http://maps.google.com/mapfiles/kml") && (!l && !m) && (m = l = 64, h /= 2); l = l || m; m = m || l; l && (d = parseInt(l) * h); m && (i = parseInt(m) * h); if (m = k.match(this.regExes.kmlIconPalette)) l = m[1], m = m[2], k = this.parseProperty(j, "*", "x"), j = this.parseProperty(j, "*", "y"), k = "http://maps.google.com/mapfiles/kml/pal" + l + "/icon" + (8 * (j ? 7 - j / 32 : 7) + (k ? k / 32 : 0)) + m; b.graphicOpacity = 1; b.externalGraphic = k
- }
- } if (e = this.getElementsByTagNameNS(e, "*", "hotSpot")[0]) k = parseFloat(e.getAttribute("x")), j = parseFloat(e.getAttribute("y")),
- l = e.getAttribute("xunits"), "pixels" == l ? b.graphicXOffset = -k * h : "insetPixels" == l ? b.graphicXOffset = -d + k * h : "fraction" == l && (b.graphicXOffset = -d * k), e = e.getAttribute("yunits"), "pixels" == e ? b.graphicYOffset = -i + j * h + 1 : "insetPixels" == e ? b.graphicYOffset = -(j * h) + 1 : "fraction" == e && (b.graphicYOffset = -i * (1 - j) + 1); b.graphicWidth = d; b.graphicHeight = i; break; case "balloonstyle": (e = OL.Util.getXmlNodeValue(e)) && (b.balloonStyle = e.replace(this.regExes.straightBracket, "${$1}")); break; case "labelstyle": if (d = this.parseProperty(e,
- "*", "color"), d = this.parseKmlColor(d)) b.fontColor = d.color, b.fontOpacity = d.opacity
- }!b.strokeColor && b.fillColor && (b.strokeColor = b.fillColor); if ((a = a.getAttribute("id")) && b) b.id = a; return b
- }, parseStyleMaps: function (a, b) {
- for (var c = 0, d = a.length; c < d; c++)for (var e = a[c], f = this.getElementsByTagNameNS(e, "*", "Pair"), e = e.getAttribute("id"), g = 0, h = f.length; g < h; g++) {
- var i = f[g], j = this.parseProperty(i, "*", "key"); (i = this.parseProperty(i, "*", "styleUrl")) && "normal" == j && (this.styles[(b.styleBaseUrl || "") + "#" + e] = this.styles[(b.styleBaseUrl ||
- "") + i])
- }
- }, parseFeatures: function (a, b) {
- for (var c = [], d = 0, e = a.length; d < e; d++) {
- var f = a[d], g = this.parseFeature.apply(this, [f]); if (g) {
- this.extractStyles && (g.attributes && g.attributes.styleUrl) && (g.style = this.getStyle(g.attributes.styleUrl, b)); if (this.extractStyles) { var h = this.getElementsByTagNameNS(f, "*", "Style")[0]; if (h && (h = this.parseStyle(h))) g.style = OL.Util.extend(g.style, h) } if (this.extractTracks) {
- if ((f = this.getElementsByTagNameNS(f, this.namespaces.gx, "Track")) && 0 < f.length) g = { features: [], feature: g },
- this.readNode(f[0], g), 0 < g.features.length && c.push.apply(c, g.features)
- } else c.push(g)
- } else throw "Bad Placemark: " + d;
- } this.features = this.features.concat(c)
- }, readers: {
- kml: { when: function (a, b) { b.whens.push(OL.Date.parse(this.getChildValue(a))) }, _trackPointAttribute: function (a, b) { var c = a.nodeName.split(":").pop(); b.attributes[c].push(this.getChildValue(a)) } }, gx: {
- Track: function (a, b) {
- var c = { whens: [], points: [], angles: [] }; if (this.trackAttributes) {
- var d; c.attributes = {}; for (var e = 0, f = this.trackAttributes.length; e <
- f; ++e)d = this.trackAttributes[e], c.attributes[d] = [], d in this.readers.kml || (this.readers.kml[d] = this.readers.kml._trackPointAttribute)
- } this.readChildNodes(a, c); if (c.whens.length !== c.points.length) throw Error("gx:Track with unequal number of when (" + c.whens.length + ") and gx:coord (" + c.points.length + ") elements."); var g = 0 < c.angles.length; if (g && c.whens.length !== c.angles.length) throw Error("gx:Track with unequal number of when (" + c.whens.length + ") and gx:angles (" + c.angles.length + ") elements."); for (var h,
- i, e = 0, f = c.whens.length; e < f; ++e) {
- h = b.feature.clone(); h.fid = b.feature.fid || b.feature.id; i = c.points[e]; h.geometry = i; "z" in i && (h.attributes.altitude = i.z); this.internalProjection && this.externalProjection && h.geometry.transform(this.externalProjection, this.internalProjection); if (this.trackAttributes) { i = 0; for (var j = this.trackAttributes.length; i < j; ++i)h.attributes[d] = c.attributes[this.trackAttributes[i]][e] } h.attributes.when = c.whens[e]; h.attributes.trackId = b.feature.id; g && (i = c.angles[e], h.attributes.heading =
- parseFloat(i[0]), h.attributes.tilt = parseFloat(i[1]), h.attributes.roll = parseFloat(i[2])); b.features.push(h)
- }
- }, coord: function (a, b) { var c = this.getChildValue(a).replace(this.regExes.trimSpace, "").split(/\s+/), d = new OL.Geometry.Point(c[0], c[1]); 2 < c.length && (d.z = parseFloat(c[2])); b.points.push(d) }, angles: function (a, b) { var c = this.getChildValue(a).replace(this.regExes.trimSpace, "").split(/\s+/); b.angles.push(c) }
- }
- }, parseFeature: function (a) {
- for (var b = ["MultiGeometry", "Polygon", "LineString", "Point"],
- c, d, e, f = 0, g = b.length; f < g; ++f)if (c = b[f], this.internalns = a.namespaceURI ? a.namespaceURI : this.kmlns, d = this.getElementsByTagNameNS(a, this.internalns, c), 0 < d.length) { if (b = this.parseGeometry[c.toLowerCase()]) e = b.apply(this, [d[0]]), this.internalProjection && this.externalProjection && e.transform(this.externalProjection, this.internalProjection); else throw new TypeError("Unsupported geometry type: " + c); break } var h; this.extractAttributes && (h = this.parseAttributes(a)); c = new OL.Feature.Vector(e, h); a = a.getAttribute("id") ||
- a.getAttribute("name"); null != a && (c.fid = a); return c
- }, getStyle: function (a, b) { var c = OL.Util.removeTail(a), d = OL.Util.extend({}, b); d.depth++; d.styleBaseUrl = c; !this.styles[a] && !OL.String.startsWith(a, "#") && d.depth <= this.maxDepth && !this.fetched[c] && (c = this.fetchLink(c)) && this.parseData(c, d); return OL.Util.extend({}, this.styles[a]) }, parseGeometry: {
- point: function (a) {
- var b = this.getElementsByTagNameNS(a, this.internalns, "coordinates"), a = []; if (0 < b.length) var c = b[0].firstChild.nodeValue,
- c = c.replace(this.regExes.removeSpace, ""), a = c.split(","); b = null; if (1 < a.length) 2 == a.length && (a[2] = null), b = new OL.Geometry.Point(a[0], a[1], a[2]); else throw "Bad coordinate string: " + c; return b
- }, linestring: function (a, b) {
- var c = this.getElementsByTagNameNS(a, this.internalns, "coordinates"), d = null; if (0 < c.length) {
- for (var c = this.getChildValue(c[0]), c = c.replace(this.regExes.trimSpace, ""), c = c.replace(this.regExes.trimComma, ","), d = c.split(this.regExes.splitSpace), e = d.length, f = Array(e), g, h, i = 0; i < e; ++i)if (g =
- d[i].split(","), h = g.length, 1 < h) 2 == g.length && (g[2] = null), f[i] = new OL.Geometry.Point(g[0], g[1], g[2]); else throw "Bad LineString point coordinates: " + d[i]; if (e) d = b ? new OL.Geometry.LinearRing(f) : new OL.Geometry.LineString(f); else throw "Bad LineString coordinates: " + c;
- } return d
- }, polygon: function (a) {
- var a = this.getElementsByTagNameNS(a, this.internalns, "LinearRing"), b = a.length, c = Array(b); if (0 < b) for (var d = 0, e = a.length; d < e; ++d)if (b = this.parseGeometry.linestring.apply(this, [a[d], !0])) c[d] =
- b; else throw "Bad LinearRing geometry: " + d; return new OL.Geometry.Polygon(c)
- }, multigeometry: function (a) { for (var b, c = [], d = a.childNodes, e = 0, f = d.length; e < f; ++e)a = d[e], 1 == a.nodeType && (b = this.parseGeometry[(a.prefix ? a.nodeName.split(":")[1] : a.nodeName).toLowerCase()]) && c.push(b.apply(this, [a])); return new OL.Geometry.Collection(c) }
- }, parseAttributes: function (a) {
- var b = {}, c = a.getElementsByTagName("ExtendedData"); c.length && (b = this.parseExtendedData(c[0])); for (var d, e, f, a = a.childNodes, c = 0, g =
- a.length; c < g; ++c)if (d = a[c], 1 == d.nodeType && (e = d.childNodes, 1 <= e.length && 3 >= e.length)) { switch (e.length) { case 1: f = e[0]; break; case 2: f = e[0]; e = e[1]; f = 3 == f.nodeType || 4 == f.nodeType ? f : e; break; default: f = e[1] }if (3 == f.nodeType || 4 == f.nodeType) if (d = d.prefix ? d.nodeName.split(":")[1] : d.nodeName, f = OL.Util.getXmlNodeValue(f)) f = f.replace(this.regExes.trimSpace, ""), b[d] = f } return b
- }, parseExtendedData: function (a) {
- var b = {}, c, d, e, f, g = a.getElementsByTagName("Data"); c = 0; for (d = g.length; c < d; c++) {
- e = g[c]; f = e.getAttribute("name");
- var h = {}, i = e.getElementsByTagName("value"); i.length && (h.value = this.getChildValue(i[0])); this.kvpAttributes ? b[f] = h.value : (e = e.getElementsByTagName("displayName"), e.length && (h.displayName = this.getChildValue(e[0])), b[f] = h)
- } a = a.getElementsByTagName("SimpleData"); c = 0; for (d = a.length; c < d; c++)h = {}, e = a[c], f = e.getAttribute("name"), h.value = this.getChildValue(e), this.kvpAttributes ? b[f] = h.value : (h.displayName = f, b[f] = h); return b
- }, parseProperty: function (a, b, c) {
- var d, a = this.getElementsByTagNameNS(a, b, c); try { d = OL.Util.getXmlNodeValue(a[0]) } catch (e) {
- d =
- null
- } return d
- }, write: function (a) { OL.Util.isArray(a) || (a = [a]); for (var b = this.createElementNS(this.kmlns, "kml"), c = this.createFolderXML(), d = 0, e = a.length; d < e; ++d)c.appendChild(this.createPlacemarkXML(a[d])); b.appendChild(c); return OL.Format.XML.prototype.write.apply(this, [b]) }, createFolderXML: function () {
- var a = this.createElementNS(this.kmlns, "Folder"); if (this.foldersName) { var b = this.createElementNS(this.kmlns, "name"), c = this.createTextNode(this.foldersName); b.appendChild(c); a.appendChild(b) } this.foldersDesc &&
- (b = this.createElementNS(this.kmlns, "description"), c = this.createTextNode(this.foldersDesc), b.appendChild(c), a.appendChild(b)); return a
- }, createPlacemarkXML: function (a) {
- var b = this.createElementNS(this.kmlns, "name"); b.appendChild(this.createTextNode(a.style && a.style.label ? a.style.label : a.attributes.name || a.id)); var c = this.createElementNS(this.kmlns, "description"); c.appendChild(this.createTextNode(a.attributes.description || this.placemarksDesc)); var d = this.createElementNS(this.kmlns, "Placemark"); null !=
- a.fid && d.setAttribute("id", a.fid); d.appendChild(b); d.appendChild(c); b = this.buildGeometryNode(a.geometry); d.appendChild(b); a.attributes && (a = this.buildExtendedData(a.attributes)) && d.appendChild(a); return d
- }, buildGeometryNode: function (a) { var b = a.CLASS_NAME, b = this.buildGeometry[b.substring(b.lastIndexOf(".") + 1).toLowerCase()], c = null; b && (c = b.apply(this, [a])); return c }, buildGeometry: {
- point: function (a) { var b = this.createElementNS(this.kmlns, "Point"); b.appendChild(this.buildCoordinatesNode(a)); return b }, multipoint: function (a) {
- return this.buildGeometry.collection.apply(this,
- [a])
- }, linestring: function (a) { var b = this.createElementNS(this.kmlns, "LineString"); b.appendChild(this.buildCoordinatesNode(a)); return b }, multilinestring: function (a) { return this.buildGeometry.collection.apply(this, [a]) }, linearring: function (a) { var b = this.createElementNS(this.kmlns, "LinearRing"); b.appendChild(this.buildCoordinatesNode(a)); return b }, polygon: function (a) {
- for (var b = this.createElementNS(this.kmlns, "Polygon"), a = a.components, c, d, e = 0, f = a.length; e < f; ++e)c = 0 == e ? "outerBoundaryIs" : "innerBoundaryIs",
- c = this.createElementNS(this.kmlns, c), d = this.buildGeometry.linearring.apply(this, [a[e]]), c.appendChild(d), b.appendChild(c); return b
- }, multipolygon: function (a) { return this.buildGeometry.collection.apply(this, [a]) }, collection: function (a) { for (var b = this.createElementNS(this.kmlns, "MultiGeometry"), c, d = 0, e = a.components.length; d < e; ++d)(c = this.buildGeometryNode.apply(this, [a.components[d]])) && b.appendChild(c); return b }
- }, buildCoordinatesNode: function (a) {
- var b = this.createElementNS(this.kmlns, "coordinates"),
- c; if (c = a.components) { for (var d = c.length, e = Array(d), f = 0; f < d; ++f)a = c[f], e[f] = this.buildCoordinates(a); c = e.join(" ") } else c = this.buildCoordinates(a); c = this.createTextNode(c); b.appendChild(c); return b
- }, buildCoordinates: function (a) { this.internalProjection && this.externalProjection && (a = a.clone(), a.transform(this.internalProjection, this.externalProjection)); return a.x + "," + a.y }, buildExtendedData: function (a) {
- var b = this.createElementNS(this.kmlns, "ExtendedData"), c; for (c in a) if (a[c] && "name" != c && "description" !=
- c && "styleUrl" != c) { var d = this.createElementNS(this.kmlns, "Data"); d.setAttribute("name", c); var e = this.createElementNS(this.kmlns, "value"); if ("object" == typeof a[c]) { if (a[c].value && e.appendChild(this.createTextNode(a[c].value)), a[c].displayName) { var f = this.createElementNS(this.kmlns, "displayName"); f.appendChild(this.getXMLDoc().createCDATASection(a[c].displayName)); d.appendChild(f) } } else e.appendChild(this.createTextNode(a[c])); d.appendChild(e); b.appendChild(d) } return this.isSimpleContent(b) ? null : b
- },
- CLASS_NAME: "OpenLayers.Format.KML"
- });
- }
- }
- /* jshint ignore:end */
- function Geometry() {
- //Converts to "normal" GPS coordinates
- this.ConvertTo4326 = function (lon, lat) {
- let projI = new OL.Projection("EPSG:900913");
- let projE = new OL.Projection("EPSG:4326");
- return (new OL.LonLat(lon, lat)).transform(projI, projE);
- };
-
- this.ConvertTo900913 = function (lon, lat) {
- let projI = new OL.Projection("EPSG:900913");
- let projE = new OL.Projection("EPSG:4326");
- return (new OL.LonLat(lon, lat)).transform(projE, projI);
- };
-
- //Converts the Longitudinal offset to an offset in 4326 gps coordinates
- this.CalculateLongOffsetGPS = function (longMetersOffset, lon, lat) {
- let R = 6378137; //Earth's radius
- let dLon = longMetersOffset / (R * Math.cos(Math.PI * lat / 180)); //offset in radians
- let lon0 = dLon * (180 / Math.PI); //offset degrees
-
- return lon0;
- };
-
- //Converts the Latitudinal offset to an offset in 4326 gps coordinates
- this.CalculateLatOffsetGPS = function (latMetersOffset, lat) {
- let R = 6378137; //Earth's radius
- let dLat = latMetersOffset / R;
- let lat0 = dLat * (180 / Math.PI); //offset degrees
-
- return lat0;
- };
-
- /**
- * Checks if the given lon & lat
- * @function WazeWrap.Geometry.isGeometryInMapExtent
- * @param {lon, lat} object
- */
- this.isLonLatInMapExtent = function (lonLat) {
- return lonLat && W.map.getExtent().containsLonLat(lonLat);
- };
-
- /**
- * Checks if the given geometry point is on screen
- * @function WazeWrap.Geometry.isGeometryInMapExtent
- * @param {OL.Geometry.Point} Geometry Point we are checking if it is in the extent
- */
- this.isGeometryInMapExtent = function (geometry) {
- return geometry && geometry.getBounds &&
- W.map.getExtent().intersectsBounds(geometry.getBounds());
- };
-
- /**
- * Calculates the distance between given points, returned in meters
- * @function WazeWrap.Geometry.calculateDistance
- * @param {OL.Geometry.Point} An array of OL.Geometry.Point with which to measure the total distance. A minimum of 2 points is needed.
- */
- this.calculateDistance = function (pointArray) {
- if (pointArray.length < 2)
- return 0;
-
- let line = new OL.Geometry.LineString(pointArray);
- let length = line.getGeodesicLength(W.map.getProjectionObject());
- return length; //multiply by 3.28084 to convert to feet
- };
-
- /**
- * Finds the closest on-screen drivable segment to the given point, ignoring PLR and PR segments if the options are set
- * @function WazeWrap.Geometry.findClosestSegment
- * @param {OL.Geometry.Point} The given point to find the closest segment to
- * @param {boolean} If true, Parking Lot Road segments will be ignored when finding the closest segment
- * @param {boolean} If true, Private Road segments will be ignored when finding the closest segment
- **/
- this.findClosestSegment = function (mygeometry, ignorePLR, ignoreUnnamedPR) {
- let onscreenSegments = WazeWrap.Model.getOnscreenSegments();
- let minDistance = Infinity;
- let closestSegment;
-
- for (var s in onscreenSegments) {
- if (!onscreenSegments.hasOwnProperty(s))
- continue;
-
- let segmentType = onscreenSegments[s].attributes.roadType;
- if (segmentType === 10 || segmentType === 16 || segmentType === 18 || segmentType === 19) //10 ped boardwalk, 16 stairway, 18 railroad, 19 runway, 3 freeway
- continue;
-
- if (ignorePLR && segmentType === 20) //PLR
- continue;
-
- if (ignoreUnnamedPR)
- if (segmentType === 17 && WazeWrap.Model.getStreetName(onscreenSegments[s].attributes.primaryStreetID) === null) //PR
- continue;
-
-
- let distanceToSegment = mygeometry.distanceTo(onscreenSegments[s].geometry, { details: true });
-
- if (distanceToSegment.distance < minDistance) {
- minDistance = distanceToSegment.distance;
- closestSegment = onscreenSegments[s];
- closestSegment.closestPoint = new OL.Geometry.Point(distanceToSegment.x1, distanceToSegment.y1);
- }
- }
- return closestSegment;
- };
- }
-
- function Model() {
-
- this.getPrimaryStreetID = function (segmentID) {
- return W.model.segments.getObjectById(segmentID).attributes.primaryStreetID;
- };
-
- this.getStreetName = function (primaryStreetID) {
- return W.model.streets.getObjectById(primaryStreetID).name;
- };
-
- this.getCityID = function (primaryStreetID) {
- return W.model.streets.getObjectById(primaryStreetID).cityID;
- };
-
- this.getCityName = function (primaryStreetID) {
- return W.model.cities.getObjectById(this.getCityID(primaryStreetID)).attributes.name;
- };
-
- this.getStateName = function (primaryStreetID) {
- return W.model.states.getObjectById(this.getStateID(primaryStreetID)).attributes.name;
- };
-
- this.getStateID = function (primaryStreetID) {
- return W.model.cities.getObjectById(this.getCityID(primaryStreetID)).attributes.stateID;
- };
-
- this.getCountryID = function (primaryStreetID) {
- return W.model.cities.getObjectById(this.getCityID(primaryStreetID)).attributes.CountryID;
- };
-
- this.getCountryName = function (primaryStreetID) {
- return W.model.countries.getObjectById(this.getCountryID(primaryStreetID)).name;
- };
-
- this.getCityNameFromSegmentObj = function (segObj) {
- return this.getCityName(segObj.attributes.primaryStreetID);
- };
-
- this.getStateNameFromSegmentObj = function (segObj) {
- return this.getStateName(segObj.attributes.primaryStreetID);
- };
-
- /**
- * Returns an array of segment IDs for all segments that make up the roundabout the given segment is part of
- * @function WazeWrap.Model.getAllRoundaboutSegmentsFromObj
- * @param {Segment object (Waze/Feature/Vector/Segment)} The roundabout segment
- **/
- this.getAllRoundaboutSegmentsFromObj = function (segObj) {
- if (segObj.model.attributes.junctionID === null)
- return null;
-
- return W.model.junctions.objects[segObj.model.attributes.junctionID].attributes.segIDs;
- };
-
- /**
- * Returns an array of all junction nodes that make up the roundabout
- * @function WazeWrap.Model.getAllRoundaboutJunctionNodesFromObj
- * @param {Segment object (Waze/Feature/Vector/Segment)} The roundabout segment
- **/
- this.getAllRoundaboutJunctionNodesFromObj = function (segObj) {
- let RASegs = this.getAllRoundaboutSegmentsFromObj(segObj);
- let RAJunctionNodes = [];
- for (i = 0; i < RASegs.length; i++)
- RAJunctionNodes.push(W.model.nodes.objects[W.model.segments.getObjectById(RASegs[i]).attributes.toNodeID]);
-
- return RAJunctionNodes;
- };
-
- /**
- * Checks if the given segment ID is a part of a roundabout
- * @function WazeWrap.Model.isRoundaboutSegmentID
- * @param {integer} The segment ID to check
- **/
- this.isRoundaboutSegmentID = function (segmentID) {
- return W.model.segments.getObjectById(segmentID).attributes.junctionID !== null
- };
-
- /**
- * Checks if the given segment object is a part of a roundabout
- * @function WazeWrap.Model.isRoundaboutSegmentID
- * @param {Segment object (Waze/Feature/Vector/Segment)} The segment object to check
- **/
- this.isRoundaboutSegmentObj = function (segObj) {
- return segObj.model.attributes.junctionID !== null;
- };
-
- /**
- * Returns an array of all segments in the current extent
- * @function WazeWrap.Model.getOnscreenSegments
- **/
- this.getOnscreenSegments = function () {
- let segments = W.model.segments.objects;
- let mapExtent = W.map.getExtent();
- let onScreenSegments = [];
- let seg;
-
- for (var s in segments) {
- if (!segments.hasOwnProperty(s))
- continue;
-
- seg = W.model.segments.getObjectById(s);
- if (mapExtent.intersectsBounds(seg.geometry.getBounds()))
- onScreenSegments.push(seg);
- }
- return onScreenSegments;
- };
-
- /**
- * Defers execution of a callback function until the WME map and data
- * model are ready. Call this function before calling a function that
- * causes a map and model reload, such as W.map.moveTo(). After the
- * move is completed the callback function will be executed.
- * @function WazeWrap.Model.onModelReady
- * @param {Function} callback The callback function to be executed.
- * @param {Boolean} now Whether or not to call the callback now if the
- * model is currently ready.
- * @param {Object} context The context in which to call the callback.
- */
- this.onModelReady = function (callback, now, context) {
- var deferModelReady = function () {
- return $.Deferred(function (dfd) {
- var resolve = function () {
- dfd.resolve();
- W.model.events.unregister('mergeend', null, resolve);
- };
- W.model.events.register('mergeend', null, resolve);
- }).promise();
- };
- var deferMapReady = function () {
- return $.Deferred(function (dfd) {
- var resolve = function () {
- dfd.resolve();
- W.vent.off('operationDone', resolve);
- };
- W.vent.on('operationDone', resolve);
- }).promise();
- };
-
- if (typeof callback === 'function') {
- context = context || callback;
- if (now && WazeWrap.Util.mapReady() && WazeWrap.Util.modelReady()) {
- callback.call(context);
- } else {
- $.when(deferMapReady() && deferModelReady()).
- then(function () {
- callback.call(context);
- });
- }
- }
- };
-
- /**
- * Retrives a route from the Waze Live Map.
- * @class
- * @name WazeWrap.Model.RouteSelection
- * @param firstSegment The segment to use as the start of the route.
- * @param lastSegment The segment to use as the destination for the route.
- * @param {Array|Function} callback A function or array of funcitons to be
- * executed after the route
- * is retrieved. 'This' in the callback functions will refer to the
- * RouteSelection object.
- * @param {Object} options A hash of options for determining route. Valid
- * options are:
- * fastest: {Boolean} Whether or not the fastest route should be used.
- * Default is false, which selects the shortest route.
- * freeways: {Boolean} Whether or not to avoid freeways. Default is false.
- * dirt: {Boolean} Whether or not to avoid dirt roads. Default is false.
- * longtrails: {Boolean} Whether or not to avoid long dirt roads. Default
- * is false.
- * uturns: {Boolean} Whether or not to allow U-turns. Default is true.
- * @return {WazeWrap.Model.RouteSelection} The new RouteSelection object.
- * @example: // The following example will retrieve a route from the Live Map and select the segments in the route.
- * selection = W.selectionManager.selectedItems;
- * myRoute = new WazeWrap.Model.RouteSelection(selection[0], selection[1], function(){this.selectRouteSegments();}, {fastest: true});
- */
- this.RouteSelection = function (firstSegment, lastSegment, callback, options) {
- var i,
- n,
- start = this.getSegmentCenterLonLat(firstSegment),
- end = this.getSegmentCenterLonLat(lastSegment);
- this.options = {
- fastest: options && options.fastest || false,
- freeways: options && options.freeways || false,
- dirt: options && options.dirt || false,
- longtrails: options && options.longtrails || false,
- uturns: options && options.uturns || true
- };
- this.requestData = {
- from: 'x:' + start.x + ' y:' + start.y + ' bd:true',
- to: 'x:' + end.x + ' y:' + end.y + ' bd:true',
- returnJSON: true,
- returnGeometries: true,
- returnInstructions: false,
- type: this.options.fastest ? 'HISTORIC_TIME' : 'DISTANCE',
- clientVersion: '4.0.0',
- timeout: 60000,
- nPaths: 3,
- options: this.setRequestOptions(this.options)
- };
- this.callbacks = [];
- if (callback) {
- if (!(callback instanceof Array)) {
- callback = [callback];
- }
- for (i = 0, n = callback.length; i < n; i++) {
- if ('function' === typeof callback[i]) {
- this.callbacks.push(callback[i]);
- }
- }
- }
- this.routeData = null;
- this.getRouteData();
- };
-
- this.RouteSelection.prototype =
- /** @lends WazeWrap.Model.RouteSelection.prototype */ {
-
- /**
- * Formats the routing options string for the ajax request.
- * @private
- * @param {Object} options Object containing the routing options.
- * @return {String} String containing routing options.
- */
- setRequestOptions: function (options) {
- return 'AVOID_TOLL_ROADS:' + (options.tolls ? 't' : 'f') + ',' +
- 'AVOID_PRIMARIES:' + (options.freeways ? 't' : 'f') + ',' +
- 'AVOID_TRAILS:' + (options.dirt ? 't' : 'f') + ',' +
- 'AVOID_LONG_TRAILS:' + (options.longtrails ? 't' : 'f') + ',' +
- 'ALLOW_UTURNS:' + (options.uturns ? 't' : 'f');
- },
-
- /**
- * Gets the center of a segment in LonLat form.
- * @private
- * @param segment A Waze model segment object.
- * @return {OL.LonLat} The LonLat object corresponding to the
- * center of the segment.
- */
- getSegmentCenterLonLat: function (segment) {
- var x, y, componentsLength, midPoint;
- if (segment) {
- componentsLength = segment.geometry.components.length;
- midPoint = Math.floor(componentsLength / 2);
- if (componentsLength % 2 === 1) {
- x = segment.geometry.components[midPoint].x;
- y = segment.geometry.components[midPoint].y;
- } else {
- x = (segment.geometry.components[midPoint - 1].x +
- segment.geometry.components[midPoint].x) / 2;
- y = (segment.geometry.components[midPoint - 1].y +
- segment.geometry.components[midPoint].y) / 2;
- }
- return new OL.Geometry.Point(x, y).
- transform(W.map.getProjectionObject(), 'EPSG:4326');
- }
-
- },
-
- /**
- * Gets the route from Live Map and executes any callbacks upon success.
- * @private
- * @returns The ajax request object. The responseJSON property of the
- * returned object
- * contains the route information.
- *
- */
- getRouteData: function () {
- var i,
- n,
- that = this;
- return $.ajax({
- dataType: 'json',
- url: this.getURL(),
- data: this.requestData,
- dataFilter: function (data, dataType) {
- return data.replace(/NaN/g, '0');
- },
- success: function (data) {
- that.routeData = data;
- for (i = 0, n = that.callbacks.length; i < n; i++) {
- that.callbacks[i].call(that);
- }
- }
- });
- },
-
- /**
- * Extracts the IDs from all segments on the route.
- * @private
- * @return {Array} Array containing an array of segment IDs for
- * each route alternative.
- */
- getRouteSegmentIDs: function () {
- var i, j, route, len1, len2, segIDs = [],
- routeArray = [],
- data = this.routeData;
- if ('undefined' !== typeof data.alternatives) {
- for (i = 0, len1 = data.alternatives.length; i < len1; i++) {
- route = data.alternatives[i].response.results;
- for (j = 0, len2 = route.length; j < len2; j++) {
- routeArray.push(route[j].path.segmentId);
- }
- segIDs.push(routeArray);
- routeArray = [];
- }
- } else {
- route = data.response.results;
- for (i = 0, len1 = route.length; i < len1; i++) {
- routeArray.push(route[i].path.segmentId);
- }
- segIDs.push(routeArray);
- }
- return segIDs;
- },
-
- /**
- * Gets the URL to use for the ajax request based on country.
- * @private
- * @return {String} Relative URl to use for route ajax request.
- */
- getURL: function () {
- if (W.model.countries.getObjectById(235) || W.model.countries.getObjectById(40)) {
- return '/RoutingManager/routingRequest';
- } else if (W.model.countries.getObjectById(106)) {
- return '/il-RoutingManager/routingRequest';
- } else {
- return '/row-RoutingManager/routingRequest';
- }
- },
-
- /**
- * Selects all segments on the route in the editor.
- * @param {Integer} routeIndex The index of the alternate route.
- * Default route to use is the first one, which is 0.
- */
- selectRouteSegments: function (routeIndex) {
- var i, n, seg,
- segIDs = this.getRouteSegmentIDs()[Math.floor(routeIndex) || 0],
- segments = [];
- if ('undefined' === typeof segIDs) {
- return;
- }
- for (i = 0, n = segIDs.length; i < n; i++) {
- seg = W.model.segments.getObjectById(segIDs[i]);
- if ('undefined' !== seg) {
- segments.push(seg);
- }
- }
- return WazeWrap.selectFeatures(segments);
- }
- };
- }
-
- function User() {
- /**
- * Returns the "normalized" (1 based) user rank/level
- */
- this.Rank = function () {
- return W.loginManager.user.normalizedLevel;
- };
-
- /**
- * Returns the current user's username
- */
- this.Username = function () {
- return W.loginManager.user.userName;
- };
-
- /**
- * Returns if the user is a CM (in any country)
- */
- this.isCM = function () {
- return W.loginManager.user.editableCountryIDs.length > 0
- };
-
- /**
- * Returns if the user is an Area Manager (in any country)
- */
- this.isAM = function () {
- return W.loginManager.user.isAreaManager;
- };
- }
-
- function Require() {
- this.DragElement = function () {
- var myDragElement = OL.Class({
- started: !1,
- stopDown: !0,
- dragging: !1,
- touch: !1,
- last: null,
- start: null,
- lastMoveEvt: null,
- oldOnselectstart: null,
- interval: 0,
- timeoutId: null,
- forced: !1,
- active: !1,
- initialize: function (e) {
- this.map = e,
- this.uniqueID = myDragElement.baseID--
- },
- callback: function (e, t) {
- if (this[e])
- return this[e].apply(this, t)
- },
- dragstart: function (e) {
- e.xy = new OL.Pixel(e.clientX - this.map.viewPortDiv.offsets[0], e.clientY - this.map.viewPortDiv.offsets[1]);
- var t = !0;
- return this.dragging = !1,
- (OL.Event.isLeftClick(e) || OL.Event.isSingleTouch(e)) && (this.started = !0,
- this.start = e.xy,
- this.last = e.xy,
- OL.Element.addClass(this.map.viewPortDiv, "olDragDown"),
- this.down(e),
- this.callback("down", [e.xy]),
- OL.Event.stop(e),
- this.oldOnselectstart || (this.oldOnselectstart = document.onselectstart ? document.onselectstart : OL.Function.True),
- document.onselectstart = OL.Function.False,
- t = !this.stopDown),
- t
- },
- forceStart: function () {
- var e = arguments.length > 0 && void 0 !== arguments[0] && arguments[0];
- return this.started = !0,
- this.endOnMouseUp = e,
- this.forced = !0,
- this.last = {
- x: 0,
- y: 0
- },
- this.callback("force")
- },
- forceEnd: function () {
- if (this.forced)
- return this.endDrag()
- },
- dragmove: function (e) {
- return this.map.viewPortDiv.offsets && (e.xy = new OL.Pixel(e.clientX - this.map.viewPortDiv.offsets[0], e.clientY - this.map.viewPortDiv.offsets[1])),
- this.lastMoveEvt = e,
- !this.started || this.timeoutId || e.xy.x === this.last.x && e.xy.y === this.last.y || (this.interval > 0 && (this.timeoutId = window.setTimeout(OL.Function.bind(this.removeTimeout, this), this.interval)),
- this.dragging = !0,
- this.move(e),
- this.oldOnselectstart || (this.oldOnselectstart = document.onselectstart,
- document.onselectstart = OL.Function.False),
- this.last = e.xy),
- !0
- },
- dragend: function (e) {
- if (e.xy = new OL.Pixel(e.clientX - this.map.viewPortDiv.offsets[0], e.clientY - this.map.viewPortDiv.offsets[1]),
- this.started) {
- var t = this.start !== this.last;
- this.endDrag(),
- this.up(e),
- this.callback("up", [e.xy]),
- t && this.callback("done", [e.xy])
- }
- return !0
- },
- endDrag: function () {
- this.started = !1,
- this.dragging = !1,
- this.forced = !1,
- OL.Element.removeClass(this.map.viewPortDiv, "olDragDown"),
- document.onselectstart = this.oldOnselectstart
- },
- down: function (e) { },
- move: function (e) { },
- up: function (e) { },
- out: function (e) { },
- mousedown: function (e) {
- return this.dragstart(e)
- },
- touchstart: function (e) {
- return this.touch || (this.touch = !0,
- this.map.events.un({
- mousedown: this.mousedown,
- mouseup: this.mouseup,
- mousemove: this.mousemove,
- click: this.click,
- scope: this
- })),
- this.dragstart(e)
- },
- mousemove: function (e) {
- return this.dragmove(e)
- },
- touchmove: function (e) {
- return this.dragmove(e)
- },
- removeTimeout: function () {
- if (this.timeoutId = null,
- this.dragging)
- return this.mousemove(this.lastMoveEvt)
- },
- mouseup: function (e) {
- if (!this.forced || this.endOnMouseUp)
- return this.started ? this.dragend(e) : void 0
- },
- touchend: function (e) {
- if (e.xy = this.last,
- !this.forced)
- return this.dragend(e)
- },
- click: function (e) {
- return this.start === this.last
- },
- activate: function (e) {
- this.$el = e,
- this.active = !0;
- var t = $(this.map.viewPortDiv);
- return this.$el.on("mousedown.drag-" + this.uniqueID, $.proxy(this.mousedown, this)),
- this.$el.on("touchstart.drag-" + this.uniqueID, $.proxy(this.touchstart, this)),
- t.on("mouseup.drag-" + this.uniqueID, $.proxy(this.mouseup, this)),
- t.on("mousemove.drag-" + this.uniqueID, $.proxy(this.mousemove, this)),
- t.on("touchmove.drag-" + this.uniqueID, $.proxy(this.touchmove, this)),
- t.on("touchend.drag-" + this.uniqueID, $.proxy(this.touchend, this))
- },
- deactivate: function () {
- return this.active = !1,
- this.$el.off(".drag-" + this.uniqueID),
- $(this.map.viewPortDiv).off(".drag-" + this.uniqueID),
- this.touch = !1,
- this.started = !1,
- this.forced = !1,
- this.dragging = !1,
- this.start = null,
- this.last = null,
- OL.Element.removeClass(this.map.viewPortDiv, "olDragDown")
- },
- adjustXY: function (e) {
- var t = OL.Util.pagePosition(this.map.viewPortDiv);
- return e.xy.x -= t[0],
- e.xy.y -= t[1]
- },
- CLASS_NAME: "W.Handler.DragElement"
- });
- myDragElement.baseID = 0;
- return myDragElement;
- };
-
- this.DivIcon = OL.Class({
- className: null,
- $div: null,
- events: null,
- initialize: function (e, t) {
- this.className = e,
- this.moveWithTransform = !!t,
- this.$div = $("<div />").addClass(e),
- this.div = this.$div.get(0),
- this.imageDiv = this.$div.get(0);
- },
- destroy: function () {
- this.erase(),
- this.$div = null;
- },
- clone: function () {
- return new i(this.className);
- },
- draw: function (e) {
- return this.moveWithTransform ? (this.$div.css({
- transform: "translate(" + e.x + "px, " + e.y + "px)"
- }),
- this.$div.css({
- position: "absolute"
- })) : this.$div.css({
- position: "absolute",
- left: e.x,
- top: e.y
- }),
- this.$div.get(0);
- },
- moveTo: function (e) {
- null !== e && (this.px = e),
- null === this.px ? this.display(!1) : this.moveWithTransform ? this.$div.css({
- transform: "translate(" + this.px.x + "px, " + this.px.y + "px)"
- }) : this.$div.css({
- left: this.px.x,
- top: this.px.y
- });
- },
- erase: function () {
- this.$div.remove();
- },
- display: function (e) {
- this.$div.toggle(e);
- },
- isDrawn: function () {
- return !!this.$div.parent().length;
- },
- bringToFront: function () {
- if (this.isDrawn()) {
- var e = this.$div.parent();
- this.$div.detach().appendTo(e);
- }
- },
- forceReflow: function () {
- return this.$div.get(0).offsetWidth;
- },
- CLASS_NAME: "W.DivIcon"
- });
- }
-
- function Util() {
- /**
- * Function to defer function execution until an element is present on
- * the page.
- * @function WazeWrap.Util.waitForElement
- * @param {String} selector The CSS selector string or a jQuery object
- * to find before executing the callback.
- * @param {Function} callback The function to call when the page
- * element is detected.
- * @param {Object} [context] The context in which to call the callback.
- */
- this.waitForElement = function (selector, callback, context) {
- let jqObj;
- if (!selector || typeof callback !== 'function')
- return;
-
- jqObj = typeof selector === 'string' ?
- $(selector) : selector instanceof $ ? selector : null;
-
- if (!jqObj.size()) {
- window.requestAnimationFrame(function () {
- WazeWrap.Util.waitForElement(selector, callback, context);
- });
- } else
- callback.call(context || callback);
- };
-
- /**
- * Function to track the ready state of the map.
- * @function WazeWrap.Util.mapReady
- * @return {Boolean} Whether or not a map operation is pending or
- * undefined if the function has not yet seen a map ready event fired.
- */
- this.mapReady = function () {
- var mapReady = true;
- W.vent.on('operationPending', function () {
- mapReady = false;
- });
- W.vent.on('operationDone', function () {
- mapReady = true;
- });
- return function () {
- return mapReady;
- };
- }();
-
- /**
- * Function to track the ready state of the model.
- * @function WazeWrap.Util.modelReady
- * @return {Boolean} Whether or not the model has loaded objects or
- * undefined if the function has not yet seen a model ready event fired.
- */
- this.modelReady = function () {
- var modelReady = true;
- W.model.events.register('mergestart', null, function () {
- modelReady = false;
- });
- W.model.events.register('mergeend', null, function () {
- modelReady = true;
- });
- return function () {
- return modelReady;
- };
- }();
-
- /**
- * Returns orthogonalized geometry for the given geometry and threshold
- * @function WazeWrap.Util.OrthogonalizeGeometry
- * @param {OL.Geometry} The OL.Geometry to orthogonalize
- * @param {integer} threshold to use for orthogonalization - the higher the threshold, the more nodes that will be removed
- * @return {OL.Geometry } Orthogonalized geometry
- **/
- this.OrthogonalizeGeometry = function (geometry, threshold = 12) {
- let nomthreshold = threshold, // degrees within right or straight to alter
- lowerThreshold = Math.cos((90 - nomthreshold) * Math.PI / 180),
- upperThreshold = Math.cos(nomthreshold * Math.PI / 180);
-
- function Orthogonalize() {
- var nodes = geometry,
- points = nodes.slice(0, -1).map(function (n) {
- let p = n.clone().transform(new OL.Projection("EPSG:900913"), new OL.Projection("EPSG:4326"));
- p.y = lat2latp(p.y);
- return p;
- }),
- corner = { i: 0, dotp: 1 },
- epsilon = 1e-4,
- i, j, score, motions;
-
- // Triangle
- if (nodes.length === 4) {
- for (i = 0; i < 1000; i++) {
- motions = points.map(calcMotion);
-
- var tmp = addPoints(points[corner.i], motions[corner.i]);
- points[corner.i].x = tmp.x;
- points[corner.i].y = tmp.y;
-
- score = corner.dotp;
- if (score < epsilon)
- break;
- }
-
- var n = points[corner.i];
- n.y = latp2lat(n.y);
- let pp = n.transform(new OL.Projection("EPSG:4326"), new OL.Projection("EPSG:900913"));
-
- let id = nodes[corner.i].id;
- for (i = 0; i < nodes.length; i++) {
- if (nodes[i].id != id)
- continue;
-
- nodes[i].x = pp.x;
- nodes[i].y = pp.y;
- }
-
- return nodes;
- } else {
- var best,
- originalPoints = nodes.slice(0, -1).map(function (n) {
- let p = n.clone().transform(new OL.Projection("EPSG:900913"), new OL.Projection("EPSG:4326"));
- p.y = lat2latp(p.y);
- return p;
- });
- score = Infinity;
-
- for (i = 0; i < 1000; i++) {
- motions = points.map(calcMotion);
- for (j = 0; j < motions.length; j++) {
- let tmp = addPoints(points[j], motions[j]);
- points[j].x = tmp.x;
- points[j].y = tmp.y;
- }
- var newScore = squareness(points);
- if (newScore < score) {
- best = [].concat(points);
- score = newScore;
- }
- if (score < epsilon)
- break;
- }
-
- points = best;
-
- for (i = 0; i < points.length; i++) {
- // only move the points that actually moved
- if (originalPoints[i].x !== points[i].x || originalPoints[i].y !== points[i].y) {
- let n = points[i];
- n.y = latp2lat(n.y);
- let pp = n.transform(new OL.Projection("EPSG:4326"), new OL.Projection("EPSG:900913"));
-
- let id = nodes[i].id;
- for (j = 0; j < nodes.length; j++) {
- if (nodes[j].id != id)
- continue;
-
- nodes[j].x = pp.x;
- nodes[j].y = pp.y;
- }
- }
- }
-
- // remove empty nodes on straight sections
- for (i = 0; i < points.length; i++) {
- let dotp = normalizedDotProduct(i, points);
- if (dotp < -1 + epsilon) {
- id = nodes[i].id;
- for (j = 0; j < nodes.length; j++) {
- if (nodes[j].id != id)
- continue;
-
- nodes[j] = false;
- }
- }
- }
-
- return nodes.filter(item => item !== false);
- }
-
- function calcMotion(b, i, array) {
- let a = array[(i - 1 + array.length) % array.length],
- c = array[(i + 1) % array.length],
- p = subtractPoints(a, b),
- q = subtractPoints(c, b),
- scale, dotp;
-
- scale = 2 * Math.min(euclideanDistance(p, { x: 0, y: 0 }), euclideanDistance(q, { x: 0, y: 0 }));
- p = normalizePoint(p, 1.0);
- q = normalizePoint(q, 1.0);
-
- dotp = filterDotProduct(p.x * q.x + p.y * q.y);
-
- // nasty hack to deal with almost-straight segments (angle is closer to 180 than to 90/270).
- if (array.length > 3) {
- if (dotp < -0.707106781186547)
- dotp += 1.0;
- } else if (dotp && Math.abs(dotp) < corner.dotp) {
- corner.i = i;
- corner.dotp = Math.abs(dotp);
- }
-
- return normalizePoint(addPoints(p, q), 0.1 * dotp * scale);
- }
- };
-
- function lat2latp(lat) {
- return 180 / Math.PI * Math.log(Math.tan(Math.PI / 4 + lat * (Math.PI / 180) / 2));
- }
-
- function latp2lat(a) {
- return 180 / Math.PI * (2 * Math.atan(Math.exp(a * Math.PI / 180)) - Math.PI / 2);
- }
-
- function squareness(points) {
- return points.reduce(function (sum, val, i, array) {
- let dotp = normalizedDotProduct(i, array);
-
- dotp = filterDotProduct(dotp);
- return sum + 2.0 * Math.min(Math.abs(dotp - 1.0), Math.min(Math.abs(dotp), Math.abs(dotp + 1)));
- }, 0);
- }
-
- function normalizedDotProduct(i, points) {
- let a = points[(i - 1 + points.length) % points.length],
- b = points[i],
- c = points[(i + 1) % points.length],
- p = subtractPoints(a, b),
- q = subtractPoints(c, b);
-
- p = normalizePoint(p, 1.0);
- q = normalizePoint(q, 1.0);
-
- return p.x * q.x + p.y * q.y;
- }
-
- function subtractPoints(a, b) {
- return { x: a.x - b.x, y: a.y - b.y };
- }
-
- function addPoints(a, b) {
- return { x: a.x + b.x, y: a.y + b.y };
- }
-
- function euclideanDistance(a, b) {
- let x = a.x - b.x, y = a.y - b.y;
- return Math.sqrt((x * x) + (y * y));
- }
-
- function normalizePoint(point, scale) {
- let vector = { x: 0, y: 0 };
- let length = Math.sqrt(point.x * point.x + point.y * point.y);
- if (length !== 0) {
- vector.x = point.x / length;
- vector.y = point.y / length;
- }
-
- vector.x *= scale;
- vector.y *= scale;
-
- return vector;
- }
-
- function filterDotProduct(dotp) {
- if (lowerThreshold > Math.abs(dotp) || Math.abs(dotp) > upperThreshold)
- return dotp;
-
- return 0;
- }
-
- this.isDisabled = function (nodes) {
- let points = nodes.slice(0, -1).map(function (n) {
- let p = n.toLonLat().transform(new OL.Projection("EPSG:900913"), new OL.Projection("EPSG:4326"));
- return { x: p.lat, y: p.lon };
- });
-
- return squareness(points);
- };
-
- return Orthogonalize();
- };
-
- /**
- * Returns the general location of the segment queried
- * @function WazeWrap.Util.findSegment
- * @param {OL.Geometry} The server to search on. The current server can be obtained from W.app.getAppRegionCode()
- * @param {integer} The segment ID to search for
- * @return {OL.Geometry.Point} A point at the general location of the segment, null if the segment is not found
- **/
- this.findSegment = async function (server, segmentID) {
- let apiURL = location.origin;
- switch (server) {
- case 'row':
- apiURL += '/row-Descartes/app/HouseNumbers?ids=';
- break;
- case 'il':
- apiURL += '/il-Descartes/app/HouseNumbers?ids=';
- break;
- case 'usa':
- default:
- apiURL += '/Descartes/app/HouseNumbers?ids=';
- }
- let response, result = null;
- try {
- response = await $.get(`${apiURL + segmentID}`);
- if (response && response.editAreas.objects.length > 0) {
- let segGeoArea = response.editAreas.objects[0].geometry.coordinates[0];
- let ringGeo = [];
- for (let i = 0; i < segGeoArea.length - 1; i++)
- ringGeo.push(new OL.Geometry.Point(segGeoArea[i][0], segGeoArea[i][1]));
- if (ringGeo.length > 0) {
- let ring = new OL.Geometry.LinearRing(ringGeo);
- result = ring.getCentroid();
- }
- }
- }
- catch (err) {
- console.log(err);
- }
-
- return result;
- };
-
- /**
- * Returns the location of the venue queried
- * @function WazeWrap.Util.findVenue
- * @param {OL.Geometry} The server to search on. The current server can be obtained from W.app.getAppRegionCode()
- * @param {integer} The venue ID to search for
- * @return {OL.Geometry.Point} A point at the location of the venue, null if the venue is not found
- **/
- this.findVenue = async function (server, venueID) {
- let apiURL = location.origin;
- switch (server) {
- case 'row':
- apiURL += '/row-SearchServer/mozi?max_distance_kms=&lon=-84.22637&lat=39.61097&format=PROTO_JSON_FULL&venue_id=';
- break;
- case 'il':
- apiURL += '/il-SearchServer/mozi?max_distance_kms=&lon=-84.22637&lat=39.61097&format=PROTO_JSON_FULL&venue_id=';
- break;
- case 'usa':
- default:
- apiURL += '/SearchServer/mozi?max_distance_kms=&lon=-84.22637&lat=39.61097&format=PROTO_JSON_FULL&venue_id=';
- }
- let response, result = null;
- try {
- response = await $.get(`${apiURL + venueID}`);
- if (response && response.venue) {
- result = new OL.Geometry.Point(response.venue.location.x, response.venue.location.y);
- }
- }
- catch (err) {
- console.log(err);
- }
-
- return result;
- };
- }
-
- function Events() {
- const eventMap = {
- 'moveend': { register: function (p1, p2, p3) { W.map.events.register(p1, p2, p3); }, unregister: function (p1, p2, p3) { W.map.events.unregister(p1, p2, p3); } },
- 'zoomend': { register: function (p1, p2, p3) { W.map.events.register(p1, p2, p3); }, unregister: function (p1, p2, p3) { W.map.events.unregister(p1, p2, p3); } },
- 'mousemove': { register: function (p1, p2, p3) { W.map.events.register(p1, p2, p3); }, unregister: function (p1, p2, p3) { W.map.events.unregister(p1, p2, p3); } },
- 'mouseup': { register: function (p1, p2, p3) { W.map.events.register(p1, p2, p3); }, unregister: function (p1, p2, p3) { W.map.events.unregister(p1, p2, p3); } },
- 'mousedown': { register: function (p1, p2, p3) { W.map.events.register(p1, p2, p3); }, unregister: function (p1, p2, p3) { W.map.events.unregister(p1, p2, p3); } },
- 'changelayer': { register: function (p1, p2, p3) { W.map.events.register(p1, p2, p3); }, unregister: function (p1, p2, p3) { W.map.events.unregister(p1, p2, p3); } },
- 'selectionchanged': { register: function (p1, p2, p3) { W.selectionManager.events.register(p1, p2, p3) }, unregister: function (p1, p2, p3) { W.selectionManager.events.unregister(p1, p2, p3) } },
- 'afterundoaction': { register: function (p1, p2, p3) { W.model.actionManager.events.register(p1, p2, p3); }, unregister: function (p1, p2, p3) { W.model.actionManager.events.unregister(p1, p2, p3); } },
- 'afterclearactions': { register: function (p1, p2, p3) { W.model.actionManager.events.register(p1, p2, p3); }, unregister: function (p1, p2, p3) { W.model.actionManager.events.unregister(p1, p2, p3); } },
- 'afteraction': { register: function (p1, p2, p3) { W.model.actionManager.events.register(p1, p2, p3); }, unregister: function (p1, p2, p3) { W.model.actionManager.events.unregister(p1, p2, p3); } },
- 'change:editingHouseNumbers': { register: function (p1, p2) { W.editingMediator.on(p1, p2); }, unregister: function (p1, p2) { W.editingMediator.off(p1, p2); } },
- 'change:mode': { register: function (p1, p2) { W.app.bind(p1, p2); }, unregister: function (p1, p2) { W.app.unbind(p1, p2); } },
- 'change:isImperial': { register: function (p1, p2) { W.prefs.on(p1, p2); }, unregister: function (p1, p2) { W.prefs.off(p1, p2); } }
- };
-
- var eventHandlerList = {};
-
- this.register = function (event, context, handler, errorHandler) {
- if (typeof eventHandlerList[event] == "undefined")
- eventHandlerList[event] = [];
-
- let newHandler = function () {
- try {
- handler(...arguments);
- }
- catch (err) {
- console.error(`Error thrown in: ${handler.name}\n ${err}`);
- if (errorHandler)
- errorHandler(err);
- }
- };
-
- eventHandlerList[event].push({ origFunc: handler, newFunc: newHandler });
- if (event === 'change:editingHouseNumbers' || event === 'change:mode' || event === 'change:isImperial')
- eventMap[event].register(event, newHandler);
- else
- eventMap[event].register(event, context, newHandler);
- };
-
- this.unregister = function (event, context, handler) {
- let unregHandler;
- if (eventHandlerList && eventHandlerList[event]) { //Must check in case a script is trying to unregister before registering an eventhandler and one has not yet been created
- for (let i = 0; i < eventHandlerList[event].length; i++) {
- if (eventHandlerList[event][i].origFunc.toString() == handler.toString())
- unregHandler = eventHandlerList[event][i].newFunc;
- }
- if (typeof unregHandler != "undefined") {
- if (event === 'change:editingHouseNumbers' || event === 'change:mode' || event === 'change:isImperial')
- eventMap[event].unregister(event, unregHandler);
- else
- eventMap[event].unregister(event, context, unregHandler);
- }
- }
- };
-
- }
-
- function Interface() {
- /**
- * Generates id for message bars.
- * @private
- */
- var getNextID = function () {
- let id = 1;
- return function () {
- return id++;
- };
- }();
-
- /**
- * Creates a keyboard shortcut for the supplied callback event
- * @function WazeWrap.Interface.Shortcut
- * @param {string}
- * @param {string}
- * @param {string}
- * @param {string}
- * @param {string}
- * @param {function}
- * @param {object}
- * @param {integer} The segment ID to search for
- * @return {OL.Geometry.Point} A point at the general location of the segment, null if the segment is not found
- **/
- this.Shortcut = class Shortcut {
- constructor(name, desc, group, title, shortcut, callback, scope) {
- if ('string' === typeof name && name.length > 0 && 'string' === typeof shortcut && 'function' === typeof callback) {
- this.name = name;
- this.desc = desc;
- this.group = group || this.defaults.group;
- this.title = title;
- this.callback = callback;
- this.shortcut = {};
- if (shortcut.length > 0)
- this.shortcut[shortcut] = name;
- if ('object' !== typeof scope)
- this.scope = null;
- else
- this.scope = scope;
- this.groupExists = false;
- this.actionExists = false;
- this.eventExists = false;
- this.defaults = { group: 'default' };
-
- return this;
- }
- }
-
- /**
- * Determines if the shortcut's action already exists.
- * @private
- */
- doesGroupExist() {
- this.groupExists = 'undefined' !== typeof W.accelerators.Groups[this.group] &&
- undefined !== typeof W.accelerators.Groups[this.group].members;
- return this.groupExists;
- }
-
- /**
- * Determines if the shortcut's action already exists.
- * @private
- */
- doesActionExist() {
- this.actionExists = 'undefined' !== typeof W.accelerators.Actions[this.name];
- return this.actionExists;
- }
-
- /**
- * Determines if the shortcut's event already exists.
- * @private
- */
- doesEventExist() {
- this.eventExists = 'undefined' !== typeof W.accelerators.events.listeners[this.name] &&
- W.accelerators.events.listeners[this.name].length > 0 &&
- this.callback === W.accelerators.events.listeners[this.name][0].func &&
- this.scope === W.accelerators.events.listeners[this.name][0].obj;
- return this.eventExists;
- }
-
- /**
- * Creates the shortcut's group.
- * @private
- */
- createGroup() {
- W.accelerators.Groups[this.group] = [];
- W.accelerators.Groups[this.group].members = [];
-
- if (this.title && !I18n.translations[I18n.currentLocale()].keyboard_shortcuts.groups[this.group]) {
- I18n.translations[I18n.currentLocale()].keyboard_shortcuts.groups[this.group] = [];
- I18n.translations[I18n.currentLocale()].keyboard_shortcuts.groups[this.group].description = this.title;
- I18n.translations[I18n.currentLocale()].keyboard_shortcuts.groups[this.group].members = [];
- }
- }
-
- /**
- * Registers the shortcut's action.
- * @private
- */
- addAction() {
- if (this.title)
- I18n.translations[I18n.currentLocale()].keyboard_shortcuts.groups[this.group].members[this.name] = this.desc;
- W.accelerators.addAction(this.name, { group: this.group });
- }
-
- /**
- * Registers the shortcut's event.
- * @private
- */
- addEvent() {
- W.accelerators.events.register(this.name, this.scope, this.callback);
- }
-
- /**
- * Registers the shortcut's keyboard shortcut.
- * @private
- */
- registerShortcut() {
- W.accelerators._registerShortcuts(this.shortcut);
- }
-
- /**
- * Adds the keyboard shortcut to the map.
- * @return {WazeWrap.Interface.Shortcut} The keyboard shortcut.
- */
- add() {
- /* If the group is not already defined, initialize the group. */
- if (!this.doesGroupExist()) {
- this.createGroup();
- }
-
- /* Clear existing actions with same name */
- if (this.doesActionExist()) {
- W.accelerators.Actions[this.name] = null;
- }
- this.addAction();
-
- /* Register event only if it's not already registered */
- if (!this.doesEventExist()) {
- this.addEvent();
- }
-
- /* Finally, register the shortcut. */
- this.registerShortcut();
- return this;
- }
-
- /**
- * Removes the keyboard shortcut from the map.
- * @return {WazeWrap.Interface.Shortcut} The keyboard shortcut.
- */
- remove() {
- if (this.doesEventExist()) {
- W.accelerators.events.unregister(this.name, this.scope, this.callback);
- }
- if (this.doesActionExist()) {
- delete W.accelerators.Actions[this.name];
- }
- //remove shortcut?
- return this;
- }
-
- /**
- * Changes the keyboard shortcut and applies changes to the map.
- * @return {WazeWrap.Interface.Shortcut} The keyboard shortcut.
- */
- change(shortcut) {
- if (shortcut) {
- this.shortcut = {};
- this.shortcut[shortcut] = this.name;
- this.registerShortcut();
- }
- return this;
- }
- }
-
- /**
- * Creates a tab in the side panel
- * @function WazeWrap.Interface.Tab
- * @param {string}
- * @param {string}
- * @param {function}
- * @param {object}
- **/
- this.Tab = class Tab {
- constructor(name, content, callback, context) {
- this.TAB_SELECTOR = '#user-tabs ul.nav-tabs';
- this.CONTENT_SELECTOR = '#user-info div.tab-content';
- this.callback = null;
- this.$content = null;
- this.context = null;
- this.$tab = null;
-
- let idName, i = 0;
-
- if (name && 'string' === typeof name &&
- content && 'string' === typeof content) {
- if (callback && 'function' === typeof callback) {
- this.callback = callback;
- this.context = context || callback;
- }
- /* Sanitize name for html id attribute */
- idName = name.toLowerCase().replace(/[^a-z-_]/g, '');
- /* Make sure id will be unique on page */
- while (
- $('#sidepanel-' + (i ? idName + i : idName)).length > 0) {
- i++;
- }
- if (i)
- idName = idName + i;
- /* Create tab and content */
- this.$tab = $('<li/>')
- .append($('<a/>')
- .attr({
- 'href': '#sidepanel-' + idName,
- 'data-toggle': 'tab',
- })
- .text(name));
- this.$content = $('<div/>')
- .addClass('tab-pane')
- .attr('id', 'sidepanel-' + idName)
- .html(content);
-
- this.appendTab();
- let that = this;
- if (W.prefs) {
- W.prefs.on('change:isImperial', function () { that.appendTab(); });
- }
- W.app.modeController.model.bind('change:mode', function () { that.appendTab(); });
- }
- }
-
- append(content) {
- this.$content.append(content);
- }
-
- appendTab() {
- if (W.app.attributes.mode === 0) { /*Only in default mode */
- WazeWrap.Util.waitForElement(
- this.TAB_SELECTOR + ',' + this.CONTENT_SELECTOR,
- function () {
- $(this.TAB_SELECTOR).append(this.$tab);
- $(this.CONTENT_SELECTOR).first().append(this.$content);
- if (this.callback) {
- this.callback.call(this.context);
- }
- }, this);
- }
- }
-
- clearContent() {
- this.$content.empty();
- }
-
- destroy() {
- this.$tab.remove();
- this.$content.remove();
- }
- }
-
- /**
- * Creates a checkbox in the layer menu
- * @function WazeWrap.Interface.AddLayerCheckbox
- * @param {string}
- * @param {string}
- * @param {boolean}
- * @param {function}
- * @param {object}
- * @param {Layer object}
- **/
- this.AddLayerCheckbox = function (group, checkboxText, checked, callback, layer) {
- group = group.toLowerCase();
- let normalizedText = checkboxText.toLowerCase().replace(/\s/g, '_');
- let checkboxID = "layer-switcher-item_" + normalizedText;
- let groupPrefix = 'layer-switcher-group_';
- let groupClass = groupPrefix + group.toLowerCase();
- sessionStorage[normalizedText] = checked;
-
- let CreateParentGroup = function (groupChecked) {
- let groupList = $('.layer-switcher').find('.list-unstyled.togglers');
- let checkboxText = group.charAt(0).toUpperCase() + group.substr(1);
- let newLI = $('<li class="group">');
- newLI.html([
- '<div class="layer-switcher-toggler-tree-category">',
- '<i class="toggle-category w-icon-caret-down" data-group-id="GROUP_' + group.toUpperCase() + '"></i>',
- '<span class="wz-toggle-switch">',
- '<label class="wz-switch">',
- '<input class="' + groupClass + ' toggleSwitch" id="' + groupClass + '" type="checkbox" ' + (groupChecked ? 'checked' : '') + '>',
- '<span class="wz-slider"></span>',
- '</label></span>',
- '<label class="label-text" for="' + groupClass + '">' + group + '</label>',
- '</div>',
- '<ul class="collapsible-GROUP_' + group.toUpperCase() + '">',
- '<li>',
- '<div class="wz-checkbox">',
- '<input type="checkbox" id="' + checkboxID + '" class="' + checkboxID + ' toggle">',
- '<label for="' + checkboxID + '">' + checkboxText + '</label>',
- '</div>',
- '</li></ul>'
- ].join(' '));
-
- groupList.append(newLI);
- $('#' + groupClass).change(function () { sessionStorage[groupClass] = this.checked; });
- };
-
- if (group !== "issues" && group !== "places" && group !== "road" && group !== "display") //"non-standard" group, check its existence
- if ($('.' + groupClass).length === 0) { //Group doesn't exist yet, create it
- let isParentChecked = (typeof sessionStorage[groupClass] == "undefined" ? true : sessionStorage[groupClass] == 'true');
- CreateParentGroup(isParentChecked); //create the group
- sessionStorage[groupClass] = isParentChecked;
-
- W.app.modeController.model.bind('change:mode', function (model, modeId, context) { //make it reappear after changing modes
- CreateParentGroup((sessionStorage[groupClass] == 'true'));
- });
- }
-
- var buildLayerItem = function (isChecked) {
- let groupChildren = $(".collapsible-GROUP_" + group.toUpperCase());
- let $li = $('<li>');
- $li.html([
- '<div class="wz-checkbox">',
- '<input type="checkbox" id="' + checkboxID + '" class="' + checkboxID + ' toggle">',
- '<label for="' + checkboxID + '">' + checkboxText + '</label>',
- '</div>',
- ].join(' '));
-
- groupChildren.append($li);
- $('#' + checkboxID).prop('checked', isChecked);
- $('#' + checkboxID).change(function () { callback(this.checked); sessionStorage[normalizedText] = this.checked; });
- if (!$('#' + groupClass).is(':checked')) {
- $('#' + checkboxID).prop('disabled', true);
- if (typeof layer === 'undefined')
- callback(false);
- else {
- if ($.isArray(layer))
- $.each(layer, (k, v) => { v.setVisibility(false); });
- else
- layer.setVisibility(false);
- }
- }
-
- $('#' + groupClass).change(function () {
- $('#' + checkboxID).prop('disabled', !this.checked);
- if (typeof layer === 'undefined')
- callback(!this.checked ? false : sessionStorage[normalizedText] == 'true');
- else {
- if ($.isArray(layer))
- $.each(layer, (k, v) => { v.setVisibility(this.checked); });
- else
- layer.setVisibility(this.checked);
- }
- });
- };
-
- W.app.modeController.model.bind('change:mode', function (model, modeId, context) {
- buildLayerItem((sessionStorage[normalizedText] == 'true'));
- });
- buildLayerItem(checked);
- };
-
- /**
- * Shows the script update window with the given update text
- * @function WazeWrap.Interface.ShowScriptUpdate
- * @param {string}
- * @param {string}
- * @param {string}
- * @param {string}
- * @param {string}
- **/
- this.ShowScriptUpdate = function (scriptName, version, updateHTML, greasyforkLink = "", forumLink = "") {
- let settings;
- function loadSettings() {
- var loadedSettings = $.parseJSON(localStorage.getItem("WWScriptUpdate"));
- var defaultSettings = {
- ScriptUpdateHistory: {},
- };
- settings = loadedSettings ? loadedSettings : defaultSettings;
- for (var prop in defaultSettings) {
- if (!settings.hasOwnProperty(prop))
- settings[prop] = defaultSettings[prop];
- }
- }
-
- function saveSettings() {
- if (localStorage) {
- var localsettings = {
- ScriptUpdateHistory: settings.ScriptUpdateHistory,
- };
-
- localStorage.setItem("WWScriptUpdate", JSON.stringify(localsettings));
- }
- }
-
- loadSettings();
-
- if ((updateHTML && updateHTML.length > 0) && (typeof settings.ScriptUpdateHistory[scriptName] === "undefined" || settings.ScriptUpdateHistory[scriptName] != version)) {
- let currCount = $('.WWSU-script-item').length;
- let divID = (scriptName + ("" + version)).toLowerCase().replace(/[^a-z-_0-9]/g, '');
- $('#WWSU-script-list').append(`<a href="#${divID}" class="WWSU-script-item ${currCount === 0 ? 'WWSU-active' : ''}">${scriptName}</a>`); //add the script's tab
- $("#WWSU-updateCount").html(parseInt($("#WWSU-updateCount").html()) + 1); //increment the total script updates value
- let install = "", forum = "";
- if (greasyforkLink != "")
- install = `<a href="${greasyforkLink}" target="_blank">Greasyfork</a>`;
- if (forumLink != "")
- forum = `<a href="${forumLink}" target="_blank">Forum</a>`;
- let footer = "";
- if (forumLink != "" || greasyforkLink != "") {
- footer = `<span class="WWSUFooter" style="margin-bottom:2px; display:block;">${install}${(greasyforkLink != "" && forumLink != "") ? " | " : ""}${forum}</span>`;
- }
- $('#WWSU-script-update-info').append(`<div id="${divID}"><span><h3>${version}</h3><br>${updateHTML}</span>${footer}</div>`);
- $('#WWSU-Container').show();
- if (currCount === 0)
- $('#WWSU-script-list').find("a")[0].click();
- settings.ScriptUpdateHistory[scriptName] = version;
- saveSettings();
- }
- };
- }
-
- function Alerts() {
- this.success = function (scriptName, message) {
- $(wazedevtoastr.success(message, scriptName)).clone().prependTo('#WWAlertsHistory-list > .toast-container-wazedev').find('.toast-close-button').remove();
- }
-
- this.info = function (scriptName, message, disableTimeout, disableClickToClose) {
- let options = {};
- if (disableTimeout)
- options.timeOut = 0;
- if (disableClickToClose)
- options.tapToDismiss = false;
- $(wazedevtoastr.info(message, scriptName, options)).clone().prependTo('#WWAlertsHistory-list > .toast-container-wazedev').find('.toast-close-button').remove();
- }
-
- this.warning = function (scriptName, message) {
- $(wazedevtoastr.warning(message, scriptName)).clone().prependTo('#WWAlertsHistory-list > .toast-container-wazedev').find('.toast-close-button').remove();
- }
-
- this.error = function (scriptName, message) {
- $(wazedevtoastr.error(message, scriptName)).clone().prependTo('#WWAlertsHistory-list > .toast-container-wazedev').find('.toast-close-button').remove();
- }
-
- this.debug = function (scriptName, message) {
- wazedevtoastr.debug(message, scriptName);
- }
-
- this.prompt = function (scriptName, message, defaultText = '', okFunction, cancelFunction) {
- wazedevtoastr.prompt(message, scriptName, { promptOK: okFunction, promptCancel: cancelFunction, PromptDefaultInput: defaultText });
- }
-
- this.confirm = function (scriptName, message, okFunction, cancelFunction, okBtnText = "Ok", cancelBtnText = "Cancel") {
- wazedevtoastr.confirm(message, scriptName, { confirmOK: okFunction, confirmCancel: cancelFunction, ConfirmOkButtonText: okBtnText, ConfirmCancelButtonText: cancelBtnText });
- }
- }
-
- function Remote(){
- function sendPOST(scriptName, scriptSettings){
- return new Promise(function (resolve, reject) {
- var xhr = new XMLHttpRequest();
- xhr.open("POST", "https://wazedev.com:8443", true);
- xhr.setRequestHeader('Content-Type', 'application/json');
- xhr.onreadystatechange = function(e) {
- if (xhr.readyState === 4) {
- if (xhr.status === 200)
- resolve(true)
- else
- reject(false)
- }
- }
- xhr.send(JSON.stringify({
- userID: W.loginManager.user.id.toString(),
- pin: wwSettings.editorPIN,
- script: scriptName,
- settings: scriptSettings
- }));
- });
- }
-
- this.SaveSettings = async function(scriptName, scriptSettings){
- if(wwSettings.editorPIN === ""){
- console.error("Editor PIN not set");
- return null;
- }
- if(scriptName === ""){
- console.error("No script name provided");
- return null;
- }
- try{
- return await sendPOST(scriptName, scriptSettings);
- /*let result = await $.ajax({
- url: 'https://wazedev.com:8443',
- type: 'POST',
- contentType: 'application/json',
- data: JSON.stringify({
- userID: W.loginManager.user.id,
- pin: wwSettings.editorPIN,
- script: scriptName,
- settings: scriptSettings
- })}
- );
- return result;*/
- }
- catch(err){
- console.log(err);
- return null;
- }
- }
-
- this.RetrieveSettings = async function(script){
- if(wwSettings.editorPIN === ""){
- console.error("Editor PIN not set");
- return null;
- }
- if(script === ""){
- console.error("No script name provided");
- return null;
- }
- try{
- let response = await fetch(`https://wazedev.com/userID/${W.loginManager.user.id}/PIN/${wwSettings.editorPIN}/script/${script}`);
- response = await response.json();
- return response;
- }
- catch(err){
- console.log(err);
- return null;
- }
- }
- }
-
- function String() {
- this.toTitleCase = function (str) {
- return str.replace(/(?:^|\s)\w/g, function (match) {
- return match.toUpperCase();
- });
- };
- }
- }.call(this));