☰

WazeWrap Beta

A base library for WME script writers

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

此脚本不应直接安装。它是供其他脚本使用的外部库，要使用该库请加入元指令 // @require https://update.gf.qytechs.cn/scripts/24870/169731/WazeWrap%20Beta.js 

  1. // ==UserScript==
  2. // @name         WazeWrap Beta
  3. // @namespace    https://gf.qytechs.cn/users/30701-justins83-waze
  4. // @version      0.1.11
  5. // @description  A base library for WME script writers
  6. // @author       JustinS83/MapOMatic
  7. // @include      https://beta.waze.com/*editor/*
  8. // @include      https://www.waze.com/*editor/*
  9. // @exclude      https://www.waze.com/*user/editor/*
  10. // @grant        none
  11. // ==/UserScript==
  12.  
  13. /* global W */
  14. /* global WazeWrapBeta */
  15. var WazeWrapBeta = {};
  16.  
  17. (function() {
  18.  
  19. 	function bootstrap(tries) {
  20. 		tries = tries || 1;
  21. 		if (window.W &&
  22. 			window.W.map &&
  23. 			window.W.model &&
  24. 			window.W.loginManager &&
  25. 			$) {
  26. 			init();
  27. 		} else if (tries < 1000) {
  28. 			setTimeout(function () { bootstrap(tries++); }, 200);
  29. 		} else {
  30. 			console.log('WazeWrap failed to load');
  31. 		}
  32. 	}
  33.  
  34.     bootstrap();
  35.  
  36.     function init(){
  37. 		console.log("WazeWrapBeta initializing...");
  38. 		
  39.         var oldLib = window.WazeWrap;
  40.         var root = this;
  41.  
  42. 		WazeWrapBeta .Version = GM_info.script.version;
  43. 		WazeWrapBeta .isBetaEditor = /beta/.test(location.href);
  44.  
  45.         SetUpRequire();
  46.  
  47. 		WazeWrapBeta .test = "test";
  48.         
  49. 		WazeWrapBeta .Geometry = new Geometry;
  50. 		WazeWrapBeta .Model = new Model;
  51. 		WazeWrapBeta .Interface = new Interface;
  52. 		WazeWrapBeta .User = new User;
  53. 		WazeWrapBeta .Util = new Util;
  54. 		WazeWrapBeta.Require = new Require;
  55. 		
  56.         root.WazeWrapBeta = WazeWrapBeta ;
  57.  
  58.         console.log('WazeWrapBeta Loaded');
  59.     };
  60.  
  61.  
  62.     function SetUpRequire(){
  63.                 //if(this.isBetaEditor || typeof window.require !== "undefined")
  64.                 //     return;
  65.  
  66.                 console.log("Setting d2's require fix...");
  67.  
  68. 		// setup one global var and put all in
  69. 		var WMEAPI = {};
  70.  
  71. 		// detect URL of WME source code
  72. 		WMEAPI.scripts = document.getElementsByTagName('script');
  73.  
  74. 		WMEAPI.url=null;
  75. 		for (i=0;i<WMEAPI.scripts.length;i++){
  76. 			if (WMEAPI.scripts[i].src.indexOf('/assets-editor/js/app')!=-1)
  77. 			{
  78. 				WMEAPI.url=WMEAPI.scripts[i].src;
  79. 				break;
  80. 			}
  81. 		}
  82. 		if (WMEAPI.url==null)
  83. 			throw new Error("WME Hack: can't detect WME main JS");
  84.  
  85.  
  86. 		// setup a fake require and require.define
  87. 		WMEAPI.require=function (e) {
  88. 			if (WMEAPI.require.define.modules.hasOwnProperty(e))
  89. 				return WMEAPI.require.define.modules[e];
  90. 			else
  91. 				console.error('Require failed on ' + e, WMEAPI.require.define.modules);
  92. 			return null;
  93. 		};
  94.  
  95. 		WMEAPI.require.define=function (m) {
  96. 			if (WMEAPI.require.define.hasOwnProperty('modules')==false)
  97. 				WMEAPI.require.define.modules={};
  98. 			for (var p in m){
  99. 				WMEAPI.require.define.modules[p]=m[p];
  100. 			}
  101. 		};
  102.  
  103. 		// save the original webpackJsonp function
  104. 		WMEAPI.tmp = window.webpackJsonp;
  105.  
  106. 		// taken from WME code: this function is a wrapper that setup the API and may call recursively other functions
  107.  
  108. 		WMEAPI.t = function (n) {
  109. 			if (WMEAPI.s[n]) return WMEAPI.s[n].exports;
  110. 			var r = WMEAPI.s[n] = {
  111. 				exports: {},
  112. 				id: n,
  113. 				loaded: !1
  114. 			};
  115. 			return WMEAPI.e[n].call(r.exports, r, r.exports, WMEAPI.t), r.loaded = !0, r.exports;
  116. 		};
  117.  
  118. 		// e is a copy of all WME funcs because function t need to access to this list
  119. 		WMEAPI.e=[];
  120. console.log("1");
  121. 		// the patch
  122. 		window.webpackJsonp = function(a, i) {
  123. 		// our API but we will use it only to build the require stuffs
  124. 		var api={};
  125. 		// taken from WME code. a is [1], so...
  126. 		for (var o, d, u = 0, l = []; u < a.length; u++) d = a[u], WMEAPI.r[d] && l.push.apply(l, WMEAPI.r[d]), WMEAPI.r[d] = 0;
  127. 		console.log("2");
  128. 		var unknownCount=0;
  129. 		var classname, funcStr;
  130. 		console.log("0.1.10");
  131. 		// copy i in e and keep a link from classname to index in e
  132. 		for (o in i){
  133. 			WMEAPI.e[o] = i[o];
  134. 			funcStr = i[o].toString();
  135. 			classname = funcStr.match(/CLASS_NAME:\"([^\"]*)\"/);
  136. 			if (classname){
  137. 				// keep the link.
  138. 				api[classname[1].replace(/\./g,'/').replace(/^W\//, 'Waze/')]={index: o, func: WMEAPI.e[o]};
  139. 			}
  140. 			else{
  141. 				api['Waze/Unknown/' + unknownCount]={index: o, func: WMEAPI.e[o]};
  142. 				unknownCount++;
  143. 			}
  144. 			
  145. 		}
  146. 		console.log("3");
  147. 		// taken from WME code: it calls the original webpackJsonp and do something else, but I don't really know what.
  148. 		// removed the call to the original webpackJsonp: still works...
  149. 		//for (tmp && tmp(a, i); l.length;) l.shift().call(null, t);
  150. 		for (; l.length;) l.shift().call(null, WMEAPI.t);
  151. 		WMEAPI.s[0] = 0;
  152. 		
  153. 		// run the first func of WME. This first func will call recusrsively all funcs needed to setup the API.
  154. 		// After this call, s will contain all instanciables classes.
  155. 		//var ret = WMEAPI.t(0);
  156. 		
  157. 		// now, build the requires thanks to the link we've built in var api.
  158. 		var module={};
  159. 		var apiFuncName;
  160. 		unknownCount=0;
  161. 		console.log("4");
  162. 		for (o in i){
  163. 			funcStr = i[o].toString();
  164. 			classname = funcStr.match(/CLASS_NAME:\"([^\"]*)\"/);
  165. 			if (classname){
  166. 				module={};
  167. 				apiFuncName = classname[1].replace(/\./g,'/').replace(/^W\//, 'Waze/');
  168. 				module[apiFuncName]=WMEAPI.t(api[apiFuncName].index);
  169. 				WMEAPI.require.define(module);
  170. 			}
  171. 			else{
  172. 				var matches = funcStr.match(/SEGMENT:"segment",/);
  173. 				if (matches){
  174. 					module={};
  175. 					apiFuncName='Waze/Model/ObjectType';
  176. 					module[apiFuncName]=WMEAPI.t(api['Waze/Unknown/' + unknownCount].index);
  177. 					WMEAPI.require.define(module);
  178. 				}
  179. 				unknownCount++;
  180. 			}
  181. 		}
  182. 		 console.log("5");
  183.  
  184. 		// restore the original func
  185. 		window.webpackJsonp=WMEAPI.tmp;
  186. console.log("6");
  187. 		// set the require public if needed
  188. 		// if so: others scripts must wait for the window.require to be available before using it.
  189. 		WazeWrapBeta.require = WMEAPI.require;
  190. console.log(WMEAPI.require);
  191. console.log(WazeWrapBeta.require);
  192. 		// all available functions are in WMEAPI.require.define.modules
  193. 		// console.debug this variable to read it:
  194. 		// console.debug('Modules: ', WMEAPI.require.define.modules);
  195. 		
  196. 		// run your script here:
  197. 		// setTimeout(yourscript);
  198. 		
  199. 		// again taken from WME code. Not sure about what it does.
  200. 		//if (i[0]) return ret;
  201. 		};
  202.  
  203. 		// some kind of global vars and init
  204. 		WMEAPI.s = {};
  205. 		WMEAPI.r = {
  206. 			0: 0
  207. 		};
  208.  
  209. 		// hacking finished
  210.  
  211. 		// load again WME through our patched func
  212. 		WMEAPI.WMEHACK_Injected_script = document.createElement("script");
  213. 		WMEAPI.WMEHACK_Injected_script.setAttribute("type", "application/javascript");
  214. 		WMEAPI.WMEHACK_Injected_script.src = WMEAPI.url;
  215. 		document.body.appendChild(WMEAPI.WMEHACK_Injected_script);
  216.                 console.log("d2 fix complete");
  217. 	}
  218.  
  219.     function Geometry(){
  220.         //var geometry = WazeWrap.Geometry;
  221.  
  222.         //Converts to "normal" GPS coordinates
  223.         this.ConvertTo4326 = function (long, lat){
  224.             var projI=new OpenLayers.Projection("EPSG:900913");
  225.             var projE=new OpenLayers.Projection("EPSG:4326");
  226.             return (new OpenLayers.LonLat(long, lat)).transform(projI,projE);
  227.         };
  228.     
  229.         this.ConvertTo900913 = function (long, lat){
  230.             var projI=new OpenLayers.Projection("EPSG:900913");
  231.             var projE=new OpenLayers.Projection("EPSG:4326");
  232.             return (new OpenLayers.LonLat(long, lat)).transform(projE,projI);
  233.         };
  234.  
  235.         //Converts the Longitudinal offset to an offset in 4326 gps coordinates
  236.         this.CalculateLongOffsetGPS = function(longMetersOffset, long, lat)
  237.         {
  238.             var R= 6378137; //Earth's radius
  239.             var dLon = longMetersOffset / (R * Math.cos(Math.PI * lat / 180)); //offset in radians
  240.             var lon0 = dLon * (180 / Math.PI); //offset degrees
  241.  
  242.             return lon0;
  243.         };
  244.  
  245.         //Converts the Latitudinal offset to an offset in 4326 gps coordinates
  246.         this.CalculateLatOffsetGPS = function(latMetersOffset, lat)
  247.         {
  248.             var R= 6378137; //Earth's radius
  249.             var dLat = latMetersOffset/R;
  250.             var lat0 = dLat * (180  /Math.PI); //offset degrees
  251.  
  252.             return lat0;
  253.         };
  254. 		
  255. 		/**
  256. 		 * Checks if the given geometry is on screen
  257.          * @function WazeWrap.Model.isGeometryInMapExtent
  258.          * @param {OpenLayers.Geometry} Geometry to check if any part of is in the current viewport
  259.          */
  260. 		this.isLonLatInMapExtent = function (lonLat) {
  261.             'use strict';
  262.             return lonLat && W.map.getExtent().containsLonLat(lonLat);
  263.         };
  264. 		
  265. 		/**
  266. 		 * Checks if the given geometry is on screen
  267.          * @function WazeWrap.Model.isGeometryInMapExtent
  268.          * @param {OpenLayers.Geometry} Geometry to check if any part of is in the current viewport
  269.          */
  270. 		this.isGeometryInMapExtent = function (geometry) {
  271.             'use strict';
  272.             return geometry && geometry.getBounds &&
  273.                 W.map.getExtent().intersectsBounds(geometry.getBounds());
  274.         };
  275. 		
  276. 		/**
  277. 		 * Calculates the distance between two given points
  278.          * @function WazeWrap.Model.calculateDistance
  279.          * @param {OpenLayers.Geometry.Point} An array of OL.Geometry.Point with which to measure the total distance. A minimum of 2 points is needed.
  280.          */
  281. 		this.calculateDistance = function(pointArray) {
  282. 			if(pointArray.length < 2)
  283. 				return 0;
  284.  
  285. 			var line = new OpenLayers.Geometry.LineString(pointArray);
  286. 			length = line.getGeodesicLength(W.map.getProjectionObject());
  287. 			return length; //multiply by 3.28084 to convert to feet
  288. 		};
  289.  
  290. 		this.findClosestSegment = function(mygeometry){
  291. 			var onscreenSegments = WazeWrapBeta.Model.getOnscreenSegments();
  292. 			var minDistance = Infinity;
  293. 			var closestSegment;
  294. 			
  295. 			for (s in onscreenSegments) {
  296. 				if (!onscreenSegments.hasOwnProperty(s))
  297. 					continue;
  298.  
  299. 				segmentType = onscreenSegments[s].attributes.roadType;
  300. 				if (segmentType === 10 || segmentType === 3 || segmentType === 16 || segmentType === 18 || segmentType === 19) //10 ped boardwalk, 16 stairway, 18 railroad, 19 runway, 3 freeway
  301. 					continue;
  302.  
  303. 				distanceToSegment = mygeometry.distanceTo(onscreenSegments[s].geometry, {details: true});
  304.  
  305. 				if (distanceToSegment.distance < minDistance) {
  306. 					minDistance = distanceToSegment.distance;
  307. 					closestSegment = onscreenSegments[s];//.seg = s;
  308. 					//closestSegment.point = new OL.Geometry.Point(distanceToSegment.x1, distanceToSegment.y1);
  309. 				}
  310. 			}
  311. 			return closestSegment;
  312. 		};
  313.     };
  314.  
  315.     function Model(){
  316.  
  317.         this.getPrimaryStreetID = function(segmentID){
  318.             return W.model.segments.get(segmentID).attributes.primaryStreetID;
  319.         };
  320.  
  321.         this.getStreetName = function(primaryStreetID){
  322.             return W.model.streets.get(PrimaryStreetID).name;
  323.         };
  324.  
  325.         this.getCityID = function(primaryStreetID){
  326.             return W.model.streets.get(primaryStreetID).cityID;
  327.         };
  328.  
  329.         this.getCityName = function(primaryStreetID){
  330.             return W.model.cities.get(this.getCityID(primaryStreetID)).attributes.Name;
  331.         };
  332.  
  333.         this.getStateName = function(primaryStreetID){
  334.             return W.model.states.get(getStateID(primaryStreetID)).Name;   
  335.         };
  336.  
  337.         this.getStateID = function(primaryStreetID){
  338.             return W.model.cities.get(primaryStreetID).attributes.stateID;
  339.         };
  340.  
  341.         this.getCountryID = function(primaryStreetID){
  342.             return W.model.cities.get(this.getCityID(primaryStreetID)).attributes.CountryID;
  343.         };
  344.  
  345.         this.getCountryName = function(primaryStreetID){
  346.             return W.model.countries.get(getCountryID(primaryStreetID)).name;
  347.         };
  348.  
  349.         this.getCityNameFromSegmentObj = function(segObj){
  350.             return this.getCityName(segObj.attributes.primaryStreetID);
  351.         };
  352.  
  353.         this.getStateNameFromSegmentObj = function(segObj){
  354.             return this.getStateName(segObj.attributes.primaryStreetID);
  355.         };
  356.  
  357.         //returns an array of segmentIDs for all segments that are part of the same roundabout as the passed segment
  358.         this.getAllRoundaboutSegmentsFromObj = function(segObj){
  359.             if(segObj.model.attributes.junctionID === null)
  360.                 return null;
  361.  
  362.             return W.model.junctions.objects[segObj.model.attributes.junctionID].segIDs;
  363.         };
  364.  
  365.         this.getAllRoundaboutJunctionNodesFromObj = function(segObj){
  366.             var RASegs = this.getAllRoundaboutSegmentsFromObj(segObj);
  367.             var RAJunctionNodes = [];
  368.             for(i=0; i< RASegs.length; i++){
  369.                 RAJunctionNodes.push(W.model.nodes.objects[W.model.segments.get(RASegs[i]).attributes.toNodeID]);
  370.  
  371.             }
  372.             return RAJunctionNodes;
  373.         };
  374.  
  375.         this.isRoundaboutSegmentID = function(segmentID){
  376.             if(W.model.segments.get(segmentID).attributes.junctionID === null)
  377.                 return false;
  378.             else
  379.                 return true;
  380.         };
  381.  
  382.         this.isRoundaboutSegmentObj = function(segObj){
  383.             if(segObj.model.attributes.junctionID === null)
  384.                 return false;
  385.             else
  386.                 return true;
  387.         };
  388.  
  389.  
  390. 		this.getOnscreenSegments = function(){
  391. 			var segments = W.model.segments.objects;
  392. 			var mapExtent = W.map.getExtent();
  393. 			var onScreenSegments = [];
  394. 			var seg;
  395.  
  396. 			for (s in segments) {
  397. 				if (!segments.hasOwnProperty(s))
  398. 					continue;
  399.  
  400. 				seg = W.model.segments.get(s);
  401. 				if (mapExtent.intersectsBounds(seg.geometry.getBounds()))
  402. 					onScreenSegments.push(seg);
  403. 			}
  404. 			return onScreenSegments;
  405. 		};
  406.  
  407. /**
  408.          * Defers execution of a callback function until the WME map and data 
  409.          * model are ready. Call this function before calling a function that 
  410.          * causes a map and model reload, such as W.map.moveTo(). After the 
  411.          * move is completed the callback function will be executed.
  412.          * @function WazeWrap.Model.onModelReady
  413.          * @param {Function} callback The callback function to be executed.
  414.          * @param {Boolean} now Whether or not to call the callback now if the
  415.          * model is currently ready.
  416.          * @param {Object} context The context in which to call the callback.
  417.          */
  418.         this.onModelReady = function (callback, now, context) {
  419.             var deferModelReady = function () {
  420.                 return $.Deferred(function (dfd) {
  421.                     var resolve = function () {
  422.                         dfd.resolve();
  423.                         W.model.events.unregister('mergeend', null, resolve);
  424.                     };
  425.                     W.model.events.register('mergeend', null, resolve);
  426.                 }).promise();
  427.             };
  428.             var deferMapReady = function () {
  429.                 return $.Deferred(function (dfd) {
  430.                     var resolve = function () {
  431.                         dfd.resolve();
  432.                         W.vent.off('operationDone', resolve);
  433.                     };
  434.                     W.vent.on('operationDone', resolve);
  435.                 }).promise();
  436.             };
  437.  
  438.             if (typeof callback === 'function') {
  439.                 context = context || callback;
  440.                 if (now && WazeWrapBeta.Util.mapReady() && WazeWrapBeta.Util.modelReady()) {
  441.                     callback.call(context);
  442.                 } else {
  443.                     $.when(deferMapReady() && deferModelReady()).
  444.                         then(function () {
  445.                             callback.call(context);
  446.                         });
  447.                 }
  448.             }
  449.         };
  450.     };
  451. 	
  452. 	function User(){
  453. 		this.Rank = function(){
  454. 			return W.loginManager.user.normalizedLevel;
  455. 		};
  456.  
  457. 		this.Username = function(){
  458. 			return W.loginManager.user.userName;
  459. 		};
  460.  
  461. 		this.isCM = function(){
  462. 			if(W.loginManager.user.editableCountryIDs.length > 0)
  463. 				return true;
  464. 			else
  465. 				return false;
  466. 		};
  467. 		
  468. 		this.isAM = function(){
  469. 			return W.loginManager.user.isAreaManager;
  470. 		};
  471. 	};
  472.  
  473.  
  474. 	function Require(){
  475. this.DragElement = function(){
  476. 			var myDragElement = OL.Class({
  477. 			started: !1,
  478. 			stopDown: !0,
  479. 			dragging: !1,
  480. 			touch: !1,
  481. 			last: null ,
  482. 			start: null ,
  483. 			lastMoveEvt: null ,
  484. 			oldOnselectstart: null ,
  485. 			interval: 0,
  486. 			timeoutId: null ,
  487. 			forced: !1,
  488. 			active: !1,
  489. 			initialize: function(e) {
  490. 				this.map = e,
  491. 				this.uniqueID = myDragElement.baseID--
  492. 			},
  493. 			callback: function(e, t) {
  494. 				if (this[e])
  495. 					return this[e].apply(this, t)
  496. 			},
  497. 			dragstart: function(e) {
  498. 				e.xy = new OL.Pixel(e.clientX - this.map.viewPortDiv.offsets[0],e.clientY - this.map.viewPortDiv.offsets[1]);
  499. 				var t = !0;
  500. 				return this.dragging = !1,
  501. 				(OL.Event.isLeftClick(e) || OL.Event.isSingleTouch(e)) && (this.started = !0,
  502. 				this.start = e.xy,
  503. 				this.last = e.xy,
  504. 				OL.Element.addClass(this.map.viewPortDiv, "olDragDown"),
  505. 				this.down(e),
  506. 				this.callback("down", [e.xy]),
  507. 				OL.Event.stop(e),
  508. 				this.oldOnselectstart || (this.oldOnselectstart = document.onselectstart ? document.onselectstart : OL.Function.True),
  509. 				document.onselectstart = OL.Function.False,
  510. 				t = !this.stopDown),
  511. 				t
  512. 			},
  513. 			forceStart: function() {
  514. 				var e = arguments.length > 0 && void 0 !== arguments[0] && arguments[0];
  515. 				return this.started = !0,
  516. 				this.endOnMouseUp = e,
  517. 				this.forced = !0,
  518. 				this.last = {
  519. 					x: 0,
  520. 					y: 0
  521. 				},
  522. 				this.callback("force")
  523. 			},
  524. 			forceEnd: function() {
  525. 				if (this.forced)
  526. 					return this.endDrag()
  527. 			},
  528. 			dragmove: function(e) {
  529. 				return this.map.viewPortDiv.offsets && (e.xy = new OL.Pixel(e.clientX - this.map.viewPortDiv.offsets[0],e.clientY - this.map.viewPortDiv.offsets[1])),
  530. 				this.lastMoveEvt = e,
  531. 				!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)),
  532. 				this.dragging = !0,
  533. 				this.move(e),
  534. 				this.oldOnselectstart || (this.oldOnselectstart = document.onselectstart,
  535. 				document.onselectstart = OL.Function.False),
  536. 				this.last = e.xy),
  537. 				!0
  538. 			},
  539. 			dragend: function(e) {
  540. 				if (e.xy = new OL.Pixel(e.clientX - this.map.viewPortDiv.offsets[0],e.clientY - this.map.viewPortDiv.offsets[1]),
  541. 				this.started) {
  542. 					var t = this.start !== this.last;
  543. 					this.endDrag(),
  544. 					this.up(e),
  545. 					this.callback("up", [e.xy]),
  546. 					t && this.callback("done", [e.xy])
  547. 				}
  548. 				return !0
  549. 			},
  550. 			endDrag: function() {
  551. 				this.started = !1,
  552. 				this.dragging = !1,
  553. 				this.forced = !1,
  554. 				OL.Element.removeClass(this.map.viewPortDiv, "olDragDown"),
  555. 				document.onselectstart = this.oldOnselectstart
  556. 			},
  557. 			down: function(e) {},
  558. 			move: function(e) {},
  559. 			up: function(e) {},
  560. 			out: function(e) {},
  561. 			mousedown: function(e) {
  562. 				return this.dragstart(e)
  563. 			},
  564. 			touchstart: function(e) {
  565. 				return this.touch || (this.touch = !0,
  566. 				this.map.events.un({
  567. 					mousedown: this.mousedown,
  568. 					mouseup: this.mouseup,
  569. 					mousemove: this.mousemove,
  570. 					click: this.click,
  571. 					scope: this
  572. 				})),
  573. 				this.dragstart(e)
  574. 			},
  575. 			mousemove: function(e) {
  576. 				return this.dragmove(e)
  577. 			},
  578. 			touchmove: function(e) {
  579. 				return this.dragmove(e)
  580. 			},
  581. 			removeTimeout: function() {
  582. 				if (this.timeoutId = null ,
  583. 				this.dragging)
  584. 					return this.mousemove(this.lastMoveEvt)
  585. 			},
  586. 			mouseup: function(e) {
  587. 				if (!this.forced || this.endOnMouseUp)
  588. 					return this.started ? this.dragend(e) : void 0
  589. 			},
  590. 			touchend: function(e) {
  591. 				if (e.xy = this.last,
  592. 				!this.forced)
  593. 					return this.dragend(e)
  594. 			},
  595. 			click: function(e) {
  596. 				return this.start === this.last
  597. 			},
  598. 			activate: function(e) {
  599. 				this.$el = e,
  600. 				this.active = !0;
  601. 				var t = $(this.map.viewPortDiv);
  602. 				return this.$el.on("mousedown.drag-" + this.uniqueID, $.proxy(this.mousedown, this)),
  603. 				this.$el.on("touchstart.drag-" + this.uniqueID, $.proxy(this.touchstart, this)),
  604. 				$(document).on("mouseup.drag-" + this.uniqueID, $.proxy(this.mouseup, this)),
  605. 				t.on("mousemove.drag-" + this.uniqueID, $.proxy(this.mousemove, this)),
  606. 				t.on("touchmove.drag-" + this.uniqueID, $.proxy(this.touchmove, this)),
  607. 				t.on("touchend.drag-" + this.uniqueID, $.proxy(this.touchend, this))
  608. 			},
  609. 			deactivate: function() {
  610. 				return this.active = !1,
  611. 				this.$el.off(".drag-" + this.uniqueID),
  612. 				$(this.map.viewPortDiv).off(".drag-" + this.uniqueID),
  613. 				$(document).off(".drag-" + this.uniqueID),
  614. 				this.touch = !1,
  615. 				this.started = !1,
  616. 				this.forced = !1,
  617. 				this.dragging = !1,
  618. 				this.start = null ,
  619. 				this.last = null ,
  620. 				OL.Element.removeClass(this.map.viewPortDiv, "olDragDown")
  621. 			},
  622. 			adjustXY: function(e) {
  623. 				var t = OL.Util.pagePosition(this.map.viewPortDiv);
  624. 				return e.xy.x -= t[0],
  625. 				e.xy.y -= t[1]
  626. 			},
  627. 			CLASS_NAME: "W.Handler.DragElement"
  628. 			});
  629.                  myDragElement.baseID = 0;
  630. 				 return myDragElement;
  631. 		 };
  632. 	
  633. 		this.DivIcon = OpenLayers.Class({
  634. 			className: null ,
  635. 			$div: null ,
  636. 			events: null ,
  637. 			initialize: function(e, t) {
  638. 				this.className = e,
  639. 					this.moveWithTransform = !!t,
  640. 					this.$div = $("<div />").addClass(e),
  641. 					this.div = this.$div.get(0),
  642. 					this.imageDiv = this.$div.get(0);
  643. 			},
  644. 			destroy: function() {
  645. 				this.erase(),
  646. 					this.$div = null;
  647. 			},
  648. 			clone: function() {
  649. 				return new i(this.className);
  650. 			},
  651. 			draw: function(e) {
  652. 				return this.moveWithTransform ? (this.$div.css({
  653. 					transform: "translate(" + e.x + "px, " + e.y + "px)"
  654. 				}),
  655. 												 this.$div.css({
  656. 					position: "absolute"
  657. 				})) : this.$div.css({
  658. 					position: "absolute",
  659. 					left: e.x,
  660. 					top: e.y
  661. 				}),
  662. 					this.$div.get(0);
  663. 			},
  664. 			moveTo: function(e) {
  665. 				null !== e && (this.px = e),
  666. 					null === this.px ? this.display(!1) : this.moveWithTransform ? this.$div.css({
  667. 					transform: "translate(" + this.px.x + "px, " + this.px.y + "px)"
  668. 				}) : this.$div.css({
  669. 					left: this.px.x,
  670. 					top: this.px.y
  671. 				});
  672. 			},
  673. 			erase: function() {
  674. 				this.$div.remove();
  675. 			},
  676. 			display: function(e) {
  677. 				this.$div.toggle(e);
  678. 			},
  679. 			isDrawn: function() {
  680. 				return !!this.$div.parent().length;
  681. 			},
  682. 			bringToFront: function() {
  683. 				if (this.isDrawn()) {
  684. 					var e = this.$div.parent();
  685. 					this.$div.detach().appendTo(e);
  686. 				}
  687. 			},
  688. 			forceReflow: function() {
  689. 				return this.$div.get(0).offsetWidth;
  690. 			},
  691. 			CLASS_NAME: "Waze.DivIcon"
  692. 		});
  693. 	};
  694. 	
  695. 	
  696. 	function Util(){
  697. 		/**
  698.          * Function to defer function execution until an element is present on 
  699.          * the page.
  700.          * @function WazeWrap.Util.waitForElement
  701.          * @param {String} selector The CSS selector string or a jQuery object 
  702.          * to find before executing the callback.
  703.          * @param {Function} callback The function to call when the page 
  704.          * element is detected.
  705.          * @param {Object} [context] The context in which to call the callback.
  706.          */
  707.         this.waitForElement = function (selector, callback, context) {
  708.             var jqObj;
  709.  
  710.             if (!selector || typeof callback !== 'function') {
  711.                 return;
  712.             }
  713.  
  714.             jqObj = typeof selector === 'string' ?
  715.                 $(selector) : selector instanceof $ ? selector : null;
  716.  
  717.             if (!jqObj.size()) {
  718.                 window.requestAnimationFrame(function () {
  719.                     WazeWrapBeta.Util.waitForElement(selector, callback, context);
  720.                 });
  721.             } else {
  722.                 callback.call(context || callback);
  723.             }
  724.         };
  725.  
  726.          /**
  727.          * Function to track the ready state of the map.
  728.          * @function WazeWrap.Util.mapReady
  729.          * @return {Boolean} Whether or not a map operation is pending or 
  730.          * undefined if the function has not yet seen a map ready event fired.
  731.          */
  732.         this.mapReady = function () {
  733.             var mapReady = true;
  734.             W.vent.on('operationPending', function () {
  735.                 mapReady = false;
  736.             });
  737.             W.vent.on('operationDone', function () {
  738.                 mapReady = true;
  739.             });
  740.             return function () {
  741.                 return mapReady;
  742.             };
  743.         } ();
  744.  
  745.          /**
  746.          * Function to track the ready state of the model.
  747.          * @function WazeWrap.Util.modelReady
  748.          * @return {Boolean} Whether or not the model has loaded objects or 
  749.          * undefined if the function has not yet seen a model ready event fired.
  750.          */
  751.         this.modelReady = function () {
  752.             var modelReady = true;
  753.             W.model.events.register('mergestart', null, function () {
  754.                 modelReady = false;
  755.             });
  756.             W.model.events.register('mergeend', null, function () {
  757.                 modelReady = true;
  758.             });
  759.             return function () {
  760.                 return modelReady;
  761.             };
  762.         } ();
  763. 	};
  764.  
  765.     function Interface() {
  766.         /**
  767.          * Generates id for message bars.
  768.          * @private
  769.          */
  770.         var getNextID = function () {
  771.             var id = 1;
  772.             return function () {
  773.                 return id++;
  774.             };
  775.         } ();
  776. 		
  777.         this.Shortcut = OL.Class(this, /** @lends WazeWrap.Interface.Shortcut.prototype */ {
  778.             name: null,
  779.             group: null,
  780.             title: null,
  781.             shortcut: {},
  782.             callback: null,
  783.             scope: null,
  784.             groupExists: false,
  785.             actionExists: false,
  786.             eventExists: false,
  787.             defaults: {
  788.                 group: 'default'
  789.             },
  790.                 
  791.             /**
  792.              * Creates a new {WazeWrap.Interface.Shortcut}.
  793.              * @class
  794.              * @name WazeWrap.Interface.Shortcut
  795.              * @param name {String} The name of the shortcut.
  796.              * @param group {String} The name of the shortcut group.
  797.              * @param title {String} The title to display for this group in the Keyboard shortcuts list
  798.              * @param shortcut {String} The shortcut key(s). The shortcut  
  799.              * should be of the form 'i' where i is the keyboard shortuct or 
  800.              * include modifier keys  such as 'CSA+i', where C = the control 
  801.              * key, S = the shift key, A = the alt key, and i = the desired 
  802.              * keyboard shortcut. The modifier keys are optional.
  803.              * @param callback {Function} The function to be called by the 
  804.              * shortcut.
  805.              * @param scope {Object} The object to be used as this by the 
  806.              * callback.
  807.              * @return {WazeWrap.Interface.Shortcut} The new shortcut object.
  808.              * @example //Creates new shortcut and adds it to the map.
  809.              * shortcut = new WazeWrap.Interface.Shortcut('myName', 'myGroup', 'C+p', callbackFunc, null).add();
  810.              */
  811.             initialize: function (name, group, title, shortcut, callback, scope) {
  812.                 if ('string' === typeof name && name.length > 0 &&
  813.                     'string' === typeof shortcut && shortcut.length > 0 &&
  814.                     'function' === typeof callback) {
  815.                     this.name = name;
  816.                     this.group = group || this.defaults.group;
  817.                     this.title = title;
  818.                     this.callback = callback;
  819.                     this.shortcut[shortcut] = name;
  820.                     if ('object' !== typeof scope) {
  821.                         this.scope = null;
  822.                     } else {
  823.                         this.scope = scope;
  824.                     }
  825.                     return this;
  826.                 }
  827.             },
  828.                 
  829.             /**
  830.             * Determines if the shortcut's group already exists.
  831.             * @private
  832.             */
  833.             doesGroupExist: function () {
  834.                 this.groupExists = 'undefined' !== typeof W.accelerators.Groups[this.group] &&
  835.                 undefined !== typeof W.accelerators.Groups[this.group].members &&
  836.                 W.accelerators.Groups[this.group].length > 0;
  837.                 return this.groupExists;
  838.             },
  839.                 
  840.             /**
  841.             * Determines if the shortcut's action already exists.
  842.             * @private
  843.             */
  844.             doesActionExist: function () {
  845.                 this.actionExists = 'undefined' !== typeof W.accelerators.Actions[this.name];
  846.                 return this.actionExists;
  847.             },
  848.                 
  849.             /**
  850.             * Determines if the shortcut's event already exists.
  851.             * @private
  852.             */
  853.             doesEventExist: function () {
  854.                 this.eventExists = 'undefined' !== typeof W.accelerators.events.listeners[this.name] &&
  855.                 W.accelerators.events.listeners[this.name].length > 0 &&
  856.                 this.callback === W.accelerators.events.listeners[this.name][0].func &&
  857.                 this.scope === W.accelerators.events.listeners[this.name][0].obj;
  858.                 return this.eventExists;
  859.             },
  860.                 
  861.             /**
  862.             * Creates the shortcut's group.
  863.             * @private
  864.             */
  865.             createGroup: function () {
  866.                 W.accelerators.Groups[this.group] = [];
  867.                 W.accelerators.Groups[this.group].members = [];
  868.                 if(this.title && !I18n.translations.en.keyboard_shortcuts.groups[this.group]){
  869.                     console.log("Here!");
  870.                     console.log(I18n.translations.en.keyboard_shortcuts.groups[this.group]);
  871.                     I18n.translations.en.keyboard_shortcuts.groups[this.group] = {};
  872.                     I18n.translations.en.keyboard_shortcuts.groups[this.group].description = this.title;
  873.                     I18n.translations.en.keyboard_shortcuts.groups[this.group].members = [];
  874.  
  875.                 }
  876.             },
  877.                 
  878.             /**
  879.             * Registers the shortcut's action.
  880.             * @private
  881.             */
  882.             addAction: function () {
  883.                 console.log("Name " + this.name);
  884.                 if(this.title)
  885.                     I18n.translations.en.keyboard_shortcuts.groups[this.group].members[this.name] = this.name;
  886.                 W.accelerators.addAction(this.name, { group: this.group });
  887.             },
  888.                 
  889.             /**
  890.             * Registers the shortcut's event.
  891.             * @private
  892.             */
  893.             addEvent: function () {
  894.                 W.accelerators.events.register(this.name, this.scope, this.callback);
  895.             },
  896.                 
  897.             /**
  898.             * Registers the shortcut's keyboard shortcut.
  899.             * @private
  900.             */
  901.             registerShortcut: function () {
  902.                 W.accelerators._registerShortcuts(this.shortcut);
  903.             },
  904.                 
  905.             /**
  906.             * Adds the keyboard shortcut to the map.
  907.             * @return {WazeWrap.Interface.Shortcut} The keyboard shortcut.
  908.             */
  909.             add: function () {
  910.                 /* If the group is not already defined, initialize the group. */
  911.                 if (!this.doesGroupExist()) {
  912.                     this.createGroup();
  913.                 }
  914.  
  915.                 /* Clear existing actions with same name */
  916.                 if (this.doesActionExist()) {
  917.                     W.accelerators.Actions[this.name] = null;
  918.                 }
  919.                 this.addAction();
  920.  
  921.                 /* Register event only if it's not already registered */
  922.                 if (!this.doesEventExist()) {
  923.                     this.addEvent();
  924.                 }
  925.  
  926.                 /* Finally, register the shortcut. */
  927.                 this.registerShortcut();
  928.                 return this;
  929.             },
  930.                 
  931.             /**
  932.             * Removes the keyboard shortcut from the map.
  933.             * @return {WazeWrap.Interface.Shortcut} The keyboard shortcut.
  934.             */
  935.             remove: function () {
  936.                 if (this.doesEventExist()) {
  937.                     W.accelerators.events.unregister(this.name, this.scope, this.callback);
  938.                 }
  939.                 if (this.doesActionExist()) {
  940.                     delete W.accelerators.Actions[this.name];
  941.                 }
  942.                 //remove shortcut?
  943.                 return this;
  944.             },
  945.                 
  946.             /**
  947.             * Changes the keyboard shortcut and applies changes to the map.
  948.             * @return {WazeWrap.Interface.Shortcut} The keyboard shortcut.
  949.             */
  950.             change: function (shortcut) {
  951.                 if (shortcut) {
  952.                     this.shortcut = {};
  953.                     this.shortcut[shortcut] = this.name;
  954.                     this.registerShortcut();
  955.                 }
  956.                 return this;
  957.             }
  958.         }),
  959.  
  960. 		this.Tab = OL.Class(this, {
  961.             /** @lends WazeWrap.Interface.Tab */
  962.             TAB_SELECTOR: '#user-tabs ul.nav-tabs',
  963.             CONTENT_SELECTOR: '#user-info div.tab-content',
  964.             callback: null,
  965.             $content: null,
  966.             context: null,
  967.             $tab: null,
  968.             
  969.             /**
  970.              * Creates a new WazeWrap.Interface.Tab. The tab is appended to the WME 
  971.              * editor sidebar and contains the passed HTML content.
  972.              * @class
  973.              * @name WazeWrap.Interface.Tab
  974.              * @param {String} name The name of the tab. Should not contain any 
  975.              * special characters.
  976.              * @param {String} content The HTML content of the tab.
  977.              * @param {Function} [callback] A function to call upon successfully 
  978.              * appending the tab.
  979.              * @param {Object} [context] The context in which to call the callback 
  980.              * function.
  981.                      * @return {WazeWrap.Interface.Tab} The new tab object.
  982.              * @example //Creates new tab and adds it to the page.
  983.              * new WazeWrap.Interface.Tab('thebestscriptever', '<div>Hello World!</div>');
  984.              */
  985.             initialize: function (name, content, callback, context) {
  986.                 var idName, i = 0;
  987.                 if (name && 'string' === typeof name &&
  988.                     content && 'string' === typeof content) {
  989.                     if (callback && 'function' === typeof callback) {
  990.                         this.callback = callback;
  991.                         this.context = context || callback;
  992.                     }
  993.                     /* Sanitize name for html id attribute */
  994.                     idName = name.toLowerCase().replace(/[^a-z-_]/g, '');
  995.                     /* Make sure id will be unique on page */
  996.                     while (
  997.                         $('#sidepanel-' + (i ? idName + i : idName)).length > 0) {
  998.                         i++;
  999.                     }
  1000.                     if (i) {
  1001.                         idName = idName + i;
  1002.                     }
  1003.                     /* Create tab and content */
  1004.                     this.$tab = $('<li/>')
  1005.                         .append($('<a/>')
  1006.                             .attr({
  1007.                                 'href': '#sidepanel-' + idName,
  1008.                                 'data-toggle': 'tab',
  1009.                             })
  1010.                             .text(name));
  1011.                     this.$content = $('<div/>')
  1012.                         .addClass('tab-pane')
  1013.                         .attr('id', 'sidepanel-' + idName)
  1014.                         .html(content);
  1015.  
  1016.                     this.appendTab();
  1017.                 }
  1018.             },
  1019.  
  1020.             append: function (content) {
  1021.                 this.$content.append(content);
  1022.             },
  1023.  
  1024.             appendTab: function () {
  1025.                 WazeWrapBeta.Util.waitForElement(
  1026.                     this.TAB_SELECTOR + ',' + this.CONTENT_SELECTOR,
  1027.                     function () {
  1028.                         $(this.TAB_SELECTOR).append(this.$tab);
  1029.                         $(this.CONTENT_SELECTOR).first().append(this.$content);
  1030.                         if (this.callback) {
  1031.                             this.callback.call(this.context);
  1032.                         }
  1033.                     }, this);
  1034.             },
  1035.  
  1036.             clearContent: function () {
  1037.                 this.$content.empty();
  1038.             },
  1039.  
  1040.             destroy: function () {
  1041.                 this.$tab.remove();
  1042.                 this.$content.remove();
  1043.             }
  1044.         });
  1045. 	};
  1046.  
  1047. }.call(this));

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址